/* Ana sayfa: hero → menüden seçmeler → bir günün hikâyesi → konum → sipariş */

/* ——— Hero ——— */
.hero{position:relative;padding:calc(var(--nav-h) + clamp(28px,4vw,64px)) 0 clamp(48px,6vw,96px);overflow:hidden;background:
  radial-gradient(70% 60% at 78% 36%,rgba(201,164,92,.17),transparent 70%),
  radial-gradient(60% 50% at 6% 96%,rgba(204,122,44,.12),transparent 70%),var(--navy-900)}
.hero__glow{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 119px,rgba(230,203,146,.03) 119px 120px)}
.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(20px,3vw,56px)}
.hero__grid>*{min-width:0}
.hero__copy{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2vw,28px);justify-items:start}
.hero__h{font-size:clamp(2.9rem,.8rem + 6.6vw,7.4rem);line-height:.94;letter-spacing:-.035em}
.hero__h em{color:var(--gold-hi)}
.hero .lede{max-width:30em}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px}

.stage{position:relative;width:100%;aspect-ratio:1/.98;max-height:74svh;justify-self:end;max-width:700px;min-height:380px}
.stage__i{position:absolute;will-change:transform}
.stage__i--a{left:8%;top:0;width:46%}
.stage__i--b{left:57%;top:12%;width:39%}
.stage__i--c{left:0;top:56%;width:25%}
.stage__i--a .arch{aspect-ratio:3/4.4}
.stage__i--b .arch{aspect-ratio:3/4.1}
.disc{border-radius:50%;overflow:hidden;aspect-ratio:1;box-shadow:0 0 0 6px var(--navy-900),0 0 0 7px var(--line)}
.stage__i--cut{left:24%;bottom:-3%;width:52%;height:auto;filter:drop-shadow(0 24px 28px rgba(0,0,0,.55));pointer-events:none}
.tag{left:30%;bottom:1%;font:600 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--cream);padding:.62em .95em;border-radius:3px;box-shadow:0 8px 18px -8px #000;white-space:nowrap;rotate:-4deg}
.tag::before{content:"";position:absolute;left:50%;top:-7px;width:44px;height:14px;translate:-50% 0;background:rgba(201,164,92,.55);transform:rotate(-3deg)}
.note{left:-1%;bottom:3%;font-size:clamp(1.5rem,2.8vw,2.3rem);rotate:-6deg;color:var(--gold-hi);white-space:nowrap}

