/* Çamur — seramik atölyesi kabuğu. Önek: sr-. Font: Bevan (OFL), gövde sistem sans. */
@font-face{font-family:"Bevan";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/bevan-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bevan";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/bevan-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@property --p{syntax:"<number>";inherits:true;initial-value:2}
@view-transition{navigation:auto}

:root{--fd:"Bevan","Georgia","Times New Roman",serif;--fb:ui-rounded,"Avenir Next","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;--paper:#fffaf4;--bisque:#e8d6c1;--wood:linear-gradient(#e2c5a3,#c8a47c);--ease:cubic-bezier(.3,.8,.2,1);--shadow:0 18px 40px -22px rgba(90,56,34,.45);--org:46% 54% 52% 48%/54% 46% 54% 46%;--hh:92px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.sr-body{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:var(--fb);font-size:1.0625rem;line-height:1.62;overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--fd);font-weight:400;line-height:1.1;margin:0;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--c-primary);outline-offset:3px;border-radius:6px}
.sr-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link.sr-skip{position:fixed;left:12px;top:-60px;z-index:200;background:var(--c-primary);color:var(--c-on-primary);padding:10px 16px;border-radius:12px;text-decoration:none;transition:top .2s}
.sr-skip:focus{top:12px}
.sr-preview{background:var(--c-primary);color:var(--c-on-primary);text-align:center;padding:6px;font-size:.85rem}
.is-locked{overflow:hidden}
.sr-wrap{width:min(1240px,100% - 40px);margin-inline:auto}
.sr-wrap--narrow{width:min(780px,100% - 40px)}
.sr-vs{fill:var(--g)}
.sr-vs path[stroke="var(--g)"]{stroke:var(--g)}
.sr-num{font-family:var(--fd);font-weight:400;font-variant-numeric:tabular-nums;color:var(--c-accent-ink)}
.sr-cur{font-size:.7em;margin-right:.1em;vertical-align:.15em}
.sr-small{font-size:.85rem;color:var(--c-muted);margin-top:.9rem}
.sr-link{color:var(--c-accent-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.sr-note{font-size:.88rem;color:var(--c-muted);margin-top:1.4rem;max-width:62ch}
.sr-eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--c-accent-ink)}
.sr-h1{font-size:clamp(2.4rem,5vw,4rem)}
.sr-h2{font-size:clamp(1.9rem,3.4vw,3rem)}
.sr-h3{font-size:clamp(1.25rem,2vw,1.6rem);margin:2rem 0 .8rem}
.sr-lead{font-size:1.2rem;color:var(--c-ink-soft);margin-top:1rem}
.sr-more{display:inline-flex;gap:.5rem;align-items:center;font-weight:700;text-decoration:none;color:var(--c-primary-ink);border-bottom:2px solid currentColor;padding-bottom:2px;white-space:nowrap}
.sr-more svg{width:18px;height:18px}

/* düğmeler: elle bastırılmış çamur pulu */
.sr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.8rem 1.5rem;background:var(--c-accent);color:var(--c-on-accent);border:2px solid var(--c-accent-dark);border-radius:26px 18px 28px 16px/18px 26px 16px 28px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 5px 0 var(--c-accent-dark);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .2s;line-height:1.2}
.sr-btn:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--c-accent-dark)}
.sr-btn:active{transform:translateY(5px);box-shadow:0 0 0 var(--c-accent-dark)}
.sr-btn svg{width:18px;height:18px}
.sr-btn--ghost{background:transparent;color:var(--c-ink);border-color:var(--c-ink);box-shadow:0 5px 0 var(--c-ink)}
.sr-btn--ghost:hover{background:var(--paper)}
.sr-btn--sm{padding:.55rem 1.05rem;font-size:.92rem;box-shadow:0 4px 0 var(--c-accent-dark)}
.sr-btn--lg{padding:1rem 1.8rem;font-size:1.05rem}
.sr-btn--block{display:flex;width:100%}
.sr-btn.is-cur{background:var(--c-primary);border-color:var(--c-primary-dark);box-shadow:0 5px 0 var(--c-primary-dark)}

/* ───── üst: raf menüsü ───── */
.sr-head{position:sticky;top:0;z-index:50;background:var(--c-bg);border-bottom:2px solid var(--c-border);transition:box-shadow .3s}
.sr-head.is-stuck{box-shadow:0 12px 24px -18px rgba(90,56,34,.5)}
.sr-head__in{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:28px;width:min(1400px,100% - 40px);margin-inline:auto;padding-top:10px}
.sr-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;align-self:center;padding-bottom:6px}
.sr-brand__name{font-family:var(--fd);font-size:1.45rem;letter-spacing:.02em;color:var(--c-ink)}
.sr-brand__logo{max-height:48px;width:auto}
.sr-mark{color:var(--c-ink);flex:none}
.sr-shelf-wrap{justify-self:center;min-width:0}
.sr-shelf{display:flex;gap:clamp(8px,1.2vw,18px);align-items:flex-end;position:relative;padding:0 14px}
.sr-shelf::after{content:"";position:absolute;left:0;right:0;bottom:22px;height:9px;border-radius:5px;background:var(--wood);box-shadow:0 6px 8px -4px rgba(90,56,34,.4);z-index:0}
.sr-pot{position:relative;z-index:1}
.sr-pot__a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--c-ink-soft);padding:0 6px}
.sr-pot__v{width:42px;height:50px;margin-bottom:-2px;--g:var(--bisque);transform-origin:50% 100%;transition:transform .35s var(--ease),filter .3s;position:relative;z-index:2}
.sr-pot__t{display:block;height:22px;padding-top:9px;font-size:.72rem;font-weight:800;line-height:1;letter-spacing:.02em;white-space:nowrap}
.sr-pot:hover .sr-pot__v,.sr-pot:focus-within .sr-pot__v,.sr-pot.is-cur .sr-pot__v{--g:var(--pg)}
.sr-pot:hover .sr-pot__v{transform:translateY(-5px) rotate(-4deg)}
.sr-pot.is-cur .sr-pot__v{transform:translateY(-3px) scale(1.12)}
.sr-pot.is-cur .sr-pot__t{color:var(--c-accent-ink)}
.sr-pot.is-cur .sr-pot__t::after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--c-accent);margin:3px auto 0}
.sr-nav__subtoggle{position:absolute;right:-4px;top:2px;width:20px;height:20px;border:0;background:var(--paper);border-radius:50%;font-size:.6rem;cursor:pointer;z-index:3}
.sr-nav__sub{position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);min-width:11rem;background:var(--paper);border:2px solid var(--c-border-2);border-radius:16px;padding:.4rem;display:none;box-shadow:var(--shadow);z-index:6}
.sr-pot:hover>.sr-nav__sub,.sr-pot:focus-within>.sr-nav__sub,.sr-pot.is-open>.sr-nav__sub{display:block}
.sr-nav__sub a{display:block;padding:.5rem .8rem;border-radius:10px;text-decoration:none;font-size:.9rem}
.sr-nav__sub a:hover{background:var(--c-surface)}
.sr-head__act{display:flex;align-items:center;gap:14px;align-self:center;padding-bottom:6px}
.sr-head__tel{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;font-weight:800;font-size:.95rem;white-space:nowrap}
.sr-head__tel svg{width:18px;height:18px;color:var(--c-accent-ink)}
.sr-head__shelf{display:none}
.sr-bars{display:grid;gap:4px}
.sr-bars i{display:block;width:18px;height:3px;border-radius:2px;background:currentColor}
.sr-head__prog{position:absolute;left:0;bottom:-2px;height:4px;width:calc(var(--sp,0) * 100%);background:var(--c-accent);border-radius:0 4px 4px 0}

