/* kabuk.css — Faz 7 P0-1 ortak kabuk (kabuk.py tek kaynak; katalog + statik + ikincil sayfalar ayni dosya) */
/* ---------- tokens.css: yazi tipi yedekleri (CLS) ---------- */
@font-face { font-family: "Manrope Yedek"; src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("LiberationSans"), local("Arimo"), local("Roboto"), local("Roboto-Regular"); font-weight: 100 449; size-adjust: 103.6%; ascent-override: 102.9%; descent-override: 29.0%; line-gap-override: 0%; unicode-range: U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope Yedek"; src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("LiberationSans"), local("Arimo"), local("Roboto"), local("Roboto-Regular"); font-weight: 450 549; size-adjust: 105.4%; ascent-override: 101.1%; descent-override: 28.5%; line-gap-override: 0%; unicode-range: U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope Yedek"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("LiberationSans-Bold"), local("Arimo Bold"), local("Roboto Bold"), local("Roboto-Bold"); font-weight: 550 649; size-adjust: 99.2%; ascent-override: 107.5%; descent-override: 30.2%; line-gap-override: 0%; unicode-range: U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope Yedek"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("LiberationSans-Bold"), local("Arimo Bold"), local("Roboto Bold"), local("Roboto-Bold"); font-weight: 650 749; size-adjust: 100.8%; ascent-override: 105.7%; descent-override: 29.8%; line-gap-override: 0%; unicode-range: U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope Yedek"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("LiberationSans-Bold"), local("Arimo Bold"), local("Roboto Bold"), local("Roboto-Bold"); font-weight: 750 900; size-adjust: 102.5%; ascent-override: 104.0%; descent-override: 29.3%; line-gap-override: 0%; unicode-range: U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant Yedek T"; src: local("Times New Roman"), local("TimesNewRomanPSMT"), local("Liberation Serif"), local("LiberationSerif"), local("Tinos"); font-weight: 100 549; size-adjust: 97.6%; ascent-override: 94.6%; descent-override: 29.4%; line-gap-override: 0%; unicode-range: U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant Yedek T"; src: local("Times New Roman Bold"), local("TimesNewRomanPS-BoldMT"), local("Liberation Serif Bold"), local("LiberationSerif-Bold"), local("Tinos Bold"); font-weight: 550 900; size-adjust: 92.2%; ascent-override: 100.2%; descent-override: 31.1%; line-gap-override: 0%; unicode-range: U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant Yedek N"; src: local("Noto Serif"), local("NotoSerif-Regular"); font-weight: 100 549; size-adjust: 81.9%; ascent-override: 112.8%; descent-override: 35.0%; line-gap-override: 0%; unicode-range: U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant Yedek N"; src: local("Noto Serif Bold"), local("NotoSerif-Bold"); font-weight: 550 900; size-adjust: 81.9%; ascent-override: 112.8%; descent-override: 35.0%; line-gap-override: 0%; unicode-range: U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-036F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* ---------- tokens.css: jetonlar ---------- */
:root {
  --bg: #fbf8f3; --card: #ffffff; --cream: #f4eee6; --line: #e8e0d5; --line2: #ddd3c6;
  --ink: #26221e; --ink2: #5e564f; --ink3: #6b625a;
  --accent: #a94e33; --accent-h: #933f27; --accent-soft: #f6e4dc; --accent2: #4e6b55; --gold: #b99b62; --goldink: #7a5c2b;
  --dark: #26221e; --on-dark: #efe9db; --wa: #0e7a40; --wa2: #0b6e3a; --heart: #e0607a;
  --ok: #2f5a3a; --ok-bg: #e3efe6; --bilgi: #3c4658; --bilgi-bg: #eceff4; --uyari: #8a5a00; --uyari-bg: #fff3d6; --hata: #8f2f17; --hata-bg: #fdf0ec;
  --serif: "Cormorant Garamond", "Cormorant Yedek T", "Cormorant Yedek N", Georgia, "Times New Roman", serif;
  --sans: Manrope, "Manrope Yedek", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-2xs: 11px; --fs-xs: 12px; --fs-s: 13px; --fs-m: 14px; --fs-base: 15px; --fs-l: 17px;
  --fs-d1: 16px; --fs-d2: 22px; --fs-d3: 28px; --fs-d4: 34px; --fs-hero: clamp(34px, 4.6vw, 58px);
  --lh-sik: 1.1; --lh-arayuz: 1.3; --lh-metin: 1.5; --ls-ust: .12em;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 44px; --sp-9: 64px;
  --gut: clamp(16px, 4.2vw, 56px); --wrap: 1320px; --wrap-genis: 1680px;
  --radius-card: 16px; --radius-sheet: 18px; --radius-panel: 20px; --radius-menu: 14px; --radius-cta: 12px; --radius-chip: 11px;
  --radius-pack: 10px; --radius-btn: 9px; --radius-small: 8px; --radius-pill: 999px;
  --sh: 0 1px 2px rgba(38,34,30,.05), 0 10px 28px rgba(38,34,30,.07); --sh-menu: 0 18px 44px rgba(38,34,30,.16);
  --sh-sheet: 0 -10px 40px rgba(0,0,0,.25); --sh-panel: 0 40px 90px rgba(0,0,0,.4); --sh-float: 0 8px 22px rgba(0,0,0,.22);
  --dur-hizli: 150ms; --dur: 220ms; --dur-yavas: 450ms; --ease: ease; --ease-cik: cubic-bezier(.2, .8, .2, 1);
  --z-base: 0; --z-sticky: 10; --z-header: 20; --z-float: 30; --z-toast: 40; --z-panel: 50; --z-dialog: 60; --z-alert: 70;
  --hit: 44px; --odak: 2px solid var(--accent); --odak-ofset: 2px;
  --k1-h: 62px;
  color-scheme: light;
}
@media (prefers-reduced-motion: reduce) { :root { --dur-hizli: 0ms; --dur: 0ms; --dur-yavas: 0ms; } }
:root { --paper: var(--bg); --panel: var(--card); }

/* ---------- kabuk temeli (temel.css, kabuk koklerine kapsanmis: eski sayfa kurallarina dokunmaz) ---------- */
.hd, .mm, .k1, .ft { font-family: var(--sans); color: var(--ink); -webkit-font-smoothing: antialiased; line-height: 1.5; }
.hd *, .mm *, .k1 *, .ft *, .kperde { box-sizing: border-box; }
.hd [hidden], .mm [hidden], .k1 [hidden], .ft [hidden], .mm[hidden], .kperde[hidden], .kmega[hidden] { display: none !important; }
.hd a, .mm a, .k1 a, .ft a { color: inherit; text-decoration: none; }
.hd button, .mm button, .k1 button, .ft button { font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; }
.hd :focus-visible, .mm :focus-visible, .k1 :focus-visible, .ft :focus-visible { outline: var(--odak); outline-offset: var(--odak-ofset); border-radius: 6px; }
.hd img, .mm img, .ft img { display: block; max-width: 100%; height: auto; }
.hd ul, .mm ul, .ft ul, .k1 ul { list-style: none; margin: 0; padding: 0; }
.hd h3, .mm h3, .ft h2, .ft h3 { margin: 0; }
.vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.kmarka { display: inline-flex; flex-direction: column; justify-content: center; gap: 2px; line-height: 1; min-height: var(--hit); color: var(--ink); text-decoration: none; }
.kmarka b { font: 700 15px/1 var(--serif); letter-spacing: .16em; white-space: nowrap; }
.kmarka small { display: flex; align-items: center; gap: 6px; font: 700 8.5px/1 var(--sans); letter-spacing: .22em; color: var(--goldink); white-space: nowrap; }
.kmarka small img { height: 11px; width: auto; filter: brightness(.22); display: inline-block; }
@media (min-width: 1024px) { .kmarka b { font-size: 18px; } .kmarka small { font-size: 9px; } .kmarka small img { height: 13px; } }
@media (max-width: 420px) { .kmarka b { font-size: 13.5px; letter-spacing: .12em; } .kmarka small { font-size: 7.5px; letter-spacing: .18em; } .kmarka small img { height: 10px; } }
/* uye + acik siparis (html.mo-on): baslikta bir dugme fazla — marka sikilasir; cok darda arama K1'de (baslik dugmesi gizli) */
@media (max-width: 380px) { html.mo-on .kmarka b { font-size: 12px; letter-spacing: .06em; } }
@media (max-width: 340px) { html.mo-on .hd .acts > .tel { display: none; } }
.hd .ic, .mm .ic, .k1 .ic, .ft .ic { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; flex: none; }
[dir="rtl"] .hd .ic.flip, [dir="rtl"] .mm .ic.flip, [dir="rtl"] .k1 .ic.flip, [dir="rtl"] .ft .ic.flip { transform: scaleX(-1); }
.hd .pill, .mm .pill { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 1px solid var(--line2); border-radius: var(--radius-pill); background: var(--card); color: var(--ink); font-weight: 700; font-size: 13.5px; white-space: nowrap; cursor: pointer; }
.hd .pill.accent, .mm .pill.accent { background: var(--accent); color: #fff; border-color: var(--accent); }
.hd .pill.dark, .mm .pill.dark { background: var(--dark); color: var(--on-dark); border-color: var(--dark); }
.hd .pill.wa, .mm .pill.wa { background: var(--wa); color: #fff; border-color: var(--wa); }
.hd .iconbtn, .mm .iconbtn { width: var(--hit); height: var(--hit); display: inline-grid; place-items: center; border-radius: 50%; position: relative; color: var(--ink); }
/* dar ekranda dugmeler ezilmez (360 px uye + Siparislerim: menu dugmesi 25 px'e iniyordu); daralan marka */
.hd .hd-row > .iconbtn, .hd .acts > .iconbtn, .hd .acts > a.iconbtn { flex: none; }
.hd .iconbtn::after, .mm .iconbtn::after { content: ""; position: absolute; inset: 4px; border: 1px solid var(--line2); border-radius: 50%; pointer-events: none; }
.hd .lnk, .mm .lnk { font: 700 13.5px/1 var(--sans); min-height: var(--hit); display: inline-flex; align-items: center; padding: 0 6px; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--line2); white-space: nowrap; color: var(--ink); background: none; border: 0; }
.hd .n, .mm .n { font: 700 11.5px/1 var(--sans); color: var(--ink3); font-variant-numeric: tabular-nums; }
html.kaydirma-kilit { overflow: hidden; }
@media (min-width: 861px) { html[data-m="1"] { overflow: auto; } html[data-m="1"].kaydirma-kilit { overflow: auto; } }

/* ---------- durum: misafir / uye (html[data-u] — bas betigi ilk boyamadan once yazar) ---------- */
html:not([data-u]) .k-u, html[data-u="guest"] .k-u { display: none !important; }
html[data-u="new"] .k-g, html[data-u="ret"] .k-g { display: none !important; }

/* ---------- 01-baslik: V8 + durum seridi (K6) + masaustu panelleri ---------- */
.hd { position: sticky; top: 0; z-index: var(--z-header); background: var(--bg); transition: transform .26s ease, box-shadow .2s ease; }
html.kaydi .hd { box-shadow: 0 1px 0 var(--line), 0 8px 20px rgba(38,34,30,.06); }
.hd-row { display: flex; align-items: center; gap: 12px; padding-inline: var(--gut); max-width: 1680px; margin: 0 auto; }
.hd .sp { flex: 1 1 auto; }
.hd .nav { display: flex; align-items: center; gap: 2px; min-width: 0; }
.hd .nav[data-sigdir] { overflow: hidden; padding: 3px; margin-block: -3px; }
.hd .nav[data-sigdir] > * { flex: none; }
.hd .nav > a, .hd .nav > button { display: inline-flex; align-items: center; gap: 4px; min-height: var(--hit); padding: 0 11px; border-radius: 10px; font: 700 14px/1.1 var(--sans); white-space: nowrap; color: var(--ink); }
.hd .nav > a:hover, .hd .nav > button:hover, .hd .nav > [aria-expanded="true"], .hd .nav > [aria-current] { background: var(--cream); }
.hd .nav .ic { width: 16px; height: 16px; }
.hd .nav .ss { color: var(--accent2); }
.hd .mbtn { display: none; }
@media (max-width: 860px) { .hd .mbtn { display: inline-grid; } .hd .masa, .mm .masa, .kperde.masa, .kmega.masa { display: none !important; } }
@media (min-width: 861px) { .hd .tel, .mm .tel { display: none !important; } }
.hd .srch, .mm .srch { position: relative; display: flex; align-items: center; min-width: 0; height: var(--hit); border: 1px solid var(--line2); background: var(--card); border-radius: var(--radius-pill); padding-inline: 14px 10px; gap: 8px; margin: 0; }
.hd .srch:focus-within, .mm .srch:focus-within { border-color: var(--ink); box-shadow: 0 0 0 3px var(--accent-soft); }
.hd .srch input, .mm .srch input { flex: 1 1 auto; min-width: 0; border: 0; background: none; font: 600 14px/1.2 var(--sans); color: var(--ink); outline: none; height: 100%; text-overflow: ellipsis; padding: 0; -webkit-appearance: none; appearance: none; }
.hd .srch input::placeholder, .mm .srch input::placeholder { color: var(--ink3); font-weight: 500; }
.hd .lang, .mm .lang { display: inline-flex; align-items: center; gap: 6px; min-height: var(--hit); padding: 0 8px; border-radius: 10px; font: 700 12.5px/1 var(--sans); color: var(--ink2); white-space: nowrap; cursor: pointer; list-style: none; }
.hd .lang::-webkit-details-marker, .mm .lang::-webkit-details-marker { display: none; }
.hd .lang .ic, .mm .lang .ic { width: 16px; height: 16px; }
.klang { position: relative; }
.klang-m { position: absolute; top: calc(100% + 6px); inset-inline-end: 0; z-index: 2; min-width: 196px; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius-menu); box-shadow: var(--sh-menu); padding: 10px; display: grid; gap: 4px; }
.mm .klang-m { position: static; box-shadow: none; margin-top: 6px; }
.klang-m > b { font: 800 10.5px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--goldink); padding: 6px 8px 2px; }
[dir="rtl"] .klang-m > b { letter-spacing: 0; }
.klang-d { display: grid; gap: 2px; }
.klang-d a { display: flex; align-items: center; min-height: 40px; padding: 0 10px; border-radius: 9px; font: 600 14px/1.2 var(--sans); }
.klang-d a:hover, .klang-d a[aria-current] { background: var(--cream); }
.klang-d a[aria-current] { font-weight: 800; }
.klang-p { display: flex; gap: 6px; padding: 0 6px 4px; }
.klang-p button { min-height: 40px; min-width: 64px; padding: 0 12px; border: 1px solid var(--line2) !important; border-radius: 999px !important; font: 800 13px/1 var(--sans) !important; }
.klang-p button[aria-pressed="true"] { background: var(--dark) !important; color: var(--on-dark) !important; border-color: var(--dark) !important; }
.hd .walink { display: inline-flex; align-items: center; gap: 6px; min-height: var(--hit); padding: 0 10px; border-radius: 10px; font: 800 13px/1 var(--sans); color: var(--wa); white-space: nowrap; }
.hd .walink .ic { stroke: var(--wa); }
.hd .badge { position: absolute; top: 2px; inset-inline-end: 0; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--accent); color: #fff; font: 800 10.5px/18px var(--sans); text-align: center; z-index: 1; }
/* Siparislerim rozeti: eski "Siparislerim" hapinin stili (.myord .mon — altin zemin, koyu yazi) kabuga sizmaz */
.hd .myord .badge { background: var(--dark); color: #fff; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; font: 800 10.5px/18px var(--sans); }
.kmega { position: absolute; inset-inline: 0; top: 100%; z-index: var(--z-panel); background: var(--card); border-top: 1px solid var(--line); box-shadow: var(--sh-menu); max-height: calc(100vh - 140px); overflow-y: auto; }
.kperde { position: fixed; inset: 0; z-index: var(--z-sticky); background: rgba(38,34,30,.28); }
.kmega-ic { max-width: 1680px; margin: 0 auto; padding: 22px var(--gut) 20px; }
.hd .gs-b { display: flex; flex-direction: column; justify-content: center; gap: 2px; min-height: 40px; font: 700 18px/1.15 var(--serif); margin-bottom: 6px; }
.hd .gs-b small { font: 700 10.5px/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--goldink); }
[dir="rtl"] .hd .gs-b { font: 700 16px/1.25 var(--sans); }
[dir="rtl"] .hd .gs-b small { letter-spacing: 0; }
.hd .gs li a, .hd .kl li a, .mm .kl li a { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 34px; padding: 4px 0; font: 600 14px/1.25 var(--sans); }
.hd .gs li a:hover, .hd .kl li a:hover, .mm .kl li a:hover { color: var(--accent); }
.hd .gs .alt li a { padding-inline-start: 14px; font-size: 13px; color: var(--ink2); min-height: 32px; }
.hd .small-row, .hd .all-row, .mm .small-row, .mm .all-row { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 14px; border: 1px solid var(--line2); border-radius: 12px; background: var(--card); }
.hd .small-row b, .hd .all-row b, .mm .small-row b, .mm .all-row b { font: 800 14px/1.2 var(--sans); }
.hd .small-row span, .hd .all-row span, .mm .small-row span, .mm .all-row span { font: 700 12px/1 var(--sans); color: var(--ink3); margin-inline-end: auto; }
.v8 { background: var(--bg); }
.v8-ana { min-height: 64px; }
.v8-ana .nav { margin-inline-start: 14px; }
.v8-ana .srch { width: clamp(180px, 17vw, 280px); height: 40px; }
.v8 .acts { display: flex; align-items: center; gap: 2px; }
.v8-durum { display: none; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
html:not([data-u]) .v8-durum[data-u="guest"], html[data-u="guest"] .v8-durum[data-u="guest"], html[data-u="new"] .v8-durum[data-u="new"], html[data-u="ret"] .v8-durum[data-u="ret"] { display: block; }
.v8-durum[data-u="guest"] { background: var(--cream); }
.v8-durum[data-u="new"] { background: #eef3ee; }
.v8-durum[data-u="ret"] { background: var(--card); }
.dr-ic { display: flex; align-items: center; gap: 8px 14px; max-width: 1680px; margin: 0 auto; padding: 6px var(--gut); min-height: 48px; flex-wrap: wrap; }
.dr-m { display: flex; align-items: center; gap: 8px; font: 600 13.5px/1.3 var(--sans); color: var(--ink2); min-width: 0; flex-wrap: wrap; }
.dr-m b { color: var(--ink); font-weight: 800; }
.dr-m .ok { color: var(--accent2); display: inline-flex; }
.dr-m .ok .ic { stroke: var(--accent2); }
.dr-m .nokta { width: 4px; height: 4px; border-radius: 2px; background: var(--line2); }
.dr-s { margin-inline-start: auto; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.dr-s .pill { min-height: 38px; font-size: 13px; }
.tel-k { display: none; }
.v8-mega .kmega-ic { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(240px, 1.2fr); gap: 24px; }
.v8-yan { background: var(--bg); border: 1px solid var(--line); border-radius: 16px; padding: 14px; display: grid; gap: 8px; align-content: start; }
.v8-yan h3 { margin: 0 0 4px; font: 800 10.5px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--goldink); }
[dir="rtl"] .v8-yan h3 { letter-spacing: 0; }
.v8-yan a.k { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 12px; border-radius: 12px; background: var(--card); border: 1px solid var(--line); font: 700 13.5px/1.2 var(--sans); }
.v8-yan ol { margin: 0; padding-inline-start: 18px; display: grid; gap: 6px; font-size: 13px; color: var(--ink2); }
.v8-yan ol b { color: var(--ink); }
.v8-mega .alt-s { grid-column: 1 / -1; display: flex; gap: 10px; flex-wrap: wrap; align-items: center; border-top: 1px solid var(--line); padding-top: 14px; }
.kl-yatay { display: flex; flex-wrap: wrap; gap: 0 18px; }
.v4-panel .kmega-ic { display: grid; grid-template-columns: 1fr; gap: 14px; }
.v4-ic { display: grid; grid-template-columns: 1.25fr 1fr 1fr 1fr; gap: 26px; }
.v4-k h3 { margin: 0 0 10px; font: 700 21px/1.15 var(--serif); }
[dir="rtl"] .v4-k h3 { font: 800 16px/1.3 var(--sans); }
.v4-k p { margin: 0 0 8px; font-size: 13.5px; line-height: 1.5; color: var(--ink2); }
.v4-k p b { color: var(--ink); }
.v4-adim { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; counter-reset: a; }
.v4-adim li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; counter-increment: a; }
.v4-adim li::before { content: counter(a); width: 30px; height: 30px; border-radius: 50%; background: var(--dark); color: var(--on-dark); display: grid; place-items: center; font: 800 13px/1 var(--sans); }
.v4-adim b { display: block; font: 800 14px/1.25 var(--sans); }
.v4-adim span { font-size: 13px; color: var(--ink2); line-height: 1.45; }
.v4-k .v4-buyuk { font: 700 30px/1.05 var(--serif); margin: 0 0 8px; color: var(--ink); }
[dir="rtl"] .v4-k .v4-buyuk { font: 800 24px/1.15 var(--sans); }
.v4-cta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; border-top: 1px solid var(--line); padding-top: 14px; }
.v4-cta .pill { min-height: 44px; }
@media (max-width: 860px) {
  .v8-ana { min-height: 52px; gap: 4px; padding-inline: 6px 10px; }
  .v8-ana .kmarka { margin-inline-end: auto; }
  .dr-ic { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; min-height: 44px; padding-block: 4px; }
  .dr-ic::-webkit-scrollbar { display: none; }
  .dr-m, .dr-s { flex-wrap: nowrap; white-space: nowrap; flex: none; }
  .dr-m { font-size: 12.5px; flex: 0 1 auto; overflow: hidden; }
  .v8-durum[data-u="guest"] .dr-m { white-space: normal; flex-wrap: wrap; gap: 2px 12px; }
  .v8-durum[data-u="guest"] .dr-m .nokta { display: none; }
  .dr-s .pill { min-height: 36px; padding: 0 12px; position: relative; }
  .dr-s .pill::after { content: ""; position: absolute; inset: -4px 0; }
  .dr-gizle { display: none; }
  .tel-k { display: inline; }
  html.bas-gizli .hd { transform: translateY(-100%); }
}