/* ——— Menüden seçmeler (krem zemin: stüdyo çekimleri baskı gibi öne çıkar) ——— */
.shop__h{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,80px);align-items:end;margin-bottom:clamp(28px,4vw,56px)}
.shop__sub{font:600 .78rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--crust-deep);margin:clamp(8px,1.5vw,20px) 0 18px;display:flex;align-items:center;gap:16px}
.shop__sub::after{content:"";flex:1;height:1px;background:rgba(16,21,31,.18)}
.shop__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,32px);margin-bottom:clamp(28px,4vw,56px)}
.sp{margin:0;display:grid;gap:14px;align-content:start}
.sp img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;box-shadow:0 26px 40px -26px rgba(16,21,31,.65);background:var(--navy-800)}
.sp figcaption{display:grid;gap:3px;padding-inline:2px}
.sp b{font:500 clamp(1.15rem,1rem + .5vw,1.45rem)/1.15 var(--serif);font-variation-settings:"opsz" 40;letter-spacing:-.01em}
.sp span{font-size:.92rem;color:#5a5446;line-height:1.4}
.shop__more{display:flex;justify-content:center}

/* ——— Bir günün hikâyesi ——— */
.story{position:relative;background:var(--navy-950);padding-block:clamp(72px,10vw,150px) clamp(48px,6vw,90px);transition:background .8s}
.story__head{display:grid;gap:clamp(14px,2vw,24px);justify-items:start;margin-bottom:clamp(40px,6vw,96px)}
.story__head h2 em{color:var(--gold-hi)}
.story__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(46%,520px));gap:clamp(24px,6vw,110px);align-items:start}
.story__steps{display:grid}
.st{min-height:84svh;display:grid;align-content:center;justify-items:start;gap:clamp(12px,1.6vw,20px);padding-block:clamp(32px,5vh,64px);position:relative;opacity:.74;transition:opacity .6s var(--ease)}
.st.is-on{opacity:1}
.st__time{font:400 clamp(3.4rem,1rem + 7vw,7.4rem)/.9 var(--serif);font-variation-settings:"opsz" 144;letter-spacing:-.04em;color:var(--gold-hi);margin:0}
.st h3{font-size:clamp(1.7rem,1.1rem + 2.4vw,3.1rem);line-height:1.06;max-width:16em}
.st p:not(.st__time){color:var(--text-dim);font-size:clamp(1.02rem,.95rem + .35vw,1.2rem);line-height:1.6;max-width:30em}
.st__chips{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 0}
.st__chips li{padding:.5em 1em;border-radius:999px;font:600 .8rem/1 var(--sans);letter-spacing:.04em;color:var(--gold-hi);box-shadow:inset 0 0 0 1px rgba(230,203,146,.35)}
.st__thumbs{display:flex;gap:10px;margin-top:6px}
.st__thumbs img{width:clamp(76px,8vw,112px);aspect-ratio:1;object-fit:cover;border-radius:12px;box-shadow:0 14px 24px -14px #000}
.st__inline{display:none}

.story__stage{position:sticky;top:calc(50svh - min(41svh,330px));display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;height:min(82svh,660px)}
.story__frame{position:relative;height:100%;aspect-ratio:9/14;max-width:100%;border-radius:var(--arch);overflow:hidden;background:var(--navy-800);box-shadow:0 0 0 1px var(--line),0 50px 90px -30px #000;justify-self:center}
.sl{position:absolute;inset:0;opacity:0;transition:opacity .7s var(--ease)}
.sl.is-on{opacity:1}
.sl video{width:100%;height:100%;object-fit:cover}
.sl__cap{position:absolute;left:0;right:0;bottom:0;margin:0;padding:64px 22px 26px;font:500 1.15rem/1.3 var(--serif);color:var(--cream);background:linear-gradient(to top,rgba(8,6,4,.85),transparent);text-align:center;font-variation-settings:"opsz" 40;transition:opacity .4s}
.sl--dn .dn{border-radius:0;box-shadow:none;height:100%;aspect-ratio:auto}
.story__rail{display:grid;gap:0;align-content:center;height:100%;position:relative;padding-left:14px;font:600 .72rem/1 var(--sans);letter-spacing:.14em;color:var(--text-mute)}
.story__rail::before{content:"";position:absolute;left:0;top:6%;bottom:6%;width:1px;background:var(--line)}
.story__rail li{padding:.95em 0 .95em 14px;position:relative;transition:color .4s}
.story__rail li::before{content:"";position:absolute;left:-14px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--navy-950);box-shadow:0 0 0 1px var(--line);translate:-3px -50%;transition:background .4s,box-shadow .4s,transform .4s var(--ease)}
.story__rail li.is-on{color:var(--gold-hi)}
.story__rail li.is-on::before{background:var(--gold);box-shadow:0 0 0 4px rgba(201,164,92,.25);transform:scale(1.25)}

/* ——— Konum ——— */
.konum__h{display:grid;gap:clamp(14px,2vw,22px);justify-items:start;margin-bottom:clamp(26px,4vw,52px)}
.konum__h .lede{max-width:40em}
.konum__grid{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:clamp(14px,2vw,28px);align-items:stretch}
.konum__video{aspect-ratio:9/15.5;max-height:660px}
.konum__video video{object-fit:cover}
.konum__map{border-radius:24px;overflow:hidden;background:var(--navy-800);box-shadow:0 0 0 1px var(--line);min-height:420px}
.konum__map iframe{width:100%;height:100%;min-height:420px;border:0;display:block}
.konum__info{margin-top:clamp(20px,3vw,40px);display:grid;grid-template-columns:1fr auto;gap:clamp(18px,3vw,48px);align-items:center}
.place__dl{margin:0;display:grid;width:100%;border-top:1px solid var(--line)}
.place__dl>div{display:grid;grid-template-columns:5.5em 1fr;gap:14px;padding:.85em 0;border-bottom:1px solid var(--line)}
.place__dl dt{font:600 .7rem/1.9 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.place__dl dd{margin:0;color:var(--text)}
.place__btn{display:flex;flex-wrap:wrap;gap:10px}

.dn{position:relative;aspect-ratio:9/15;border-radius:var(--arch);overflow:hidden;touch-action:pan-y;user-select:none;box-shadow:0 0 0 1px var(--line),0 40px 80px -30px #000;width:100%}
.dn__a,.dn__b{position:absolute;inset:0}
.dn__b{clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.dn video{width:100%;height:100%;object-fit:cover}
.dn__lab{position:absolute;bottom:18px;left:18px;font:600 .72rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;background:rgba(10,17,31,.72);backdrop-filter:blur(8px);padding:.6em .9em;border-radius:999px;color:var(--cream)}
.dn__lab--r{left:auto;right:18px}
.dn__h{position:absolute;top:0;bottom:0;left:var(--p);width:44px;translate:-50% 0;cursor:ew-resize;display:grid;place-items:center}
.dn__h::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;translate:-50% 0;background:var(--cream);box-shadow:0 0 14px rgba(0,0,0,.5)}
.dn__h span{position:relative;width:46px;height:46px;border-radius:50%;background:var(--cream);box-shadow:0 8px 20px rgba(0,0,0,.45)}
.dn__h span::before,.dn__h span::after{content:"";position:absolute;top:50%;width:7px;height:7px;border:solid var(--navy-900);border-width:2px 2px 0 0;translate:0 -50%}
.dn__h span::before{left:12px;rotate:-135deg}.dn__h span::after{right:12px;rotate:45deg}

/* ——— Sipariş ——— */
.visit{padding-bottom:clamp(64px,9vw,130px)}
.visit__h{margin:14px 0 clamp(12px,2vw,22px);font-size:clamp(2.6rem,1rem + 6vw,7rem);line-height:.94}
.visit__h em{color:var(--crust-deep)}
.visit__lede{margin-bottom:clamp(24px,3.4vw,44px);max-width:34em}
.visit .ob{box-shadow:0 22px 40px -24px rgba(16,21,31,.55),inset 0 0 0 1px rgba(16,21,31,.1)}
.visit__cake{margin-top:clamp(28px,4vw,56px);display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,64px);align-items:center;background:var(--navy-900);color:var(--text);border-radius:28px;padding:clamp(22px,3vw,48px)}
.visit__cake img{width:clamp(150px,18vw,260px);height:auto;filter:drop-shadow(0 22px 24px rgba(0,0,0,.55))}
.visit__cake>div{display:grid;gap:14px;justify-items:start}
.visit__cake h3{font-size:clamp(1.8rem,1.2rem + 2vw,3rem)}
.visit__cake .lede{color:var(--text-dim)}

/* ——— Tablet / mobil ——— */
@media (max-width:980px){
  .hero{padding-top:calc(var(--nav-h) + 16px)}
  .hero__grid{grid-template-columns:1fr;gap:10px}
  .hero__h{font-size:clamp(2.9rem,13.5vw,6.4rem)}
  .hero .eyebrow{letter-spacing:.12em;font-size:.66rem}
  .hero__copy{gap:14px}
  .hero .lede{font-size:1rem}
  .stage{max-height:none;aspect-ratio:1/1.02;justify-self:center;margin-top:6px;width:min(100%,520px)}
  .shop__h{grid-template-columns:1fr}
  .shop__grid{grid-template-columns:1fr 1fr}
  .story__grid{grid-template-columns:1fr}
  .story__stage{display:none}
  .st{min-height:0;opacity:1;padding-block:clamp(28px,6vw,48px);border-top:1px solid var(--line);gap:12px}
  .st__time{font-size:clamp(3rem,16vw,5rem)}
  .st__inline{display:block;width:min(100%,360px);aspect-ratio:9/13.5;margin-top:8px}
  .st__inline.arch,.st__inline .dn{width:100%}
  .st__inline .dn{aspect-ratio:9/13.5}
  .konum__grid{grid-template-columns:1fr}
  .konum__video{max-height:none;width:min(100%,360px);justify-self:center;aspect-ratio:9/14}
  .konum__map,.konum__map iframe{min-height:360px}
  .konum__info{grid-template-columns:1fr}
  .visit__cake{grid-template-columns:1fr}
  .visit__cake img{margin-inline:auto}
}
@media (max-width:520px){
  .stage__i--a{left:6%;width:48%}
  .stage__i--b{left:57%;width:40%;top:10%}
  .tag{font-size:.62rem}
  .place__dl>div{grid-template-columns:4.6em 1fr}
}

/* ——— Hero: sıcak, iştah açıcı palet (v8) ———
   Lacivert yerine bitter kakao zemin; kruvasanın arkasında kehribar ışık, tartın yanında çilek kızıllığı, köşede bal. */
.hero{--hz:#2f140b;background:linear-gradient(160deg,#642a14 0%,#3d190d 48%,#2a1209 100%);background-color:#3d190d}
/* renkli ışıklar ayrı katmanda (metin zemini koyu kalır; kontrast denetimi bu katmanı zemin saymaz) */
.hero__glow{background:
    radial-gradient(54% 60% at 76% 34%,rgba(255,146,48,.72),transparent 68%),
    radial-gradient(40% 44% at 16% 92%,rgba(240,64,92,.55),transparent 70%),
    radial-gradient(42% 34% at 98% 98%,rgba(255,206,122,.30),transparent 70%),
    radial-gradient(30% 30% at 40% 6%,rgba(255,196,120,.14),transparent 70%)}
.hero__glow::after{content:"";position:absolute;inset:0;background:radial-gradient(40% 46% at 72% 40%,rgba(255,190,100,.34),transparent 70%);mix-blend-mode:screen;animation:heroBreath 9s ease-in-out infinite}
@keyframes heroBreath{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
.hero .eyebrow{color:#ffc27a}
.hero__h{color:#fff4e4;text-shadow:0 2px 30px rgba(255,120,40,.18)}
.hero__h em{background:linear-gradient(100deg,#ffe2b0 0%,#ffab52 38%,#ff7a5c 70%,#ffd08a 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:heroShine 8s ease-in-out infinite;padding-right:.06em}
@keyframes heroShine{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero .lede{color:#f2d9bd}
.hero .btn:not(.btn--ghost){--bg:linear-gradient(135deg,#ffd493 0%,#ff9d4a 100%);--fg:#3a1606;box-shadow:0 14px 34px -10px rgba(255,140,50,.75),inset 0 1px 0 rgba(255,255,255,.5)}
.hero .btn:not(.btn--ghost)::before{background:#fff1da}
.hero .btn--ghost{--fg:#fff1da;box-shadow:inset 0 0 0 1.5px rgba(255,214,160,.45)}
.hero .btn--ghost::before{background:#fff1da}
.hero .btn--ghost:hover{color:#3a1606}
.hero .arch,.hero .disc{box-shadow:0 0 0 1px rgba(255,205,150,.38),0 34px 60px -22px rgba(255,110,30,.55),0 10px 30px -10px rgba(0,0,0,.5)}
.hero .disc{box-shadow:0 0 0 6px var(--hz),0 0 0 7.5px rgba(255,205,150,.5),0 24px 44px -16px rgba(236,70,92,.6)}
.stage__i--cut{filter:drop-shadow(0 26px 26px rgba(70,10,0,.6)) drop-shadow(0 0 40px rgba(255,120,60,.25));animation:heroFloat 7s ease-in-out infinite}
@keyframes heroFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
.note{color:#ffd9a0;text-shadow:0 2px 18px rgba(255,130,40,.45)}
.tag{background:#fff1da;color:#3a1606}
.tag::before{background:rgba(255,160,70,.6)}

/* damga: "06:00 kapı açılır" */
.stamp{right:0;bottom:7%;width:clamp(86px,11.5vw,128px);aspect-ratio:1;border-radius:50%;display:grid;place-content:center;justify-items:center;gap:.25em;text-align:center;color:#fff4e4;background:radial-gradient(circle at 30% 25%,#ff6f7f,#d42d49 62%,#a81b36);box-shadow:0 18px 34px -12px rgba(200,30,60,.75),inset 0 1px 0 rgba(255,255,255,.35);rotate:8deg}
.stamp::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px dashed rgba(255,226,190,.7);animation:stampSpin 36s linear infinite}
.stamp b{font:600 clamp(1.15rem,2.2vw,1.7rem)/1 var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.01em}
.stamp span{font:700 .56rem/1.15 var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.92}
@keyframes stampSpin{to{transform:rotate(360deg)}}

/* ışıltılar: yavaş yükselen bal rengi parçacıklar */
.hero__sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero__sparks i{position:absolute;bottom:-10px;width:var(--s,6px);height:var(--s,6px);border-radius:50%;background:radial-gradient(circle,#ffe1a8,rgba(255,170,70,.0) 70%);opacity:0;animation:spark var(--d,14s) linear infinite;animation-delay:var(--l,0s)}
.hero__sparks i:nth-child(1){left:8%;--s:7px;--d:15s;--l:0s}
.hero__sparks i:nth-child(2){left:18%;--s:4px;--d:12s;--l:3s}
.hero__sparks i:nth-child(3){left:31%;--s:6px;--d:17s;--l:6s}
.hero__sparks i:nth-child(4){left:46%;--s:5px;--d:13s;--l:1.5s}
.hero__sparks i:nth-child(5){left:58%;--s:8px;--d:18s;--l:8s}
.hero__sparks i:nth-child(6){left:67%;--s:4px;--d:11s;--l:4s}
.hero__sparks i:nth-child(7){left:78%;--s:6px;--d:16s;--l:10s}
.hero__sparks i:nth-child(8){left:89%;--s:5px;--d:14s;--l:2s}
.hero__sparks i:nth-child(9){left:95%;--s:7px;--d:19s;--l:7s}
@keyframes spark{0%{transform:translate(0,0) scale(.6);opacity:0}12%{opacity:.9}60%{opacity:.55}100%{transform:translate(18px,-78vh) scale(1.2);opacity:0}}

/* alt kenar: pasta tablası gibi taraklı geçiş (krem bölüme) */
.hero__edge{position:absolute;left:0;right:0;bottom:-1px;height:20px;background:radial-gradient(circle at 50% 100%,var(--cream) 0 13px,transparent 14px) 0 100%/28px 20px repeat-x;pointer-events:none}

@media (prefers-reduced-motion:reduce){.hero__glow::after,.hero__h em,.stage__i--cut,.stamp::before,.hero__sparks i{animation:none}.hero__sparks{display:none}}
@media (max-width:980px){.stamp{right:2%;bottom:17%;width:88px}.stamp span{font-size:.5rem}.hero__edge{height:14px;background-size:20px 14px;background-image:radial-gradient(circle at 50% 100%,var(--cream) 0 9px,transparent 10px)}}

/* ——— Açılış filmi: ana sayfa görseli yalnızca bu yatay video ——— */
.film{position:relative;background:#0b0705;height:min(100svh,56.25vw);min-height:360px;overflow:hidden}
.film__v,.film video{position:absolute;inset:0;width:100%;height:100%}
.film video{object-fit:cover;background:#0b0705}
.film::before{content:"";position:absolute;left:0;right:0;top:0;height:clamp(110px,16vh,190px);z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(8,5,3,.78),rgba(8,5,3,0))}
.film::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(47,20,11,.55),rgba(47,20,11,0))}
.film__b{position:absolute;z-index:3;right:var(--gut);bottom:22px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:.55em 1.1em .55em .8em;border-radius:999px;background:rgba(12,8,5,.7);color:#fff4e4;font:600 .85rem/1 var(--sans);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,214,160,.4);transition:background .25s}
.film__b:hover{background:rgba(12,8,5,.88)}
.film__b .bi{width:22px;height:22px}
.film + .hero{padding-top:clamp(56px,7vw,110px)}
@media (max-width:980px){
  .film{height:auto;aspect-ratio:16/9;min-height:0;margin-top:var(--nav-h)}
  .film::before{display:none}
  .film__b{bottom:10px;right:10px}
}
@media (max-width:560px){.film__b{padding:.55em;gap:0}.film__b span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}