/* alt çubuk + çekmece (mobil) */
.sr-dock{display:none}
.sr-drawer{position:fixed;inset:0;z-index:120;visibility:hidden}
.sr-drawer.is-open{visibility:visible}
.sr-drawer__veil{position:absolute;inset:0;background:rgba(58,42,34,.45);opacity:0;transition:opacity .4s}
.sr-drawer.is-open .sr-drawer__veil{opacity:1}
.sr-drawer__sheet{position:absolute;left:0;right:0;bottom:0;max-height:94vh;overflow:auto;background:var(--c-bg);border-radius:30px 30px 0 0;padding:20px 20px calc(24px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .55s var(--ease)}
.sr-drawer.is-open .sr-drawer__sheet{transform:none}
.sr-drawer__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.sr-drawer__k{font-family:var(--fd);font-size:1.6rem}
.sr-drawer__x{display:inline-flex;align-items:center;gap:.4rem;border:2px solid var(--c-ink);background:transparent;border-radius:999px;padding:.4rem .9rem;font-weight:800;cursor:pointer}
.sr-drawer__x svg{width:16px;height:16px}
.sr-dshelf{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;position:relative;padding:20px 8px 0;margin-top:8px}
.sr-dshelf::after{content:"";position:absolute;left:-4px;right:-4px;bottom:32px;height:11px;border-radius:6px;background:var(--wood);box-shadow:0 8px 10px -6px rgba(90,56,34,.45)}
.sr-dpot{position:relative;z-index:1;opacity:0;transform:translateY(26px)}
.sr-drawer.is-open .sr-dpot{opacity:1;transform:none;transition:opacity .5s calc(.15s + var(--i) * .06s),transform .6s var(--ease) calc(.15s + var(--i) * .06s)}
.sr-dpot__a{display:flex;flex-direction:column;align-items:center;text-decoration:none}
.sr-dpot__v{width:54px;height:62px;--g:var(--pg);margin-bottom:-3px;position:relative;z-index:2;transition:transform .3s var(--ease)}
.sr-dpot.is-cur .sr-dpot__v,.sr-dpot__a:hover .sr-dpot__v{--g:var(--pg);transform:scale(1.08) translateY(-3px)}
.sr-dpot__t{display:block;padding:13px 0 6px;font-weight:800;font-size:.8rem;text-align:center;line-height:1.15}
.sr-dpot.is-cur .sr-dpot__t{color:var(--c-accent-ink)}
.sr-drawer__go{margin-top:20px}
.sr-drawer__kids{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.sr-drawer__kids a{display:block;padding:.4rem .9rem;border:2px solid var(--c-border-2);border-radius:999px;text-decoration:none;font-size:.9rem}
.sr-drawer__meta{display:grid;gap:4px;margin-top:18px;font-size:.92rem;color:var(--c-ink-soft)}
.sr-drawer__meta a{text-decoration:none;font-weight:700}
.sr-fab{position:fixed;right:16px;bottom:16px;z-index:60}

/* ───── hero: çömlekçi çarkı ───── */
.sr-hero{position:relative;padding:clamp(28px,4vw,56px) 0 clamp(44px,6vw,84px);overflow:hidden;background:radial-gradient(60% 70% at 50% 38%,color-mix(in srgb,var(--pick) 38%,transparent),transparent 72%),radial-gradient(40% 50% at 8% 90%,color-mix(in srgb,var(--c-secondary) 40%,transparent),transparent 70%)}
.sr-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr) minmax(0,.98fr);gap:clamp(20px,3vw,48px);align-items:center}
.sr-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .9rem;border:2px solid var(--c-ink);border-radius:999px;font-size:.85rem;font-weight:800;background:var(--paper)}
.sr-pill svg{width:16px;height:16px;color:var(--c-accent-ink)}
.sr-hero__t{font-size:clamp(2.5rem,4.7vw,4.5rem);line-height:1.02;margin:1.1rem 0 1rem;letter-spacing:-.01em}
.sr-hero__t span{display:block}
.sr-hero__t em{display:block;font-style:normal;color:var(--c-accent-ink);text-decoration:underline wavy var(--c-accent-soft);text-decoration-thickness:6px;text-underline-offset:10px;text-decoration-skip-ink:none}
.sr-live{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;font-size:.95rem;color:var(--c-primary-ink)}
.sr-live__dot{width:11px;height:11px;border-radius:50%;background:var(--c-accent)}
.sr-hero__sub{font-size:1.15rem;color:var(--c-ink-soft);max-width:34ch}
.sr-hero__act{display:flex;flex-wrap:wrap;gap:12px;margin:1.5rem 0 1.3rem}
.sr-chips{display:grid;gap:.5rem}
.sr-chips li{display:flex;gap:.55rem;align-items:center;font-weight:700;font-size:.95rem}
.sr-chips svg{width:18px;height:18px;color:var(--c-primary-ink);flex:none}
.sr-stats{display:flex;flex-wrap:wrap;gap:12px;margin:1.6rem 0 0}
.sr-stat{position:relative;background:var(--paper);border:2px solid var(--c-border-2);border-radius:8px 20px 8px 20px;padding:.7rem .95rem .6rem 1.6rem;transform:rotate(var(--r,0deg));box-shadow:0 8px 0 -4px var(--c-border)}
.sr-stat::before{content:"";position:absolute;left:.6rem;top:50%;width:9px;height:9px;margin-top:-5px;border-radius:50%;background:var(--c-bg);border:2px solid var(--c-border-2)}
.sr-stat dd{margin:0;font-family:var(--fd);font-size:1.35rem;line-height:1;color:var(--c-accent-ink)}
.sr-stat dt{font-size:.72rem;font-weight:800;color:var(--c-ink-soft);margin-top:.25rem}
.sr-stage{margin:0;justify-self:center;width:100%;max-width:400px}
.sr-arch{position:relative;aspect-ratio:3/4.1;border-radius:999px 999px 28px 28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pick) 55%,var(--c-bg)),color-mix(in srgb,var(--pick) 25%,var(--c-bg)));box-shadow:inset 0 0 0 6px var(--paper),0 30px 50px -30px rgba(90,56,34,.5);overflow:hidden;transition:background .6s}
.sr-throw{--p:2;position:absolute;inset:0;animation:sr-throw 13s ease-in-out infinite alternate}
@keyframes sr-throw{0%,6%{--p:0}42%,52%{--p:1}94%,100%{--p:2}}
.sr-hero.is-off .sr-throw{animation-play-state:paused}
.sr-ped{position:absolute;left:50%;bottom:0;width:46%;height:70px;transform:translateX(-50%);background:linear-gradient(90deg,#9d8774,#c4b09c 45%,#9d8774);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.sr-wheelhead{position:absolute;left:50%;bottom:60px;width:78%;height:34px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#dccdbb,#b5a28e);box-shadow:0 7px 0 #8d7a68,0 22px 24px -10px rgba(60,40,28,.5)}
.sr-wheelhead i{position:absolute;inset:6px 14%;border-radius:50%;border:2px dashed rgba(90,70,56,.35)}
.sr-clay{--cl:color-mix(in srgb,#c98f6c calc((1 - clamp(0,var(--p),1)) * 100%),var(--pick));--cd:color-mix(in srgb,var(--cl) 70%,#5a3a28);position:absolute;left:50%;bottom:84px;width:64%;transform:translateX(-50%);display:flex;flex-direction:column-reverse;align-items:center}
.sr-ring{display:block;width:100%;height:27px;margin-top:-12px;border-radius:50%;background:var(--pick);background:repeating-linear-gradient(90deg,transparent 0 16px,rgba(255,255,255,.2) 16px 24px) calc(var(--p) * 110px) 0/auto 100%,linear-gradient(90deg,var(--cd),var(--cl) 30%,var(--cl) 62%,var(--cd));box-shadow:inset 0 -4px 0 rgba(90,50,30,.16);transform:scaleX(calc(var(--a) + (var(--b) - var(--a)) * clamp(0,var(--p),1) + (var(--c) - var(--b)) * clamp(0,var(--p) - 1,1)))}
.sr-rib{position:absolute;left:calc(50% + 30% - var(--p) * 5%);bottom:calc(124px + var(--p) * 96px);width:92px;height:28px;background:linear-gradient(#e6c9a6,#cba57c);border-radius:30px 6px 6px 30px;border:2px solid #b78f63;transform:rotate(-14deg);box-shadow:0 8px 12px -6px rgba(60,40,28,.4)}
.sr-rib::after{content:"";position:absolute;right:12px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#b78f63}
.sr-sponge{position:absolute;left:8%;bottom:100px;width:58px;height:40px;border-radius:44% 56% 50% 50%;background:#f1d98f;box-shadow:inset -6px -6px 0 #d9bb5c;transform:rotate(-8deg)}
.sr-stage__cap{margin-top:16px;text-align:center}
.sr-stage__c{font-weight:800;font-size:.95rem}
.sr-glz{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 8px}
.sr-glz__b{width:30px;height:30px;border-radius:50%;border:3px solid var(--paper);background:var(--g);box-shadow:0 0 0 2px var(--c-border-2);cursor:pointer;padding:0;transition:transform .2s var(--ease)}
.sr-glz__b:hover{transform:scale(1.15)}
.sr-glz__b.is-on{box-shadow:0 0 0 3px var(--c-ink)}
.sr-stage__n{font-size:.8rem;color:var(--c-muted)}
.sr-stage__n span{font-weight:800;color:var(--c-ink)}

/* ───── bölümler ───── */
.sr-sec{position:relative;padding:clamp(56px,8vw,104px) 0}
.sr-sec--tight{padding:clamp(32px,5vw,56px) 0 clamp(48px,6vw,80px)}
.sr-sec--tint{background:var(--c-surface)}
.sr-sec--tint::before{content:"";position:absolute;left:0;right:0;top:-1px;height:30px;background:var(--c-bg);border-radius:0 0 50% 50%/0 0 100% 100%}
.sr-sec--tint::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:30px;background:var(--c-bg);border-radius:50% 50% 0 0/100% 100% 0 0}
.sr-sec--tint>.sr-wrap{position:relative;z-index:1}
.sr-sec--cta{padding-top:clamp(40px,6vw,80px)}
.sr-head2{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(28px,4vw,52px);flex-wrap:wrap}
.sr-head2--sp{margin-top:clamp(52px,7vw,96px)}
.sr-head2 .sr-eyebrow{margin-bottom:.5rem}

.sr-rise{will-change:transform}
html.js .sr-rise{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
html.js .sr-rise.is-in{opacity:1;transform:none}

/* raf düzeni */
.sr-rack{display:grid;gap:clamp(48px,6vw,80px)}
.sr-shelfrow{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:0 clamp(18px,3.4vw,52px);align-items:start}
.sr-rack .sr-shelfrow:nth-child(even),.sr-shelfrow:nth-child(even){grid-template-columns:1fr 1.15fr 1fr}
.sr-item{position:relative}
.sr-item:nth-child(2){margin-top:34px}
.sr-item:nth-child(3){margin-top:12px}
.sr-item__obj{display:block;width:80%;margin:0 auto;aspect-ratio:4/3.2;border-radius:999px 999px 8px 8px;overflow:hidden;background:color-mix(in srgb,var(--g) 45%,var(--c-bg));position:relative;z-index:1}
.sr-item__obj img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.sr-item:hover .sr-item__obj img{transform:scale(1.06)}
.sr-item__v{width:46%;margin:12% auto 0;--g:var(--g)}
.sr-item__plank{height:15px;margin:0 -6px;border-radius:5px;background:var(--wood);box-shadow:0 12px 14px -8px rgba(90,56,34,.5);position:relative;z-index:2}
.sr-etiket{position:relative;margin:30px 6% 0;padding:18px 18px 16px;background:var(--paper);border:2px solid var(--c-border-2);border-radius:8px 24px 8px 24px;transform-origin:50% -30px;transform:rotate(-1.2deg);transition:transform .6s var(--ease)}
.sr-item:nth-child(2) .sr-etiket{transform:rotate(1.3deg)}
.sr-item:nth-child(3) .sr-etiket{transform:rotate(-.6deg)}
.sr-item:hover .sr-etiket{transform:rotate(0)}
.sr-etiket__string{position:absolute;left:50%;top:-31px;width:2px;height:31px;background:var(--c-ink-soft);opacity:.55}
.sr-etiket::before{content:"";position:absolute;left:50%;top:7px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--c-bg);border:2px solid var(--c-border-2)}
.sr-etiket__badge{display:inline-block;background:var(--g);color:var(--c-ink);font-size:.7rem;font-weight:800;padding:.15rem .6rem;border-radius:999px;margin:10px 0 0}
.sr-etiket__code{display:block;font-size:.72rem;font-weight:800;letter-spacing:.16em;color:var(--c-muted);margin-top:14px}
.sr-etiket__badge+.sr-etiket__code{margin-top:6px}
.sr-etiket__t{font-size:1.2rem;margin:.25rem 0 .5rem}
.sr-etiket__t a{text-decoration:none}
.sr-etiket__t a::after{content:"";position:absolute;inset:-300px 0 0 0;z-index:1}
.sr-etiket__s{font-size:.9rem;color:var(--c-ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sr-etiket__p{margin-top:.8rem;font-weight:700;font-size:.9rem}
.sr-etiket__p .sr-num{font-size:1.5rem}
.sr-etiket__p small{font-size:.8rem;color:var(--c-muted);font-weight:700}
.sr-etiket__d{display:flex;gap:.4rem;align-items:center;font-size:.8rem;color:var(--c-muted);margin-top:.35rem}
.sr-etiket__d svg{width:14px;height:14px;flex:none}

/* çakıl taşları */
.sr-pebbles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.6vw,36px)}
.sr-pebble{background:color-mix(in srgb,var(--g) 52%,var(--c-bg));padding:clamp(28px,3vw,42px) clamp(24px,2.6vw,36px);border-radius:var(--org)}
.sr-pebble:nth-child(2){border-radius:54% 46% 44% 56%/46% 56% 44% 54%;margin-top:40px}
.sr-pebble:nth-child(3){border-radius:44% 56% 58% 42%/58% 42% 56% 44%}
.sr-pebble:nth-child(4){border-radius:58% 42% 48% 52%/44% 56% 44% 56%;margin-top:-6px}
.sr-pebble:nth-child(5){margin-top:34px;border-radius:48% 52% 42% 58%/56% 44% 56% 44%}
.sr-pebble:nth-child(6){border-radius:52% 48% 56% 44%/48% 58% 42% 52%}
.sr-pebble__i{width:34px;height:34px;color:var(--c-ink);margin-bottom:.9rem;padding:7px;background:var(--paper);border-radius:50%;box-sizing:content-box}
.sr-pebble__t{font-size:1.2rem;margin-bottom:.5rem}
.sr-pebble__x{font-size:.93rem;color:var(--c-ink-soft)}

/* süreç + fırın eğrisi */
.sr-proc{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,4vw,64px);align-items:start}
.sr-steps{display:grid;gap:18px;counter-reset:s}
.sr-step{position:relative;padding:20px 20px 18px 86px;background:var(--paper);border:2px solid var(--c-border-2);border-radius:26px 8px 26px 8px}
.sr-step:nth-child(even){margin-left:26px}
.sr-step__n{position:absolute;left:16px;top:12px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:var(--fd);font-size:1.7rem;background:var(--c-accent-soft);color:var(--c-ink)}
.sr-step:nth-child(2) .sr-step__n{background:var(--c-secondary)}
.sr-step:nth-child(3) .sr-step__n{background:#f1d98f}
.sr-step:nth-child(4) .sr-step__n{background:#c7d8b9}
.sr-step__t{font-size:1.2rem;margin-bottom:.3rem}
.sr-step__x{font-size:.93rem;color:var(--c-ink-soft)}
.sr-kiln{margin:0;background:var(--paper);border:2px solid var(--c-border-2);border-radius:999px 999px 28px 28px/150px 150px 28px 28px;padding:clamp(34px,4vw,56px) clamp(18px,3vw,36px) 26px;position:sticky;top:calc(var(--hh) + 16px)}
.sr-kiln__h{font-family:var(--fd);font-size:1.4rem;text-align:center;margin-bottom:8px}
.sr-kiln__svg{width:100%;height:auto;overflow:visible}
.sr-kiln__axis{stroke:var(--c-border-2);stroke-width:3;stroke-dasharray:2 10;stroke-linecap:round}
.sr-kiln__line{fill:none;stroke:var(--c-accent);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0}
html.js .sr-kiln__line{stroke-dashoffset:100}
html.js .sr-kiln.is-in .sr-kiln__line{stroke-dashoffset:0;transition:stroke-dashoffset 1.8s .3s ease-in-out}
.sr-kiln__pt circle{fill:var(--paper);stroke:var(--c-accent);stroke-width:4}
html.js .sr-kiln__pt{opacity:0}
html.js .sr-kiln.is-in .sr-kiln__pt{opacity:1;transition:opacity .5s calc(.5s + var(--i) * .4s)}
.sr-kiln__deg{font-family:var(--fd);font-size:17px;fill:var(--c-accent-ink)}
.sr-kiln__lab{font-size:11.5px;font-weight:800;fill:var(--c-ink-soft)}
.sr-kiln__notes{display:grid;gap:.35rem;margin-top:10px;font-size:.84rem;color:var(--c-ink-soft)}
.sr-kiln__notes b{color:var(--c-ink)}

/* ulaşım */
.sr-ways{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(24px,5vw,72px)}
.sr-ways--one{grid-template-columns:1fr}
.sr-way__a{display:grid;grid-template-columns:minmax(6.5rem,auto) 1fr auto;gap:2px 14px;align-items:center;padding:16px 0;border-bottom:2px dotted var(--c-border-2);text-decoration:none}
.sr-way__n{font-family:var(--fd);font-size:1.15rem}
.sr-way.is-pop .sr-way__n::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c-accent);margin-left:.45rem;vertical-align:.2em}
.sr-way__bar{position:relative;height:12px;border-radius:99px;background:var(--c-surface-2)}
.sr-way__bar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:99px;background:var(--g);transition:width 1.2s .2s var(--ease)}
html.js .sr-rise:not(.is-in) .sr-way__bar::before{width:0}
.sr-way__bar i{position:absolute;left:var(--w);top:50%;width:26px;height:30px;margin:-24px 0 0 -13px;transition:left 1.2s .2s var(--ease)}
html.js .sr-rise:not(.is-in) .sr-way__bar i{left:0}
.sr-way__bar .sr-vs{width:100%;height:100%}
.sr-way__t{font-weight:800;font-size:.9rem;color:var(--c-primary-ink);white-space:nowrap}
.sr-way__s{grid-column:1/-1;font-size:.82rem;color:var(--c-muted)}
.sr-way__a:hover .sr-way__n{color:var(--c-accent-ink)}

/* seans takvimi */
.sr-cal{background:var(--paper);border:2px solid var(--c-border-2);border-radius:34px;padding:clamp(22px,3.4vw,46px);box-shadow:var(--shadow)}
.sr-cal__head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.sr-fil{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.sr-cal__head .sr-fil{margin:0}
.sr-fil__b{border:2px solid var(--c-ink);background:transparent;border-radius:999px;padding:.35rem 1rem;font-weight:800;font-size:.85rem;cursor:pointer;transition:background .2s}
.sr-fil__b:hover{background:var(--c-surface)}
.sr-fil__b.is-on{background:var(--c-ink);color:var(--c-bg)}
.sr-sess__i{display:grid;grid-template-columns:70px minmax(0,1.3fr) minmax(0,1.2fr) auto auto;gap:12px 22px;align-items:center;padding:14px 0;border-top:2px dotted var(--c-border-2)}
.sr-sess__d{display:grid;place-items:center;width:62px;padding:6px 0 7px;background:color-mix(in srgb,var(--g) 60%,var(--c-bg));border-radius:12px 12px 18px 18px;transform:rotate(-3deg);box-shadow:0 5px 0 -2px var(--c-border-2)}
.sr-sess__d b{font-family:var(--fd);font-size:1.6rem;line-height:1}
.sr-sess__d small{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.sr-sess__w b{display:block;font-size:1.02rem}
.sr-sess__w small{color:var(--c-muted);font-size:.85rem}
.sr-sess__dots{display:flex;flex-wrap:wrap;gap:5px}
.sr-sess__dots i{width:14px;height:14px;border-radius:50%;border:2px solid var(--c-primary);background:transparent}
.sr-sess__dots i.is-taken{background:var(--c-primary);opacity:.55}
.sr-sess__p{font-family:var(--fd);color:var(--c-accent-ink);white-space:nowrap}
.sr-sess__i.is-full .sr-sess__w b{opacity:.6}

/* ders kartı (delikli bilet) */
.sr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.6vw,34px);align-items:start}
.sr-card{display:grid;grid-template-columns:46px 1fr;background:var(--paper);border:2px solid var(--c-border-2);border-radius:22px;overflow:hidden;position:relative;transition:transform .4s var(--ease)}
.sr-cards .sr-card:nth-child(2){margin-top:26px}
.sr-card:hover{transform:translateY(-4px) rotate(-.6deg)}
.sr-card.is-feat{border-color:var(--c-ink);box-shadow:8px 8px 0 var(--g)}
.sr-card__stub{background:color-mix(in srgb,var(--g) 70%,var(--c-bg));display:grid;place-items:center;border-right:3px dashed var(--c-border-2)}
.sr-card__stub span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--fd);font-size:1.4rem;letter-spacing:.1em}
.sr-card__body{padding:22px 22px 24px}
.sr-card__badge{display:inline-block;background:var(--c-ink);color:var(--c-bg);font-size:.7rem;font-weight:800;padding:.15rem .65rem;border-radius:999px;margin-bottom:.5rem}
.sr-card__t{font-size:1.3rem}
.sr-card__t a{text-decoration:none}
.sr-card__s{font-size:.9rem;color:var(--c-ink-soft);margin-top:.5rem}
.sr-card__p{margin:1rem 0 .6rem;display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}
.sr-card__a{font-family:var(--fd);font-size:2rem;color:var(--c-accent-ink)}
.sr-card__u{font-size:.85rem;font-weight:700;color:var(--c-muted)}
.sr-holes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem}
.sr-holes i{width:16px;height:16px;border-radius:50%;border:2px dashed var(--c-ink-soft);opacity:.7}
.sr-ticks{display:grid;gap:.5rem;margin-bottom:1.2rem;font-size:.9rem}
.sr-ticks li{display:flex;gap:.55rem;align-items:flex-start}
.sr-ticks svg{width:18px;height:18px;flex:none;margin-top:.15rem;color:var(--c-primary-ink)}
.sr-ticks--wide{font-size:1rem}

/* vitrin */
.sr-vitrin{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(24px,3vw,44px) clamp(14px,2vw,28px);align-items:start}
.sr-vitrin__i--0{grid-column:span 5}
.sr-vitrin__i--1{grid-column:span 4;margin-top:44px}
.sr-vitrin__i--2{grid-column:span 3;margin-top:12px}
.sr-vitrin__i--3{grid-column:span 4}
.sr-vitrin__i--4{grid-column:span 5;margin-top:36px}
.sr-vitrin__i--5{grid-column:span 3}
.sr-pic{display:block;text-decoration:none}
.sr-pic__f{display:block;aspect-ratio:4/3;overflow:hidden;border:7px solid var(--paper);border-radius:22px;box-shadow:var(--shadow);transform:rotate(var(--rr,0deg));transition:transform .5s var(--ease)}
.sr-vitrin__i--0 .sr-pic__f{--rr:-1deg;border-radius:110px 110px 22px 22px;aspect-ratio:5/4}
.sr-vitrin__i--4 .sr-pic__f{--rr:1deg}
.sr-vitrin__i--2 .sr-pic__f{border-radius:22px 22px 70px 22px;aspect-ratio:1/1}
.sr-pic__f img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.sr-pic:hover .sr-pic__f{transform:rotate(0) scale(1.02)}
.sr-pic:hover img{transform:scale(1.07)}
.sr-pic__cap{display:block;margin:.8rem .2rem 0}
.sr-pic__cap b{display:block;font-family:var(--fd);font-weight:400;font-size:1.05rem}
.sr-pic__cap small{display:block;font-size:.8rem;color:var(--c-muted)}
.sr-vitrin--page{margin-top:10px}

/* bilgi notları */
.sr-slips{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,40px)}
.sr-slip{background:color-mix(in srgb,var(--g) 38%,var(--paper));padding:26px 28px 40px;transform:rotate(var(--r,0deg));clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),94% 100%,88% calc(100% - 12px),80% 100%,72% calc(100% - 10px),63% 100%,55% calc(100% - 13px),46% 100%,38% calc(100% - 9px),29% 100%,20% calc(100% - 12px),11% 100%,5% calc(100% - 8px),0 100%)}
.sr-slips .sr-slip:nth-child(even){margin-top:28px}
.sr-slip__ctx{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--c-ink-soft)}
.sr-slip__t{font-size:1.3rem;margin:.3rem 0 .6rem}
.sr-slip__x{font-size:.95rem;color:var(--c-ink-soft)}
.sr-slip img{border-radius:14px;margin-bottom:12px}