/* ---------- 01-menu: telefon menusu (#mm, dialog) ---------- */
.mm { position: fixed; inset: 0; z-index: var(--z-panel); background: var(--bg); display: flex; flex-direction: column; }
@media (min-width: 861px) { .mm { display: none !important; } }
.mm-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 8px 6px var(--gut); border-bottom: 1px solid var(--line); min-height: 56px; }
[dir="rtl"] .mm-ust { padding: 6px var(--gut) 6px 8px; }
.brand-s b { font-size: 13px; }
.brand-s small { font-size: 7.5px; }
.mm-ic > * { flex-shrink: 0; }
.mm-ic { flex: 1 1 auto; overflow-y: auto; padding: 12px var(--gut) calc(24px + env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column; gap: 10px; overscroll-behavior: contain; }
.mm .v8-durum { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.mm .dr-ic { flex-wrap: wrap; overflow: visible; white-space: normal; padding: 12px; }
.mm .dr-m, .mm .dr-s { flex-wrap: wrap; white-space: normal; flex: 1 1 100%; min-width: 0; }
.mm .dr-s { margin-inline-start: 0; }
.mm .dr-gizle { display: inline; }
.mm .tel-k { display: none; }
.mm-uye { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mm-uye a { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 12px; border: 1px solid var(--line); background: var(--card); border-radius: 12px; font: 700 13px/1.2 var(--sans); position: relative; }
.mm-uye .cnt { margin-inline-start: auto; min-width: 22px; height: 22px; border-radius: 11px; background: var(--accent); color: #fff; font: 800 11px/22px var(--sans); text-align: center; padding: 0 6px; }
.srch-mm { height: 48px !important; }
.mm-g { border-bottom: 1px solid var(--line); }
.mm-g summary { list-style: none; display: flex; align-items: center; gap: 10px; min-height: 52px; cursor: pointer; font: 800 15px/1.2 var(--sans); }
.mm-g summary::-webkit-details-marker { display: none; }
.mm-g summary small { font: 700 11.5px/1 var(--sans); color: var(--ink3); margin-inline-start: auto; }
.mm-g summary > span { min-width: 0; }
.mm-g[open] summary .ic { transform: rotate(180deg); }
.mm-g ul { list-style: none; margin: 0 0 10px; padding: 0; }
.mm-g li a { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding-inline: 12px 4px; font: 600 14.5px/1.25 var(--sans); border-radius: 10px; }
.mm-g li a.tum { font-weight: 800; }
.mm-g li.alt a { padding-inline-start: 28px; font-size: 13.5px; color: var(--ink2); }
.mm-sec h3 { font: 800 11px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--goldink); margin: 10px 0 2px; }
[dir="rtl"] .mm-sec h3 { letter-spacing: 0; }
.mm-sec .kl li a { min-height: 44px; font-size: 14.5px; }
.mm-bilgi { display: flex; flex-wrap: wrap; gap: 4px 2px; padding-top: 6px; border-top: 1px solid var(--line); }
.mm-bilgi a { min-height: 44px; display: inline-flex; align-items: center; padding: 0 10px; font: 700 13.5px/1.1 var(--sans); color: var(--ink2); }
.mm-alt { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; justify-content: space-between; padding-top: 6px; }
.mm-alt .pill.wa { min-height: 48px; white-space: normal; text-align: start; }
.mm-bilgi-k { display: grid; gap: 12px; padding-bottom: 12px; }
.mm-bilgi-k .v4-k { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 14px; }
.mm-bilgi-k .v4-k h3 { font-size: 19px; }

/* ---------- k1-alt-cubuk: telefonda tek alt cubuk ---------- */
.k1 { position: fixed; inset-inline: 0; bottom: 0; z-index: var(--z-float); background: rgba(251,248,243,.97); border-top: 1px solid var(--line); padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px)); display: none; }
.k1 ul { margin: 0 auto; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: 560px; }
.k1 a, .k1 button { min-height: 48px; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 3px; font: 700 10.5px/1.1 var(--sans); color: var(--ink2); position: relative; text-align: center;
  /* kalkan: sayfanin genel siniflari (or. hakkimizda sayfasinin .cta bolumu) K1 ogesine dolgu / zemin / kose vermez */
  width: auto; height: auto; max-width: none; padding: 0; margin: 0; background: none; border: 0; border-radius: 0; box-shadow: none; text-transform: none; letter-spacing: normal; text-decoration: none; }
.k1 [aria-current], .k1 .cta { color: var(--ink); }
.k1 .cta { color: var(--accent); }
.k1 .cta .ic { stroke: var(--accent); }
.k1 .wa { color: var(--wa); }
.k1 .wa .ic { stroke: var(--wa); }
.k1 .cnt { position: absolute; top: 2px; inset-inline-start: calc(50% + 4px); min-width: 17px; height: 17px; border-radius: 9px; background: var(--accent); color: #fff; font: 800 10px/17px var(--sans); padding: 0 4px; }
@media (max-width: 860px) {
  .k1 { display: block; }
  html.panel-acik .k1, html[data-m="1"] .k1 { display: none; }
  body { padding-bottom: calc(var(--k1-h) + env(safe-area-inset-bottom, 0px)); }
  /* gecici ogeler K1'in USTUNDE durur (etkilesim §4): cerez bandi ve bildirim */
  .cookiebar, #dsmck, .dsmtoast, .toast { bottom: calc(var(--k1-h) + 8px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* ---------- kalkan: K1'e katilan eski yuzen ogeler (yan tuslar, kenar uye sekmesi, "Giris" hapi, liste cubugu) ----------
   Ozan 30 Eki onayi. Liste cubugu DOM'da kalir (cekmece / ?cart=1 / acik siparise ekle ayni koddan), gorunmez. */
.sidenav, .uys, .acctfab, .cartbar, .cartfab { display: none !important; }

/* ---------- 12-footer: F4 + F2 ---------- */
.ft.yb { max-width: none; padding: 0; margin: 0; display: block; }
.ft-koyu { background: var(--cream); color: var(--ink); border-top: 1px solid var(--line); }
.ft-ic { max-width: 1680px; margin: 0 auto; padding: 34px var(--gut) 22px; }
.ft-ust-s { display: grid; grid-template-columns: minmax(0, 1.25fr) repeat(4, minmax(0, 1fr)); gap: 26px 32px; }
.ft-m { display: grid; gap: 10px; align-content: start; min-width: 0; }
.ft-m p { margin: 0; font: 600 13.5px/1.55 var(--sans); color: var(--ink2); max-width: 46ch; }
.ft-m .guv { font: 800 12px/1.3 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--goldink); }
.ft-c { min-width: 0; }
[dir="rtl"] .ft-c h3, [dir="rtl"] .ft-m .guv { letter-spacing: 0; }
.ft-c ul { display: grid; gap: 2px; }
.ft-c a { display: inline-flex; align-items: center; min-height: 36px; font: 700 13.5px/1.3 var(--sans); color: var(--ink); }
.ft-c a:hover, .ft-alt a:hover { text-decoration: underline; text-underline-offset: 3px; }
.ft-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin-top: 26px; padding-top: 16px; border-top: 1px solid var(--line2); font: 600 12.5px/1.5 var(--sans); color: var(--ink3); }
.ft-alt nav { display: flex; flex-wrap: wrap; gap: 0 14px; }
.ft-alt a { display: inline-flex; align-items: center; min-height: 32px; color: var(--ink2); font-weight: 700; }
.ft-alt .dil { margin-inline-start: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 0 12px; }
.ft-alt .dil .ic { width: 16px; height: 16px; }
.ft-alt .dil a[aria-current] { text-decoration: underline; text-underline-offset: 3px; color: var(--ink); }
.ft-resmi, .ft-sirket { margin: 10px 0 0; font: 600 12px/1.55 var(--sans); color: var(--ink3); max-width: 120ch; }
.ft-resmi b { color: var(--ink); }
.ft-wa { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 18px; border-radius: 12px; background: var(--wa); color: #fff !important; font: 800 14px/1 var(--sans); justify-self: start; }
.ft-wa .ic { width: 18px; height: 18px; }
.ft-wa-s { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; }
.ft-saat { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.ft-saat .f2-d { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 0 10px; border-radius: 999px; font: 800 12.5px/1 var(--sans); }
.ft-saat .f2-d::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.ft-saat .f2-d.acik { background: #e3efe6; color: #2f5a3a; }
.ft-saat .f2-d.kapali { background: #eceff4; color: #3c4658; }
.ft-saat .f2-z { font: 700 12.5px/1 var(--sans); color: var(--ink3); }
.ft-c a bdi, .ft-sirket bdi, .ft-resmi bdi { white-space: nowrap; }
.ft-ak summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; min-height: 44px; font: 800 11.5px/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink3); }
[dir="rtl"] .ft-ak summary { letter-spacing: 0; }
.ft-ak summary::-webkit-details-marker { display: none; }
.ft-ak summary .ic { width: 16px; height: 16px; transition: transform .2s; }
.ft-ak[open] summary .ic { transform: rotate(180deg); }
@media (min-width: 861px) { .ft-ak summary { pointer-events: none; min-height: 0; margin-bottom: 10px; } .ft-ak summary .ic { display: none; } }
@media (max-width: 999px), (pointer: coarse) { .ft-c a, .ft-alt a { min-width: 44px; } }
@media (max-width: 1100px) { .ft-ust-s { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ft-m { grid-column: 1 / -1; } }
@media (max-width: 860px) {
  .ft-ic { padding: 26px var(--gut) 26px; }
  .ft-alt .dil { margin-inline-start: 0; }
  .ft-ust-ak { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .ft-ust-ak .ft-m { padding-bottom: 14px; }
  .ft-ak { border-top: 1px solid var(--line2); }
  .ft-ak ul { padding-bottom: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .hd, .kmega, .mm, .k1, .ft-ak summary .ic, .mm-g summary .ic { transition: none !important; animation: none !important; }
}
/* yazdirma: sabit alt cubuk, menu ve perde basilmaz (eski uye sekmesi kurali: "yazdirmada sekme yok") */
@media print {
  .k1, .kperde, .mm, .kmega { display: none !important; }
  body { padding-bottom: 0 !important; }
}