/* Arquet — yeni site. Tek stil dosyası.
   Bölümler: temel · düğmeler · üst çubuk · açılış · şerit · hikâye · mutfak · menü · pencereler · öneri · duyuru · alt */

/* ---------- temel ---------- */
:root{
  --kirmizi:#D0161E;
  --siyah:#000;
  --beyaz:#fff;
  --gri:#5f5f5f;
  --ust-h:60px;
  --kat-h:52px;
  --motif:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'480'%20height%3D'360'%3E%3Cpath%20d%3D'M66%2028%20l7%207%20l-7%207%20l-7%20-7%20z%20M66%2042%20V138%20M66%2066%20h-5%20v-5%20h-5%20v-5%20h-4%20v4%20h3%20M66%2066%20h5%20v-5%20h5%20v-5%20h4%20v4%20h-3%20M66%2088%20h-5%20v-5%20h-5%20v-5%20h-5%20v-5%20h-4%20v4%20h3%20M66%2088%20h5%20v-5%20h5%20v-5%20h5%20v-5%20h4%20v4%20h-3%20M66%20112%20h-5%20v-5%20h-5%20v-5%20h-5%20v-5%20h-5%20v-5%20h-4%20v4%20h3%20M66%20112%20h5%20v-5%20h5%20v-5%20h5%20v-5%20h5%20v-5%20h4%20v4%20h-3%20M66%20138%20h-6%20v5%20h-6%20v5%20M66%20138%20h6%20v5%20h6%20v5%20M306%20198%20l7%207%20l-7%207%20l-7%20-7%20z%20M306%20212%20V308%20M306%20236%20h-5%20v-5%20h-5%20v-5%20h-4%20v4%20h3%20M306%20236%20h5%20v-5%20h5%20v-5%20h4%20v4%20h-3%20M306%20258%20h-5%20v-5%20h-5%20v-5%20h-5%20v-5%20h-4%20v4%20h3%20M306%20258%20h5%20v-5%20h5%20v-5%20h5%20v-5%20h4%20v4%20h-3%20M306%20282%20h-5%20v-5%20h-5%20v-5%20h-5%20v-5%20h-5%20v-5%20h-4%20v4%20h3%20M306%20282%20h5%20v-5%20h5%20v-5%20h5%20v-5%20h5%20v-5%20h4%20v4%20h-3%20M306%20308%20h-6%20v5%20h-6%20v5%20M306%20308%20h6%20v5%20h6%20v5%20M220%2069%20l11%2011%20l-11%2011%20l-11%20-11%20z%20M220%2076%20l4%204%20l-4%204%20l-4%20-4%20z%20M440%20289%20l11%2011%20l-11%2011%20l-11%20-11%20z%20M440%20296%20l4%204%20l-4%204%20l-4%20-4%20z%20M130%20319%20l11%2011%20l-11%2011%20l-11%20-11%20z%20M130%20326%20l4%204%20l-4%204%20l-4%20-4%20z%20M420%2092%20V76%20M420%2076%20l-6%20-6%20h-8%20v12%20h6%20v-5%20M420%2076%20l6%20-6%20h8%20v12%20h-6%20v-5%20M96%20286%20V270%20M96%20270%20l-6%20-6%20h-8%20v12%20h6%20v-5%20M96%20270%20l6%20-6%20h8%20v12%20h-6%20v-5%20M200%20346%20V330%20M200%20330%20l-6%20-6%20h-8%20v12%20h6%20v-5%20M200%20330%20l6%20-6%20h8%20v12%20h-6%20v-5%20M150%20174%20V226%20M150%20164%20l3%205%20l-3%205%20l-3%20-5%20z%20M148%20182%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M152%20182%20l7%20-3%20l2%20-6%20l-7%203%20z%20M148%20192%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M152%20192%20l7%20-3%20l2%20-6%20l-7%203%20z%20M148%20202%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M152%20202%20l7%20-3%20l2%20-6%20l-7%203%20z%20M148%20212%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M152%20212%20l7%20-3%20l2%20-6%20l-7%203%20z%20M380%2014%20V66%20M380%204%20l3%205%20l-3%205%20l-3%20-5%20z%20M378%2022%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M382%2022%20l7%20-3%20l2%20-6%20l-7%203%20z%20M378%2032%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M382%2032%20l7%20-3%20l2%20-6%20l-7%203%20z%20M378%2042%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M382%2042%20l7%20-3%20l2%20-6%20l-7%203%20z%20M378%2052%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M382%2052%20l7%20-3%20l2%20-6%20l-7%203%20z%20M460%20174%20V226%20M460%20164%20l3%205%20l-3%205%20l-3%20-5%20z%20M458%20182%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M462%20182%20l7%20-3%20l2%20-6%20l-7%203%20z%20M458%20192%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M462%20192%20l7%20-3%20l2%20-6%20l-7%203%20z%20M458%20202%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M462%20202%20l7%20-3%20l2%20-6%20l-7%203%20z%20M458%20212%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M462%20212%20l7%20-3%20l2%20-6%20l-7%203%20z%20M336%20150%20h8%20M340%20146%20v8%20M16%20190%20h8%20M20%20186%20v8%20M116%20110%20h8%20M120%20106%20v8%20M416%20250%20h8%20M420%20246%20v8%20M246%20150%20h8%20M250%20146%20v8'%20fill%3D'none'%20stroke%3D'rgba(255%2C255%2C255%2C0.26)'%20stroke-width%3D'2'%20stroke-linecap%3D'square'%2F%3E%3C%2Fsvg%3E");
  --motif-soluk:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'480'%20height%3D'360'%3E%3Cpath%20d%3D'M66%2028%20l7%207%20l-7%207%20l-7%20-7%20z%20M66%2042%20V138%20M66%2066%20h-5%20v-5%20h-5%20v-5%20h-4%20v4%20h3%20M66%2066%20h5%20v-5%20h5%20v-5%20h4%20v4%20h-3%20M66%2088%20h-5%20v-5%20h-5%20v-5%20h-5%20v-5%20h-4%20v4%20h3%20M66%2088%20h5%20v-5%20h5%20v-5%20h5%20v-5%20h4%20v4%20h-3%20M66%20112%20h-5%20v-5%20h-5%20v-5%20h-5%20v-5%20h-5%20v-5%20h-4%20v4%20h3%20M66%20112%20h5%20v-5%20h5%20v-5%20h5%20v-5%20h5%20v-5%20h4%20v4%20h-3%20M66%20138%20h-6%20v5%20h-6%20v5%20M66%20138%20h6%20v5%20h6%20v5%20M306%20198%20l7%207%20l-7%207%20l-7%20-7%20z%20M306%20212%20V308%20M306%20236%20h-5%20v-5%20h-5%20v-5%20h-4%20v4%20h3%20M306%20236%20h5%20v-5%20h5%20v-5%20h4%20v4%20h-3%20M306%20258%20h-5%20v-5%20h-5%20v-5%20h-5%20v-5%20h-4%20v4%20h3%20M306%20258%20h5%20v-5%20h5%20v-5%20h5%20v-5%20h4%20v4%20h-3%20M306%20282%20h-5%20v-5%20h-5%20v-5%20h-5%20v-5%20h-5%20v-5%20h-4%20v4%20h3%20M306%20282%20h5%20v-5%20h5%20v-5%20h5%20v-5%20h5%20v-5%20h4%20v4%20h-3%20M306%20308%20h-6%20v5%20h-6%20v5%20M306%20308%20h6%20v5%20h6%20v5%20M220%2069%20l11%2011%20l-11%2011%20l-11%20-11%20z%20M220%2076%20l4%204%20l-4%204%20l-4%20-4%20z%20M440%20289%20l11%2011%20l-11%2011%20l-11%20-11%20z%20M440%20296%20l4%204%20l-4%204%20l-4%20-4%20z%20M130%20319%20l11%2011%20l-11%2011%20l-11%20-11%20z%20M130%20326%20l4%204%20l-4%204%20l-4%20-4%20z%20M420%2092%20V76%20M420%2076%20l-6%20-6%20h-8%20v12%20h6%20v-5%20M420%2076%20l6%20-6%20h8%20v12%20h-6%20v-5%20M96%20286%20V270%20M96%20270%20l-6%20-6%20h-8%20v12%20h6%20v-5%20M96%20270%20l6%20-6%20h8%20v12%20h-6%20v-5%20M200%20346%20V330%20M200%20330%20l-6%20-6%20h-8%20v12%20h6%20v-5%20M200%20330%20l6%20-6%20h8%20v12%20h-6%20v-5%20M150%20174%20V226%20M150%20164%20l3%205%20l-3%205%20l-3%20-5%20z%20M148%20182%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M152%20182%20l7%20-3%20l2%20-6%20l-7%203%20z%20M148%20192%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M152%20192%20l7%20-3%20l2%20-6%20l-7%203%20z%20M148%20202%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M152%20202%20l7%20-3%20l2%20-6%20l-7%203%20z%20M148%20212%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M152%20212%20l7%20-3%20l2%20-6%20l-7%203%20z%20M380%2014%20V66%20M380%204%20l3%205%20l-3%205%20l-3%20-5%20z%20M378%2022%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M382%2022%20l7%20-3%20l2%20-6%20l-7%203%20z%20M378%2032%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M382%2032%20l7%20-3%20l2%20-6%20l-7%203%20z%20M378%2042%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M382%2042%20l7%20-3%20l2%20-6%20l-7%203%20z%20M378%2052%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M382%2052%20l7%20-3%20l2%20-6%20l-7%203%20z%20M460%20174%20V226%20M460%20164%20l3%205%20l-3%205%20l-3%20-5%20z%20M458%20182%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M462%20182%20l7%20-3%20l2%20-6%20l-7%203%20z%20M458%20192%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M462%20192%20l7%20-3%20l2%20-6%20l-7%203%20z%20M458%20202%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M462%20202%20l7%20-3%20l2%20-6%20l-7%203%20z%20M458%20212%20l-7%20-3%20l-2%20-6%20l7%203%20z%20M462%20212%20l7%20-3%20l2%20-6%20l-7%203%20z%20M336%20150%20h8%20M340%20146%20v8%20M16%20190%20h8%20M20%20186%20v8%20M116%20110%20h8%20M120%20106%20v8%20M416%20250%20h8%20M420%20246%20v8%20M246%20150%20h8%20M250%20146%20v8'%20fill%3D'none'%20stroke%3D'rgba(255%2C255%2C255%2C0.10)'%20stroke-width%3D'2'%20stroke-linecap%3D'square'%2F%3E%3C%2Fsvg%3E");
  --ana:"Archivo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;border-radius:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--ust-h) + var(--kat-h) + 8px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--beyaz);color:var(--siyah);font:400 17px/1.55 var(--ana);font-stretch:100%}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--ana);font-stretch:62%;font-weight:900;line-height:.9;letter-spacing:-.01em}
p{margin:0}
:focus-visible{outline:3px solid var(--kirmizi);outline-offset:3px}
.giris :focus-visible,.alt :focus-visible{outline-color:var(--beyaz)}
.atla{position:absolute;left:-999px;top:0;background:var(--siyah);color:var(--beyaz);padding:10px 14px;z-index:100}
.atla:focus{left:8px}
.marka sup,.g-ad sup,.alt strong sup{font-size:.3em;line-height:0;vertical-align:top;position:relative;top:.42em;margin-left:.06em;font-weight:700;font-stretch:100%}
@keyframes belir{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- düğmeler ---------- */
.dugme{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:3px solid transparent;font:800 17px/1 var(--ana);font-stretch:85%;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.dugme-beyaz{background:var(--beyaz);color:var(--kirmizi)}
.dugme-beyaz:hover{background:var(--siyah);color:var(--beyaz)}
.dugme-cizgi{background:transparent;color:var(--beyaz);border-color:var(--beyaz)}
.dugme-cizgi:hover{background:var(--beyaz);color:var(--kirmizi)}
.dugme-kirmizi{background:var(--kirmizi);color:var(--beyaz)}
.dugme-kirmizi:hover{background:var(--siyah)}
.dugme-cizgi-siyah{background:transparent;color:var(--siyah);border-color:var(--siyah)}
.dugme-cizgi-siyah:hover{background:var(--siyah);color:var(--beyaz)}

/* ---------- üst çubuk ---------- */
.ust{position:sticky;top:0;z-index:40;height:var(--ust-h);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(16px,env(safe-area-inset-left));background:var(--siyah);color:var(--beyaz)}
.marka{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;line-height:1}
.marka strong{font:900 28px/1 var(--ana);font-stretch:62%;letter-spacing:.02em}
.marka span{font:700 8px/1 var(--ana);letter-spacing:.38em;margin-top:3px}
.ust-nav{display:flex;gap:4px}
.ust-nav a{padding:10px 12px;font:700 15px/1 var(--ana);font-stretch:85%;text-decoration:none}
.ust-nav a:hover{background:var(--kirmizi)}
.ust-nav .ust-ara{background:var(--kirmizi)}
.ust-nav .ust-ara:hover{background:var(--beyaz);color:var(--kirmizi)}
.ust-bilgi{display:none}
.ust-ac{display:none;background:var(--kirmizi);color:var(--beyaz);border:0;height:40px;padding:0 16px;font:800 15px/1 var(--ana);font-stretch:85%;cursor:pointer}
@media (max-width:860px){
  .ust-ac{display:block}
  .ust-nav{position:fixed;inset:var(--ust-h) 0 auto 0;flex-direction:column;gap:0;background:var(--siyah);padding:8px 0 16px;transform:translateY(-120%);transition:transform .2s;border-bottom:6px solid var(--kirmizi)}
  .ust-nav.acik{transform:none}
  .ust-nav a{padding:16px 20px;font-size:24px;font-stretch:62%;font-weight:900}
  .ust-bilgi{display:block;margin:0;padding:14px 20px 0;color:#bdbdbd;font-size:15px;line-height:1.5}
}

/* ---------- açılış ---------- */
.giris{display:grid;grid-template-columns:1fr;background:var(--beyaz);color:var(--beyaz);overflow:hidden}
.giris-yazi{position:relative;z-index:2;background:var(--kirmizi) var(--motif) center top/480px 360px;padding:22px 16px 72px;clip-path:polygon(0 0,100% 0,100% calc(100% - 44px),50% 100%,0 calc(100% - 44px))}
.giris-foto{margin:-6px 0 0;aspect-ratio:4/3;overflow:hidden;background:var(--beyaz)}
.giris-foto img{width:100%;height:100%;object-fit:contain;padding:2% 0 6%}
.giris h1{font-size:clamp(84px,27vw,230px);line-height:.82;letter-spacing:-.02em}
.g-ad{display:block}
.g-ad sup{font-size:.2em;top:.55em}
.g-bf{display:block;font-size:.2em;line-height:1;font-weight:800;font-stretch:100%;letter-spacing:.22em;margin:.1em 0 .36em}
.g-iyi{display:inline-block;margin-top:.06em;background:var(--siyah);color:var(--beyaz);padding:.04em .14em .1em;font-weight:800;font-stretch:75%;transform:rotate(-4deg);transform-origin:12% 100%}
/* el yazısı: "Usta işi." */
.giris-alt{margin-top:.5em;font:400 clamp(46px,12vw,84px)/1 "Kaushan Script",cursive;color:var(--beyaz);-webkit-text-stroke:1px var(--beyaz);transform:rotate(-4deg);transform-origin:0 100%}
.adres-satir{margin:10px 0 0;font-size:14px;line-height:1.4;color:var(--beyaz);opacity:.85}
.giris-dugmeler{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
@keyframes vur{from{transform:translateY(-40%) scale(1.25);opacity:0}to{transform:none;opacity:1}}
@keyframes damga{from{transform:rotate(-16deg) scale(1.9);opacity:0}to{transform:rotate(-4deg) scale(1);opacity:1}}
@media (prefers-reduced-motion:no-preference){
  .g-ad{animation:vur .5s cubic-bezier(.2,.9,.25,1.2) both}
  .g-iyi{animation:damga .45s cubic-bezier(.3,1.6,.5,1) .35s both}
  .giris-alt,.giris-dugmeler{animation:belir .3s ease-out .75s both}
}
@media (min-width:900px){
  .giris{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .giris-yazi{display:flex;flex-direction:column;justify-content:flex-start;padding:52px 170px 104px 48px;clip-path:polygon(0 0,calc(100% - 120px) 0,100% 50%,calc(100% - 120px) 100%,0 100%)}
  .giris-foto{aspect-ratio:auto;margin:0 0 0 -120px;min-height:540px}
  .giris h1{font-size:min(168px,11.5vw)}
}

/* ---------- kayan şerit ---------- */
.seritler{position:relative;z-index:5;overflow:hidden;padding:max(18px,2.2vw) 0}
.serit{background:var(--siyah);color:var(--beyaz);overflow:hidden;height:56px;display:flex;align-items:center;margin:0 -4%;transform:rotate(-2.2deg)}
.serit-ters{background:var(--beyaz);color:var(--siyah);border-top:4px solid var(--siyah);border-bottom:4px solid var(--siyah)}
.serit-ic{display:flex;white-space:nowrap;animation:kay 38s linear infinite}
.serit-ters .serit-ic{animation-direction:reverse;animation-duration:30s}
.serit-ic span{font:900 26px/1 var(--ana);font-stretch:62%;padding:0 18px;display:inline-flex;align-items:center;gap:36px}
.serit-ic span::after{content:"";width:12px;height:12px;background:var(--kirmizi);flex:none}
@keyframes kay{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.serit-ic{animation:none}}

/* ---------- hikâye ---------- */
.hikaye{position:relative;display:grid;grid-template-columns:1fr;background:var(--beyaz)}
.hikaye-foto{position:relative;background:var(--siyah);aspect-ratio:1/1;overflow:hidden}
.hikaye-foto img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(1) contrast(1.1)}
.yil{position:absolute;left:0;bottom:0;background:var(--kirmizi);color:var(--beyaz);font:900 clamp(80px,26vw,220px)/.8 var(--ana);font-stretch:62%;padding:16px 20px 6px;z-index:2}
.hikaye-yazi{padding:40px 16px 48px;max-width:640px}
.hikaye-yazi h2{font-size:clamp(56px,14vw,120px);margin-bottom:22px}
.hikaye-yazi p{font-size:19px;max-width:34em}
.hikaye-yazi p+p{margin-top:14px}
@media (min-width:900px){
  .hikaye{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hikaye-foto{aspect-ratio:auto;min-height:640px;overflow:visible}
  .hikaye-foto img{position:absolute;inset:0}
  .yil{left:auto;right:0;bottom:64px}
  .hikaye-yazi{padding:72px 56px;align-self:center}
}

/* ---------- mutfak ---------- */
.mutfak{position:relative;margin-top:-48px;padding:80px 16px 48px;background:var(--siyah) var(--motif-soluk) 0 0/480px 360px;color:var(--beyaz);clip-path:polygon(0 48px,100% 0,100% 100%,0 100%)}
.mutfak h2{font-size:clamp(48px,11vw,96px);margin-bottom:28px}
.mutfak-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr)}
.mutfak-liste li{padding:0 0 22px;background:var(--kirmizi);color:var(--beyaz)}
.mutfak-liste li:nth-child(2),.mutfak-liste li:nth-child(3){background:var(--beyaz);color:var(--siyah)}
.mutfak-liste img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:14px}
.mutfak-liste strong{display:block;font:900 32px/1 var(--ana);font-stretch:62%;margin:0 14px 6px}
.mutfak-liste span{display:block;font-size:15px;line-height:1.4;margin:0 14px}
.mutfak-liste li:nth-child(2) span,.mutfak-liste li:nth-child(3) span{color:#333}
@media (min-width:1100px){
  .mutfak{margin-top:-80px;padding:120px 48px 80px;clip-path:polygon(0 80px,100% 0,100% 100%,0 100%)}
  .mutfak-liste{grid-template-columns:repeat(4,1fr)}
  .mutfak-liste li:nth-child(3){background:var(--kirmizi);color:var(--beyaz)}
  .mutfak-liste li:nth-child(3) span{color:inherit}
  .mutfak-liste li:nth-child(4){background:var(--beyaz);color:var(--siyah)}
  .mutfak-liste li:nth-child(4) span{color:#333}
  .mutfak-liste strong{font-size:40px;margin:0 20px 6px}
  .mutfak-liste span{font-size:17px;margin:0 20px}
}

.mutfak-liste b{display:block;margin:0 14px 6px;font:800 17px/1.25 var(--ana)}
.ilkeler{margin-top:40px;font:900 clamp(30px,7.5vw,56px)/1.02 var(--ana);font-stretch:62%;max-width:14em}
@media (min-width:1100px){.mutfak-liste b{margin:0 20px 8px;font-size:19px}}

/* ---------- menü ---------- */
.menu-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px 16px 20px}
.menu-bas h2{font-size:clamp(72px,20vw,180px)}
.oner-ac{background:var(--siyah);color:var(--beyaz);border:0;min-height:48px;padding:0 20px;font:800 16px/1 var(--ana);font-stretch:85%;cursor:pointer}
.oner-ac:hover{background:var(--kirmizi)}
.kat-nav{position:sticky;top:var(--ust-h);z-index:30;height:var(--kat-h);display:flex;overflow-x:auto;scrollbar-width:none;background:var(--siyah)}
.kat-nav::-webkit-scrollbar{display:none}
.kat-nav a{flex:none;display:flex;align-items:center;padding:0 18px;color:var(--beyaz);text-decoration:none;font:800 16px/1 var(--ana);font-stretch:85%;white-space:nowrap}
.kat-nav a:hover{background:#222}
.kat-nav a[aria-current="true"]{background:var(--kirmizi)}
.yukleniyor{padding:40px 16px;color:var(--gri)}
.kategori{padding-bottom:8px}
.kat-bas{position:relative;overflow:hidden;background:var(--kirmizi) var(--motif) center top/480px 360px;color:var(--beyaz);padding:28px 16px 20px}
.kategori:nth-child(even) .kat-bas{background:var(--siyah) var(--motif-soluk);text-align:right}
.kat-bas h3{font-size:clamp(48px,12vw,104px)}
.kat-bas p{margin-top:10px;font-size:18px;font-weight:600}
.urunler{display:grid;grid-template-columns:1fr;gap:3px;background:var(--siyah);border-bottom:3px solid var(--siyah)}
/* kart: sağ altta kırmızı ok, üzerine gelince altta kırmızı çizgi */
.urun{position:relative;display:grid;grid-template-columns:42% minmax(0,1fr);background:var(--beyaz);border:0;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;min-height:150px}
.urun::before{content:"\2192";position:absolute;z-index:3;right:0;bottom:0;width:38px;height:38px;display:grid;place-items:center;background:var(--kirmizi);color:var(--beyaz);font:900 22px/1 var(--ana)}
.urun::after{content:"";position:absolute;left:0;right:0;bottom:0;height:0;background:var(--kirmizi);transition:height .15s}
.urun:hover::before,.urun:focus-visible::before{background:var(--siyah)}
.urun:hover::after,.urun:focus-visible::after{height:8px}
.urun:hover .urun-ad{color:var(--kirmizi)}
.urun-foto{position:relative;overflow:hidden;background:#1a1a1a;min-height:150px}
.urun-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.urun-foto.bos::after{content:"ARQUET";position:absolute;inset:0;display:grid;place-items:center;color:#3a3a3a;font:900 30px/1 var(--ana);font-stretch:62%}
.tukendi .urun-foto::before{content:"Tükendi";position:absolute;z-index:2;left:0;top:0;background:var(--kirmizi);color:var(--beyaz);font:800 13px/1 var(--ana);padding:6px 8px}
.urun-yazi{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.urun-ad{font:900 28px/.95 var(--ana);font-stretch:62%;transition:color .15s}
.urun-kisa{font-size:15px;line-height:1.4;color:#222}
.urun-etiket{align-self:flex-start;margin-top:auto;background:var(--siyah);color:var(--beyaz);font:800 13px/1 var(--ana);font-stretch:85%;padding:6px 8px}
.urun.onde{grid-template-columns:1fr}
.urun.onde .urun-foto{aspect-ratio:16/10;min-height:0}
.urun.onde .urun-ad{font-size:44px}
.urun.onde .urun-kisa{font-size:17px}
.onde-etiket{position:absolute;z-index:2;left:0;bottom:0;background:var(--kirmizi);color:var(--beyaz);font:900 22px/1 var(--ana);font-stretch:62%;padding:10px 14px 8px}
@media (min-width:700px){
  .menu-bas{padding:28px 32px 24px}
  .kat-bas{padding:40px 32px 28px}
  .urunler{display:flex;flex-wrap:wrap}
  .urun{flex:1 1 calc(50% - 3px);min-width:0;grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .urun-foto{aspect-ratio:3/2;min-height:0}
  .urun-yazi{padding:18px 20px 22px}
  .urun-ad{font-size:36px}
  .urun.yatay{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:1fr}
  .urun.yatay .urun-foto{aspect-ratio:auto;min-height:340px}
  .urun.yatay .urun-yazi{padding:32px;justify-content:flex-end}
  .urun.onde{flex-basis:100%;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:1fr}
  .urun.onde .urun-foto{aspect-ratio:auto;min-height:420px}
  .urun.onde .urun-yazi{padding:32px;justify-content:flex-end}
  .urun.onde .urun-ad{font-size:64px}
  .kategori:nth-child(even) .urun.onde .urun-foto{order:2}
}
@media (min-width:1100px){
  .urun{flex-basis:calc(33.333% - 3px)}
  .urun.onde{flex-basis:100%}
}

/* ---------- pencereler (ürün, kampanya) ---------- */
.pencere{border:0;padding:0;background:var(--beyaz);color:var(--siyah);width:min(560px,100vw);max-width:100vw;max-height:100dvh;overflow:auto}
.pencere::backdrop{background:rgba(0,0,0,.82)}
.kapat{position:sticky;top:0;display:block;margin-left:auto;z-index:3;width:52px;height:52px;border:0;background:var(--siyah);color:var(--beyaz);font:400 32px/1 var(--ana);cursor:pointer}
.kapat:hover{background:var(--kirmizi)}
.tutamac{display:none}
.up-foto{position:relative;aspect-ratio:4/3;overflow:hidden;background:#1a1a1a;margin-top:-52px}
.up-foto img{width:100%;height:100%;object-fit:cover}
.up-govde{padding:22px 20px 26px}
.up-govde h2{font-size:52px;margin-bottom:10px}
.up-kat{display:inline-block;background:var(--kirmizi);color:var(--beyaz);font:800 13px/1 var(--ana);padding:6px 8px;margin-bottom:12px}
.up-etiket{display:inline-block;background:var(--siyah);color:var(--beyaz);font:800 13px/1 var(--ana);padding:6px 8px;margin-bottom:14px}
.up-etiket:empty{display:none}
#up-aciklama{font-size:17px}
.up-menu{margin-top:14px;padding:12px 14px;border-left:6px solid var(--kirmizi);background:#f2f2f2;font-size:15px}
.up-menu:empty{display:none}
#kl-baslik{font-size:52px;margin:-52px 60px 18px 0}
.kamp-izgara{display:grid;grid-template-columns:1fr;gap:12px}
.kamp{display:grid;grid-template-rows:auto 1fr;background:var(--kirmizi);color:var(--beyaz);border:0;padding:0;text-align:left;font:inherit;cursor:pointer}
.kamp:hover{background:var(--siyah)}
.kamp img{width:100%;aspect-ratio:16/10;object-fit:cover}
.kamp-yazi{padding:16px 16px 18px}
.kamp-tarih{display:inline-block;background:var(--beyaz);color:var(--kirmizi);font:800 13px/1 var(--ana);padding:6px 8px;margin-bottom:10px}
.kamp strong{display:block;font:900 36px/.95 var(--ana);font-stretch:62%;margin-bottom:6px}
.kamp-pencere>img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-top:-52px}
.kp-fiyat{margin:16px 0;font:900 30px/1 var(--ana);font-stretch:62%;color:var(--kirmizi)}
#kp-katil.katildi{background:var(--siyah)}
@keyframes yukari{from{transform:translateY(100%)}}
@media (max-width:600px){
  .pencere{width:100vw;height:100dvh;max-height:100dvh;margin:0}
  .pencere[open]{animation:yukari .25s ease-out}
  .tutamac{display:block;position:absolute;z-index:4;top:10px;left:50%;width:56px;height:6px;margin-left:-28px;background:var(--beyaz);box-shadow:0 0 0 2px rgba(0,0,0,.35)}
}
@media (prefers-reduced-motion:reduce){.pencere[open]{animation:none}}

/* ---------- öneri ---------- */
#op-form h2,#op-sonuc h2{font-size:52px;margin:-52px 60px 18px 0}
#op-gunun h2{font-size:52px;margin:0 60px 18px 0}
#op-gunun .up-kat{margin-top:-52px}
#op-gunun img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:16px}
#op-gunun .dugme,#op-sonuc .dugme{margin-top:12px;margin-right:8px}
#op-form fieldset{border:0;padding:0;margin:0 0 20px}
#op-form legend{font:800 17px/1 var(--ana);margin-bottom:10px}
#op-form label{display:inline-block;margin:0 6px 6px 0;cursor:pointer}
#op-form input{position:absolute;opacity:0}
#op-form label span{display:block;padding:12px 16px;border:3px solid var(--siyah);font:800 16px/1 var(--ana);font-stretch:85%}
#op-form input:checked+span{background:var(--siyah);color:var(--beyaz)}
#op-form input:focus-visible+span{outline:3px solid var(--kirmizi);outline-offset:2px}
.op-urun{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;width:100%;border:0;border-top:3px solid var(--siyah);background:none;padding:12px 0;text-align:left;font:inherit;cursor:pointer}
.op-urun img{width:110px;height:84px;object-fit:cover}
.op-urun small{display:block;color:var(--kirmizi);font-weight:800;font-size:13px}
.op-urun strong{font:900 28px/1 var(--ana);font-stretch:62%}

/* ---------- açılış duyurusu ---------- */
.duyuru{border:0;padding:0;background:var(--siyah);width:min(860px,94vw);max-height:92dvh;overflow:hidden}
.duyuru::backdrop{background:rgba(0,0,0,.8)}
.duyuru-gorsel img{width:100%;height:auto;max-height:calc(92dvh - 50px);object-fit:contain;background:#111}
.duyuru-dugmeler{display:flex;gap:3px;background:var(--siyah)}
.duyuru-dugmeler .dugme{flex:1;border:0}
.duyuru .dugme-cizgi{background:var(--siyah);color:var(--beyaz)}
.duyuru .dugme-cizgi:hover{background:#222}

/* ---------- alt ---------- */
.alt{background:var(--kirmizi) var(--motif) center top/480px 360px;color:var(--beyaz);padding:40px 16px calc(40px + env(safe-area-inset-bottom))}
.alt strong{font:900 64px/1 var(--ana);font-stretch:62%}
.alt p{margin-top:10px;font-weight:600}
.alt a{margin-right:16px}