/* defter satırları */
.sr-notes{display:grid;gap:0}
.sr-note-row{display:grid;grid-template-columns:54px 150px minmax(0,1fr);gap:clamp(14px,2.4vw,32px);align-items:center;padding:20px 0;border-top:2px dotted var(--c-border-2);text-decoration:none;transition:padding .35s var(--ease)}
.sr-note-row:last-child{border-bottom:2px dotted var(--c-border-2)}
.sr-note-row:hover{padding-left:12px}
.sr-note-row__n{font-family:var(--fd);font-size:2.2rem;color:var(--c-accent-soft);-webkit-text-stroke:2px var(--c-accent-ink);color:transparent}
.sr-note-row__m{display:block;aspect-ratio:4/3;border-radius:999px 999px 10px 10px;overflow:hidden;background:color-mix(in srgb,var(--g) 50%,var(--c-bg))}
.sr-note-row__m img{width:100%;height:100%;object-fit:cover}
.sr-note-row__m .sr-vs{width:50%;margin:20% auto 0}
.sr-note-row__cat{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent-ink)}
.sr-note-row__t{display:block;font-family:var(--fd);font-weight:400;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.15;margin:.2rem 0 .4rem}
.sr-note-row__x{display:block;font-size:.92rem;color:var(--c-ink-soft);max-width:60ch}
.sr-note-row__meta{display:flex;gap:1rem;font-size:.8rem;color:var(--c-muted);margin-top:.5rem;font-weight:700}
.sr-feat{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,4vw,56px);align-items:center;text-decoration:none;margin-bottom:clamp(28px,4vw,48px)}
.sr-feat__m{display:block;aspect-ratio:1/.9;border-radius:999px 999px 24px 24px;overflow:hidden;box-shadow:var(--shadow);border:7px solid var(--paper)}
.sr-feat__m img{width:100%;height:100%;object-fit:cover}
.sr-feat__t{display:block;font-family:var(--fd);font-weight:400;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.1;margin:.4rem 0 .8rem}
.sr-feat__x{display:block;color:var(--c-ink-soft);margin-bottom:.8rem}

