/* be’ti — 31 Ekim revizyonları. Kaynak: src/rev/rev.css (build ile out/assets/rev.css'e kopyalanır). */

/* ===== Dama Hero (31 Ekim, onaylı) ===== */
.dh{position:relative;height:100svh;min-height:600px;overflow:hidden;
 background:radial-gradient(120% 90% at 18% 10%,#F7F0E2 0,#F1E7D4 55%,#EADFC8 100%)}
.dh::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .22 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.dst{position:absolute;left:50%;top:50%;transform-origin:0 0}
.dst.d{width:1280px;height:720px}.dst.m{width:390px;height:844px;display:none}
@media (max-width:759px){.dst.d{display:none}.dst.m{display:block}}

/* ışık */
.dli{position:absolute;pointer-events:none;z-index:3}
.dli img{position:absolute;display:block}
.d .dli{left:300px;top:-60px;width:820px;height:780px}
.d .dpa{left:0;top:0;width:620px;height:584px;opacity:.5;transform:skewX(-20deg)}
.d .dlv{left:360px;top:40px;width:600px;height:557px;opacity:.2;mix-blend-mode:multiply}
.m .dli{left:-40px;top:188px;width:470px;height:520px}
.m .dpa{left:40px;top:0;width:360px;height:338px;opacity:.5;transform:skewX(-18deg)}
.m .dlv{left:150px;top:60px;width:340px;height:316px;opacity:.2;mix-blend-mode:multiply}

/* yazı */
.dcp{position:absolute;z-index:4}
.d .dcp{left:96px;top:244px;width:500px}
.m .dcp{left:26px;top:122px;width:338px}
.dhd{margin:0;color:var(--espresso);font-weight:300}
.dhd span{display:block;white-space:nowrap}
.dhd .dl1{font:300 172px/.8 var(--serif);letter-spacing:-.035em;color:var(--gold);margin-left:-8px}
.dhd .dl2{display:flex;align-items:center;gap:15px;margin-top:22px;margin-left:2px;font:italic 400 34px/1 var(--serif);letter-spacing:.005em;color:var(--espresso)}
.dhd .dand{font:300 14px/1 var(--sans);font-style:normal;letter-spacing:.16em;text-transform:lowercase;color:var(--muted);margin:0 -1px;position:relative;top:1px}
.dct{display:flex;gap:12px;margin-top:44px}
.m .dhd .dl1{font-size:104px;margin-left:-5px}
.m .dhd .dl2{font-size:25px;margin-top:14px;gap:11px;margin-left:1px}.m .dhd .dand{font-size:11px;letter-spacing:.14em}
.m .dct{position:absolute;top:546px;left:0;width:338px;margin:0;gap:10px}
.m .dct .btn{flex:1;padding:12px 6px;font-size:10.5px;letter-spacing:.1em;white-space:nowrap}

/* tahta */
.dbd{position:absolute;display:grid;grid-template-columns:1fr 1fr}
.d .dbd{left:640px;top:126px;width:528px;height:528px}
.m .dbd{left:26px;top:300px;width:338px;height:338px}
.dfr{position:absolute;inset:-14px;border:1px solid rgba(184,150,74,.55);pointer-events:none;box-shadow:0 34px 60px -44px rgba(62,42,30,.4)}
.m .dfr{inset:-9px}
.dcn{position:absolute;width:9px;height:9px;border:1px solid var(--brass);background:var(--paper);transform:rotate(45deg)}
.dcn.tl{left:-19px;top:-19px}.dcn.tr{right:-19px;top:-19px}.dcn.bl{left:-19px;bottom:-19px}.dcn.br{right:-19px;bottom:-19px}
.m .dcn{width:7px;height:7px}.m .dcn.tl{left:-13px;top:-13px}.m .dcn.tr{right:-13px;top:-13px}.m .dcn.bl{left:-13px;bottom:-13px}.m .dcn.br{right:-13px;bottom:-13px}
.dsq{position:relative;display:block;text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent}
.dti{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);perspective:700px}
.dt{position:relative;transform-style:preserve-3d}
.dtt{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.45,.05,.2,1);transition-delay:var(--hd)}
.dtt b,.dtt s{position:absolute;inset:-.6px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.dtt s{transform:rotateY(180deg)}
.dsand .dt:nth-child(odd) b{background:#D7CAAA}.dsand .dt:nth-child(even) b{background:#DDD1B4}
.dcream .dt:nth-child(odd) b{background:#F4EDDE}.dcream .dt:nth-child(even) b{background:#EFE6D3}
.dt.k b{filter:brightness(1.012)}
.dt:nth-child(odd) s{background:var(--b1)}.dt:nth-child(even) s{background:var(--b2)}
/* 6×6 içinde dama sırası: satır kayması */
.dt.r1 b,.dt.r1 s{}
.dno,.dnm,.dsa{position:absolute;z-index:4;pointer-events:none;transition:color .4s ease .12s,transform .55s var(--ease),opacity .4s}
.dno{left:24px;top:24px;font:500 11px/1 var(--sans);letter-spacing:.2em;color:var(--gold)}
.dnm{left:22px;bottom:22px;font:300 48px/1 var(--serif);letter-spacing:-.01em;color:var(--espresso)}
.dsa{right:24px;bottom:30px;width:26px;height:13px;color:var(--gold);opacity:.75}
.dsa svg{display:block;width:100%;height:100%}
.m .dno{left:13px;top:13px;font-size:9.5px}.m .dnm{left:12px;bottom:12px;font-size:28px}.m .dsa{right:13px;bottom:16px;width:20px;height:10px}

/* etkileşim: kare çevrilir, renk açığa çıkar */
.dsq:hover .dtt,.dsq:focus-visible .dtt,.dsq.flip .dtt{transform:rotateY(180deg)}
.dsq:hover .dnm,.dsq:focus-visible .dnm,.dsq.flip .dnm,.dsq:hover .dno,.dsq:focus-visible .dno,.dsq.flip .dno,.dsq:hover .dsa,.dsq:focus-visible .dsa,.dsq.flip .dsa{color:#FAF6EC}
.dsq:hover .dsa,.dsq:focus-visible .dsa,.dsq.flip .dsa{transform:translateX(6px);opacity:1}
.dsq:hover .dnm,.dsq:focus-visible .dnm{transform:translateY(-4px)}
.dbd:hover .dsq:not(:hover) .dnm{opacity:.55}
.dsq:focus-visible::after{content:"";position:absolute;inset:6px;border:1px solid #FAF6EC;z-index:4}

/* giriş: güneş tahtanın üstünden geçerken kareler dönerek yerleşir */
.dh .dt{transform:rotateX(-92deg);opacity:0}
.dh .dli{opacity:0;transform:translate(-60px,-40px)}
.dh .dcp>*,.dh .dno,.dh .dnm,.dh .dsa,.dh .dfr,.dh .dcn{opacity:0}
.dh.go .dt{animation:tIn .7s cubic-bezier(.3,.6,.2,1) var(--ed) forwards}
.dh.go .dli{animation:lIn 1.5s cubic-bezier(.25,.6,.2,1) .05s forwards}
.dh.go .dfr,.dh.go .dcn{animation:fIn .8s ease-out .2s forwards}
.dh.go .dsq .dno,.dh.go .dsq .dnm,.dh.go .dsq .dsa{animation:up .6s var(--ease) var(--td) forwards}
.dh.go .dcp>*{animation:up .7s var(--ease) forwards}
.dh .dhd>span{opacity:0}
.dh.go .dhd{animation:none;opacity:1}
.dh.go .dhd .dl1{animation:up .8s var(--ease) .35s forwards}.dh.go .dhd .dl2{animation:up .7s var(--ease) .55s forwards}
.dh.go .dcp>:nth-child(2){animation-delay:.9s}
.dh.go .dlv{animation:sway 12s ease-in-out 1.6s infinite alternate}
@keyframes tIn{to{transform:none;opacity:1}}
@keyframes lIn{to{opacity:1;transform:none}}
@keyframes fIn{to{opacity:1}}
@keyframes up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes sway{to{transform:translate(5px,3px) rotate(.6deg)}}
.dh.go .dsq .dsa{animation-name:upAr}@keyframes upAr{from{opacity:0}to{opacity:.75}}
@media (prefers-reduced-motion:reduce){.dh *{animation:none!important;transition:none!important}.dh .dt{transform:none;opacity:1}.dh .dhd span{opacity:1}.dh .dli{opacity:1;transform:none}.dh .dcp>*,.dh .dno,.dh .dnm,.dh .dfr,.dh .dcn{opacity:1}.dh .dsa{opacity:.75}}


/* dönen kare ışığın üstüne çıkar: renk solmaz */
.dti{z-index:1;transition:z-index 0s .3s}
.dsq:hover .dti,.dsq:focus-visible .dti,.dsq.flip .dti{z-index:3}
/* dil seçimi (TR/EN): sayfa yenilenmeden, kısa yumuşak geçiş */
.lang a{cursor:pointer;position:relative}
html[lang="en"] .d .dnm{font-size:44px}html[lang="en"] .m .dnm{font-size:26px}
.lang a[aria-current="true"]::after{content:"";position:absolute;left:8px;right:8px;bottom:2px;height:1px;background:currentColor;opacity:.6}


/* ===== REV-002 · Fırından: üst rafta üç kruvasan (31 Ekim, onaylı) ===== */
/* Zaman çizelgesi (sahne görününce): ekmekler 0–2,6 sn (değişmedi).
   Kruvasanlar, her biri 0,35 sn arayla: çizgi 0,9 → hamur 2,1 → kabarma 2,6 → pişme 3,5 → isim 4,9 → bitiş ≈ 6,4 sn */
.firin .f-ol{stroke-dasharray:1;stroke-dashoffset:1}
.firin .f-raw,.firin .f-bake{opacity:0}
.firin .f-cro{transform-box:fill-box;transform-origin:50% 100%}
.firin .f-warm,.firin .f-sun{opacity:0}
.firin.play .f-sun{opacity:1;transition:opacity 2s ease .1s}
.firin.play .f-ol{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.65,0,.35,1) calc(.9s + var(--j)*.35s)}
.firin.play .f-raw{opacity:1;transition:opacity .7s cubic-bezier(.25,.6,.3,1) calc(2.1s + var(--j)*.35s)}
.firin.play .f-cro{animation:fProof 1s cubic-bezier(.33,0,.2,1) calc(2.6s + var(--j)*.35s) both}
.firin.play .f-bake{opacity:1;transition:opacity 1.2s cubic-bezier(.45,0,.35,1) calc(3.5s + var(--j)*.35s)}
.firin.play .f-ol{animation:fOl .8s ease-out calc(4.5s + var(--j)*.35s) forwards}
.firin.play .f-warm{animation:fWarm 2.4s cubic-bezier(.45,0,.35,1) 3.2s forwards}
@keyframes fProof{0%{transform:scale(.97,.93)}100%{transform:none}}
@keyframes fOl{to{opacity:0}}
@keyframes fWarm{0%{opacity:0}40%{opacity:1}100%{opacity:0}}
/* sahne oynamadan geçildiyse / hareket azaltılmışsa: doğrudan son hâl */
.firin.done:not(.play) .f-ol,.firin.done:not(.play) .f-raw,.firin.done:not(.play) .f-warm{opacity:0!important;animation:none!important;transition:none!important}
.firin.done:not(.play) .f-bake,.firin.done:not(.play) .f-sun{opacity:1!important;transition:none!important}
.firin.done:not(.play) .f-cro{animation:none!important;transform:none!important}
.oven .arch-frame{border-color:rgba(184,150,74,.5);position:relative}
/* kruvasan isimleri — "Ekmek rafımız" isimleriyle aynı yazı: 12 px, altın, ortalı */
.cro-names{position:absolute;inset:0;pointer-events:none}
.cro-names span{position:absolute;transform:translate(-50%,-100%);width:96px;font-size:12px;line-height:1.3;color:var(--gold);text-align:center;opacity:0;transition:opacity .8s ease,transform .9s var(--ease)}
.cro-names span{margin-top:6px}
.oven.cn-play .cro-names span{opacity:1;margin-top:0;transition:opacity .8s ease calc(4.9s + var(--j)*.35s),margin-top .9s cubic-bezier(.25,.6,.2,1) calc(4.9s + var(--j)*.35s)}
.oven.cn-done .cro-names span{opacity:1;margin-top:0;transition:none}
@media (max-width:860px){.cro-names span{font-size:11px;width:78px}}
@media (prefers-reduced-motion:reduce){.cro-names span{opacity:1;margin-top:0;transition:none}}
/* mobil ritim: dama şeritlerinin iki yanında eşit nefes (Kahvaltı üst boşluğu 40 px ile uyumlu) */
@media (max-width:760px){.sec.oven{padding-top:44px;padding-bottom:48px}}


/* ===== REV-003 · Kahvaltı (31 Ekim) ===== */
/* Ana sahne · Rodeo — pirinç çizgi tabağı çizer (0–1,8 sn), tabak belirir (1,5), malzemeler sırayla (1,9–4,2 sn) */
.plate.rodeo{max-width:540px}
.plate.rodeo .plink{transition:stroke-dashoffset 1.8s cubic-bezier(.65,0,.35,1) .1s}
.plate.rodeo .ri{opacity:0;transform:translateY(-6px) scale(.97);transform-box:fill-box;transform-origin:50% 50%}
.bf-art.in .plate.rodeo .ri{opacity:1;transform:none;transition:opacity .8s ease calc(1.5s + var(--d)*1.6),transform 1s cubic-bezier(.25,.7,.25,1) calc(1.5s + var(--d)*1.6)}
/* Kartlar · her kart görünür olunca kendi çizimi sırayla tamamlanır (≈1,2–2 sn) */
.dish .dish-pic{transition:opacity 1s ease,transform 1.2s cubic-bezier(.25,.7,.25,1);transition-delay:calc(.25s + var(--k,0)*.3s)}
.dish .di{opacity:0;transform:translateY(-5px);transform-box:fill-box;transform-origin:50% 50%}
.dish.seen .di{opacity:1;transform:none;transition:opacity .7s ease calc(.2s + var(--d)*.85),transform .9s cubic-bezier(.25,.7,.25,1) calc(.2s + var(--d)*.85)}
.dish-art .s{stroke-width:1.3}
@media (prefers-reduced-motion:reduce){.plate.rodeo .ri,.dish .di{opacity:1!important;transform:none!important;transition:none!important}.plate.rodeo .plink{stroke-dashoffset:0!important;transition:none!important}}

/* REV 04 Kasım — hero: “and” yerine zarif “&” · kutu numaraları kaldırıldı */
.dhd .dand{font:italic 300 1.06em/1 var(--serif);letter-spacing:0;text-transform:none;color:var(--gold);margin:0 1px;top:.01em;opacity:.92}
.m .dhd .dand{font-size:1.06em;letter-spacing:0}
.dno{display:none!important}
.dhd .dl2{gap:12px}.m .dhd .dl2{gap:9px}

/* REV 04 Kasım — Fırından ekmekleri. Hamur zamanlaması (onaylı): belirme 1,2 sn + sıra · kabarma 2,2 sn · çizik 3,5 sn.
   Pişme (B = 4,3 sn + sıra × 0,12 sn): ayrı görsele geçiş yok; aynı hamur gövdesi yerinde pişer —
   renk hamur tonundan ekmek tonuna akar, form hafifçe oturur, kontur yavaşça erir, yüzey detayları sonra belirir.
   Sahne 6,0 sn’de “bitti” durumuna geçer; o andaki görünüm pişmiş ekmekle birebir aynıdır (fark edilmez). */
.firin.play .f-dough{opacity:1;transition:opacity .8s ease calc(1.2s + var(--i) * .12s);animation:none}
.firin.play .f-rise{transform:scale(1.03,1);transition:transform 1.4s cubic-bezier(.35,0,.25,1) 2.2s}
.firin.play .f-cut{stroke-dashoffset:0;transition:stroke-dashoffset .9s var(--soft) 3.5s}
@keyframes fSettle{0%{transform:scale(1.03,1)}55%{transform:scale(1.012,.992)}100%{transform:scale(1,1)}}
.firin.play:not(.done) .f-rise{animation:fSettle 1.2s cubic-bezier(.45,0,.35,1) calc(4.3s + var(--i) * .12s) forwards}
/* gövde: renk ve kontur */
.firin.play:not(.done) .f-rise>path:first-child{transition:fill 1.2s cubic-bezier(.45,0,.35,1) calc(4.3s + var(--i) * .12s),stroke-opacity 1s cubic-bezier(.4,0,.3,1) calc(4.55s + var(--i) * .12s);stroke-opacity:0}
.firin.play:not(.done) .f-pos[style*="--i:0"] .f-rise>path:first-child{fill:#EFD9A0}
.firin.play:not(.done) .f-pos:not([style*="--i:0"]) .f-rise>path:first-child{fill:var(--paper)}
/* hamura ait küçük detaylar ve çizikler yavaşça çekilir (aynı çizikler ekmekte açık tonda kalır) */
.firin.play:not(.done) .f-rise>:not(:first-child){opacity:0;transition:opacity .7s ease calc(4.6s + var(--i) * .12s)}
.firin.play:not(.done) .f-cut{opacity:0;transition:stroke-dashoffset .9s var(--soft) 3.5s,opacity .8s ease calc(4.75s + var(--i) * .12s)}
/* pişmiş ekmek katmanı: gövdesi gizli (hamur gövdesi onun yerine geçer), detayları sonradan belirir */
.firin.play:not(.done) .f-loaf{opacity:1;transition:none}
.firin.play:not(.done) .f-loaf>.f{opacity:0}
.firin.play:not(.done) .f-loaf>:not(.f){animation:fDetail .8s cubic-bezier(.3,0,.2,1) calc(4.65s + var(--i) * .12s) both}   /* yalnızca opaklık: çizimdeki dönüş açıları korunur */
@keyframes fDetail{from{opacity:0}}
.firin.done .f-dough,.firin.done .f-dough *{transition:none!important;animation:none!important}   /* bitti anında hamur gecikmesiz kalkar; pişmiş ekmek birebir aynı yerde/renkte */

/* REV 04 Kasım — Fırından: be’ti tabelası ve bar üstündeki kristal sarkıt lamba (mekândaki lambanın çizimi).
   Sönükken kristaller mat; kruvasanlar pişmeye başlayınca (3,3 sn) lamba yavaşça yanar, logo ışığın altında belirginleşir. */
.firin .f-logo{opacity:.5;transition:opacity 1.6s ease}
.firin .f-lglow{opacity:0;transition:opacity 1.6s cubic-bezier(.4,0,.2,1)}
.firin .f-glass{fill:#ECE6D8;transition:fill 1.4s ease}
.firin .f-cr{opacity:.45;transition:opacity 1.4s ease}
.firin.play .f-lglow,.firin.done .f-lglow{opacity:1}
.firin.play .f-logo,.firin.done .f-logo{opacity:.9}
.firin.play .f-glass,.firin.done .f-glass{fill:#FFE9B0}
.firin.play .f-cr,.firin.done .f-cr{opacity:1}
.firin.play .f-lglow,.firin.play .f-logo,.firin.play .f-glass,.firin.play .f-cr{transition-delay:3.3s}
.firin.play .f-logo{transition-delay:3.6s}
.firin.done .f-lglow,.firin.done .f-logo,.firin.done .f-glass,.firin.done .f-cr{transition-delay:0s}
@media (prefers-reduced-motion:reduce){.firin .f-lglow{opacity:1}.firin .f-logo{opacity:.9}.firin .f-glass{fill:#FFE9B0}.firin .f-cr{opacity:1}}

/* REV 04 Kasım — Vitrin: gerçek tatlı vitrini çizimi. Başlık bloğu dar ve ortalı; vitrin bölümün kahramanı;
   kapanış cümlesi vitrinin altında, ışık yandıktan sonra el yazısı gibi beliren imza satırı. Liste ve CTA yok. */
.vt3{padding-top:clamp(64px,8vw,110px);padding-bottom:clamp(60px,7vw,96px)}
.vt3 .vt-head{text-align:center;max-width:620px;margin:0 auto}
.vt3 .vt-eb{display:inline-flex;justify-content:center}
.vt3 .vt-head h2{margin-top:14px}
.vt3 .vt-lede{max-width:36ch;margin:20px auto 0;text-wrap:balance}
.vt3 .vt3-stage{max-width:960px;margin:clamp(34px,4.5vw,54px) auto 0}
.vt3 .vt3-art{width:100%;height:auto;display:block;overflow:visible}
.vt3 .v-light{opacity:0}
.vt3 .v-i{opacity:0;transform:translateY(-10px);transform-box:fill-box}
.vt3 .v-card{opacity:0}
.vt3 .v-glint{opacity:0;transform:translateX(-700px)}
.vt3 .vt3-stage.in .v-light{animation:vLight 1.2s ease .2s forwards}
.vt3 .vt3-stage.in .v-i{opacity:1;transform:none;transition:opacity .7s ease calc(var(--d) * .8),transform .8s cubic-bezier(.25,.7,.25,1) calc(var(--d) * .8)}
.vt3 .vt3-stage.in .v-card{opacity:1;transition:opacity .8s ease 2.9s}
.vt3 .vt3-stage.in .v-glint{animation:vGlint 1.8s ease-in-out 3.2s forwards}
@keyframes vLight{0%{opacity:0}18%{opacity:.75}26%{opacity:.25}40%{opacity:.9}52%{opacity:.6}100%{opacity:1}}
@keyframes vGlint{0%{opacity:1;transform:translateX(-700px)}100%{opacity:1;transform:translateX(700px)}}
/* kapanış: “tatlı bir an” */
.vt3 .vt-moment{margin:clamp(34px,4.5vw,52px) auto 0;max-width:30ch;text-align:center;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(25px,2.6vw,34px);line-height:1.3;color:var(--gold);text-wrap:balance}
.vt3 .vt-q{display:block;opacity:0;transform:translateY(10px);filter:blur(3px);transition:opacity 1.1s ease,transform 1.2s cubic-bezier(.25,.7,.25,1),filter 1.1s ease}
.vt3 .vt-q em{font-style:italic;color:#9C7A34;background:linear-gradient(transparent 62%,rgba(242,201,138,.45) 0) 0 0/0 100% no-repeat;transition:background-size 1.2s cubic-bezier(.65,0,.35,1) 1.1s;padding:0 .08em}
.vt3 .vt-flour{display:block;width:clamp(140px,18vw,210px);height:auto;margin:16px auto 0;overflow:visible}
.vt3 .vt-flour path{fill:none;stroke:var(--brass);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.65,0,.35,1) .9s}
.vt3 .vt-moment.in .vt-q{opacity:1;transform:none;filter:none}
.vt3 .vt-moment.in .vt-q em{background-size:100% 100%}
.vt3 .vt-moment.in .vt-flour path{stroke-dashoffset:0}
@media (max-width:700px){.vt3 .vt3-stage{margin-left:-10px;margin-right:-10px}.vt3 .vt-lede{max-width:30ch}.vt3 .vt-moment{max-width:22ch}}
@media (prefers-reduced-motion:reduce){.vt3 .v-light,.vt3 .v-i,.vt3 .v-card,.vt3 .vt-q{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}.vt3 .vt-q em{background-size:100% 100%}.vt3 .vt-flour path{stroke-dashoffset:0}}

/* REV 04 Kasım — Kahvaltı: tabaktan kartlara uzanan çizgi kaldırıldı (kartlar ve ilerleme çizgisi bağı yeterli, akış daha sakin) */
.bf-link{display:none!important}
.vt3 .vt-eb{color:var(--brass)}.vt3 .vt-eb::after{content:"";width:26px;height:1px;background:currentColor;opacity:.6}

/* ===== TASLAK v5 — KENDİ İMZAMIZ yeniden kurgu + İki Kardeş damaları (onay bekliyor: “SİTEYE UYGULA”) ===== */
/* dama: karolar tam sayıda tekrarlanır — kenarda yarım kare kalmaz */
.checker,.checker.glow::after{background-repeat:round}
.sg4-top{opacity:.7}

/* tek ölçü sistemi: 3 yazı ailesi + 8px tabanlı boşluk ölçeği */
.sg5{--acc:clamp(19px,1.5vw,21px);--slog:clamp(21px,1.75vw,24px);--body:clamp(16px,1.15vw,17px);--name:clamp(16px,1.2vw,17.5px);
  --g1:12px;--g2:24px;--g3:clamp(36px,3.6vw,48px);--g4:clamp(64px,7vw,96px);
  padding-top:var(--g4);padding-bottom:var(--g4);text-align:center}
.sg5 .wrap{max-width:880px}
/* başlık bloğu */
.sg5-head{max-width:40rem;margin:0 auto}
.sg5-eb{justify-content:center;color:var(--brass)}.sg5-eb::after{content:"";width:26px;height:1px;background:currentColor;opacity:.6}
.sg5 h2{margin:var(--g1) 0 0;text-wrap:balance}
.sg5-sig{display:block;width:min(360px,84%);height:auto;margin:2px auto 0;overflow:visible}
.sg5-ink{fill:none;stroke:url(#sg5g);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.sg5-dot{fill:var(--brass);opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2)}
.sg5-sig.on .sg5-ink{transition:stroke-dashoffset 1.5s cubic-bezier(.55,0,.25,1);stroke-dashoffset:0}
.sg5-sig.on .sg5-dot{transition:opacity .35s ease 1.45s,transform .5s cubic-bezier(.3,1.6,.5,1) 1.45s;opacity:1;transform:none}
.sg5-slogan{margin:var(--g1) auto 0;max-width:24ch;font-family:var(--serif);font-style:italic;font-weight:400;font-size:var(--slog);line-height:1.35;color:var(--gold);text-wrap:balance}
.sg5-intro{margin:var(--g2) auto 0;max-width:50ch;font-family:var(--serif);font-size:var(--body);line-height:1.75;color:var(--muted);text-wrap:pretty}
/* alt başlıklar (Soğuk Çaylar · Matcha): aynı etiket, iki yanında ince çizgi */
.sg5-k{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--brass)}
.sg5-k::before,.sg5-k::after{content:"";width:28px;height:1px;background:currentColor;opacity:.6}
.sg5-part{margin-top:calc(var(--g4) - 8px)}
.sg5-k+.sg5-stage{margin-top:var(--g2)}
/* sahneler: aynı kart dili; soğuk çay geniş, matcha daha dar */
.sg5-stage{position:relative;margin:var(--g2) auto 0;background:#F4ECDC;border:1px solid rgba(184,150,74,.32);border-radius:24px;overflow:hidden}
.sg5-cold .sg5-stage{max-width:720px;padding:clamp(28px,3.4vw,44px) clamp(16px,2.6vw,36px) clamp(20px,2.4vw,30px)}
.sg5-mt .sg5-stage{max-width:600px;padding:clamp(18px,2.4vw,30px) clamp(12px,2vw,28px) clamp(10px,1.4vw,16px)}
.sg4-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,1.6vw,22px)}
.sg4-g{margin:0;text-align:center;cursor:pointer;outline:none}
.sg4-g svg{width:100%;max-width:150px;height:auto;display:block;margin:0 auto;overflow:visible;transition:transform .5s cubic-bezier(.25,.7,.25,1)}
.sg4-g:hover svg,.sg4-g:focus-visible svg{transform:translateY(-4px)}
.sg4-g figcaption{position:relative;display:inline-block;margin-top:10px;padding-bottom:6px;font-family:var(--serif);font-size:var(--name);color:var(--gold);white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .9s ease,transform 1s cubic-bezier(.25,.7,.25,1);transition-delay:calc(var(--d0) + 2.2s)}
.sg4-g figcaption::after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:1px;background:var(--brass);transform:scaleX(0);transition:transform .45s cubic-bezier(.25,.7,.25,1)}
.sg4-g:hover figcaption::after,.sg4-g:focus-visible figcaption::after,.sg4-g.j figcaption::after{transform:scaleX(1)}
.sg4-cstage.on .sg4-g figcaption{opacity:1;transform:none}
.sg5-mt .mt-art{display:block;width:100%;max-width:520px;margin:0 auto;overflow:visible}
/* vurgu cümleleri: küçük, yatık, önünde kısa pirinç çizgi */
.sg5-q{margin:var(--g2) auto 0;max-width:28ch;font-family:var(--serif);font-style:italic;font-weight:400;font-size:var(--acc);line-height:1.4;color:var(--gold);text-wrap:balance}
.sg5-q::before{content:"";display:block;width:24px;height:1px;margin:0 auto 14px;background:var(--brass);opacity:.7}
/* POCO cümlesi: gövde metni */
.sg5-i{margin:var(--g1) auto 0;max-width:40ch;font-family:var(--serif);font-size:var(--body);line-height:1.7;color:var(--muted)}
/* soğuk çay ↔ matcha arası: aynı ailenin iki alt bölümü */
.sg5-mid{display:flex;align-items:center;justify-content:center;gap:16px;margin:var(--g4) auto 0;max-width:360px}
.sg5-mid i{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(184,150,74,.5))}.sg5-mid i:last-child{background:linear-gradient(90deg,rgba(184,150,74,.5),transparent)}
.sg5-chk{flex:none;width:96px;height:16px;background-size:16px 16px;background-repeat:repeat;opacity:.75}
.sg5-mid+.sg5-part{margin-top:calc(var(--g4) - 8px)}
/* matcha çeşitleri: üç eşit sütun, ince ayraçlar */
.sg5-ml{list-style:none;margin:var(--g3) auto 0;padding:0;max-width:560px;display:grid;grid-template-columns:repeat(3,1fr)}
.sg5-ml li{display:flex;flex-direction:column;align-items:center;gap:10px;padding:2px 8px;font-family:var(--serif);font-size:var(--name);line-height:1.3;color:var(--gold);white-space:nowrap}
.sg5-ml li+li{border-left:1px solid rgba(184,150,74,.3)}
.sg5-ml .mv{width:36px;height:36px;flex:none}
/* açılış: her parça kendi sırası gelince belirir */
.sg5 .rv:not(.sg5-sig){opacity:0;transform:translateY(10px);transition:opacity .9s ease,transform 1s cubic-bezier(.25,.7,.25,1)}
.sg5 .rv.on:not(.sg5-sig){opacity:1;transform:none}
.sg5-ml li{opacity:0;transform:translateY(8px);transition:opacity .8s ease,transform .9s cubic-bezier(.25,.7,.25,1);transition-delay:calc(var(--k) * .14s)}
.sg5-ml.on li{opacity:1;transform:none}
.sg5 .sg5-ml.rv{opacity:1;transform:none}
/* animasyonlar (mevcut: bardak dökülmesi, matcha çırpma) */
.mt-whpos{transform:translate(104px,40px);opacity:0}
.mt-foam,.mt-b,.mt-swirl,.mt-gloss{opacity:0}
.sg4-mstage.on .mt-whpos{animation:mtWh3 3.8s cubic-bezier(.45,0,.35,1) .3s forwards}
.sg4-mstage.on .mt-wh{animation:mtZz 1.8s linear 1s 1}
.sg4-mstage.on .mt-foam{animation:mtF 1.8s ease 1s forwards}
.sg4-mstage.on .mt-b{animation:mtF .6s ease forwards;animation-delay:calc(1.9s + var(--i,0) * .1s)}
.sg4-mstage.on .mt-swirl{animation:mtS 1.2s ease 3.2s forwards}
.sg4-mstage.on .mt-gloss{animation:mtG 7s ease-in-out 4.2s infinite}
@keyframes mtWh3{0%{opacity:0;transform:translate(104px,40px)}12%{opacity:1;transform:translate(104px,60px)}20%,70%{opacity:1;transform:translate(104px,92px)}84%{transform:translate(162px,72px)}100%{opacity:1;transform:translate(206px,135px)}}
@keyframes mtZz{0%,100%{transform:none}10%{transform:translateX(-18px)}20%{transform:translateX(18px)}30%{transform:translateX(-18px)}40%{transform:translateX(18px)}50%{transform:translateX(-16px)}60%{transform:translateX(16px)}70%{transform:translateX(-12px)}80%{transform:translateX(10px)}90%{transform:translateX(-5px)}}
@keyframes mtF{to{opacity:1}}@keyframes mtS{to{opacity:.85}}
@keyframes mtG{0%,100%{opacity:0;transform:translateX(0)}30%{opacity:.35}50%{opacity:.25;transform:translateX(26px)}70%{opacity:0}}
/* soğuk çay dökülmesi — bardak sahnesi görününce */
.pour .stream rect{transform-origin:50% 0;transform:scaleY(0)}.sg4-cstage.on .pour .stream rect{animation:st 2.1s ease var(--d0,0s) both}
@keyframes st{0%{transform:scaleY(0)}18%{transform:scaleY(1)}78%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1) translateY(160px);opacity:0}}
.pour .liq{transform:translateY(62px)}.sg4-cstage.on .pour .liq{animation:lq 1.8s cubic-bezier(.3,.1,.3,1) calc(var(--d0,0s) + .3s) forwards}@keyframes lq{to{transform:none}}
.pour .wave{animation:wv 1.6s linear infinite}@keyframes wv{to{transform:translateX(20px)}}
.pour .icd{opacity:0}.sg4-cstage.on .pour .icd{animation:ic .6s cubic-bezier(.3,0,.5,1.4) calc(var(--d0,0s) + var(--d)) both}@keyframes ic{from{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:none}}
.pour .strw{opacity:0}.sg4-cstage.on .pour .strw{animation:sw .7s ease calc(var(--d0,0s) + 2.3s) both}@keyframes sw{from{opacity:0;transform:translate(14px,-40px) rotate(8deg)}to{opacity:1;transform:none}}
.pour .spl{opacity:0}.sg4-cstage.on .pour .spl{animation:sp .6s ease-out calc(var(--d0,0s) + var(--d)) 3}@keyframes sp{0%{opacity:.9;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--sx,0),-14px)}}
.pour .spl:nth-of-type(1){--sx:-6px}.pour .spl:nth-of-type(3){--sx:6px}
.sg4-g.j svg{animation:jmp .45s ease}@keyframes jmp{40%{transform:translateY(-8px)}}
.sg4-stage.pz .wave,.sg4-stage.pz .mt-gloss{animation-play-state:paused}

/* mobil: aynı sıra, daha kontrollü ölçek */
@media (max-width:700px){
  .sg5{--acc:18.5px;--slog:20.5px;--body:15.5px;--name:15.5px;--g2:20px;--g3:28px;--g4:56px;padding-top:60px;padding-bottom:60px}
  .sg5-intro{max-width:34ch}
  .sg5-q{max-width:22ch}
  .sg5-cold .sg5-stage{border-radius:20px;padding:22px 8px 16px}
  .sg5-mt .sg5-stage{border-radius:20px;padding:14px 6px 8px}
  .sg4-row{gap:4px}
  .sg5-ml{max-width:none;margin-top:var(--g3)}
  .sg5-ml li{padding:2px 4px;gap:8px;font-size:15px}
  .sg5-ml .mv{width:32px;height:32px}
  .sg5-mid{max-width:280px}.sg5-chk{width:80px}
}
@media (max-width:360px){.sg4-g figcaption{font-size:14.5px}.sg5-ml li{font-size:14px}}
@media (prefers-reduced-motion:reduce){
  .sg5 *{transition:none!important;animation:none!important}
  .sg5 .rv,.sg5-ml li,.sg4-g figcaption{opacity:1!important;transform:none!important}
  .sg5-ink{stroke-dashoffset:0}.sg5-dot{opacity:1;transform:none}
  .pour .liq{transform:none}.pour .icd,.pour .strw{opacity:1}
  .mt-whpos{opacity:1;transform:translate(206px,135px)}.mt-foam,.mt-b{opacity:1}.mt-swirl{opacity:.85}
}
.sg5 .sg5-sig.rv{opacity:1;transform:none}
/* İki Kardeş: ikinci cümle her ekranda kendi satırında */
.sbh-p .sbh-2{display:block}
@media (max-width:700px){ .sbh-p{max-width:31ch;margin-left:auto;margin-right:auto} .sg5-mt .sg5-q{max-width:25ch} .sg5-ml li{font-size:14.5px} }

/* ===== REV-004 — sakin tempo (çizimler ve renkler aynı; yalnız zamanlama) ===== */
/* imza: biraz daha yavaş, kalem hızında */
.sg5-sig.on .sg5-ink{transition:stroke-dashoffset 1.9s cubic-bezier(.5,0,.25,1)}
.sg5-sig.on .sg5-dot{transition:opacity .4s ease 1.85s,transform .55s cubic-bezier(.3,1.6,.5,1) 1.85s}
/* soğuk çay — her bardakta sıra: dökülme → dolma → buzlar → pipet → isim; bardaklar 0,85 sn arayla */
.sg4-cstage.on .pour .stream rect{animation:st 2.6s ease var(--d0,0s) both}
.sg4-cstage.on .pour .liq{animation:lq 2.3s cubic-bezier(.33,.08,.3,1) calc(var(--d0,0s) + .45s) forwards}
.sg4-cstage.on .pour .icd{animation:ic .8s cubic-bezier(.3,0,.45,1.3) calc(var(--d0,0s) + var(--d) + .9s) both}
.sg4-cstage.on .pour .spl{animation:sp .7s ease-out calc(var(--d0,0s) + var(--d) + .1s) 3}
.sg4-cstage.on .pour .strw{animation:sw .9s cubic-bezier(.25,.7,.25,1) calc(var(--d0,0s) + 3.7s) both}
.sg4-g figcaption{transition-delay:calc(var(--d0) + 4s)}
/* matcha — kaseye iner, sakin çırpar, köpük oluşur, kalkar ve tutucuya oturur (~6 sn) */
.sg4-mstage.on .mt-whpos{animation:mtWh4 5.6s cubic-bezier(.45,0,.35,1) .4s forwards}
.sg4-mstage.on .mt-wh{animation:mtZz 2.6s linear 1.5s 1}
.sg4-mstage.on .mt-foam{animation:mtF 2.4s ease 1.6s forwards}
.sg4-mstage.on .mt-b{animation:mtF .8s ease forwards;animation-delay:calc(2.6s + var(--i,0) * .14s)}
.sg4-mstage.on .mt-swirl{animation:mtS 1.4s ease 4.3s forwards}
.sg4-mstage.on .mt-gloss{animation:mtG 7s ease-in-out 6.4s infinite}
@keyframes mtWh4{0%{opacity:0;transform:translate(104px,40px)}10%{opacity:1;transform:translate(104px,60px)}18%,68%{opacity:1;transform:translate(104px,92px)}80%{transform:translate(162px,72px)}100%{opacity:1;transform:translate(206px,135px)}}

/* ===== REV-006 — Hikâyemiz: Mekânımızda · Neden Urla? · Mekânımızın insanları (taslak, onay bekliyor) ===== */
/* ritim: tüm bölümlerde aynı boşluk ölçeği */
.st6-venue,.st6-urla{padding-top:clamp(72px,8vw,112px);padding-bottom:clamp(72px,8vw,112px)}
.st6-h{text-align:center;margin:0}
/* Mekânımızda: sahne kartı + altında iki sütun metin */
.st6-stage{position:relative;max-width:980px;margin:clamp(28px,3.2vw,44px) auto 0;border-radius:24px;overflow:hidden;border:1px solid rgba(184,150,74,.32);background:#F4ECDC}
.mk-scene{display:block;width:100%;height:auto;aspect-ratio:760/420}
.st6-two{max-width:980px;margin-left:auto;margin-right:auto;margin-top:clamp(32px,4vw,52px);align-items:start}
@media (max-width:700px){ .mk-scene{aspect-ratio:5/4} .st6-stage{border-radius:20px} }
/* sahne açılışı: çerçeve çizilir → sandalye örülür → saksı → masa → kruvasan ve fincanlar masaya gelir → buhar */
.mk-fr{stroke-dasharray:1;stroke-dashoffset:1}
.mk-wv{opacity:0;transform-box:fill-box;transform-origin:0 50%}
.mk-pl,.mk-tb,.mk-it{opacity:0}
.mk-stage .st{opacity:0}
.mk-stage.in .mk-fr{animation:mkDr 1.2s ease .05s forwards}
.mk-stage.in .mk-wv{animation:mkWv .4s ease calc(.5s + var(--d)) both}
.mk-stage.in .mk-pl{animation:mkFi .9s ease 2.3s both}
.mk-stage.in .mk-tb{animation:mkFu .9s cubic-bezier(.25,.7,.25,1) 2.7s both}
.mk-stage.in .mk-it{animation:mkIt .9s cubic-bezier(.25,.7,.25,1) calc(3.6s + var(--d)) both}
.mk-stage.in .st{animation:stUp 2.8s ease-out calc(5s + var(--d)) 2 both}
.mk-stage.in .mk-leaf{animation:mkSw 6s ease-in-out calc(3.4s + var(--d)) infinite}
.mk-leaf{transform-box:view-box}
@keyframes mkDr{to{stroke-dashoffset:0}}
@keyframes mkWv{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:none}}
@keyframes mkFi{to{opacity:1}}
@keyframes mkFu{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes mkIt{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes mkSw{0%,100%{transform:rotate(0)}50%{transform:rotate(1.4deg)}}
@keyframes stUp{0%{opacity:0;transform:translateY(6px)}30%{opacity:.8}100%{opacity:0;transform:translateY(-12px)}}

/* Neden Urla?: metin + kemerli teras sahnesi */
.st6-ugrid{grid-template-columns:1fr 1fr;align-items:center;max-width:1080px;margin:0 auto}
.st6-uart{margin:0}
.ur-stage{position:relative;width:min(100%,480px);margin-left:auto;aspect-ratio:4/4.6;border-radius:999px 999px 24px 24px;overflow:hidden;border:1px solid rgba(184,150,74,.35);background:#E9EFF0}
.ur-scene{display:block;width:100%;height:100%}
.st6-uart .coord{width:min(100%,480px)}
@media (max-width:860px){ .st6-ugrid{grid-template-columns:1fr} .st6-uart{order:-1} .ur-stage{margin:0 auto;width:min(100%,400px);aspect-ratio:1/1.05} }
/* teras: şemsiyeler açılır → turunç ağacı → turunçlar → bank, minderler → masa ve sandalye → fenerler */
.ur-t{opacity:0}
.ur-umb{transform:scaleY(.15);opacity:0}
.ur-tree,.ur-bank,.ur-tbl,.ur-ch,.ur-cush{opacity:0}
.ur-or{opacity:0;transform-box:fill-box;transform-origin:50% 50%}
.ur-stage.in .ur-t{animation:urFi .5s ease var(--d) both}
.ur-stage.in .ur-umb{animation:urUmb 1.3s cubic-bezier(.3,1.25,.5,1) .2s forwards}
.ur-stage.in .ur-tree{animation:urFi 1.1s ease .9s both}
.ur-stage.in .ur-or{animation:urOr .55s cubic-bezier(.3,1.6,.5,1) calc(var(--d) + .2s) both}
.ur-stage.in .ur-bank{animation:urFu .8s ease 1.2s both}
.ur-stage.in .ur-cush{animation:urCu .7s cubic-bezier(.3,0,.5,1.4) calc(var(--d) + .2s) both}
.ur-stage.in .ur-tbl{animation:urFu .8s ease 2s both}
.ur-stage.in .ur-ch{animation:urFu .8s ease 2.3s both}
.ur-stage.in .ur-glow{animation:urGl 3.4s ease-in-out calc(var(--d) + .4s) infinite}
@keyframes urFi{to{opacity:1}}
@keyframes urFu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes urUmb{to{transform:none;opacity:1}}
@keyframes urOr{from{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}
@keyframes urCu{from{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:none}}
@keyframes urGl{0%,100%{opacity:.15}50%{opacity:.5}}

/* Mekânımızın insanları: servis sahnesi + “Sizi bekliyoruz.” kapanışı */
.sv-stage{max-width:600px;margin:clamp(36px,4vw,52px) auto 0}
.sv-scene{display:block;width:100%;height:auto;overflow:visible}
.sv-chl,.sv-tbl,.sv-c1,.sv-c2{opacity:0}
.sv-chr{opacity:0}
.sv-stage .st{opacity:0}
.sv-stage.in .sv-chl{animation:svUp .9s cubic-bezier(.25,.7,.25,1) .05s both}
.sv-stage.in .sv-chr{animation:svChr 4.8s cubic-bezier(.45,0,.25,1) .2s both}
.sv-stage.in .sv-tbl{animation:svUp .9s cubic-bezier(.25,.7,.25,1) .5s both}
.sv-stage.in .sv-c1{animation:svServe 1s cubic-bezier(.25,.7,.25,1) 1.4s both}
.sv-stage.in .sv-c2{animation:svServe 1s cubic-bezier(.25,.7,.25,1) 2.1s both}
.sv-stage.in .sv-st1{animation:stUp 2.8s ease-out 2.6s 2 both}
.sv-stage.in .sv-st2{animation:stUp 2.8s ease-out 3.2s 2 both}
@keyframes svUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes svServe{0%{opacity:0;transform:translate(46px,-10px)}60%{opacity:1}100%{opacity:1;transform:none}}
/* sağdaki sandalye önce yerine gelir, fincanlar konduktan sonra “buyurun” der gibi hafifçe geri çekilir */
@keyframes svChr{0%{opacity:0;transform:translateY(14px)}17%{opacity:1;transform:none}74%{transform:none}100%{opacity:1;transform:translateX(20px)}}
.st6-wait{margin-top:clamp(18px,2.4vw,28px)}
.st6-wait .wait{margin:0;opacity:0;transform:translateY(12px);transition:opacity 1.1s ease,transform 1.2s cubic-bezier(.25,.7,.25,1)}
.st6-ink{display:block;width:min(260px,62%);height:auto;margin:6px auto 0;overflow:visible}
.st6-ink path{fill:none;stroke:url(#st6g);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.st6-ink circle{fill:var(--brass);opacity:0;transition:opacity .4s ease 1.9s}
.st6-wait.in .wait{opacity:1;transform:none}
.st6-wait.in .st6-ink path{transition:stroke-dashoffset 1.8s cubic-bezier(.5,0,.25,1) .5s;stroke-dashoffset:0}
.st6-wait.in .st6-ink circle{opacity:1}
.st-people .st6-wait~.ctas{margin-top:clamp(22px,2.6vw,32px)}

@media (prefers-reduced-motion:reduce){
  .mk-stage *,.ur-stage *,.sv-stage *,.st6-wait *{animation:none!important;transition:none!important}
  .mk-wv,.mk-pl,.mk-tb,.mk-it,.ur-t,.ur-umb,.ur-tree,.ur-bank,.ur-tbl,.ur-ch,.ur-cush,.ur-or,.sv-chl,.sv-chr,.sv-tbl,.sv-c1,.sv-c2,.st6-wait .wait{opacity:1!important;transform:none!important}
  .mk-fr,.st6-ink path{stroke-dashoffset:0}.st6-ink circle{opacity:1}
}

/* ===== REV-006d — Mekânımızda: be’ti dış cephesi (fotoğraflardan çizim; masa-sandalye ve iç görüntü yok) =====
   sıra: cephe → tabela yazısı soldan sağa → tente iner, yeşil logo → camlarda yansıma ve parıltı → sikas açılır → tabeladan ince ışık (≈7,5 sn) */
.cep-scene{display:block;width:100%;height:auto;aspect-ratio:800/640}
.cepw{background:#FAF6EC}
.cepw *{transform-box:fill-box}
.cepw :is(.f-front,.f-front2,.f-refl,.f-refl2,.f-awn,.f-awnlogo,.ffrond,.f-sik){opacity:0}
.cepw .f-signwipe{transform:scaleX(0);transform-origin:0 50%}
.cepw.in .f-front{animation:cpFi .9s ease .1s forwards}
.cepw.in .f-front2{animation:cpFi .8s ease .6s forwards}
.cepw.in .f-signwipe{animation:cpWipe 1.7s cubic-bezier(.45,.05,.3,1) .8s forwards}
.cepw.in .f-awn{transform-origin:50% 0;transform:scaleY(0);animation:cpRoll 1.1s cubic-bezier(.3,1.25,.5,1) 2.5s forwards}
.cepw.in .f-awnlogo{animation:cpFi .9s ease 3.4s forwards}
.cepw.in .f-refl{animation:cpR1 1.2s ease 3.6s forwards}
.cepw.in .f-refl2{animation:cpR2 1.2s ease 3.9s forwards}
.cepw.in .f-glint{animation:cpGlint 1.8s ease-in-out 4.4s forwards}
.cepw.in .ffrond{transform:scale(.1) rotate(-8deg);animation:cpUnf 1.2s cubic-bezier(.22,.61,.36,1) calc(4.9s + var(--d)) forwards}
.cepw.in .f-sik{transform-origin:50% 100%;animation:cpFi .6s ease 4.7s forwards,cpSway 6s ease-in-out 7s infinite alternate}
.cepw.in .f-sheen{animation:cpSheen 1.6s ease-in-out 6.2s forwards}
@keyframes cpFi{to{opacity:1}} @keyframes cpR1{to{opacity:.35}} @keyframes cpR2{to{opacity:.3}}
@keyframes cpWipe{to{transform:scaleX(1)}}
@keyframes cpRoll{0%{opacity:1;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}
@keyframes cpUnf{to{opacity:1;transform:none}}
@keyframes cpSway{from{opacity:1;transform:rotate(-.6deg)}to{opacity:1;transform:rotate(.7deg)}}
@keyframes cpGlint{0%{opacity:0;transform:skewX(-18deg) translateX(0)}20%{opacity:.9}100%{opacity:0;transform:skewX(-18deg) translateX(320px)}}
@keyframes cpSheen{0%{opacity:0;transform:translateX(0)}15%{opacity:.9}85%{opacity:.9}100%{opacity:0;transform:translateX(520px)}}
@media (prefers-reduced-motion:reduce){
  .cepw *{animation:none!important}
  .cepw :is(.f-front,.f-front2,.f-awn,.f-awnlogo,.ffrond,.f-sik){opacity:1!important;transform:none!important}
  .cepw .f-signwipe{transform:none!important} .cepw .f-refl{opacity:.35!important} .cepw .f-refl2{opacity:.3!important}
}

/* ===== REV-007 — Ana sayfa ziyaret bölümü: take-away (poşet, kutu, iki bardak) · “Güneşe karşı” (taslak, onay bekliyor) =====
   sahne loş başlar → güneş poşetin arkasından doğar → her şey aydınlanır, uzun gölgeler kısalır → poşetin üzerinden ışık geçer */
.vs-art.ta3 .ta-sc{display:block;width:100%;height:100%}
.vs-art.ta3 .ta-sc *{transform-box:fill-box}
.vs-art.ta3 .ta-handle{transform-box:view-box}
.vs-art.ta3 .ta-sun{transform:translateY(150px)}
.vs-art.ta3 .ta-shadow{transform-origin:50% 50%;transform:scaleY(1.8) scaleX(1.6);opacity:.08}
.vs-art.ta3 .c-dusk{opacity:.6}
.vs-art.ta3.in .ta-sun{animation:t3Rise 3.6s cubic-bezier(.25,.6,.3,1) .3s forwards}
.vs-art.ta3.in .c-dusk{animation:t3Dawn 3.8s ease .4s forwards}
.vs-art.ta3.in .ta-shadow{animation:t3Sh 3.6s cubic-bezier(.25,.6,.3,1) .4s forwards}
.vs-art.ta3.in .ta-shine{animation:t3Shine 1.6s ease-in-out 3.6s forwards}
.vs-art.ta3.in .ta-handle{animation:t3Sway 5s ease-in-out 3.8s infinite alternate}
@keyframes t3Rise{to{transform:none}} @keyframes t3Dawn{to{opacity:0}} @keyframes t3Sh{to{transform:none;opacity:.22}}
@keyframes t3Shine{0%{opacity:0;transform:skewX(-16deg) translateX(0)}20%{opacity:1}100%{opacity:0;transform:skewX(-16deg) translateX(200px)}}
@keyframes t3Sway{from{transform:rotate(-1deg)}to{transform:rotate(1deg)}}
@media (prefers-reduced-motion:reduce){.vs-art.ta3 *{animation:none!important}.vs-art.ta3 .ta-sun,.vs-art.ta3 .ta-shadow{transform:none!important;opacity:1}.vs-art.ta3 .ta-shadow{opacity:.22!important}.vs-art.ta3 .c-dusk{opacity:0!important}}

/* ===== REV-008 — Mobil menü (çekmece): düzen, hiza ve oran (taslak, onay bekliyor) =====
   üstte numaralı bağlantılar ince çizgilerle; altta etiketli iletişim bilgisi ve dil seçimi; boşluklar ekran yüksekliğine göre */
.drawer{height:100vh;height:100dvh}
.dr-in{justify-content:flex-start;align-items:stretch;overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:calc(var(--hdr,66px) + clamp(20px,5vh,48px)) var(--pad) clamp(22px,3.6vh,34px)}
.dr-in>*{width:100%;max-width:560px;margin-left:auto;margin-right:auto}
.dr-nav{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.drawer a.big{display:flex;align-items:center;gap:18px;min-height:0;padding:clamp(12px,2.1vh,18px) 2px;border-bottom:1px solid var(--line);
  font-size:clamp(30px,8.2vw,40px);line-height:1.1;letter-spacing:-.005em}
.drawer .dt{flex:1;min-width:0}
.drawer .dar{flex:none;width:20px;height:20px;color:var(--gold-2);opacity:.55;transition:transform .35s var(--ease),opacity .35s}
.drawer a.big:hover .dar,.drawer a.big:focus-visible .dar{opacity:1;transform:translateX(3px)}
.drawer a.big[aria-current="page"] .dt::after{content:"";display:inline-block;width:6px;height:6px;margin-left:12px;border-radius:50%;background:var(--brass);vertical-align:.28em}
.dr-foot{margin-top:auto;padding-top:clamp(26px,5vh,48px);display:grid;gap:clamp(16px,2.6vh,22px);font-size:14px;color:var(--gold-2)}
.dr-info{display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,2.2vh,20px) 36px;margin:0}
.dr-info dd{white-space:nowrap}.dr-info .full dd{white-space:normal}
.dr-info .full{grid-column:1/-1}
.dr-info dt{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--brass);margin-bottom:6px}
.dr-info dd{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.dr-info dd a{color:inherit;text-decoration:none}
.dr-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid var(--line)}
.dr-ig{font-size:13.5px;color:var(--gold-2);text-decoration:none;letter-spacing:.02em}
.drawer .lang{margin-right:-4px}
.dr-foot{opacity:0;transform:translateY(8px);transition:opacity .5s ease .42s,transform .6s var(--ease) .42s}
.menu-open .dr-foot{opacity:1;transform:none}
/* kısa ekranlar */
@media (max-height:640px){ .drawer a.big{font-size:clamp(26px,7vw,32px);padding:9px 2px} .dr-foot{padding-top:20px} .dr-info dd{font-size:14px} }
/* tablet ve geniş pencere (menü düğmesi 980 px’e kadar görünür): ortalı, daha ferah */
@media (min-width:700px){ .dr-in>*{max-width:600px} .drawer a.big{font-size:42px;padding:18px 2px} .dr-info{grid-template-columns:1.5fr auto auto;column-gap:40px} .dr-info .full{grid-column:auto} }
@media (prefers-reduced-motion:reduce){ .dr-foot{transition:none} }

/* ===== REV-008b — Menü: daha küçük bağlantılar + ortada “Terastaki üç dost” sahnesi =====
   sahne kırpılmaz: menüde kalan boşluğa göre küçülüp büyür. Masa ve üstündekiler hazır durur; yalnız köpekler sırayla gelir (ilk açılış). */
.drawer a.big{font-size:clamp(24px,6.6vw,30px);padding:clamp(9px,1.5vh,13px) 2px;gap:14px}
.drawer .dar{width:17px;height:17px}
.drawer a.big[aria-current="page"] .dt::after{width:5px;height:5px;margin-left:10px;vertical-align:.3em}
.dr-in{overflow:hidden}
.dr-nav,.dr-foot{flex:none}
.dr-scene{flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;padding:clamp(14px,2.4vh,24px) 0;
  opacity:0;transform:translateY(10px);transition:opacity .5s ease .3s,transform .6s var(--ease) .3s}
.menu-open .dr-scene{opacity:1;transform:none}
.dr-scene .dog-sc{display:block;height:100%;width:auto;max-width:100%;max-height:420px;aspect-ratio:600/428;border-radius:18px;border:1px solid var(--line);background:#F3EEE4}
.dr-foot{margin-top:0;padding-top:0;gap:clamp(12px,2vh,18px)}
.dr-info{gap:clamp(10px,1.6vh,16px) 32px}
.dr-info dd{font-size:14.5px;line-height:1.5}
.dr-scene :is(.eyes,.d1,.d2,.d3){transform-box:fill-box}
.dr-scene .eyes{transform-origin:50% 50%}
.dr-scene .d2-tail{transform-box:view-box}
/* ilk açılış: yalnız köpekler gelir */
.dr-scene.play :is(.d1,.d2,.d3){opacity:0}
.dr-scene.play .d1{transform:translateY(110px);animation:dsUp 1s cubic-bezier(.3,1.25,.5,1) .55s forwards}
.dr-scene.play .d2{transform:translateX(150px);animation:dsUp 1.1s cubic-bezier(.22,.61,.36,1) 1s forwards}
.dr-scene.play .d3{transform:translateY(56px);animation:dsUp .9s cubic-bezier(.3,1.3,.5,1) 1.7s forwards}
.dr-scene.play .d2-tail{animation:dsWag .5s ease-in-out 2.1s infinite alternate}
.dr-scene.play .eyes{animation:dsBlink 4.6s ease-in-out 2.6s infinite}
/* sonraki açılışlar: hazır */
.dr-scene.seen .d2-tail{animation:dsWag .5s ease-in-out .4s infinite alternate}
.dr-scene.seen .eyes{animation:dsBlink 4.6s ease-in-out 1s infinite}
.dr-scene :is(.d2,.d3) .eyes{animation-delay:2.1s}
@keyframes dsUp{to{opacity:1;transform:none}}
@keyframes dsWag{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
@keyframes dsBlink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@media (max-height:800px){ .drawer a.big{padding:8px 2px;font-size:clamp(23px,6.2vw,27px)} .dr-in{padding-top:calc(var(--hdr,66px) + 14px)} }
@media (max-height:700px){ .drawer a.big{padding:7px 2px;font-size:clamp(22px,6vw,26px)} .dr-foot{gap:10px} .dr-info{row-gap:8px} .dr-info dd{font-size:13.5px} .dr-bottom{padding-top:10px} }
@media (max-height:520px){ .dr-scene{display:none} .dr-foot{margin-top:auto} }
@media (min-width:700px){ .drawer a.big{font-size:34px;padding:14px 2px} }
@media (prefers-reduced-motion:reduce){ .dr-scene *{animation:none!important} .dr-scene :is(.d1,.d2,.d3){opacity:1!important;transform:none!important} .dr-scene{transition:none} }

/* =====================================================================================
   REV-010 — son revizyon (5 Kasım): kahvaltı çerçevesi, Rodeo etiketi ve bağlantı çizgisi,
   matcha temposu, soğuk çay dökülmesi, kaydırmaya bağlı dama geçişleri, kapanış ışıltısı
   ===================================================================================== */

/* — Kahvaltı: kahve menüsüyle aynı çerçeve dili (ince üst çizgi · kartlar · ilerleme · alt satır: not + çerçeveli düğme) — */
.breakfast .wrap{position:relative}
.dish-rail{margin-top:clamp(56px,7vw,84px);padding-top:clamp(22px,2.6vw,30px)}
.dish-rail::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(121,102,46,.22);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.45,0,.2,1)}
.dish-rail.on::before{transform:none}
.dish-rail .dishes{margin-top:0}
.dish-rail .dish-prog{grid-column:1/-1;margin-top:10px}
.bf-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px 32px;margin-top:clamp(26px,3vw,36px)}
.bf-foot .note{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.4;color:var(--gold)}
.bf-foot .note .clock{width:15px;height:15px;flex:none;fill:none;stroke:var(--brass);stroke-width:1.1;stroke-linecap:round}
.bf-foot-r{display:flex;align-items:center;gap:14px}
.bf-foot .dish-nav{margin:0}
.bf-cta.link{margin:0;min-height:46px;padding:0 22px 0 24px;gap:12px;border:1px solid rgba(121,102,46,.42);border-radius:999px;background:none;color:var(--gold);transition:background-color .35s ease,border-color .35s ease,color .35s ease}
.bf-cta.link:hover{background:var(--gold);border-color:var(--gold);color:var(--paper)}
.bf-cta .ar{transition:transform .35s var(--ease)}.bf-cta:hover .ar{transform:translateX(3px)}
@media (max-width:860px),(pointer:coarse){ .bf-foot .dish-nav{display:none} }
@media (max-width:640px){ .bf-foot{flex-direction:column;align-items:flex-start;gap:18px} .bf-foot .note{font-size:18px} }

/* — Rodeo: dokununca / tıklayınca altında yalnız “Rodeo” — */
.bf-art{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:24px;outline:none}
.bf-art:focus-visible{box-shadow:0 0 0 1px var(--brass)}
.bf-name{position:absolute;left:50%;bottom:-6px;transform:translate(-50%,6px);font-family:var(--serif);font-style:italic;font-size:clamp(20px,2vw,24px);letter-spacing:.01em;color:var(--gold);opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .45s ease,transform .55s var(--ease)}
.bf-name::before,.bf-name::after{content:"";display:inline-block;width:18px;height:1px;background:var(--brass);opacity:.6;vertical-align:.32em;margin:0 10px}
.bf-art.named .bf-name{opacity:1;transform:translate(-50%,0)}
@media (max-width:860px){ .bf-name{bottom:-10px} }

/* — Matcha: çok hafif hızlandırma (yaklaşık %15; sıra ve hareketler aynı) — */
.sg4-mstage.on .mt-whpos{animation:mtWh4 4.8s cubic-bezier(.45,0,.35,1) .35s forwards}
.sg4-mstage.on .mt-wh{animation:mtZz 2.2s linear 1.3s 1}
.sg4-mstage.on .mt-foam{animation:mtF 2s ease 1.35s forwards}
.sg4-mstage.on .mt-b{animation:mtF .7s ease forwards;animation-delay:calc(2.2s + var(--i,0) * .12s)}
.sg4-mstage.on .mt-swirl{animation:mtS 1.2s ease 3.65s forwards}
.sg4-mstage.on .mt-gloss{animation:mtG 7s ease-in-out 5.4s infinite}

/* — Soğuk çaylar: dolum bitince akış bardağın altından çıkıp gitmez; yerinde incelip söner — */
.sg4-cstage.on .pour .stream rect{animation:stIn 2.6s ease var(--d0,0s) both}
@keyframes stIn{0%{transform:scaleY(0);opacity:1}18%{transform:scaleY(1);opacity:1}74%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1) scaleX(.4);opacity:0}}

/* — Dama geçişleri: hepsi ilk ekrandaki “Fırından” geçişiyle aynı aile — kaydırmaya bağlı, soldan sağa açılır — */
.checker.sx{clip-path:inset(0 calc((1 - var(--p,0)) * 100%) 0 0)}
.checker.sx.reveal::after{display:none}
.checker.sx.glow::after{clip-path:inset(0 calc((1 - var(--q,0)) * 100%) 0 0)!important;transition:none}

/* — Kapanış: “Kendinize burada güzel bir an ayırın.” — bir kez geçen ince ışık + küçük pirinç yıldız — */
.vs-glint .gl{background:linear-gradient(100deg,var(--gold) 0 42%,#E2C97F 50%,var(--gold) 58% 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vs-glint.in .gl{animation:vsGl 2.4s cubic-bezier(.45,0,.2,1) .9s 1 both}
.vs-spark{display:inline-block;width:.34em;height:.34em;margin-left:.12em;vertical-align:.62em;opacity:0;transform:scale(.2) rotate(-30deg)}
.vs-spark svg{display:block;width:100%;height:100%;fill:#C9A85A}
.vs-glint.in .vs-spark{animation:vsSp 1s cubic-bezier(.3,1.5,.5,1) 2.6s both,vsTw 6s ease-in-out 3.8s infinite}
@keyframes vsGl{to{background-position:0 0}}
@keyframes vsSp{to{opacity:1;transform:none}}
@keyframes vsTw{0%,82%,100%{opacity:1;transform:none}90%{opacity:.45;transform:scale(.72) rotate(18deg)}}

@media (prefers-reduced-motion:reduce){
  .checker.sx{clip-path:none}
  .vs-glint .gl{animation:none!important;background-position:0 0}.vs-spark{opacity:1!important;transform:none!important;animation:none!important}
  .dish-rail::before{transform:none}
}

/* — Çok dilli yerleşim: FR / RU başlıkları daha uzun; Hikâyemiz açılış başlığı satır kırabilir, sütunlar taşmaz — */
.st-open-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
:lang(fr) .st-open .lines .ln,:lang(ru) .st-open .lines .ln,:lang(en) .st-open .lines .ln{white-space:normal}
:lang(fr) .st-open .lines,:lang(ru) .st-open .lines{font-size:clamp(38px,4.4vw,62px);text-wrap:balance}
@media (max-width:860px){ .st-open-grid{grid-template-columns:minmax(0,1fr)} :lang(fr) .st-open .lines,:lang(ru) .st-open .lines{font-size:clamp(30px,8.2vw,40px)} }
h1,h2,h3{overflow-wrap:break-word;hyphens:manual}

/* =====================================================================================
   REV-014 — Mobil menü paneli · yeniden kompozisyon (taslak, onay bekliyor)
   Okuma sırası: logo + kapat → bağlantılar → iletişim → küçük, ortalı “Terastaki üç dost” → Instagram + dil.
   Kart yok, bağlantı ayraçları yok, sol çizgi yok. Her şey logo ile aynı sol hizada.
   ===================================================================================== */
.menu-open .hdr{background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important}
.drawer{transform:none;opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0);background:var(--cream);
  transition:clip-path .36s cubic-bezier(.4,0,.2,1),opacity .28s ease,visibility 0s linear .36s}
.menu-open .drawer{opacity:1;visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .6s cubic-bezier(.22,.61,.36,1),opacity .3s ease,visibility 0s}

.drawer .dr-in{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  padding:calc(var(--hdr,66px) + clamp(18px,4vh,40px)) var(--pad) calc(clamp(12px,2vh,20px) + 12px + env(safe-area-inset-bottom,0px))}
.drawer .dr-in>*{width:100%;max-width:440px;margin-left:auto;margin-right:auto}

/* — bağlantılar — */
.drawer .dr-nav{flex:none;display:flex;flex-direction:column;border:0;margin-top:0;margin-bottom:0}
.drawer .dr-nav a.big{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:0;margin:0;
  padding:clamp(9px,1.45vh,13px) 0;border:0;
  font-family:var(--serif);font-weight:400;font-size:clamp(27px,7.4vw,31px);line-height:1.12;letter-spacing:-.003em;color:var(--ink);
  opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,color .3s ease}
.drawer .dr-nav .dt{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;gap:12px}
.drawer .dr-nav .dar{flex:none;width:15px;height:15px;color:var(--gold-2);opacity:.38;transition:opacity .3s,transform .35s cubic-bezier(.22,.61,.36,1)}
.drawer .dr-nav a.big:hover .dar,.drawer .dr-nav a.big:focus-visible .dar{opacity:.9;transform:translateX(3px)}
.drawer .dr-nav a.big:focus{outline:none}
.drawer .dr-nav a.big:focus-visible{color:var(--gold)}
/* etkin sayfa: altın renk + yazının hemen ardından küçük pirinç nokta (sol çizgi yok, kayma yok) */
.drawer .dr-nav a.big[aria-current="page"]{color:var(--gold)}
.drawer .dr-nav a.big::before{content:none!important}
.drawer .dr-nav a.big[aria-current="page"] .dt{transform:none}
.drawer .dr-nav a.big[aria-current="page"] .dt::after{content:"";flex:none;display:block;width:5px;height:5px;margin:0;border-radius:50%;background:var(--brass);transform:translateY(.08em)}
.drawer .dr-nav a.big[aria-current="page"] .dar{opacity:.6;color:var(--gold)}
.menu-open .drawer .dr-nav a.big{opacity:1;transform:none;transition:opacity .45s ease,transform .6s cubic-bezier(.22,.61,.36,1),color .3s}
.menu-open .drawer .dr-nav a.big:nth-child(1){transition-delay:.26s}
.menu-open .drawer .dr-nav a.big:nth-child(2){transition-delay:.31s}
.menu-open .drawer .dr-nav a.big:nth-child(3){transition-delay:.36s}
.menu-open .drawer .dr-nav a.big:nth-child(4){transition-delay:.41s}

/* — alt bölüm: iletişim · sahne · Instagram + dil — kalan yüksekliği doldurur — */
.drawer .dr-foot{flex:1 0 auto;display:flex;flex-direction:column;gap:0;margin-top:clamp(22px,3.6vh,36px);padding:0;font-size:14px;
  opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}
.menu-open .drawer .dr-foot{opacity:1;transform:none;transition:opacity .5s ease .46s,transform .6s cubic-bezier(.22,.61,.36,1) .46s}
.drawer .dr-info{flex:none;display:grid;grid-template-columns:auto auto;justify-content:start;gap:clamp(12px,1.8vh,16px) 40px;margin:0;
  padding-top:clamp(18px,2.8vh,24px);border-top:1px solid rgba(121,102,46,.16)}
.drawer .dr-info .full{grid-column:1/-1}
.drawer .dr-info dt{font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--brass);margin-bottom:5px}
.drawer .dr-info dd{margin:0;font-size:14px;line-height:1.5;color:var(--muted);white-space:normal}
.drawer .dr-info div:not(.full) dd{white-space:nowrap}
.drawer .dr-info dd a{color:var(--ink);text-decoration:none}

/* sahne: küçük, ortalı, kırpılmaz; ekran uzadıkça bir sınıra kadar büyür, kalan boşluğun ortasında durur */
.drawer .dr-scene{flex:1 1 0;min-height:118px;display:flex;align-items:center;justify-content:center;
  padding:clamp(18px,3vh,30px) 0;margin:0;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}
.menu-open .drawer .dr-scene{opacity:1;transform:none;transition:opacity .55s ease .56s,transform .7s cubic-bezier(.22,.61,.36,1) .56s}
.drawer .dr-scene .dog-sc{display:block;height:100%;width:auto;max-width:min(66%,236px);max-height:164px;aspect-ratio:600/428;
  border-radius:16px;border:1px solid rgba(121,102,46,.16);background:#F3EEE4;box-shadow:0 14px 30px -24px rgba(62,42,30,.4)}

.drawer .dr-bottom{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px;border-top:1px solid rgba(121,102,46,.16)}
.drawer .dr-ig{font-size:12.5px;letter-spacing:.02em;color:var(--gold-2);text-decoration:none;padding:10px 0}
.drawer .lang{font-size:10.5px;gap:3px;margin-right:-4px}
.drawer .lang a{min-width:30px;padding:12px 2px;text-align:center}
.drawer .dr-check{height:12px;background-size:12px 12px}

/* — ekran yüksekliği / genişliği — */
@media (max-height:740px){ .drawer .dr-nav a.big{font-size:clamp(25px,6.9vw,28px);padding:8px 0} .drawer .dr-foot{margin-top:18px} .drawer .dr-info{row-gap:10px;padding-top:16px} .drawer .dr-info dd{font-size:13.5px} }
@media (max-height:620px){ .drawer .dr-in{padding-top:calc(var(--hdr,66px) + 8px)} .drawer .dr-nav a.big{font-size:23px;padding:5px 0} .drawer .dr-foot{margin-top:14px} .drawer .dr-info{row-gap:8px;padding-top:12px} .drawer .dr-info dt{margin-bottom:3px} .drawer .dr-info dd{font-size:13px;line-height:1.42} .drawer .dr-scene{min-height:84px;padding:10px 0} }
@media (min-height:860px){ .drawer .dr-scene .dog-sc{max-height:172px;max-width:min(66%,246px)} }
@media (max-width:359px){ .drawer .dr-info{column-gap:18px} .drawer .dr-info div:not(.full) dd{white-space:normal} .drawer .dr-nav a.big{font-size:25px} .drawer .lang a{min-width:25px} }
@media (min-width:700px){ .drawer .dr-in>*{max-width:520px} .drawer .dr-nav a.big{font-size:36px;padding:12px 0} .drawer .dr-scene .dog-sc{max-height:220px;max-width:320px} }
:lang(ru) .drawer .dr-nav a.big,:lang(fr) .drawer .dr-nav a.big{font-size:clamp(25px,6.8vw,29px)}
@media (prefers-reduced-motion:reduce){
  .drawer,.menu-open .drawer{clip-path:none;transition:opacity .2s ease,visibility 0s}
  .drawer .dr-nav a.big,.drawer .dr-foot,.drawer .dr-scene{transition:none!important;transform:none!important}
}

/* =====================================================================================
   REV-013 — Dil seçiciler: masaüstü başlıkta açılır seçici · mobil menü panelinde dört dil · footer aynen
   ===================================================================================== */
.lang-dd{position:relative;margin-left:6px;padding-left:22px;border-left:1px solid var(--line);display:flex;align-items:center}
.ld-btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 4px;background:none;border:0;cursor:pointer;
  font:inherit;font-size:11.5px;letter-spacing:.18em;font-weight:500;color:var(--gold);border-radius:6px}
.ld-btn span{position:relative;padding:4px 0}
.ld-btn span::after{content:"";position:absolute;left:0;right:.18em;bottom:-1px;height:1px;background:var(--gold);opacity:.75}
.ld-chev{width:9px;height:6px;color:var(--gold-2);transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.lang-dd.open .ld-chev{transform:rotate(180deg)}
.ld-btn:focus-visible{outline:1px solid var(--brass);outline-offset:3px}
.ld-menu{position:absolute;top:calc(100% + 10px);right:-10px;min-width:168px;padding:6px;background:var(--paper);
  border:1px solid rgba(121,102,46,.2);border-radius:14px;box-shadow:0 18px 40px -22px rgba(62,42,30,.4);
  opacity:0;visibility:hidden;transform:translateY(-6px);transform-origin:top right;
  transition:opacity .2s ease,transform .25s cubic-bezier(.22,.61,.36,1),visibility 0s linear .25s;z-index:80}
.ld-menu::before{content:"";position:absolute;top:-5px;right:22px;width:9px;height:9px;background:var(--paper);border-left:1px solid rgba(121,102,46,.2);border-top:1px solid rgba(121,102,46,.2);transform:rotate(45deg)}
.lang-dd.open .ld-menu{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .35s cubic-bezier(.22,.61,.36,1),visibility 0s}
.ld-menu a{display:flex;align-items:baseline;gap:12px;padding:10px 12px;border-radius:9px;text-decoration:none;color:var(--ink);transition:background-color .25s ease,color .25s ease}
.ld-menu a b{width:22px;font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.18em;color:var(--gold-2)}
.ld-menu a span{font-family:var(--serif);font-size:17px;line-height:1.1}
.ld-menu a:hover,.ld-menu a:focus-visible{background:rgba(184,150,74,.1);outline:none}
.ld-menu a[aria-current="true"]{color:var(--gold)}
.ld-menu a[aria-current="true"] b{color:var(--gold)}
.ld-menu a[aria-current="true"]::after{content:"";margin-left:auto;align-self:center;width:5px;height:5px;border-radius:50%;background:var(--brass)}
.hdr.solid .lang-dd{border-left-color:var(--line)}
@media (prefers-reduced-motion:reduce){ .ld-menu,.lang-dd.open .ld-menu,.ld-chev{transition:none} }