/* QR menü temaları — MenüKraft (qr.arrowbilisim.com.tr) şablonlarının bağımlılıksız CSS karşılığı.
   Kaynak Tailwind sınıfları (ClassicMenu/ModernMenu/VibrantMenu/ElegantMenu/SignatureMenu.jsx) birebir ölçülerle çevrildi.
   Arrow'a özgü parçalar (arama kutusu, masa bandı, ürün detay sayfası, etiket/tükendi rozeti) her temanın renkleriyle uyarlandı.
   Gövde sınıfları: t-<anahtar> · f-<aile> · l-<yerleşim> · mk (MenüKraft ailesi) · o-* (Signature seçenekleri). */

/* ---------- MenüKraft ortak taban ---------- */
.mk{--tx:#1A1D1A;--mu:#787C77;--tx2:#3A403A;--bd:#E8E6E1;--sf:#fff;--mw:768px;--navbg:rgba(250,249,246,.95);--rad:12px;--ar:1/1;
  --serif:"Cormorant Garamond",Georgia,"DejaVu Serif",serif;--ff:var(--serif);--fw:500;--ls:-.01em;
  font-family:Outfit,system-ui,sans-serif;font-weight:300;line-height:1.5;color:var(--tx);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px}
.mk #app{max-width:none;background:transparent}
.mk h1,.mk h2,.mk h3,.mk .fname,.mk .snum,.mk .phl span,.mk .shh h2{font-family:var(--serif);font-weight:500;letter-spacing:-.01em}
.mk h1,.mk h2,.mk h3{overflow-wrap:anywhere}
.mk .hero{position:relative;overflow:hidden;background:none;border:0}
.mk .hero .cover,.mk .hbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mk .hov{position:absolute;inset:0}
.mk .hin{position:relative}
.mk .lg{flex:none;object-fit:cover;box-shadow:none;border:0;background:none}
.mk .eye{display:block;font-size:10px;text-transform:uppercase;line-height:1.5}
.mk .hmeta{font-size:12.5px;opacity:.8;margin-top:6px}
.mk .stick{position:sticky;top:0;z-index:5;padding:0;background:var(--navbg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--bd);box-shadow:none}
.mk .stin{max-width:var(--mw);margin:0 auto;padding:12px 16px 0}
.mk .sbox{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--bd);background:var(--sf);border-radius:var(--srad,9999px);color:var(--mu)}
.mk .sbox .ic{width:16px;height:16px}
.mk .srch{border:0;background:transparent;min-height:40px;padding:0;flex:1;min-width:0;color:var(--tx);font-weight:400;font-size:15px;border-radius:0}
.mk .srch:focus{outline:none}.mk .sbox:focus-within{border-color:var(--acc)}
.mk .srch::placeholder{color:var(--mu);opacity:.85}
.mk .chips{gap:8px;padding:12px 0}
.mk .chip{min-height:40px;padding:0 16px;font-size:14px;font-weight:400;border-radius:9999px;transition:background-color .2s,color .2s,box-shadow .2s;color:var(--tx);background:transparent;border:1px solid var(--bd)}
.mk .chip.on{background:var(--acc);border-color:var(--acc);color:#fff}
.mk .menu{max-width:var(--mw);margin:0 auto;padding:40px 16px}
.mk .sec{padding-top:0;scroll-margin-top:130px}
.mk .sec h2{margin:0}
.mk .it{all:unset;box-sizing:border-box;cursor:pointer;text-align:left;display:flex;width:100%;-webkit-tap-highlight-color:transparent;transition:transform .28s ease,box-shadow .28s ease}
.mk .it:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.mk .it:active{transform:scale(.99)}
.mk .it[hidden],.mk .sec[hidden]{display:none}
.mk .pic{flex:none;overflow:hidden}
.mk .pimg{width:100%;height:100%;object-fit:cover;border-radius:0;background:none}
.mk .itb{min-width:0;flex:1}
.mk .it h3{line-height:1.25;color:inherit}
.mk .ihd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.mk .it p.idesc{display:block;-webkit-line-clamp:unset;overflow:visible}
.mk .idesc{margin-top:6px;font-size:14px;line-height:1.625;color:var(--tx2)}
.mk .pr{white-space:nowrap;font-family:var(--serif);color:var(--acc);font-weight:500;margin:0;display:inline-flex;align-items:center;gap:8px;font-variant-numeric:lining-nums tabular-nums}
.mk .tag{font-family:Outfit,system-ui,sans-serif;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:9999px;margin-left:8px;background:var(--a18);color:var(--acc);vertical-align:middle;white-space:nowrap;display:inline-block;line-height:1.5}
.mk .tso{background:#B42318;color:#fff}
.mk .so .pic,.mk .so .nm{opacity:.55}.mk .so .pr{text-decoration:line-through;opacity:.6}
.mk .empty{background:transparent;border:1px dashed var(--bd);color:var(--mu);border-radius:var(--rad);font-size:15px}
.mk .masa{margin:0;border-radius:0;border:0;border-bottom:1px solid var(--bd);background:var(--a15);color:var(--tx);font-weight:500;padding:12px 16px;justify-content:center;text-align:center}
.mk .masa>span:first-child{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--acc)}
.mk .masa2{color:var(--mu);font-weight:400}
.mk .foot{text-align:center;padding:40px 0;font-size:14px;color:var(--tx2);line-height:1.6}
.mk .fin{max-width:768px;margin:0 auto;padding:0 24px}
.mk .fname{font-size:24px;color:var(--acc);line-height:1.25}
.mk .finfo{margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:4px}
.mk .finfo p{display:inline-flex;align-items:center;gap:8px;justify-content:center}
.mk .finfo .ic{width:16px;height:16px}
.mk .finfo a{color:inherit;text-decoration:none;font-weight:400}
.mk .fsoc{gap:16px;padding-top:6px}.mk .fsoc a{color:var(--mu)}
.mk .fnote{margin-top:14px;font-size:12px;color:var(--mu)}
.mk .by{margin-top:6px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mu);opacity:.75;font-weight:500}
/* ürün detay sayfası */
.mk .dim{background:rgba(0,0,0,.45)}
.mk .sheet{background:var(--shbg,var(--sf));color:var(--tx);border-radius:var(--shr,20px) var(--shr,20px) 0 0}
.mk .sheet .big{border-radius:var(--shr,20px) var(--shr,20px) 0 0;height:260px}
.mk .shh h2{font-size:28px;line-height:1.15}.mk .shh b{font-family:var(--serif);font-size:22px;color:var(--acc);font-weight:600;font-variant-numeric:lining-nums}
.mk .shtag{margin-top:6px}.mk .shtag .tag{margin-left:0}
.mk .shd{color:var(--tx2);font-size:15px;line-height:1.6}
.mk .lbl{font-family:Outfit,system-ui,sans-serif;font-weight:500;font-size:.7rem;letter-spacing:.22em;color:var(--mu)}
.mk .opt{border-bottom:1px solid var(--bd);font-weight:400}.mk .opt .muted{color:var(--mu)}
.mk .alg{color:var(--tx2)}
.mk .sheet .btn.sec{background:transparent;color:var(--tx);border-color:var(--bd);border-radius:var(--shbr,9999px);font-weight:500}
@media(hover:hover){.mk .hl:hover,.f-classic .it:hover,.f-vibrant .it:hover{transform:translateY(-4px);box-shadow:0 12px 30px -12px rgba(26,29,26,.18)}}