/* sipariş fişi + kapanış */
.sr-order{display:grid;grid-template-columns:1.1fr .9fr;background:var(--c-surface);border:2px solid var(--c-border-2);border-radius:36px;overflow:hidden}
.sr-order__l{padding:clamp(24px,4vw,52px)}
.sr-order__hint{color:var(--c-ink-soft);margin:.8rem 0 1.4rem;max-width:46ch}
.sr-order__f{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-bottom:16px}
.sr-glz--sm{justify-content:flex-start;margin:0}
.sr-glz--sm .sr-glz__b{width:28px;height:28px}
.sr-order__r{background:var(--paper);padding:clamp(24px,3.4vw,44px);border-left:3px dashed var(--c-border-2);position:relative}
.sr-order__r::before,.sr-order__r::after{content:"";position:absolute;left:-14px;width:26px;height:26px;border-radius:50%;background:var(--c-bg);border:2px solid var(--c-border-2)}
.sr-order__r::before{top:-14px}.sr-order__r::after{bottom:-14px}
.sr-order__k{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--c-muted)}
.sr-order__sum{font-weight:800;margin:.4rem 0 .2rem;font-variant-numeric:tabular-nums}
.sr-order__big{font-family:var(--fd);font-size:clamp(1.7rem,3vw,2.5rem);color:var(--c-accent-ink);line-height:1.1;margin:.2rem 0 .8rem}
.sr-order__lead{font-size:.9rem;color:var(--c-ink-soft);margin-bottom:1.2rem}
.sr-closer{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:clamp(40px,6vw,72px);padding:clamp(28px,4.4vw,56px) clamp(26px,4.6vw,64px);background:color-mix(in srgb,var(--c-accent-soft) 55%,var(--c-bg));border-radius:60px 24px 60px 24px/36px 24px 36px 24px}
.sr-closer__t{font-size:clamp(1.8rem,3.4vw,2.9rem);max-width:18ch}
.sr-closer__x{margin-top:.7rem;max-width:46ch;color:var(--c-ink-soft)}
.sr-closer__act{display:flex;gap:12px;flex-wrap:wrap}
.sr-block{padding:clamp(24px,4vw,48px) 0}
.sr-block__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:1.4rem}
.sr-block__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:1.4rem}
.sr-block__grid img,.sr-block__media img{border-radius:20px;width:100%}
.sr-block__media figcaption{font-size:.85rem;color:var(--c-muted);margin-top:.5rem}
.sr-bq{margin:0;padding:1.6rem 2rem;background:var(--c-surface);border-radius:var(--org);font-family:var(--fd);font-size:1.4rem}
.sr-bq cite{display:block;font-family:var(--fb);font-style:normal;font-size:.9rem;margin-top:.8rem;color:var(--c-muted)}

