/* ============================================================
   GÜNDÜZ BEY — QR Menü · Premium
   Ateş başı fotoğraflı üst bölüm, altın kenarlı logo madalyonu,
   katmanlı gölgeli 3D kartlar. Açık tema: fildişi & altın · Koyu tema: espresso & altın
   ============================================================ */
:root{
  --bg:#F4EDE3;--bg-2:#EADFCF;
  --surface:linear-gradient(150deg,#FFFDF9 0%,#F7EFE4 55%,#EFE3D2 100%);
  --surface-hi:rgba(255,255,255,.95);
  --edge:rgba(120,80,40,.14);
  --ink:#24160C;--ink-soft:rgba(36,22,12,.66);--ink-faint:rgba(36,22,12,.28);
  --gold-1:#F3DDB2;--gold-2:#D4AE7C;--gold-3:#9C6C3C;--gold-4:#6E4622;
  --gold:linear-gradient(135deg,#F6E3BC 0%,#D4AE7C 32%,#9C6C3C 62%,#E6C48E 100%);
  --gold-text:#8E5F31;
  --price:#7A3E1A;
  --shadow:0 1px 0 var(--surface-hi) inset,0 -1px 0 rgba(120,80,40,.06) inset,0 2px 4px rgba(70,40,15,.06),0 12px 22px -10px rgba(70,40,15,.25),0 32px 48px -30px rgba(70,40,15,.35);
  --shadow-hover:0 1px 0 var(--surface-hi) inset,0 4px 8px rgba(70,40,15,.08),0 20px 32px -12px rgba(70,40,15,.32),0 44px 60px -34px rgba(70,40,15,.42);
  --display:"Playfair Display",Georgia,serif;--body:"Jost","Segoe UI",system-ui,sans-serif;
  color-scheme:light;
}
:root[data-theme=dark]{
  --bg:#130B06;--bg-2:#0B0603;
  --surface:linear-gradient(150deg,#2E1E13 0%,#22160D 55%,#1A1009 100%);
  --surface-hi:rgba(255,226,186,.09);
  --edge:rgba(212,174,124,.2);
  --ink:#F5EADB;--ink-soft:rgba(245,234,219,.66);--ink-faint:rgba(245,234,219,.25);
  --gold-text:#E2BF8A;
  --price:#EDCB95;
  --shadow:0 1px 0 var(--surface-hi) inset,0 2px 4px rgba(0,0,0,.35),0 14px 26px -10px rgba(0,0,0,.7),0 36px 50px -30px rgba(0,0,0,.85);
  --shadow-hover:0 1px 0 var(--surface-hi) inset,0 4px 8px rgba(0,0,0,.4),0 22px 36px -12px rgba(0,0,0,.8),0 0 0 1px rgba(212,174,124,.35);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--ink);font:400 15px/1.55 var(--body);-webkit-font-smoothing:antialiased;
  background:radial-gradient(1200px 600px at 50% 0%,rgba(212,174,124,.18),transparent 70%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}
:root[data-theme=dark] body{background:radial-gradient(1000px 600px at 50% 0%,rgba(224,130,50,.12),transparent 70%),radial-gradient(900px 700px at 100% 100%,rgba(156,108,60,.12),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:inherit}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
.ico{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.logo-dark{display:none!important}
:root[data-theme=dark] .logo-light{display:none!important}
:root[data-theme=dark] .logo-dark{display:block!important}

/* ── Üst bölüm: ateş başı ── */
.hero{position:relative;isolation:isolate;overflow:hidden;color:#F8EEDF;text-align:center;padding:52px 24px 34px;padding-top:max(52px,calc(env(safe-area-inset-top) + 44px));background:#140C07;border-radius:0 0 30px 30px;box-shadow:0 24px 50px -24px rgba(20,10,4,.75)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 70%;z-index:-2}
/* ateş ön planda: yalnızca yazının arkası ve kenarlar koyulaştırılır */
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(46% 62% at 50% 50%,rgba(15,8,3,.62),rgba(15,8,3,.18) 72%,rgba(15,8,3,.05)),linear-gradient(180deg,rgba(15,8,3,.55),transparent 28%,transparent 62%,rgba(15,8,3,.85))}
/* premium çerçeve: çift ince altın çizgi + köşe süsleri */
.hero-frame{position:absolute;inset:12px;border-radius:18px;pointer-events:none;border:1px solid rgba(230,196,142,.55);box-shadow:inset 0 0 0 4px rgba(15,8,3,.18),inset 0 0 0 5px rgba(230,196,142,.22),0 0 0 1px rgba(15,8,3,.25)}
.hero-frame i{position:absolute;width:30px;height:30px;border:2px solid #E6C48E;filter:drop-shadow(0 0 6px rgba(230,170,90,.45))}
.hero-frame i:nth-child(1){top:-2px;left:-2px;border-right:0;border-bottom:0;border-radius:18px 0 0 0}
.hero-frame i:nth-child(2){top:-2px;right:-2px;border-left:0;border-bottom:0;border-radius:0 18px 0 0}
.hero-frame i:nth-child(3){bottom:-2px;left:-2px;border-right:0;border-top:0;border-radius:0 0 0 18px}
.hero-frame i:nth-child(4){bottom:-2px;right:-2px;border-left:0;border-top:0;border-radius:0 0 18px 0}
.header-controls{position:absolute;top:max(24px,calc(env(safe-area-inset-top) + 14px));right:24px;display:flex;gap:6px;z-index:3}
.header-controls a,.theme-toggle{display:grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border-radius:999px;font:500 12px var(--body);letter-spacing:1.5px;color:#F8EEDF;background:rgba(255,255,255,.08);border:1px solid rgba(212,174,124,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.header-controls a.active{background:var(--gold);color:#24160C;border-color:transparent;font-weight:600}
.theme-toggle{padding:0;width:36px;color:#E6C48E}
.theme-toggle svg{width:17px;height:17px}
.i-moon{display:none}
:root[data-theme=dark] .i-moon{display:block}
:root[data-theme=dark] .i-sun{display:none}
.hero-content{position:relative;z-index:1}
/* altın kenarlı logo madalyonu */
.medallion{position:relative;display:block;width:128px;height:128px;margin:0 auto;border-radius:50%;padding:5px;background:var(--gold);
  box-shadow:0 0 0 1px rgba(255,236,200,.35) inset,0 2px 0 rgba(255,240,210,.6) inset,0 18px 34px -10px rgba(0,0,0,.75),0 0 60px rgba(230,150,60,.28);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.medallion::after{content:"";position:absolute;inset:5px;border-radius:50%;box-shadow:inset 0 6px 14px rgba(0,0,0,.18),inset 0 -2px 6px rgba(255,255,255,.4);pointer-events:none}
.medallion img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#FBF5EE}
.medallion:hover{transform:translateY(-3px) scale(1.02)}
.medallion.small{width:104px;height:104px;padding:4px;box-shadow:0 0 0 1px rgba(255,236,200,.35) inset,0 12px 24px -10px rgba(40,20,5,.55)}
.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;font:500 11px var(--body);letter-spacing:5px;color:#E6C48E}
.hero-eyebrow span{width:34px;height:1px;background:linear-gradient(90deg,transparent,#D4AE7C)}
.hero-eyebrow span:last-child{transform:scaleX(-1)}
.tagline{margin:10px auto 0;max-width:20ch;font:italic 500 clamp(21px,5.6vw,30px)/1.2 var(--display);color:#FBF3E6;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.table-tag{display:inline-flex;gap:6px;align-items:center;margin-top:16px;padding:6px 16px;border-radius:999px;border:1px solid rgba(212,174,124,.5);background:rgba(255,255,255,.06);backdrop-filter:blur(8px);font:500 11px var(--body);letter-spacing:3px;text-transform:uppercase;color:#E6C48E}
.table-tag b{font:600 15px var(--display);letter-spacing:0;color:#FBF3E6}

/* ── Gövde ── */
.menu-wrap{width:min(780px,100% - 32px);margin:18px auto 0;padding:0 0 30px;position:relative;z-index:2}
.menu-search{position:relative;margin-bottom:30px}
.menu-search svg{position:absolute;left:20px;top:50%;width:19px;height:19px;transform:translateY(-50%);color:var(--gold-text)}
.menu-search input{width:100%;height:56px;padding:0 50px 0 52px;border:1px solid var(--edge);border-radius:18px;background:var(--surface);color:var(--ink);font:400 16px var(--body);box-shadow:var(--shadow);-webkit-appearance:none;appearance:none;transition:box-shadow .2s,border-color .2s}
.menu-search input::placeholder{color:var(--ink-soft);opacity:.75}
.menu-search input:focus{outline:none;border-color:var(--gold-2);box-shadow:var(--shadow),0 0 0 4px rgba(212,174,124,.2)}
.menu-search input::-webkit-search-cancel-button{display:none}
.menu-search button{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;color:var(--ink-soft)}

/* Bölüm başlığı: altın çizgiler arasında serif başlık */
.sec-title{display:flex;align-items:center;gap:14px;margin:4px 0 18px;text-align:center}
.sec-title::before,.sec-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-2))}
.sec-title::after{transform:scaleX(-1)}
.sec-title span{font:600 22px/1.15 var(--display);letter-spacing:.5px;color:var(--ink)}
.sec-title span::before,.sec-title span::after{content:"◆";display:inline-block;margin:0 10px;font-size:8px;vertical-align:5px;color:var(--gold-2)}
.sec-title.big span{font-size:clamp(26px,7vw,34px)}
.sec-title.big span::before,.sec-title.big span::after{display:none}

/* ── Servis tabağı: beyaz porselen kenar, içinde yemek ── */
.plate{position:relative;display:grid;place-items:center;flex:none;aspect-ratio:1;border-radius:50%;padding:7%;
  background:radial-gradient(circle at 50% 50%,#FFFFFF 0%,#FBF8F3 56%,#ECE5DA 74%,#FFFFFF 80%,#E2D9CC 100%);
  box-shadow:0 2px 0 rgba(255,255,255,.9) inset,0 -3px 6px rgba(90,60,30,.18) inset,0 16px 22px -10px rgba(0,0,0,.75),0 4px 8px rgba(0,0,0,.35)}
.plate::before{content:"";position:absolute;inset:7%;border-radius:50%;box-shadow:inset 0 3px 8px rgba(90,60,30,.25),0 0 0 1px rgba(200,185,165,.6);z-index:2;pointer-events:none}
.plate.photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;transform:scale(1);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.plate.photo{overflow:hidden}
.plate.photo img{clip-path:circle(50%)}
.plate-emoji{font-size:clamp(40px,12vw,54px);line-height:1;filter:drop-shadow(0 6px 6px rgba(60,35,10,.35));transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.plate.big{width:150px}
.plate.big .plate-emoji{font-size:66px}
.plate.sm{width:92px;padding:6px}
.plate.sm::before{inset:6px}

/* ── Kategori kartları: ahşap masada servis ── */
.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:580px){.category-grid{grid-template-columns:repeat(3,1fr)}}
.category-tile{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px 12px 16px;border-radius:18px;overflow:hidden;isolation:isolate;text-align:center;
  background:radial-gradient(80% 60% at 50% 38%,rgba(255,190,120,.16),transparent 70%),linear-gradient(180deg,rgba(18,9,3,.28),rgba(18,9,3,.62)),url("../img/wood.webp") center/cover,#2A1A0E;
  box-shadow:0 1px 0 rgba(255,225,180,.18) inset,0 0 0 1px rgba(0,0,0,.5),0 14px 26px -12px rgba(30,15,5,.7),0 34px 46px -30px rgba(30,15,5,.75);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
/* basılı menüdeki gibi ince altın çerçeve + köşe işaretleri */
.category-tile::before{content:"";position:absolute;inset:7px;border:1px solid rgba(212,174,124,.5);border-radius:12px;pointer-events:none;z-index:-1}
.category-tile::after{content:"";position:absolute;inset:4px;pointer-events:none;z-index:-1;
  background:linear-gradient(#D4AE7C,#D4AE7C) top left/14px 2px,linear-gradient(#D4AE7C,#D4AE7C) top left/2px 14px,
   linear-gradient(#D4AE7C,#D4AE7C) top right/14px 2px,linear-gradient(#D4AE7C,#D4AE7C) top right/2px 14px,
   linear-gradient(#D4AE7C,#D4AE7C) bottom left/14px 2px,linear-gradient(#D4AE7C,#D4AE7C) bottom left/2px 14px,
   linear-gradient(#D4AE7C,#D4AE7C) bottom right/14px 2px,linear-gradient(#D4AE7C,#D4AE7C) bottom right/2px 14px;background-repeat:no-repeat}
.tile-visual{display:flex;align-items:center;justify-content:center;width:92%;max-width:200px;aspect-ratio:1}
.tile-visual .plate{width:90%}
/* gerçek tabak fotoğrafı: tabağa göre kırpılmış kare, ahşap kartla bütünleşir */
.tile-photo{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.category-tile:hover .tile-photo{transform:scale(1.04)}
.category-tile:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(255,225,180,.2) inset,0 0 0 1px rgba(212,174,124,.5),0 22px 34px -12px rgba(30,15,5,.8)}
.category-tile:hover .plate-emoji{transform:scale(1.1) rotate(-6deg)}
.category-tile:active{transform:scale(.97)}
.tile-name{margin-top:14px;font:600 18px/1.2 var(--display);letter-spacing:.2px;color:#FFF6E6;text-shadow:0 2px 6px rgba(0,0,0,.7)}
.tile-orn{display:flex;align-items:center;gap:6px;margin-top:7px;width:56px}
.tile-orn::before,.tile-orn::after{content:"";flex:1;height:1px;background:#D4AE7C;opacity:.8}
.tile-orn{background:radial-gradient(circle,#D4AE7C 2.5px,transparent 3px) center/8px 8px no-repeat;height:8px}
@media(max-width:370px){.tile-name{font-size:16px}.category-tile{padding:16px 10px 14px}}

/* ── Kategori görünümü ── */
.js .category-view{display:none}
.js .category-view.open{display:block;animation:in .35s cubic-bezier(.2,.7,.2,1)}
.js .home-view.hide{display:none}
@keyframes in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.no-js .category-view{margin-top:30px}
.view-head{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:10px}
.view-head .sec-title{width:100%;margin:2px 0 0}
.view-visual{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;padding:22px 0;border-radius:20px;overflow:hidden;
  background:radial-gradient(60% 70% at 50% 50%,rgba(255,190,120,.18),transparent 70%),linear-gradient(180deg,rgba(18,9,3,.25),rgba(18,9,3,.6)),url("../img/wood.webp") center/cover,#2A1A0E;
  box-shadow:0 0 0 1px rgba(0,0,0,.5),0 16px 30px -14px rgba(30,15,5,.75)}
.view-visual::before{content:"";position:absolute;inset:7px;border:1px solid rgba(212,174,124,.5);border-radius:14px;pointer-events:none;z-index:2}
.view-visual.photo{display:flex;align-items:center;justify-content:center;padding:0;height:clamp(240px,62vw,380px)}
.view-visual .fit{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}
.no-js .back-btn{display:none}
.back-btn{position:absolute;left:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px 0 12px;border-radius:999px;border:1px solid var(--edge);background:var(--surface);font:500 13px var(--body);letter-spacing:.5px;box-shadow:var(--shadow);transition:transform .2s}
.back-btn:hover{transform:translateX(-2px)}

.cat-note{margin:12px 0 4px;padding:12px 16px;border-radius:14px;border:1px solid var(--edge);background:rgba(212,174,124,.1);font:400 13.5px/1.5 var(--body);color:var(--ink-soft);text-align:center}
.cat-note::before{content:"✦ ";color:var(--gold-2)}

/* ── Ürün kartları ── */
.product-list{display:grid;gap:12px;margin-top:18px}
@media(min-width:700px){.product-list{grid-template-columns:1fr 1fr}}
.product{position:relative;display:flex;gap:14px;align-items:center;width:100%;min-height:76px;padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--edge);box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.product::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--gold);opacity:.85}
.product:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}
.product:active{transform:scale(.985)}
.product-info{flex:1;min-width:0;display:flex;flex-direction:column}
.product-head{display:flex;align-items:baseline;gap:10px}
.product-head::after{content:"";order:2;flex:1;min-width:14px;border-bottom:1px dotted var(--ink-faint);transform:translateY(-5px)}
.product-name{order:1;font:600 17px/1.25 var(--display);color:var(--ink)}
.product-price{order:3;flex:none;font:600 17px/1 var(--display);color:var(--price);white-space:nowrap}
.product-price small{font:500 10.5px var(--body);letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);margin-right:2px}
.product-price-alt{align-self:flex-end;margin-top:6px;font:500 11px var(--body);letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft)}
.product-price-alt b{font:600 15px var(--display);color:var(--price);letter-spacing:0;margin-left:5px;text-transform:none}
.product-desc{margin-top:5px;font:300 13.5px/1.45 var(--body);color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:root[data-theme=dark] .product-desc{font-weight:400}
.product-photo{flex:none;width:78px;height:78px;object-fit:cover;border-radius:14px;box-shadow:0 0 0 2px rgba(255,255,255,.6),0 8px 16px -6px rgba(40,20,5,.45)}
/* fotoğraflı ürün: solda tabağa göre kırpılmış net küçük fotoğraf */
.product.has-photo{gap:14px;padding:10px 16px 10px 10px}
.product.has-photo::before{display:none}
.product-thumb{order:-1;flex:none;width:92px;height:92px;object-fit:cover;border-radius:14px;
  box-shadow:0 0 0 1px rgba(120,80,40,.15),0 8px 16px -6px rgba(40,20,5,.45);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
:root[data-theme=dark] .product-thumb{box-shadow:0 0 0 1px rgba(212,174,124,.3),0 8px 16px -6px rgba(0,0,0,.7)}
.product.has-photo:hover .product-thumb{transform:scale(1.05)}
@media(max-width:380px){.product-thumb{width:78px;height:78px}}
:root[data-theme=dark] .product-photo{box-shadow:0 0 0 1px rgba(212,174,124,.35),0 8px 16px -6px rgba(0,0,0,.6)}
@media(max-width:380px){.product{padding:14px 14px}.product-name{font-size:15.5px}.product-head::after{display:none}.product-head{justify-content:space-between}}

.search-view{margin-bottom:10px}
.search-cat{display:block;font:500 10.5px var(--body);letter-spacing:2px;text-transform:uppercase;color:var(--gold-text);margin-bottom:3px}
.empty-note,.menu-note{text-align:center;color:var(--ink-soft);margin-top:24px}
.empty-note{font:italic 500 19px var(--display)}
.menu-note{font:400 13.5px var(--body)}
.menu-note.small{font-size:12px;margin-top:8px;letter-spacing:.5px;opacity:.8}
.hidden{display:none!important}

/* ── Alt bilgi ── */
.site-footer{margin-top:30px;padding:0 16px calc(30px + env(safe-area-inset-bottom))}
.footer-inner{position:relative;width:min(780px,100%);margin:0 auto;padding:34px 22px 28px;text-align:center;border-radius:26px;background:var(--surface);border:1px solid var(--edge);box-shadow:var(--shadow)}
.footer-inner::before{content:"";position:absolute;inset:8px;border-radius:20px;border:1px solid rgba(212,174,124,.28);pointer-events:none}
.footer-block{margin-bottom:22px}
.footer-eyebrow{display:block;font:500 10.5px var(--body);letter-spacing:4px;color:var(--gold-text);margin-bottom:10px}
.footer-social{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;border:1px solid var(--edge);background:rgba(212,174,124,.1);font:500 14px var(--body)}
.footer-social svg{width:18px;height:18px;color:var(--gold-text)}
.wifi{display:inline-grid;grid-template-columns:auto auto;gap:4px 16px;text-align:left;margin-bottom:22px;padding:12px 18px;border-radius:14px;border:1px solid var(--edge);background:rgba(212,174,124,.08)}
.wifi span{font:500 10.5px var(--body);letter-spacing:2px;text-transform:uppercase;color:var(--gold-text)}
.wifi b{font:500 14px var(--body)}
.copy{cursor:pointer}
.footer-signature .medallion{margin:0 auto}
.footer-bye{margin-top:14px;font:italic 500 24px var(--display);color:var(--gold-text)}
.footer-address{margin-top:6px;font:400 13.5px var(--body);color:var(--ink-soft)}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.footer-links a{padding:9px 18px;border-radius:999px;border:1px solid var(--edge);background:var(--surface);box-shadow:var(--shadow);font:500 12px var(--body);letter-spacing:1.5px;text-transform:uppercase}
.footer-divider{display:flex;align-items:center;gap:14px;margin:26px 12px 20px;font-size:9px;color:var(--gold-2)}
.footer-divider::before,.footer-divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-2))}
.footer-divider::after{transform:scaleX(-1)}
.footer-credit{display:flex;flex-direction:column;align-items:center;gap:2px;font:400 11px var(--body);letter-spacing:3px;text-transform:uppercase;color:var(--ink-soft)}
.footer-credit .onmart-link{order:-1;margin-bottom:12px}
.credit-name{font:600 14px var(--body);letter-spacing:1px;text-transform:none;color:var(--ink)}
.onmart-link img{width:132px;height:132px;transition:transform .3s}
.onmart-link:hover img{transform:scale(1.05)}

.to-top{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--edge);background:var(--surface);color:var(--gold-text);font:500 18px var(--body);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .25s;z-index:30}
.to-top.show{opacity:1;pointer-events:auto}

/* ── Ürün ayrıntısı: ekranın ortasında, fotoğraf tam görünür ── */
.product-modal{position:fixed;inset:0;margin:auto;width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--edge);border-radius:24px;background:var(--surface);color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 40px 80px -24px rgba(0,0,0,.75)}
.product-modal::backdrop{background:rgba(14,8,4,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.product-modal[open]{animation:pop .28s cubic-bezier(.2,.7,.2,1)}
@keyframes pop{from{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}
.modal-close{position:sticky;top:12px;float:right;margin:12px 12px -54px 0;z-index:3;display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid rgba(212,174,124,.55);background:rgba(20,12,7,.6);color:#FBF3E6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 14px -4px rgba(0,0,0,.5);transition:transform .2s}
.modal-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.modal-close:hover{transform:rotate(90deg)}
.modal-close:active{transform:scale(.92)}
.modal-media{clear:both;position:relative;overflow:hidden;width:100%;aspect-ratio:4/3;max-height:68vh;background:#2A1A0E}
.modal-media .fit{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.modal-media.empty{display:grid;place-items:center;aspect-ratio:auto!important;max-height:none;padding:34px 0 22px;background:radial-gradient(60% 80% at 50% 30%,rgba(230,150,60,.22),transparent 70%),linear-gradient(180deg,#2A190D,#1A0F07)}
.modal-media.empty img{width:118px;height:auto;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.6))}

.modal-copy{padding:20px 24px 26px;text-align:center}
.modal-cat{font:500 10.5px var(--body);letter-spacing:4px;text-transform:uppercase;color:var(--gold-text)}
.modal-copy h2{margin:6px 0 10px;font:600 clamp(22px,6vw,28px)/1.15 var(--display)}
.modal-copy p{font:300 15px/1.6 var(--body);color:var(--ink-soft);white-space:pre-line}
:root[data-theme=dark] .modal-copy p{font-weight:400}
.modal-prices{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.modal-prices span{display:inline-flex;flex-direction:column;align-items:center;min-width:120px;padding:10px 18px;border-radius:16px;border:1px solid transparent;background:var(--surface) padding-box,var(--gold) border-box;box-shadow:var(--shadow)}
.modal-prices small{font:500 10.5px var(--body);letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft)}
.modal-prices b{font:600 24px var(--display);color:var(--price)}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* dekupe tabak: arka plan yok, doğrudan kartın ahşabında, doğal gölgeyle */
.tile-photo.cut,.view-visual .fit.cut{-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 14px 14px rgba(0,0,0,.55)) drop-shadow(0 3px 4px rgba(0,0,0,.4))}
.view-visual .fit.cut{padding:18px 0}
.category-tile:hover .tile-photo.cut{transform:scale(1.05) rotate(-2deg)}
@media(prefers-reduced-motion:reduce){.hero-bg{display:none}.hero{background:#140C07 url('../video/ates.jpg') center 70%/cover}}