/* ---------- classic — Klasik Bistro ---------- */
.f-classic{--bg:#FAF9F6}
.f-classic .hero{height:256px}
.f-classic .hbg{background:linear-gradient(135deg,var(--acc) 0%,#1A1D1A 100%)}
.f-classic .hov{background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.3),transparent)}
.f-classic .hin{position:absolute;left:0;right:0;bottom:0;max-width:768px;margin:0 auto;padding:32px 24px;color:#fff;display:flex;align-items:flex-end;gap:16px}
.f-classic .lg{width:80px;height:80px;border-radius:12px;border:2px solid rgba(255,255,255,.3);box-shadow:0 10px 15px -3px rgba(0,0,0,.25)}
.f-classic .htx{flex:1;min-width:0}
.f-classic .eye{font-weight:500;font-size:.7rem;letter-spacing:.22em;color:rgba(255,255,255,.8)}
.f-classic .hero h1{font-size:36px;line-height:1.25;margin-top:4px}
.f-classic .hdesc{margin-top:8px;color:rgba(255,255,255,.85);max-width:36rem;font-size:14px;line-height:1.625}
.f-classic .sec{margin-bottom:48px}
.f-classic .sh{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.f-classic .srl{height:1px;flex:1;background:#E8E6E1}
.f-classic .sec h2{font-size:30px;text-align:center;color:var(--acc);line-height:1.2}
.f-classic .grid{display:flex;flex-direction:column;gap:20px}
.f-classic .it{background:#fff;border:1px solid #E8E6E1;border-radius:16px;overflow:hidden}
.f-classic .pic{width:112px}.f-classic .pic img{aspect-ratio:1/1}
.f-classic .itb{padding:16px;display:flex;flex-direction:column}
.f-classic .it h3{font-size:20px;color:#1A1D1A}
.f-classic .pr{font-size:18px}
.f-classic .idesc{color:#3A403A}
.f-classic .foot{border-top:1px solid #E8E6E1;margin-top:40px}
@media(min-width:640px){.f-classic .hero{height:320px}.f-classic .hero h1{font-size:48px}.f-classic .hdesc{font-size:16px}.f-classic .sec h2{font-size:36px}
  .f-classic .pic{width:160px}.f-classic .itb{padding:20px}.f-classic .it h3{font-size:24px}.f-classic .pr{font-size:20px}.f-classic .menu{padding:40px 24px}}
@media(min-width:1024px){.f-classic .hero{height:384px}}

/* ---------- modern — Modern Karanlık ---------- */
.f-modern{--bg:#0E0F0E;--tx:#fff;--mu:rgba(255,255,255,.6);--tx2:rgba(255,255,255,.6);--bd:rgba(255,255,255,.1);--sf:rgba(255,255,255,.05);--navbg:rgba(14,15,14,.9);--shbg:#171817;color:#fff}
.f-modern .hero{height:288px}
.f-modern .hero .cover{opacity:.5}
.f-modern .hbg{background:linear-gradient(160deg,#0E0F0E 0%,var(--a30) 100%)}
.f-modern .hov{background:linear-gradient(to bottom,rgba(14,15,14,.4),rgba(14,15,14,.6),#0E0F0E)}
.f-modern .hin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}
.f-modern .lg{width:80px;height:80px;border-radius:50%;margin-bottom:20px;box-shadow:0 0 0 2px rgba(255,255,255,.2)}
.f-modern .htx{display:flex;flex-direction:column;align-items:center}
.f-modern .eye{letter-spacing:.35em;color:var(--acc)}
.f-modern .hero h1{font-size:48px;line-height:1;margin-top:8px}
.f-modern .hdesc{margin-top:16px;color:rgba(255,255,255,.7);max-width:36rem;font-size:14px;line-height:1.625}
.f-modern .hrule{margin-top:24px;width:48px;height:1px;background:var(--acc)}
.f-modern .chips{gap:4px}
.f-modern .chip{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.55)}
.f-modern .chip.on{background:none;color:var(--acc);border-color:var(--acc)}
.f-modern .menu{padding:48px 16px}
.f-modern .sec{margin-bottom:56px}
.f-modern .sh{margin-bottom:28px}
.f-modern .seye{display:block;font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:var(--acc)}
.f-modern .sec h2{font-size:36px;margin-top:4px;color:#fff;line-height:1.15}
.f-modern .it{padding:24px 0;gap:16px;border-top:1px solid rgba(255,255,255,.1)}
.f-modern .pic{width:80px;height:80px;border-radius:4px}
.f-modern .ihd{align-items:baseline}
.f-modern .it h3{font-size:24px;color:#fff}
.f-modern .pr{font-size:20px}
.f-modern .idesc{color:rgba(255,255,255,.6)}
.f-modern .tso{background:#E5484D}
.f-modern .masa{background:var(--a15)}
.f-modern .foot{border-top:1px solid rgba(255,255,255,.1)}
.f-modern .fname{font-size:30px}
.f-modern .finfo{color:rgba(255,255,255,.6)}.f-modern .fsoc a{color:rgba(255,255,255,.5)}
.f-modern .sheet .big{opacity:.95}
@media(min-width:640px){.f-modern .hero{height:384px}.f-modern .hero h1{font-size:60px}.f-modern .sec h2{font-size:48px}.f-modern .menu{padding:48px 24px}
  .f-modern .it{gap:24px}.f-modern .pic{width:96px;height:96px}}

/* ---------- vibrant — Canlı Grid ---------- */
.f-vibrant{--bg:#FFF8F0;--bd:#FFEDD5;--mw:448px;--navbg:rgba(255,248,240,.95);--srad:16px;--shr:28px}
.f-vibrant .hero{padding:40px 24px 32px;background:linear-gradient(135deg,var(--acc) 0%,var(--acc-cc) 100%);overflow:hidden}
.f-vibrant .hero .cover,.f-vibrant .hbg,.f-vibrant .hov{display:none}
.f-vibrant .hin{max-width:448px;margin:0 auto;color:#fff;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.f-vibrant .lg{width:64px;height:64px;border-radius:16px;border:2px solid rgba(255,255,255,.4)}
.f-vibrant .htx{flex:1;min-width:0}
.f-vibrant .eye{letter-spacing:.25em;color:rgba(255,255,255,.8)}
.f-vibrant .hero h1{font-size:30px;line-height:1;margin-top:4px}
.f-vibrant .hdesc{margin-top:16px;color:rgba(255,255,255,.95);font-size:14px;line-height:1.625}
.f-vibrant .wave{position:absolute;bottom:-1px;left:0;right:0;width:100%;height:auto;display:block}
.f-vibrant .wave path{fill:#FFF8F0}
.f-vibrant .stick{border-bottom-color:#FFEDD5}
.f-vibrant .chip{border:0;border-radius:16px;background:#fff;color:#1A1D1A;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.f-vibrant .chip.on{background:var(--acc);color:#fff;box-shadow:0 6px 18px -8px var(--acc)}
.f-vibrant .menu{padding:32px 16px 80px}
.f-vibrant .sec{margin-bottom:40px}
.f-vibrant .sh{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px;gap:12px}
.f-vibrant .sec h2{font-size:30px;color:#1A1D1A;line-height:1.2}
.f-vibrant .scount{font-size:12px;color:#787C77;white-space:nowrap}
.f-vibrant .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.f-vibrant .it{flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.f-vibrant .pic{width:100%;aspect-ratio:1/1}
.f-vibrant .phl{display:grid;place-items:center;background:var(--a15)}
.f-vibrant .phl span{font-size:48px;color:var(--acc);line-height:1}
.f-vibrant .itb{padding:12px;display:flex;flex-direction:column;align-items:flex-start}
.f-vibrant .it h3{font-size:16px;color:#1A1D1A;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.f-vibrant .it p.idesc{margin-top:2px;font-size:11px;color:#787C77;line-height:1.375;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.f-vibrant .pr{margin-top:8px;padding:4px 10px;border-radius:9999px;font-size:14px;font-weight:500;background:var(--a18);font-family:Outfit,system-ui,sans-serif}
.f-vibrant .tag{margin-left:0;margin-top:4px;margin-right:4px}
.f-vibrant .masa{background:#fff;border-bottom-color:#FFEDD5}
.f-vibrant .foot{background:#1A1D1A;color:#fff;border-radius:32px 32px 0 0}
.f-vibrant .fin{max-width:448px}
.f-vibrant .finfo{color:rgba(255,255,255,.7)}.f-vibrant .fsoc a{color:rgba(255,255,255,.6)}.f-vibrant .fnote,.f-vibrant .by{color:rgba(255,255,255,.55)}
@media(min-width:640px){.f-vibrant .hero h1{font-size:36px}}

/* ---------- elegant — Zarif Editöryal ---------- */
.f-elegant{--bg:#fff;--bd:rgba(0,0,0,.05);--mw:896px;--navbg:rgba(255,255,255,.9);--srad:0;--shr:0;--shbr:0}
.f-elegant .hero{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:48px 24px}
.f-elegant .hbg{display:none}
.f-elegant .hov{background:linear-gradient(to bottom,rgba(255,255,255,.1),rgba(255,255,255,.4),#fff)}
.f-elegant .hin{text-align:center;max-width:42rem;display:flex;flex-direction:column;align-items:center}
.f-elegant .lg{width:96px;height:96px;border-radius:50%;margin:0 auto 28px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 6px -1px rgba(0,0,0,.1)}
.f-elegant .htx{display:flex;flex-direction:column;align-items:center}
.f-elegant .eye{letter-spacing:.4em;color:var(--acc);order:1}
.f-elegant .hero h1{font-size:60px;line-height:1;margin-top:16px;color:var(--acc);order:2}
.f-elegant .hrule{order:3;margin:24px auto 0;width:56px;height:1px;background:var(--acc)}
.f-elegant .hdesc{order:4;margin-top:24px;color:#3A403A;max-width:32rem;line-height:1.625;font-style:italic}
.f-elegant .hmeta{order:5;color:#3A403A}
.f-elegant .stick{border-top:1px solid rgba(0,0,0,.05)}
.f-elegant .stin{padding:16px 24px 0}
.f-elegant .chips{gap:32px}
.f-elegant .chip{border:0;background:none;border-radius:0;padding:0;font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:500;color:#9CA3A0}
.f-elegant .chip.on{background:none;color:var(--acc)}
.f-elegant .cn{margin-right:12px;font-size:9px}
.f-elegant .menu{padding:64px 24px}
.f-elegant .sec{margin-bottom:96px}
.f-elegant .sh{text-align:center;margin-bottom:56px}
.f-elegant .snum{font-size:60px;color:var(--a30);line-height:1}
.f-elegant .sec h2{font-size:36px;margin-top:8px;color:var(--acc);line-height:1.1}
.f-elegant .srule{display:block;margin:20px auto 0;width:40px;height:1px;background:var(--acc)}
.f-elegant .grid{display:flex;flex-direction:column;gap:64px}
.f-elegant .it{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}
.f-elegant .pic{width:100%;aspect-ratio:4/5}
.f-elegant .pht{background:var(--a08)}
.f-elegant .ieye{display:block;font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:var(--acc)}
.f-elegant .it h3{font-size:36px;margin-top:12px;color:var(--acc)}
.f-elegant .idesc{margin-top:16px;color:#3A403A;font-size:16px;max-width:28rem}
.f-elegant .pr{margin-top:24px;gap:12px}
.f-elegant .prl{height:1px;width:40px;background:var(--acc)}
.f-elegant .prv{font-size:24px}
.f-elegant .tag{background:transparent;border:1px solid var(--acc);border-radius:0}
.f-elegant .tso{background:#1A1D1A;border-color:#1A1D1A;color:#fff}
.f-elegant .masa{background:#fff;border-top:1px solid rgba(0,0,0,.05)}
.f-elegant .masa>span:first-child{font-size:22px}
.f-elegant .foot{border-top:1px solid rgba(0,0,0,.05);padding:56px 0;background:var(--a05)}
.f-elegant .fname{font-size:30px}.f-elegant .finfo{margin-top:16px}.f-elegant .fsoc{gap:20px;padding-top:14px}
@media(min-width:640px){.f-elegant .hero h1{font-size:72px}.f-elegant .sec h2{font-size:48px}}
@media(min-width:768px){.f-elegant .it{grid-template-columns:1fr 1fr}.f-elegant .it.alt .pic{order:2}.f-elegant .it.alt .itb{order:1;text-align:right}
  .f-elegant .it.alt .idesc{margin-left:auto}}
@media(min-width:900px){.f-elegant .chips{justify-content:center}}
@media(min-width:1024px){.f-elegant .hero h1{font-size:96px}.f-elegant .it{gap:56px}.f-elegant .it h3{font-size:48px}}

/* ---------- Signature (noir · mesopotamia · coffeehouse · bakery · urban · aegean) ---------- */
.f-sig{--mw:1024px}
.t-noir{--bg:#0B0B0C;--sf:#171719;--tx:#F8F5EE;--mu:#AAA39A;--bd:rgba(255,255,255,.11);--navbg:#0B0B0CF2;--hov:linear-gradient(to top,#0B0B0C 4%,rgba(11,11,12,.48),rgba(11,11,12,.12))}
.t-mesopotamia{--bg:#F3E7D3;--sf:#FFF9EE;--tx:#39271E;--mu:#7D6658;--bd:#D9C4A6;--navbg:#F3E7D3F2;--hov:linear-gradient(to top,#F3E7D3 1%,rgba(57,39,30,.52),rgba(57,39,30,.12))}
.t-coffeehouse{--bg:#F4EEE4;--sf:#FFFCF7;--tx:#30251E;--mu:#78685E;--bd:#DDCFC0;--navbg:#F4EEE4F2;--hov:linear-gradient(to top,#F4EEE4 1%,rgba(48,37,30,.58),rgba(48,37,30,.08))}
.t-bakery{--bg:#FFF2F3;--sf:#FFFFFF;--tx:#4B3037;--mu:#97737C;--bd:#F0CDD5;--navbg:#FFF2F3F2;--hov:linear-gradient(to top,#FFF2F3 1%,rgba(75,48,55,.38),rgba(75,48,55,.03))}
.t-urban{--bg:#111315;--sf:#1D2023;--tx:#FFFFFF;--mu:#A6AAAD;--bd:#34383C;--navbg:#111315F2;--hov:linear-gradient(to top,#111315 1%,rgba(17,19,21,.34),rgba(17,19,21,.05))}
.t-aegean{--bg:#F4FAFC;--sf:#FFFFFF;--tx:#15354A;--mu:#658092;--bd:#CDE3EA;--navbg:#F4FAFCF2;--hov:linear-gradient(to top,#F4FAFC 1%,rgba(21,53,74,.42),rgba(21,53,74,.04))}
.f-sig{--tx2:var(--mu);color:var(--tx)}
/* seçenekler */
.o-c-soft{--rad:12px;--srad:12px;--shr:20px;--shbr:12px}.o-c-sharp{--rad:0;--srad:0;--shr:0;--shbr:0}.o-c-round{--rad:32px;--srad:32px;--shr:32px;--shbr:32px}
.o-r-square{--ar:1/1}.o-r-landscape{--ar:4/3}.o-r-portrait{--ar:4/5}
.o-f-classic{--ff:var(--serif);--fw:500;--ls:-.01em}
.o-f-modern{--ff:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--fw:500;--ls:normal}
.o-f-display{--ff:var(--serif);--fw:900;--ls:-.025em}
.f-sig h1,.f-sig h2,.f-sig .it h3,.f-sig .fname,.f-sig .snum,.f-sig .phl span,.f-sig .pr,.f-sig .shh h2,.f-sig .shh b,.f-sig .masa>span:first-child{font-family:var(--ff);font-weight:var(--fw);letter-spacing:var(--ls)}
.f-sig .pr{font-weight:700}.o-f-display .pr{font-weight:900}
.f-sig .hero{height:368px}
.f-sig .hbg{background:radial-gradient(circle at 20% 20%,var(--a88),transparent 42%),linear-gradient(135deg,var(--sf),var(--bg))}
.f-sig .hov{background:var(--hov)}
.f-sig .hin{position:absolute;left:0;right:0;bottom:0;max-width:1024px;margin:0 auto;padding:0 20px 40px;color:#fff;display:flex;align-items:flex-end;gap:16px}
.f-sig .lg{width:80px;height:80px;border:2px solid rgba(255,255,255,.25);box-shadow:0 20px 25px -5px rgba(0,0,0,.25);border-radius:var(--rad)}
.f-sig .htx{min-width:0}
.f-sig .eye{letter-spacing:.35em;font-weight:700;color:var(--acc)}
.f-sig .hero h1{font-size:36px;margin-top:4px;line-height:1}
.f-sig .hdesc{margin-top:12px;max-width:42rem;color:rgba(255,255,255,.8);font-size:14px}
.f-sig .chip{border-radius:var(--rad);background:var(--sf);color:var(--tx);border:1px solid var(--bd);transition:all .2s}
.f-sig .chip.on{background:var(--acc);color:#fff;border-color:var(--acc)}
.t-urban .chip.on{color:#111315}
.f-sig .menu{padding:40px 16px}
.f-sig .sec{margin-bottom:64px}.o-compact .sec{margin-bottom:40px}
.f-sig .sh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:24px}
.f-sig .sh.ed{display:block;text-align:center}
.f-sig .snum{font-size:48px;opacity:.15;line-height:1}
.f-sig .sec h2{font-size:30px;color:var(--acc);line-height:1.2}.o-compact .sec h2{font-size:24px}
.f-sig .scount{font-size:12px;color:var(--mu);white-space:nowrap}
.f-sig .idesc{color:var(--mu);margin-top:8px;font-size:14px}.o-compact .idesc{margin-top:4px;font-size:12px}
.f-sig .it h3{font-size:20px}.o-compact .it h3{font-size:18px}
.f-sig .tso{background:#B42318}
/* liste */
.f-sig.l-slist .grid{display:flex;flex-direction:column;gap:24px}.o-compact.l-slist .grid{gap:12px}
.l-slist .it{gap:16px;padding:16px;border:1px solid var(--bd);background:var(--sf)}
.o-compact.l-slist .it{gap:12px;padding:12px}
.l-slist .pic{width:96px;border-radius:12px;align-self:flex-start}.l-slist .pic img{aspect-ratio:1/1}
/* ızgara */
.f-sig.l-tile .grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.o-compact.l-tile .grid{gap:12px}
.f-sig.l-tile .it{flex-direction:column;overflow:hidden;border:1px solid var(--bd);background:var(--sf);border-radius:var(--rad)}
.f-sig.l-tile .pic{width:100%}.f-sig.l-tile .pic img{aspect-ratio:var(--ar)}
.f-sig .phl{display:grid;place-items:center;aspect-ratio:var(--ar);background:var(--a18)}
.f-sig .phl span{font-size:48px;color:var(--acc);line-height:1}
.f-sig.l-tile .itb{padding:20px;display:flex;flex-direction:column;align-items:flex-start}.o-compact.l-tile .itb{padding:12px}
.f-sig.l-tile .pr{margin-top:16px}.o-compact.l-tile .pr{margin-top:8px}
.f-sig.l-tile .tag{margin-left:0;margin-top:4px;margin-right:4px}
.f-sig .pr .ic.fill{width:16px;height:16px;fill:currentColor}
/* editöryal */
.f-sig.l-edit .grid{display:flex;flex-direction:column;gap:24px}.o-compact.l-edit .grid{gap:12px}
.f-sig.l-edit .it{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}.o-compact.l-edit .it{gap:20px}
.f-sig.l-edit .pic{border-radius:var(--rad)}.f-sig.l-edit .pic img{aspect-ratio:var(--ar)}
.f-sig .ieye{display:block;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.f-sig.l-edit .it h3{font-size:30px}
.f-sig.l-edit .pr{margin-top:16px}.o-compact.l-edit .pr{margin-top:8px}
.f-sig .masa{background:var(--a18)}
.f-sig .foot{border-top:1px solid var(--bd);padding:48px 0;background:var(--sf)}
.f-sig .fname{font-size:30px}.f-sig .finfo{margin-top:16px;color:var(--mu)}.f-sig .fsoc{gap:20px;padding-top:14px}.f-sig .fsoc a{color:var(--tx)}
@media(min-width:640px){.f-sig .hero{height:480px}.f-sig .hin{padding:0 32px 40px}.f-sig .lg{width:96px;height:96px}.f-sig .hero h1{font-size:60px}.f-sig .hdesc{font-size:16px}
  .f-sig .menu{padding:56px 24px}.f-sig .sec h2{font-size:36px}.o-compact .sec h2{font-size:24px}.f-sig .it h3{font-size:24px}.o-compact .it h3{font-size:18px}
  .f-sig.l-edit .it h3{font-size:36px}.l-slist .pic{width:128px}.l-slist .it{padding:20px}.o-compact.l-slist .it{padding:12px}.f-sig.l-slist .grid,.f-sig.l-edit .grid{gap:32px}
  .o-compact.l-slist .grid,.o-compact.l-edit .grid{gap:12px}}
@media(min-width:768px){.f-sig.l-edit .it{grid-template-columns:1fr 1fr}.f-sig.l-edit .it.alt .pic{order:2}.f-sig.l-edit .it.alt .itb{order:1;text-align:right}}
@media(min-width:1024px){.f-sig.l-tile .grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){.mk .it,.mk .chip{transition:none}}
.it[hidden],.sec[hidden],.empty[hidden]{display:none!important}