/* ───── iç sayfa başlığı: sır damlası ───── */
.sr-ph{--ph:color-mix(in srgb,var(--g) 62%,var(--c-bg));position:relative;background:var(--ph);padding:clamp(22px,3vw,40px) 0 clamp(40px,5vw,68px);margin-bottom:clamp(30px,4vw,48px)}
.sr-ph__in{position:relative;z-index:1}
.sr-ph__wave{position:absolute;left:0;right:0;bottom:-39px;width:100%;height:40px}
.sr-ph__wave path{fill:var(--ph)}
.sr-crumbs{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;font-size:.85rem;font-weight:700;margin-bottom:1.1rem}
.sr-crumbs a{text-decoration:none;color:var(--c-ink-soft)}
.sr-crumbs a:hover{color:var(--c-accent-ink)}
.sr-crumbs i{font-style:normal;opacity:.55}
.sr-tag{display:inline-flex;align-items:center;gap:.55rem;background:var(--paper);border:2px solid var(--c-ink);border-radius:999px;padding:.2rem .9rem .2rem .4rem;font-size:.78rem;margin-bottom:.9rem}
.sr-tag__v{width:22px;height:26px;--g:var(--g)}
.sr-tag span{font-weight:800;letter-spacing:.14em;color:var(--c-muted)}
.sr-tag b{font-weight:800}
.sr-ph__t{font-size:clamp(2.2rem,5.2vw,4.4rem);max-width:20ch;line-height:1.04}
.sr-ph__t--long{font-size:clamp(1.8rem,3.8vw,3.1rem);max-width:28ch}
.sr-ph__s{max-width:60ch;margin-top:1rem;font-size:1.1rem;color:var(--c-ink-soft)}
.sr-ph__act{margin-top:1.3rem}

