/* Web sitesi */
html{scroll-padding-top:84px}

/* Üst bar */
.bar{position:fixed;inset:0 0 auto;z-index:40;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.bar.solid,.bar.inner{background:#101010ee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--line)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px}
.bar .logo img{width:96px}
.bar nav{display:flex;gap:30px;font-size:15px}
.bar nav a{text-decoration:none;color:#d9cfc2;position:relative;padding:6px 0}
.bar nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--bronze);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.bar nav a:hover::after,.bar nav a[aria-current]::after{transform:scaleX(1)}
.bar nav a[aria-current]{color:var(--bronze-2)}
.lang{font-size:14px;color:var(--muted);text-decoration:none;padding:8px 0}
.lang:hover{color:var(--cream)}
.burger{display:none;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font:500 14px var(--sans)}

/* Başlıklar ve bölümler */
.h1{font:500 clamp(44px,7vw,96px)/.98 var(--serif)}
.h2{font:500 clamp(34px,4.6vw,60px)/1.04 var(--serif)}
.lead{color:var(--muted);max-width:52ch}
.sec{padding:120px 0}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:44px;flex-wrap:wrap}
.page-head{padding:150px 0 48px}
.page-head .lead{margin-top:16px;font-size:18px}
.crumb{font-size:14px;color:var(--muted);margin-bottom:18px}
.crumb a{text-decoration:none}
.crumb a:hover{color:var(--cream)}

/* Kaydırınca belirme: JS yoksa ya da hareket azaltılmışsa içerik hep görünür */
.js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.js [data-reveal].in{opacity:1;transform:none}
.js [data-reveal="fade"]{transform:none}
.js [data-reveal="zoom"]{transform:scale(.96)}
@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* Ana sayfa girişi: değişen tabak fotoğrafları */
.hero{position:relative;min-height:min(100svh,980px);display:grid;align-items:end;padding:120px 0 0;overflow:hidden;isolation:isolate;background:var(--bg)}
.slides{position:absolute;inset:0;z-index:-2}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}
.slide.on{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.slide.on img{transform:scale(1);transition:transform 3s cubic-bezier(.25,.6,.3,1)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101010f0 0,#101010a8 32%,#10101014 66%,#10101040 100%),linear-gradient(0deg,#101010 0,#10101000 40%),linear-gradient(180deg,#101010a0 0,#10101000 20%)}
.hero-copy{max-width:640px;padding-bottom:56px}
.hero-mark{width:clamp(120px,12vw,168px);animation:rise 1.4s var(--ease) .15s both}
.hero-title{font:500 clamp(40px,5.4vw,78px)/1.02 var(--serif);letter-spacing:-.01em;margin-top:22px;max-width:14ch;animation:rise 1.4s var(--ease) .32s both}
.now{display:flex;align-items:center;gap:16px;margin-top:34px;animation:rise 1.4s var(--ease) .55s both}
.now b{font:500 19px var(--serif);color:var(--bronze-2);min-width:12ch}
.dots{display:flex;gap:4px}
.dots button{width:30px;height:30px;display:grid;place-items:center}
.dots button::before{content:"";width:22px;height:2px;background:#ffffff40;transition:background .3s,width .3s}
.dots button[aria-current]::before{background:var(--bronze);width:30px}
.hero-branches{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff1c;background:#10101099;backdrop-filter:blur(6px);padding-inline:max(0px,calc((100% - 1200px) / 2))}
.hb{padding:28px 28px 30px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 16px;text-decoration:none;position:relative;transition:background .4s}
.hb + .hb{border-left:1px solid #ffffff1c}
.hb:hover{background:#ffffff08}
.hb .place{font:500 30px/1 var(--serif)}
.hb .city{color:var(--muted);font-size:15px}
.hb .arrow{grid-row:1/3;grid-column:2;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff2e;display:grid;place-items:center;transition:border-color .3s,transform .4s}
.hb:hover .arrow{border-color:var(--bronze);transform:translateX(4px)}
.hb::after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:1px;background:var(--bronze);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.hb:hover::after{transform:scaleX(1)}

/* İmza tabaklar */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(420px,80vw);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.dish{scroll-snap-align:start;text-decoration:none}
.ph{overflow:hidden;border-radius:3px;background:var(--s2)}
.dish img{aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform 1.2s var(--ease)}
.dish:hover img{transform:scale(1.05)}
.dish h3{font:500 28px/1.1 var(--serif);margin-top:18px}
.dish p{color:var(--muted);font-size:15px;margin-top:6px;max-width:36ch}
.rail-nav{display:flex;gap:8px}
.rail-nav button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);font-size:18px;transition:border-color .3s}
.rail-nav button:hover{border-color:var(--bronze)}

/* Menü kategorileri karoları */
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cat{position:relative;border-radius:3px;overflow:hidden;aspect-ratio:4/3;text-decoration:none;display:block;background:var(--s2);border:1px solid var(--line)}
.cat img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .6s}
.cat:hover img{transform:scale(1.06);filter:brightness(1.08)}
.cat.has-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101010eb 0,#10101040 55%,#10101010)}
.cat span{position:absolute;left:22px;bottom:18px;z-index:1;font:500 30px/1 var(--serif)}
.cat small{display:block;font:400 14px var(--sans);color:var(--muted);margin-top:8px}
.note{margin-top:22px;color:var(--muted);font-size:15px}

/* Hikâye */
.story{background:var(--wine)}
.story .wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.story img{aspect-ratio:4/5;object-fit:cover;width:100%}
.story .body{color:#dccbbc;margin-top:22px;max-width:48ch}
.story .body p+p{margin-top:14px}

/* Instagram / galeri ızgarası */
.ig{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.ig a{overflow:hidden;display:block;background:var(--s2)}
.ig img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .9s,opacity .4s}
.ig a:hover img{transform:scale(1.07);opacity:.85}

/* Blog kartları */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-card{text-decoration:none;display:block}
.post-card .ph img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform 1.2s var(--ease)}
.post-card:hover .ph img{transform:scale(1.04)}
.post-card .pc-title{font:500 26px/1.15 var(--serif);margin-top:16px}
.post-card p{color:var(--muted);font-size:15px;margin-top:8px}
.post-card time{display:block;color:var(--muted);font-size:13px;margin-top:10px}

/* Web sitesi menü sayfası */
.menu-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start}
.menu-nav{position:sticky;top:100px;display:grid;gap:2px}
.menu-nav a{text-decoration:none;color:var(--muted);padding:8px 0 8px 14px;border-left:1px solid var(--line);transition:color .2s,border-color .2s}
.menu-nav a:hover,.menu-nav a.on{color:var(--cream);border-left-color:var(--bronze)}
.menu-sec{padding-bottom:72px;scroll-margin-top:16px} /* html scroll-padding-top (84px) ile birlikte */
.menu-sec h2{font:500 clamp(34px,4vw,52px)/1.05 var(--serif);margin-bottom:8px}
.menu-sec > p{color:var(--muted);margin-bottom:22px}
.mgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mi{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--s1);transition:border-color .25s}
.mi:hover{border-color:var(--line-2)}
.mi .ph{aspect-ratio:1;border-radius:4px}
.mi .ph img{width:100%;height:100%;object-fit:cover}
.mi.np{grid-template-columns:minmax(0,1fr)}
.mi h3{font:600 17px/1.3 var(--sans)}
.mi p{color:var(--muted);font-size:14px;margin-top:3px}
.mi .al{margin-top:8px}
.menu-legend{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:13px;margin-top:8px}
.menu-legend span{display:inline-flex;align-items:center;gap:6px}

/* Şube sayfası */
.b-hero{position:relative;min-height:min(72svh,680px);display:flex;align-items:end;padding:140px 0 64px;overflow:hidden;isolation:isolate}
.b-hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.b-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--bg) 4%,#101010b8 45%,#10101066)}
.b-hero h1{animation:rise 1.3s var(--ease) .1s both}
.b-hero p{margin-top:16px;font-size:19px;color:#ddd0c0}
.acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px}
.card{background:var(--s1);border:1px solid var(--line);border-radius:6px;padding:32px}
.card h2{font:500 30px/1.1 var(--serif);margin-bottom:22px}
.card dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px 20px}
.card dt{color:var(--muted)}
.card dd a{text-decoration:none}
.hours{list-style:none;padding:0;display:grid;gap:4px}
.hours li{display:flex;justify-content:space-between;gap:16px;max-width:320px}
.tbd{color:var(--muted)}
.map{background:var(--s2);border:1px solid var(--line);border-radius:6px;min-height:360px;display:grid;place-items:center;text-align:center;padding:24px;overflow:hidden;position:relative}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.3) invert(.92) hue-rotate(180deg)}
.map p{color:var(--muted);font-size:14px;max-width:36ch;margin:12px auto 0}
.gal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:240px 240px;gap:10px}
.gal a{overflow:hidden;border-radius:4px;display:block}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.gal a:hover img{transform:scale(1.04)}
.gal a:first-child{grid-row:span 2}
.others{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.other{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px;border:1px solid var(--line);border-radius:6px;text-decoration:none;transition:border-color .25s}
.other:hover{border-color:var(--bronze)}
.other b{font:500 32px var(--serif)}
.other span{color:var(--muted);font-size:15px}

/* İletişim */
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.contact-grid .card{display:flex;flex-direction:column;gap:18px}
.contact-grid .card dl{grid-template-columns:1fr;gap:2px}
.contact-grid .card dd{margin-bottom:10px}
.contact-grid .acts{margin-top:auto}

/* Galeri sayfası */
.masonry{columns:3;column-gap:12px}
.masonry a{display:block;margin-bottom:12px;break-inside:avoid;overflow:hidden;border-radius:4px}
.masonry img{width:100%;transition:transform 1s var(--ease)}
.masonry a:hover img{transform:scale(1.03)}
.lightbox{position:fixed;inset:0;z-index:80;background:#000000ee;display:none;place-items:center;padding:24px}
.lightbox.open{display:grid;animation:fade .3s both}
.lightbox img{max-height:86svh;width:auto;border-radius:4px}
.lightbox button{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff33;background:#101010aa;font-size:22px}
.lightbox .x{top:16px;right:16px}
.lightbox .prev{left:16px;top:50%}
.lightbox .next{right:16px;top:50%}
@keyframes fade{from{opacity:0}}

/* Yazı / yasal metin */
.prose{max-width:720px;font-size:18px;line-height:1.75;color:#ddd3c6}
.prose h2{font:500 34px/1.15 var(--serif);color:var(--cream);margin:48px 0 14px}
.prose h3{font:600 20px var(--sans);color:var(--cream);margin:32px 0 10px}
.prose p,.prose ul,.prose ol,.prose blockquote,.prose figure,.prose .table{margin-top:18px}
.prose ul,.prose ol{padding-left:22px}
.prose li+li{margin-top:6px}
.prose a{color:var(--bronze-2)}
.prose strong{color:var(--cream)}
.prose blockquote{border-left:2px solid var(--bronze);padding-left:18px;font-family:var(--serif);font-size:22px;color:var(--cream)}
.prose figure img{border-radius:4px}
.prose .table{overflow-x:auto}
.prose table{border-collapse:collapse;width:100%;font-size:15px}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
.post-cover{border-radius:4px;margin:0 0 40px;aspect-ratio:16/9;object-fit:cover;width:100%}
.post-meta{color:var(--muted);font-size:14px;margin-top:16px}

/* Footer */
footer.site{background:#0b0b0b;border-top:1px solid var(--line);padding:72px 0 36px;color:var(--muted);font-size:15px}
.f-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}
.f-grid img{width:110px;margin-bottom:18px}
.f-grid .fh{font:500 15px var(--sans);color:var(--cream);margin-bottom:14px}
.f-grid ul{list-style:none;padding:0;display:grid;gap:9px}
footer.site a{text-decoration:none}
footer.site a:hover{color:var(--cream)}
.f-legal{display:flex;flex-wrap:wrap;gap:22px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:14px}
.f-legal span{margin-right:auto}

/* Çerez bandı */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:560px;margin-left:auto;background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 20px 60px #0009;display:none;animation:rise .5s var(--ease) both}
.consent.open{display:block}
.consent p{font-size:15px;color:#d8cdbf}
.consent p a{color:var(--bronze-2)}
.consent .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.consent .row .btn{padding:10px 16px}
.consent fieldset{border:0;padding:0;margin-top:14px;display:none;gap:10px}
.consent.detail fieldset{display:grid}
.consent label{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px}
.consent label input{grid-row:span 2;margin-top:4px;accent-color:var(--bronze);width:18px;height:18px}
.consent label small{color:var(--muted)}

/* Hata sayfası */
.err{min-height:80svh;display:grid;place-items:center;text-align:center;padding:140px 16px 60px}
.err b{font:500 clamp(80px,14vw,160px)/1 var(--serif);color:var(--bronze)}
.err p{margin:16px 0 28px;color:var(--muted)}

@media (max-width:900px){
  .bar nav,.bar .lang{display:none}
  .burger{display:block}
  .bar .wrap{height:64px}
  /* backdrop-filter sabit menü panelini bar içine hapseder; menü açıkken kapatılır */
  .nav-open .bar{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}
  .nav-open .bar nav{z-index:60;height:calc(100dvh - 64px)}
  .nav-open .bar nav{display:flex;position:fixed;inset:64px 0 0;flex-direction:column;gap:0;background:var(--bg);padding:12px 16px 40px;overflow:auto}
  .nav-open .bar nav a{font:500 30px/1 var(--serif);padding:18px 0;border-bottom:1px solid var(--line)}
  .nav-open .bar nav a::after{display:none}
  .nav-open .bar .lang{display:inline-flex;position:fixed;left:16px;bottom:24px;font-size:16px;z-index:61}
  .sec{padding:76px 0}
  .page-head{padding:110px 0 32px}
  .hero{min-height:min(100svh,760px);padding-top:90px}
  .hero::before{background:linear-gradient(0deg,#101010 6%,#101010b8 46%,#10101030 75%,#10101090 100%)}
  .hero-copy{padding-bottom:28px}
  .hero-branches{grid-template-columns:1fr;background:var(--bg)}
  .hb{padding:18px 16px}
  .hb::after{left:16px;right:16px}
  .hb + .hb{border-left:0;border-top:1px solid #ffffff1c}
  .hb .place{font-size:26px}
  .rail-nav{display:none}
  .cats{grid-template-columns:1fr 1fr;gap:8px}
  .cat span{left:14px;bottom:12px;font-size:21px}
  .story .wrap{grid-template-columns:1fr;gap:36px}
  .ig{grid-template-columns:repeat(3,1fr)}
  .posts{grid-template-columns:1fr}
  .menu-layout{grid-template-columns:1fr;gap:0}
  .menu-nav{position:sticky;top:64px;z-index:5;display:flex;overflow-x:auto;gap:6px;background:#101010f2;margin:0 -16px 24px;padding:10px 16px;border-bottom:1px solid var(--line);scrollbar-width:none}
  .menu-nav a{border:1px solid var(--line);border-radius:999px;padding:7px 14px;white-space:nowrap;font-size:14px}
  .menu-nav a.on{background:var(--cream);color:var(--bg);border-color:var(--cream)}
  .menu-sec{scroll-margin-top:52px} /* 84 + 52 = üst bar (64) + kategori şeridi (~60) + boşluk */
  .mgrid{grid-template-columns:1fr}
  .mi{grid-template-columns:88px minmax(0,1fr)}
  .b-hero{min-height:min(60svh,520px);padding:110px 0 40px}
  .info{grid-template-columns:1fr}
  .card{padding:24px}
  .card dl{grid-template-columns:1fr;gap:2px}
  .card dd{margin-bottom:12px}
  .gal{grid-template-columns:1fr 1fr;grid-template-rows:200px 140px 140px}
  .gal a:first-child{grid-column:1/-1;grid-row:auto}
  .others,.contact-grid{grid-template-columns:1fr}
  .masonry{columns:2;column-gap:8px}
  .masonry a{margin-bottom:8px}
  .f-grid{grid-template-columns:1fr 1fr}
  .f-grid > div:first-child{grid-column:1/-1}
  .prose{font-size:17px}
}
@media (prefers-reduced-motion:reduce){.slide img{transform:none!important}}
.consent:not(.detail) [data-consent="save"]{display:none}

/* Dil seçici bayrağı ve sosyal simgeler */
.lang{display:inline-flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.04em;color:#d9cfc2}
.lang .flag{width:22px;height:15px;border-radius:3px;overflow:hidden;display:block;box-shadow:0 0 0 1px #ffffff26}
.lang .flag svg{width:100%;height:100%;display:block}
.social{display:flex;gap:10px}
.social a{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--cream);transition:border-color .3s,color .3s,transform .3s var(--ease),background .3s}
.social a:hover{border-color:var(--bronze);color:var(--bronze-2);background:#c9a27a14;transform:translateY(-2px)}
.social svg{width:20px;height:20px}


/* --- Premium animasyonlar ------------------------------------------------ */
/* Perde: fotoğraf alttan yukarı açılır, içindeki görsel yavaşça yerine oturur */
.js [data-reveal="wipe"]{opacity:1;transform:none;clip-path:inset(100% 0 0 0);transition:clip-path 1.4s cubic-bezier(.77,0,.18,1);transition-delay:var(--d,0s)}
.js [data-reveal="wipe"].in{clip-path:inset(0 0 0 0)}
.js [data-reveal="wipe"] img{transform:scale(1.18);transition:transform 2.2s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js [data-reveal="wipe"].in img{transform:scale(1)}
.js [data-reveal="wipe"].in:hover img{transform:scale(1.05);transition-duration:1.2s;transition-delay:0s}
/* İnce altın çizgi soldan sağa çizilir */
.js [data-reveal="line"]{opacity:1;transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}
.js [data-reveal="line"].in{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.js [data-reveal="wipe"]{clip-path:none}.js [data-reveal="wipe"] img,.js [data-reveal="line"]{transform:none}}
[data-parallax]{will-change:transform}

/* Ocağın başında: büyük fotoğraf + metin */
.ocak .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:80px;align-items:center}
.ocak-img{aspect-ratio:4/5;border-radius:3px}
.ocak-img img{width:100%;height:118%;object-fit:cover;margin-top:-9%}
.ocak-text p{color:#d6ccbf;font-size:19px;line-height:1.7;margin:22px 0 30px;max-width:42ch}
.rule{display:block;width:72px;height:1px;background:var(--bronze);margin-bottom:28px}

/* Tam genişlik paralaks bandı */
.band{position:relative;height:min(78svh,720px);overflow:hidden;display:grid;place-items:center;text-align:center;isolation:isolate}
.band > img{position:absolute;left:0;top:-15%;width:100%;height:130%;object-fit:cover;z-index:-2}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#10101066 0,#101010cc 70%),linear-gradient(0deg,#101010 0,#10101000 25%,#10101000 75%,#101010 100%)}
.band-line{font:500 clamp(38px,6vw,88px)/1.02 var(--serif);max-width:16ch;margin:0 auto 34px}

/* Meze mozaiği */
.mosaic{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:280px 280px;gap:12px}
.tile{position:relative;overflow:hidden;border-radius:3px;display:block;text-decoration:none;background:var(--s2)}
.tile.t0{grid-row:span 2}
.tile img{width:100%;height:100%;object-fit:cover}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101010d9 0,#10101000 45%);opacity:.9;transition:opacity .5s}
.tile span{position:absolute;left:18px;bottom:16px;z-index:1;font:500 24px/1.1 var(--serif);transform:translateY(6px);transition:transform .5s var(--ease)}
.tile:hover span{transform:none}
.tile:hover::after{opacity:1}

/* Fotoğraflı şube kartları */
.bcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bcard{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:3px;display:block;text-decoration:none;background:var(--s2)}
.bcard img{width:100%;height:100%;object-fit:cover}
.bcard::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101010f2 0,#1010104d 50%,#10101010);transition:background .5s}
.bcard:hover::after{background:linear-gradient(0deg,#101010f2 0,#10101033 60%,#10101000)}
.bc-text{position:absolute;left:26px;right:26px;bottom:24px;z-index:1;display:grid;gap:4px}
.bc-text b{font:500 40px/1 var(--serif)}
.bc-text small{color:var(--muted);font-size:15px}
.bc-text em{font-style:normal;font-size:14px;color:var(--bronze-2);margin-top:12px;opacity:0;transform:translateY(8px);transition:all .5s var(--ease)}
.bcard:hover .bc-text em,.bcard:focus-visible .bc-text em{opacity:1;transform:none}
.bcard::before{content:"";position:absolute;left:26px;right:26px;bottom:16px;height:1px;background:var(--bronze);z-index:2;transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.bcard:hover::before{transform:scaleX(1)}
.sec-head .btn svg{width:18px;height:18px}

@media (max-width:900px){
  .hero-title{font-size:clamp(34px,9vw,46px);margin-top:14px}
  .ocak .wrap{grid-template-columns:1fr;gap:34px}
  .band{height:min(62svh,520px)}
  .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:220px 160px 160px}
  .tile.t0{grid-column:1/-1;grid-row:auto}
  .tile.t4{display:none}
  .tile span{font-size:19px;left:12px;bottom:10px}
  .bcards{grid-template-columns:1fr}
  .bcard{aspect-ratio:16/11}
  .bc-text em{opacity:1;transform:none}
}


/* İmza tabaklar: kaydırınca yatay akan sabit bölüm.
   JS yoksa ya da hareket azaltılmışsa normal yatay kaydırılabilir şerit olarak kalır. */
.pin{padding:120px 0 40px}
.pin-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(16px,calc((100vw - 1200px) / 2)) 14px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.pin-track .dish{flex:0 0 min(420px,78vw);scroll-snap-align:start}
.pin-count{font:500 22px var(--serif);color:var(--muted);letter-spacing:.04em;font-variant-numeric:lining-nums tabular-nums}
.pin-count span{color:var(--bronze-2)}
.pin-bar{display:none;height:1px;background:var(--line);margin-top:26px;position:relative;overflow:hidden}
.pin-bar i{position:absolute;inset:0;background:var(--bronze);transform:scaleX(0);transform-origin:left}
.pinning{padding:0}
.pinning .pin-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:60px}
.pinning .pin-track{overflow:visible;scroll-snap-type:none;will-change:transform;padding-bottom:0}
.pinning .pin-track .dish{flex-basis:min(420px,78vw,calc((100svh - 330px) * .8))}
.pinning .pin-bar{display:block}
.pinning .sec-head{margin-bottom:30px}
@media (max-width:900px){.pin{padding-top:76px}.pinning .pin-sticky{padding-top:56px}.pinning .sec-head{margin-bottom:18px}}

/* Menü sayfası: ürünler büyük yatay fotoğraflı kartlarla öne çıkar */
.mgrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.mi{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;border-radius:10px}
.mi .ph{aspect-ratio:3/2;border-radius:0;width:100%}
.mi .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.mi:hover .ph img{transform:scale(1.05)}
.mi .mi-tx{padding:16px 18px 18px;display:grid;gap:6px}
.mi h3{font:600 22px/1.15 var(--serif)}
.mi p{font-size:14.5px;margin-top:0}
.mi .al{margin-top:4px}
.mi.np{display:flex}
.mi.np .mi-tx{padding:18px}
@media (max-width:900px){
  .mgrid{grid-template-columns:1fr;gap:14px}
  .mi{grid-template-columns:none}
  .mi h3{font-size:24px}
}