/* iç sayfa kalıpları */
.sr-two{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(24px,4vw,64px);align-items:start}
.sr-two--wide{grid-template-columns:1.2fr 1fr}
.sr-paper{background:var(--paper);border:2px solid var(--c-border-2);border-radius:10px 30px 10px 30px;padding:clamp(20px,2.6vw,32px);display:grid;gap:.9rem}
.sr-paper--aside{position:sticky;top:calc(var(--hh) + 18px)}
.sr-paper--inline{margin-top:2.4rem}
.sr-paper__k{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--c-accent-ink)}
.sr-paper__big{font-family:var(--fd);font-size:1.35rem;line-height:1.25}
.sr-facts{display:grid;gap:.7rem}
.sr-facts div{display:grid;gap:.1rem;padding-bottom:.7rem;border-bottom:2px dotted var(--c-border-2)}
.sr-facts div:last-child{border:0;padding:0}
.sr-facts dt{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--c-muted)}
.sr-facts dd{margin:0;font-weight:700}
.sr-facts a{text-decoration:none;color:var(--c-primary-ink)}
.sr-prose{max-width:68ch}
.sr-prose p{margin:0 0 1.1rem}
.sr-prose h2{font-size:1.5rem;margin:2rem 0 .7rem}
.sr-prose h3{font-size:1.2rem;margin:1.6rem 0 .5rem}
.sr-prose ul,.sr-prose ol{padding-left:1.3rem;margin:0 0 1.1rem;list-style:revert}
.sr-prose a{color:var(--c-accent-ink)}
.sr-prose--drop>p:first-of-type::first-letter{font-family:var(--fd);float:left;font-size:4.2em;line-height:.85;padding:.06em .12em 0 0;color:var(--c-accent-ink)}
.sr-det{display:grid;grid-template-columns:1.45fr 1fr;gap:clamp(24px,4vw,64px);align-items:start}
.sr-det__stand{margin-bottom:2.4rem}
.sr-det__arch{width:min(78%,520px);margin:0 auto;aspect-ratio:4/3.2;border-radius:999px 999px 8px 8px;overflow:hidden;background:color-mix(in srgb,var(--g) 45%,var(--c-bg))}
.sr-det__arch img{width:100%;height:100%;object-fit:cover}
.sr-det__arch--v .sr-vs{width:36%;margin:14% auto 0}
.sr-det__aside{position:sticky;top:calc(var(--hh) + 22px)}
.sr-tagbox{position:relative;background:var(--paper);border:2px solid var(--c-ink);border-radius:10px 34px 10px 34px;padding:34px 26px 26px;display:grid;gap:1rem;box-shadow:8px 8px 0 var(--g)}
.sr-tagbox .sr-etiket__string{top:-30px;height:30px}
.sr-tagbox::before{content:"";position:absolute;left:50%;top:10px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--c-bg);border:2px solid var(--c-ink)}
.sr-tagbox__code{font-size:.74rem;letter-spacing:.14em;font-weight:800;color:var(--c-muted);text-transform:uppercase}
.sr-tagbox__price small{display:block;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted);font-weight:800}
.sr-tagbox__price .sr-num{font-size:2.6rem}
.sr-ticket{display:grid;grid-template-columns:1fr 280px;gap:0;background:var(--paper);border:2px solid var(--c-border-2);border-radius:30px;overflow:hidden}
.sr-ticket__main{padding:clamp(22px,3.4vw,44px)}
.sr-ticket__stub{background:color-mix(in srgb,var(--c-accent-soft) 60%,var(--c-bg));border-left:3px dashed var(--c-ink-soft);padding:clamp(22px,3vw,36px);display:grid;align-content:center;gap:.6rem;text-align:center}
.sr-ticket__k{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800}
.sr-ticket__p{font-family:var(--fd);font-size:3rem;color:var(--c-accent-ink);line-height:1}
.sr-ticket__u{font-weight:700;margin-bottom:.6rem}

/* formlar: sipariş fişi */
.sr-slipform{background:var(--paper);border:2px solid var(--c-border-2);border-radius:14px 36px 14px 36px;padding:clamp(22px,3.4vw,46px);box-shadow:var(--shadow)}
.sr-slipform--perf{border-top:0;border-radius:0 0 36px 14px;position:relative}
.sr-slipform--perf::before{content:"";position:absolute;left:0;right:0;top:0;height:0;border-top:4px dashed var(--c-ink-soft);opacity:.5}
.sr-form{display:grid;gap:16px}
.sr-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sr-f{display:grid;gap:6px}
.sr-f label{font-size:.82rem;font-weight:800;letter-spacing:.04em}
.sr-f input,.sr-f select,.sr-f textarea{width:100%;padding:.75rem 1rem;background:var(--c-bg);border:2px solid var(--c-border-2);border-radius:14px;transition:border-color .2s,box-shadow .2s}
.sr-f input:focus,.sr-f select:focus,.sr-f textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--c-secondary) 55%,transparent)}
.sr-f.is-err input,.sr-f.is-err textarea{border-color:var(--c-accent)}
.sr-err{color:var(--c-accent-ink);font-size:.85rem;font-weight:700}
.sr-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sr-notice{padding:1.4rem;border-radius:20px;background:var(--c-surface)}
.sr-notice--ok{border:2px solid var(--c-primary)}
.sr-wiz__bar{display:none;gap:8px;margin-bottom:6px}
.sr-wiz__bar li{flex:1;padding:.4rem .2rem;border-bottom:4px solid var(--c-border-2);font-size:.78rem;font-weight:800;color:var(--c-muted)}
.sr-wiz__bar li.is-on{border-color:var(--c-accent);color:var(--c-ink)}
.sr-wiz__bar li.is-done{border-color:var(--c-primary)}
.sr-wiz.is-wiz .sr-wiz__bar{display:flex}
.sr-wiz__s{border:0;margin:0;padding:0;display:grid;gap:16px;min-width:0}
.sr-wiz__s legend{padding:0;margin-bottom:12px;display:flex;align-items:center;gap:.7rem;float:left;width:100%}
.sr-wiz__s legend+*{clear:both}
.sr-wiz__n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--c-accent-soft);font-family:var(--fd);font-size:1.1rem}
.sr-wiz.is-wiz .sr-wiz__s:not(.is-cur){display:none}
.sr-wiz__nav{display:flex;justify-content:space-between;gap:10px;margin-top:6px}

/* sss */
.sr-faq{display:grid;grid-template-columns:230px 1fr;gap:clamp(24px,4vw,64px);align-items:start}
.sr-faq__idx{position:sticky;top:calc(var(--hh) + 18px);display:grid;gap:8px}
.sr-faq__idx a{display:block;padding:.6rem 1rem;border:2px solid var(--c-border-2);border-radius:999px;text-decoration:none;font-weight:800;font-size:.9rem;background:var(--paper);transition:background .2s,border-color .2s}
.sr-faq__idx a:hover{border-color:var(--c-ink);background:var(--c-accent-soft)}
.sr-faq__list .sr-h3{margin-top:2.4rem;scroll-margin-top:calc(var(--hh) + 14px)}
.sr-faq__list .sr-h3:first-child{margin-top:0}
.sr-qa{border-bottom:2px dotted var(--c-border-2)}
.sr-qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:1.05rem 0;font-weight:800}
.sr-qa summary::-webkit-details-marker{display:none}
.sr-qa summary i{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:var(--c-accent-soft);transition:transform .4s var(--ease),background .2s}
.sr-qa summary i::before,.sr-qa summary i::after{content:"";position:absolute;left:8px;right:8px;top:14px;height:2px;background:var(--c-ink)}
.sr-qa summary i::after{transform:rotate(90deg);transition:transform .4s}
.sr-qa[open] summary i{transform:rotate(180deg);background:var(--c-secondary)}
.sr-qa[open] summary i::after{transform:rotate(0)}
.sr-qa__a{padding:0 0 1.2rem}

/* makale */
.sr-art{display:grid;grid-template-columns:190px minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start}
.sr-art__side{position:sticky;top:calc(var(--hh) + 18px);display:grid;gap:.8rem}
.sr-art__meta{display:grid;gap:.25rem;font-size:.85rem;color:var(--c-muted);font-weight:700}
.sr-art__cover{margin:0 0 2rem;border-radius:999px 999px 24px 24px;overflow:hidden;max-width:560px;aspect-ratio:1/.8;border:7px solid var(--paper);box-shadow:var(--shadow)}
.sr-art__cover img{width:100%;height:100%;object-fit:cover}
.sr-art__disc{margin-top:2rem;padding-top:1rem;border-top:2px dotted var(--c-border-2);font-size:.9rem;color:var(--c-muted);max-width:68ch}
.sr-err404{text-align:center;padding-block:clamp(48px,8vw,110px)}
.sr-err404__pot{width:min(260px,70%);margin:0 auto 1rem;animation:sr-wob 3.4s ease-in-out infinite}
.sr-err404__code{font-family:var(--fd);font-size:clamp(4rem,12vw,8rem);color:var(--c-accent-ink);line-height:1;margin-bottom:.6rem}
.sr-err404__act{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:1.8rem}
.sr-debug{margin-top:2rem;padding:1rem;border:2px solid var(--c-border-2);border-radius:12px;overflow:auto;font-size:.78rem;text-align:left;background:var(--c-surface)}
@keyframes sr-wob{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg) translateY(-4px)}}

/* alt bilgi: fırın defteri */
.sr-foot{margin-top:clamp(56px,8vw,110px);background:var(--c-surface);position:relative;padding-bottom:28px}
.sr-foot__row{display:flex;justify-content:space-between;align-items:flex-end;padding:0 clamp(16px,3vw,48px);margin-top:-46px;position:relative;z-index:1;overflow:hidden}
.sr-foot__pot{width:clamp(26px,3.6vw,48px)}
.sr-foot__pot .sr-vs{width:100%;height:auto}
.sr-foot__plank{height:14px;background:var(--wood);box-shadow:0 10px 14px -8px rgba(90,56,34,.45);position:relative;z-index:2}
.sr-foot__book{display:grid;grid-template-columns:1.2fr 1.3fr .8fr 1fr;gap:clamp(20px,3vw,48px);margin-top:42px;padding:34px clamp(20px,3vw,44px) 30px clamp(26px,3vw,52px);background:repeating-linear-gradient(transparent 0 33px,var(--c-border) 33px 35px),var(--paper);border:2px solid var(--c-border-2);border-radius:10px 34px 10px 34px;position:relative}
.sr-foot__book::before{content:"";position:absolute;left:16px;top:0;bottom:0;width:0;border-left:3px solid var(--c-accent-soft)}
.sr-foot__k{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--c-accent-ink)}
.sr-foot__name{font-family:var(--fd);font-size:1.7rem;margin:.3rem 0 .7rem}
.sr-foot__st{font-size:.92rem;color:var(--c-ink-soft);background:var(--paper);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:.1rem .3rem}
.sr-foot__social{display:flex;gap:10px;margin-top:1rem}
.sr-foot__social a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--c-ink);background:var(--paper)}
.sr-foot__social svg{width:18px;height:18px}
.sr-foot__col h4{font-size:1.05rem;margin-bottom:.8rem;background:var(--paper);display:inline-block;padding:0 .3rem}
.sr-leader{display:grid;gap:.5rem}
.sr-leader a{display:flex;align-items:baseline;gap:6px;text-decoration:none;font-size:.88rem;background:var(--paper)}
.sr-leader i{flex:1;border-bottom:2px dotted var(--c-ink-soft);opacity:.5;transform:translateY(-3px);min-width:10px}
.sr-leader b{font-family:var(--fd);font-weight:400;color:var(--c-accent-ink);white-space:nowrap}
.sr-leader a:hover span{color:var(--c-accent-ink)}
.sr-foot__links{display:grid;gap:.5rem;font-size:.92rem}
.sr-foot__links a{text-decoration:none;background:var(--paper)}
.sr-foot__links a:hover{color:var(--c-accent-ink)}
.sr-foot__addr{display:grid;gap:.35rem;font-style:normal;font-size:.92rem}
.sr-foot__addr a{text-decoration:none;font-weight:700;color:var(--c-primary-ink)}
.sr-foot__addr span,.sr-foot__addr a{background:var(--paper);justify-self:start}
.sr-foot__bar{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;margin-top:22px;font-size:.85rem;color:var(--c-muted)}
.sr-foot__bar nav{display:flex;gap:16px}
.sr-foot__bar a{text-decoration:none}
.sr-stamp{display:grid;place-items:center;width:78px;height:78px;border:3px solid var(--c-accent);border-radius:50%;color:var(--c-accent);transform:rotate(-12deg);font-weight:800;line-height:1;text-align:center;opacity:.85}
.sr-stamp b{font-family:var(--fd);font-weight:400;font-size:1.25rem}
.sr-stamp i{font-style:normal;font-size:.55rem;letter-spacing:.16em;margin-top:-18px}

/* görüntüleyici */
.sr-lb{position:fixed;inset:0;z-index:150;background:rgba(58,42,34,.88);display:grid;place-items:center;padding:20px}
.sr-lb__f{margin:0;max-width:min(1100px,100%);display:grid;gap:12px}
.sr-lb__f img{max-height:78vh;width:auto;margin:0 auto;border:8px solid var(--paper);border-radius:18px}
.sr-lb__f figcaption{color:var(--c-on-contrast);text-align:center;font-size:.9rem}
.sr-lb__x,.sr-lb__n{position:absolute;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:0;background:var(--paper);cursor:pointer}
.sr-lb__x{right:18px;top:18px}
.sr-lb__n--p{left:14px;top:50%}.sr-lb__n--n{right:14px;top:50%}
.sr-lb__n--p svg{transform:rotate(180deg)}
.sr-lb svg{width:20px;height:20px}

/* sayfa geçişi: sır damlası */
::view-transition-old(root){animation:none}
::view-transition-new(root){animation:sr-glaze .85s cubic-bezier(.5,0,.2,1) both}
@keyframes sr-glaze{from{clip-path:polygon(0 0,100% 0,100% 0,88% 0,76% 0,62% 0,50% 0,38% 0,24% 0,12% 0,0 0)}to{clip-path:polygon(0 0,100% 0,100% 100%,88% 109%,76% 101%,62% 113%,50% 103%,38% 111%,24% 101%,12% 107%,0 100%)}}

/* ───── duyarlı ───── */
@media (max-width:1320px){.sr-head__tel span{display:none}.sr-head__in{gap:18px}}
@media (max-width:1100px){
  :root{--hh:68px}
  .sr-head__in{grid-template-columns:1fr auto;padding-bottom:8px;align-items:center}
  .sr-shelf-wrap{display:none}
  .sr-head__act .sr-btn,.sr-head__tel{display:none}
  .sr-head__shelf{display:inline-flex;align-items:center;gap:.55rem;border:2px solid var(--c-ink);background:var(--paper);border-radius:999px;padding:.5rem 1rem;font-weight:800;cursor:pointer}
  .sr-dock{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:70;background:var(--paper);border:2px solid var(--c-ink);border-radius:26px;padding:6px;box-shadow:0 14px 30px -12px rgba(58,42,34,.5)}
  .sr-dock__a{display:grid;justify-items:center;gap:2px;padding:.5rem .2rem;border:0;background:transparent;border-radius:20px;text-decoration:none;font-size:.7rem;font-weight:800;cursor:pointer}
  .sr-dock__a svg{width:20px;height:20px}
  .sr-dock__a--go{background:var(--c-accent);color:var(--c-on-accent)}
  .sr-bars{height:20px;align-content:center}
  body.sr-body{padding-bottom:92px}
  .sr-fab{bottom:96px}
  .sr-hero__grid{grid-template-columns:1fr 1fr}
  .sr-hero__l{grid-column:1/-1}
  .sr-hero__t{font-size:clamp(2.4rem,7vw,3.6rem)}
  .sr-hero__t span,.sr-hero__t em{display:inline}
  .sr-hero__t em{text-decoration:none}
  .sr-proc{grid-template-columns:1fr}
  .sr-kiln{position:static}
}
@media (max-width:900px){
  .sr-shelfrow,.sr-rack .sr-shelfrow:nth-child(even),.sr-shelfrow:nth-child(even){grid-template-columns:1fr 1fr}
  .sr-shelfrow .sr-item:nth-child(3){grid-column:1/-1;width:50%;justify-self:center}
  .sr-pebbles{grid-template-columns:1fr 1fr}
  .sr-cards{grid-template-columns:1fr 1fr}
  .sr-cards .sr-card:nth-child(2){margin-top:0}
  .sr-order{grid-template-columns:1fr}
  .sr-order__r{border-left:0;border-top:3px dashed var(--c-border-2)}
  .sr-order__r::before,.sr-order__r::after{display:none}
  .sr-ways{grid-template-columns:1fr}
  .sr-two,.sr-two--wide,.sr-det{grid-template-columns:1fr}
  .sr-paper--aside,.sr-det__aside{position:static}
  .sr-foot__book{grid-template-columns:1fr 1fr}
  .sr-faq{grid-template-columns:1fr}
  .sr-faq__idx{position:static;display:flex;flex-wrap:wrap}
  .sr-art{grid-template-columns:1fr}
  .sr-art__side{position:static}
  .sr-feat{grid-template-columns:1fr}
  .sr-ticket{grid-template-columns:1fr}
  .sr-ticket__stub{border-left:0;border-top:3px dashed var(--c-ink-soft)}
  .sr-sess__i{grid-template-columns:62px 1fr auto;grid-template-areas:"d w b" "d dots p"}
  .sr-sess__d{grid-area:d}.sr-sess__w{grid-area:w}.sr-sess__dots{grid-area:dots}.sr-sess__p{grid-area:p;justify-self:end}.sr-sess__i .sr-btn{grid-area:b}
}
@media (max-width:720px){
  .sr-hero__grid{grid-template-columns:1fr;gap:26px}
  .sr-stage{max-width:320px}
  .sr-hero__sub{max-width:none}
  .sr-vitrin{grid-template-columns:1fr 1fr;gap:24px 14px}
  .sr-vitrin__i--0,.sr-vitrin__i--1,.sr-vitrin__i--2,.sr-vitrin__i--3,.sr-vitrin__i--4,.sr-vitrin__i--5{grid-column:span 1;margin-top:0}
  .sr-vitrin__i--0,.sr-vitrin__i--4{grid-column:1/-1}
  .sr-slips{grid-template-columns:1fr}
  .sr-slips .sr-slip:nth-child(even){margin-top:0}
  .sr-note-row{grid-template-columns:90px minmax(0,1fr)}
  .sr-note-row__n{display:none}
  .sr-form__row{grid-template-columns:1fr}
  .sr-order__f{grid-template-columns:1fr}
  .sr-foot__row{margin-top:-32px}
  .sr-closer{border-radius:40px 20px 40px 20px}
}
@media (max-width:600px){
  .sr-shelfrow,.sr-rack .sr-shelfrow:nth-child(even),.sr-shelfrow:nth-child(even){grid-template-columns:1fr}
  .sr-shelfrow .sr-item:nth-child(3){width:100%}
  .sr-item:nth-child(2),.sr-item:nth-child(3){margin-top:36px}
  .sr-item__obj{width:88%}
  .sr-pebbles,.sr-cards{grid-template-columns:1fr}
  .sr-pebble,.sr-pebble:nth-child(n){margin-top:0}
  .sr-step{padding-left:76px}.sr-step:nth-child(even){margin-left:0}
  .sr-foot__book{grid-template-columns:1fr}
  .sr-brand__name{font-size:1.2rem}
  .sr-way__a{grid-template-columns:5.5rem 1fr auto}
  .sr-stats .sr-stat{flex:1 1 40%}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  html.js .sr-rise{opacity:1;transform:none}
  html.js .sr-kiln__line{stroke-dashoffset:0}
  html.js .sr-kiln__pt{opacity:1}
  html.js .sr-rise:not(.is-in) .sr-way__bar::before{width:var(--w)}
  html.js .sr-rise:not(.is-in) .sr-way__bar i{left:var(--w)}
  .sr-drawer__sheet{transition:none}
  ::view-transition-new(root){animation:none}
}

/* 19. Çamur variant */
:root { --radius-md: 18px; }