/*
 * fv-header.css — Site üst menü (header) görünüm kuralları · v2
 * ------------------------------------------------------------------
 * Siteye özel değerler PHP'den CSS değişkeni olarak gelir (lib/site_header.php):
 *   .site-header{--hdr-bg:…;--logo-h:…;…}
 * Durum sınıfları (js/fv-header.js):
 *   .is-compact  hamburger düzeni (dar ekran ya da menü sığmıyor)
 *   .shrink      kaydırınca küçülmüş       .scrolled   kaydırınca renk değişmiş
 *   .is-hidden   akıllı gizle              .nav-open   mobil menü açık
 *   .is-sitewidth kaydırınca sayfa genişliğine çekilmiş
 *   .fv-measured yükseklik ölçüldü (küçülmede içerik kaymasın diye telafi)
 * Medya sorgusu YOK: kırılma noktası sitenin kendi ayarı, JS .is-compact ile uygular.
 */

/* ───────────── temel ───────────── */
.site-header{
  --hdr-ease:cubic-bezier(.4,0,.2,1);
  position:relative;z-index:200;
  display:block;width:100%;max-width:none;margin:0 0 var(--hdr-mb,0px);
  background-color:var(--hdr-bg,#fff);color:var(--hdr-text,#1e293b);
  box-shadow:var(--hdr-shadow,none);
  overflow:visible;overflow-anchor:none;isolation:isolate;
  transition:
    background-color var(--hdr-anim,300ms) ease,
    color var(--hdr-anim,300ms) ease,
    box-shadow var(--hdr-anim,300ms) ease,
    transform var(--hide-ms,300ms) var(--hdr-ease),
    max-width var(--hdr-anim,300ms) var(--hdr-ease),
    border-radius var(--hdr-anim,300ms) ease;
}
.site-header *,.site-header *::before,.site-header *::after{box-sizing:border-box}
.site-header.is-sticky{position:sticky;top:0}
.site-header.is-fixed{position:fixed;top:0;left:0;right:0}
.site-header a{color:inherit}
.site-header a:hover{text-decoration:none}

/* Küçülme telafisi: başlık yüksekliği azalırken aynı miktar alt boşluk eklenir → sayfa yerinde durur */
.site-header.fv-measured{height:var(--hdr-h0,auto)}
.site-header.fv-measured.shrink{
  height:var(--hdr-h1,auto);
  margin-bottom:calc(var(--hdr-mb,0px) + var(--hdr-h0,0px) - var(--hdr-h1,0px));
}
.site-header.fv-measured{
  transition:
    height var(--hdr-anim,300ms) var(--hdr-ease),
    margin-bottom var(--hdr-anim,300ms) var(--hdr-ease),
    background-color var(--hdr-anim,300ms) ease,color var(--hdr-anim,300ms) ease,
    box-shadow var(--hdr-anim,300ms) ease,transform var(--hide-ms,300ms) var(--hdr-ease),
    max-width var(--hdr-anim,300ms) var(--hdr-ease);
}
.site-header.fv-measuring,.site-header.fv-measuring *{transition:none!important;animation:none!important}

/* Genişlik: full = zemin kenardan kenara, içerik sayfa rayında · boxed = zemin de sayfa genişliğinde · stretch = içerik de kenara */
.site-header.hdr-w-boxed{max-width:var(--hdr-content-max,var(--fv-page-max,1400px));margin-left:auto;margin-right:auto}
.site-header.hdr-collapse-scroll.is-sitewidth{
  max-width:var(--hdr-content-max,var(--fv-page-max,1400px));margin-left:auto;margin-right:auto;
  border-radius:0 0 14px 14px;
}

/* Arka plan görseli */
.site-header.hdr-has-bg:not(.bg-on-brand){
  background-image:var(--hdr-bg-overlay,none),var(--hdr-bg-img,none);
  background-size:auto,var(--hdr-bg-size,cover);background-position:0 0,var(--hdr-bg-pos,center);
  background-repeat:no-repeat,var(--hdr-bg-repeat,no-repeat);background-attachment:scroll,var(--hdr-bg-attach,scroll);
}
.site-header.bg-on-brand .header-brand-band{
  background-image:var(--hdr-bg-overlay,none),var(--hdr-bg-img,none);
  background-size:auto,var(--hdr-bg-size,cover);background-position:0 0,var(--hdr-bg-pos,center);
  background-repeat:no-repeat,var(--hdr-bg-repeat,no-repeat);background-attachment:scroll,var(--hdr-bg-attach,scroll);
}
.site-header.shrink.bg-on-brand .header-brand-band{background-image:none}
.site-header.hdr-bg-natural:not(.shrink):not(.is-compact):not(.bg-on-brand){aspect-ratio:var(--hdr-bg-ratio);height:auto}
.site-header.hdr-bg-natural:not(.shrink):not(.is-compact):not(.bg-on-brand) .site-header-inner{min-height:100%}
.site-header.hdr-bg-natural.bg-on-brand:not(.shrink):not(.is-compact) .header-brand-band{aspect-ratio:var(--hdr-bg-ratio)}
.site-header.hdr-blur{backdrop-filter:blur(var(--hdr-blur,10px));-webkit-backdrop-filter:blur(var(--hdr-blur,10px))}

/* ───────────── iç ray ───────────── */
.site-header-inner{
  position:relative;display:flex;align-items:center;gap:clamp(12px,2vw,28px);
  width:100%;max-width:var(--hdr-content-max,var(--fv-page-max,1400px));margin:0 auto;
  padding:0 var(--fv-gutter,clamp(12px,2vw,32px));
  min-height:var(--hdr-h,64px);
  transition:min-height var(--hdr-anim,300ms) var(--hdr-ease),padding var(--hdr-anim,300ms) var(--hdr-ease);
}
.site-header.hdr-w-stretch .site-header-inner,
.site-header.hdr-w-stretch .hdr-rail{max-width:none}
.hdr-rail{
  display:flex;align-items:center;gap:12px;width:100%;
  max-width:var(--hdr-content-max,var(--fv-page-max,1400px));margin:0 auto;
  padding:0 var(--fv-gutter,clamp(12px,2vw,32px));
}

/* ───────────── logo ───────────── */
.site-logo{
  display:flex;align-items:center;gap:8px;flex:0 1 auto;min-width:0;max-width:min(46%,560px);
  text-decoration:none;color:inherit;font-weight:800;font-size:20px;line-height:1.15;
  transition:transform .3s ease,filter .3s ease;
}
.site-logo img{
  display:block;width:auto;max-width:100%;height:var(--logo-h,60px);max-height:none;object-fit:contain;
  transition:height var(--hdr-anim,300ms) var(--hdr-ease);
}
.site-logo-2 img{height:var(--logo2-h,var(--logo-h,60px))}
.site-logo .logo-text{display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-logo.is-text .logo-text,.site-logo.img-failed .logo-text{display:block}
.site-logo.img-failed img,.site-logo.img-failed .fv-logo-fx{display:none}
.site-logo img.logo-secondary{display:none}
.site-header.shrink .site-logo.has-logo-secondary img.logo-primary,
.site-header.shrink .site-logo.has-logo-secondary .fv-logo-fx{display:none}
.site-header.shrink .site-logo.has-logo-secondary img.logo-secondary{display:block}
.fv-logo-fx{position:relative;display:inline-flex;line-height:0;flex-shrink:0;max-width:100%}
.site-logo.hover-scale:hover{transform:scale(1.05)}
.site-logo.hover-rotate:hover{transform:rotate(-3deg)}
.site-logo.hover-bounce:hover{animation:fvHdrBounce .55s ease}
.site-logo.hover-glow:hover{filter:drop-shadow(0 0 8px rgba(255,255,255,.55))}

/* ───────────── menü ───────────── */
.site-nav{display:flex;align-items:center;gap:10px 18px;min-width:0;font-family:var(--nav-font,inherit)}
.site-nav-links{
  display:flex;align-items:center;flex-wrap:nowrap;gap:2px clamp(8px,1.3vw,22px);
  min-width:0;flex:1 1 auto;justify-content:flex-end;
}
.site-nav-extras{display:flex;align-items:center;gap:8px;flex-shrink:0}
.site-nav-extras:empty{display:none}
.site-nav-links > a,
.site-nav-dropdown > a{
  position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 2px;
  font-size:var(--nav-fs,14px);font-weight:var(--nav-fw,500);line-height:1.2;
  color:var(--nav-color,inherit);text-shadow:var(--nav-shadow,none);text-decoration:none;white-space:nowrap;
  transition:color .2s ease,opacity .2s ease,background-color .2s ease,transform .2s ease,text-shadow .2s ease,font-size var(--hdr-anim,300ms) ease;
}
.nav-icon{font-style:normal;line-height:1}

/* Üzerine gelme efektleri — boyut değiştirmez (menü zıplamaz) */
.hdr-hover-underline .site-nav-links > a::after,
.hdr-hover-underline .site-nav-dropdown > a::after{
  content:"";position:absolute;left:2px;right:2px;bottom:2px;height:2px;border-radius:2px;
  background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease;
}
.hdr-hover-underline .site-nav-links > a:hover::after,
.hdr-hover-underline .site-nav-dropdown:hover > a::after,
.hdr-hover-underline .site-nav-links > a[aria-current]::after,
.hdr-hover-underline .site-nav-dropdown.is-current > a::after{transform:scaleX(1)}
.hdr-hover-background .site-nav-links > a,
.hdr-hover-background .site-nav-dropdown > a{padding:8px 12px;border-radius:8px}
.hdr-hover-background .site-nav-links > a:hover,
.hdr-hover-background .site-nav-dropdown:hover > a,
.hdr-hover-background .site-nav-links > a[aria-current],
.hdr-hover-background .site-nav-dropdown.is-current > a{background-color:color-mix(in srgb,currentColor 12%,transparent)}
.hdr-hover-lift .site-nav-links > a:hover,.hdr-hover-lift .site-nav-dropdown:hover > a{transform:translateY(-2px)}
.hdr-hover-scale .site-nav-links > a:hover,.hdr-hover-scale .site-nav-dropdown:hover > a{transform:scale(1.06)}
.hdr-hover-glow .site-nav-links > a:hover,.hdr-hover-glow .site-nav-dropdown:hover > a{text-shadow:0 0 12px currentColor}
.site-nav-links > a[aria-current],.site-nav-dropdown.is-current > a{opacity:1}
.hdr-hover-none .site-nav-links > a:hover,.hdr-hover-lift .site-nav-links > a[aria-current]{opacity:.82}
.site-nav a:focus-visible,.site-header button:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:6px}

/* Alt menü */
.site-nav-dropdown{position:relative;display:inline-flex;align-items:center}
.site-nav-dropdown > a{padding-right:0}
.nav-sub-toggle{
  display:inline-flex;align-items:center;justify-content:center;width:22px;height:28px;margin-left:2px;padding:0;
  border:0;border-radius:6px;background:transparent;color:var(--nav-color,inherit);cursor:pointer;flex-shrink:0;
}
.nav-sub-toggle svg{width:12px;height:12px;transition:transform .2s ease}
.site-nav-dropdown:hover .nav-sub-toggle svg,.site-nav-dropdown.open .nav-sub-toggle svg{transform:rotate(180deg)}
.site-nav-dropdown::after{content:"";position:absolute;left:-8px;right:-8px;top:100%;height:12px}   /* fare köprüsü */
.site-nav-submenu{
  position:absolute;top:calc(100% + 10px);left:-8px;z-index:240;min-width:220px;max-width:min(360px,90vw);
  display:flex;flex-direction:column;gap:2px;padding:6px;
  background:var(--sub-bg,#fff);color:var(--sub-text,#0f172a);
  border:1px solid color-mix(in srgb,var(--sub-text,#0f172a) 10%,transparent);border-radius:12px;
  box-shadow:0 16px 40px rgba(15,23,42,.16);
  display:none;   /* kapalıyken yer kaplamaz → sağ kenarda yatay kaydırma çubuğu oluşturmaz */
}
.site-nav-submenu.align-right{left:auto;right:-8px}
.site-nav-dropdown:hover > .site-nav-submenu,
.site-nav-dropdown:focus-within > .site-nav-submenu,
.site-nav-dropdown.open > .site-nav-submenu{display:flex;animation:fvHdrSub .18s ease both}
@keyframes fvHdrSub{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.site-nav-submenu a{
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;border-radius:8px;
  font-size:14px;font-weight:500;line-height:1.3;color:inherit;text-decoration:none;text-shadow:none;white-space:nowrap;
  transition:background-color .15s ease;
}
.site-nav-submenu a > .nav-icon{display:none}
.site-nav-submenu a:hover,.site-nav-submenu a:focus-visible,.site-nav-submenu a[aria-current]{background:color-mix(in srgb,currentColor 9%,transparent)}
.mega-desc{display:block;font-size:12px;font-weight:400;opacity:.65;white-space:normal}
.site-nav-dropdown.mega > .site-nav-submenu{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:4px;
  width:min(720px,92vw);max-width:none;left:50%;margin-left:calc(min(720px,92vw) / -2);padding:12px;
}
.site-nav-dropdown.mega:hover > .site-nav-submenu,
.site-nav-dropdown.mega:focus-within > .site-nav-submenu,
.site-nav-dropdown.mega.open > .site-nav-submenu{display:grid}
.site-nav-dropdown.mega .site-nav-submenu a{white-space:normal}

/* ───────────── butonlar ───────────── */
.header-cta{
  display:inline-flex;align-items:center;justify-content:center;padding:var(--cta-pad,8px 18px);
  font-size:var(--cta-fs,13px);font-weight:700;line-height:1.2;white-space:nowrap;text-decoration:none;
  border-radius:var(--cta-r,8px);border:1.5px solid var(--cta-bg,#ff4d6d);
  background:var(--cta-bg,#ff4d6d);color:var(--cta-text,#fff)!important;
  transition:filter .2s ease,transform .2s ease,background-color .2s ease;
}
.header-cta:hover{filter:brightness(.92);transform:translateY(-1px)}
.header-cta.is-outline{background:transparent;color:inherit!important}
.header-cta.is-outline:hover{background:color-mix(in srgb,var(--cta-bg) 12%,transparent);filter:none}
.header-btn-ghost{
  display:inline-flex;align-items:center;padding:7px 14px;border:1.5px solid currentColor;border-radius:8px;
  font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;text-decoration:none;opacity:.85;transition:opacity .2s ease;
}
.header-btn-ghost:hover{opacity:1}
.header-phone{font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none}
.header-social{display:flex;align-items:center;gap:10px}
.header-social a{font-size:13px;text-decoration:none;opacity:.8}
.header-social a:hover{opacity:1}
.header-search{position:relative;display:flex;align-items:center;flex:0 1 200px;min-width:120px}
.header-search input{
  width:100%;min-width:0;padding:7px 14px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:999px;
  font:inherit;font-size:13px;background:color-mix(in srgb,#fff 88%,transparent);color:#0f172a;outline:none;
}
.header-search input:focus{border-color:var(--cta-bg,#ff4d6d);box-shadow:0 0 0 3px color-mix(in srgb,var(--cta-bg,#ff4d6d) 20%,transparent)}
.header-search-suggest{
  position:absolute;top:calc(100% + 6px);right:0;z-index:260;min-width:240px;max-width:340px;overflow:hidden;
  background:#fff;color:#0f172a;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 28px rgba(15,23,42,.14);
}
.header-search-suggest a{display:block;padding:10px 12px;font-size:13px;text-decoration:none;color:#0f172a;border-bottom:1px solid #f1f5f9}
.header-search-suggest a:hover{background:#f8fafc}
.header-search-suggest small{display:block;color:#94a3b8;margin-top:2px}
.header-search-suggest .hs-msg{padding:12px;font-size:13px;color:#64748b}
.header-cart{
  position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:40px;height:40px;border-radius:10px;color:var(--nav-color,inherit);text-decoration:none;transition:background-color .15s ease;
}
.header-cart:hover{background:color-mix(in srgb,currentColor 12%,transparent)}
.header-cart svg{width:22px;height:22px;display:block}
.header-cart-badge{
  position:absolute;top:2px;right:0;display:none;min-width:18px;height:18px;padding:0 5px;border-radius:999px;
  background:var(--cta-bg,#ff4d6d);color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;
  box-shadow:0 0 0 2px rgba(255,255,255,.9);
}
.header-cart-badge.is-on{display:inline-block}
.header-cart-badge.pop{animation:fvCartBadgePop .35s ease}
.site-header .dm-toggle{width:36px;height:36px;font-size:18px}
.site-header.shrink .dm-toggle{width:30px;height:30px;font-size:15px}

.site-hamburger{
  display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex-shrink:0;
  width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;cursor:pointer;
  color:var(--nav-color,inherit);transition:background-color .2s ease;
}
.site-hamburger:hover{background:color-mix(in srgb,currentColor 12%,transparent)}
.site-hamburger span{display:block;width:22px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s ease,opacity .2s ease}
.site-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-hamburger.open span:nth-child(2){opacity:0}
.site-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ───────────── düzen 1: tek satır ───────────── */
.layout-default > .site-logo{order:10}
.layout-default > .site-logo-2{order:40}
.layout-default > .header-toolbar{order:20;flex:1 1 auto}
.header-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.header-toolbar > .site-nav{flex:1 1 auto}
.hm-left .site-nav-links{justify-content:flex-start}
.hm-center .site-nav-links{justify-content:center}
.hm-right .site-nav-links{justify-content:flex-end}
/* logo solda + 2. logo solda → yan yana */
.layout-default.hl-left.hl2-left > .site-logo-2{order:11}
/* logo sağda: menü önce */
.layout-default.hl-right > .header-toolbar{order:10}
.layout-default.hl-right > .site-logo:not(.site-logo-2){order:30}
.layout-default.hl-right.hl2-left > .site-logo-2{order:5}
.layout-default.hl-right.hl2-right > .site-logo-2{order:31}
/* logo ortada: [yan] [logo] [yan] — menü sol ya da sağ yarıda, 2. logo karşı yarıda */
.layout-default.hl-center{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
.layout-default.hl-center > .site-logo:not(.site-logo-2){grid-column:2;grid-row:1;justify-self:center;max-width:none}
.layout-default.hl-center > .header-toolbar{grid-column:3;grid-row:1}
.layout-default.hl-center.hm-left > .header-toolbar{grid-column:1}
.layout-default.hl-center > .site-logo-2{grid-column:1;grid-row:1;justify-self:start}
.layout-default.hl-center.hm-left > .site-logo-2{grid-column:3;justify-self:end}
.layout-default.hl-center.hm-center .site-nav-links{justify-content:flex-start}

/* ───────────── düzen 2: iki satır (logo şeridi + menü şeridi) ───────────── */
.site-header.hdr-layout-stacked{background-color:transparent}
.layout-stacked{flex-direction:column;align-items:stretch;gap:0;padding:0;max-width:none;min-height:0}
.header-brand-band{
  width:100%;background-color:var(--brand-bg,var(--hdr-bg,#fff));
  transition:background-color var(--hdr-anim,300ms) ease;
}
.header-brand-band > .hdr-rail{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,1.5vw,16px);
  min-height:var(--hdr-h,64px);padding-top:clamp(6px,1.2vh,14px);padding-bottom:clamp(6px,1.2vh,14px);
  transition:min-height var(--hdr-anim,300ms) var(--hdr-ease),padding var(--hdr-anim,300ms) var(--hdr-ease);
}
.header-logo-slot{display:flex;align-items:center;gap:12px;min-width:0}
.header-logo-slot.slot-left{justify-content:flex-start}
.header-logo-slot.slot-center{justify-content:center}
.header-logo-slot.slot-right{justify-content:flex-end}
.header-logo-slot .site-logo{max-width:100%}
.layout-stacked > .header-toolbar{
  display:block;width:100%;background:var(--menu-bar-bg,#fff);color:var(--nav-color,inherit);
  transition:background-color var(--hdr-anim,300ms) ease,color var(--hdr-anim,300ms) ease;
}
.layout-stacked > .header-toolbar > .hdr-rail{
  min-height:var(--menu-bar-h,48px);padding-top:4px;padding-bottom:4px;justify-content:flex-end;
  transition:min-height var(--hdr-anim,300ms) var(--hdr-ease);
}
.layout-stacked > .header-toolbar > .hdr-rail > .site-nav{flex:1 1 auto}
.layout-stacked.hmv-top > .header-toolbar{order:-1}

/* ───────────── düzen 3: serbest ızgara (3×3) ───────────── */
.layout-grid{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-auto-rows:auto;
  align-content:stretch;gap:6px clamp(12px,2vw,28px);padding-top:8px;padding-bottom:8px;
}
.hdr-cell{display:flex;align-items:center;gap:12px;min-width:0}
.hdr-cell .header-toolbar{min-width:0}
.cell-top-left,.cell-middle-left,.cell-bottom-left{grid-column:1;justify-content:flex-start}
.cell-top-center,.cell-middle-center,.cell-bottom-center{grid-column:2;justify-content:center}
.cell-top-right,.cell-middle-right,.cell-bottom-right{grid-column:3;justify-content:flex-end}
.cell-top-left,.cell-top-center,.cell-top-right{grid-row:1;align-self:start}
.cell-middle-left,.cell-middle-center,.cell-middle-right{grid-row:2;align-self:center}
.cell-bottom-left,.cell-bottom-center,.cell-bottom-right{grid-row:3;align-self:end}
.layout-grid .site-logo{max-width:100%}

/* ───────────── kaydırma durumları ───────────── */
.site-header.shrink{--logo-h:var(--shrink-logo-h);--logo2-h:var(--shrink-logo-h);--logo-h-m:var(--shrink-logo-m)}
.site-header.shrink .layout-default,
.site-header.shrink .layout-grid{min-height:var(--shrink-h,48px)}
.site-header.shrink .layout-grid{padding-top:4px;padding-bottom:4px}
.site-header.shrink .header-brand-band > .hdr-rail{min-height:0;padding-top:4px;padding-bottom:4px}
.site-header.shrink .layout-stacked > .header-toolbar > .hdr-rail{min-height:var(--shrink-bar-h,44px);padding-top:2px;padding-bottom:2px}
.site-header.shrink .site-nav-links > a,
.site-header.shrink .site-nav-dropdown > a{font-size:var(--nav-fs-shrink,13px);padding-top:6px;padding-bottom:6px}
.site-header.shrink:not(.overlay-header){box-shadow:var(--hdr-shadow-solid,0 2px 12px rgba(0,0,0,.12))}

.site-header.smart-hide.is-hidden{transform:translateY(-100%)}
.site-header.smart-hide.is-hidden .site-nav-submenu{display:none}

/* Kaydırınca renk */
.site-header.hdr-color-scroll.scrolled{--nav-color:var(--scroll-text);--menu-bar-bg:var(--scroll-bg)}
.site-header.hdr-color-scroll.scrolled:not(.hdr-layout-stacked){--hdr-bg:var(--scroll-bg);color:var(--scroll-text)}
.site-header.hdr-color-scroll.scrolled.hdr-has-bg:not(.bg-on-brand){background-image:none}
.site-header.hdr-color-scroll.scrolled .layout-stacked > .header-toolbar{color:var(--scroll-text)}

/* Şeffaf (içeriğin üstünde) */
.site-header.overlay-header.scrolled,
.site-header.overlay-header.shrink,
.site-header.overlay-header.nav-open{
  --hdr-bg:var(--hdr-bg-solid,#fff);--brand-bg:var(--hdr-bg-solid,#fff);
  box-shadow:var(--hdr-shadow-solid);
}
.site-header.overlay-header.hdr-color-scroll.scrolled{--hdr-bg:var(--scroll-bg);--brand-bg:var(--scroll-bg)}
.hdr-overlay-spacer{height:var(--hdr-h0,var(--hdr-h,72px));margin-bottom:var(--hdr-mb,0px);pointer-events:none}

/* Giriş animasyonları */
.site-header.hdr-enter-fade{animation:fvHdrFade var(--hdr-entrance-ms,500ms) ease both}
.site-header.hdr-enter-slide,.site-header.hdr-enter-slidedown{animation:fvHdrDown var(--hdr-entrance-ms,500ms) var(--hdr-ease) both}
.site-header.hdr-enter-slideright{animation:fvHdrRight var(--hdr-entrance-ms,500ms) var(--hdr-ease) both}
.site-header.hdr-enter-zoom{animation:fvHdrZoom var(--hdr-entrance-ms,500ms) var(--hdr-ease) both}
@keyframes fvHdrFade{from{opacity:0}to{opacity:1}}
@keyframes fvHdrDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes fvHdrRight{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes fvHdrZoom{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
@keyframes fvHdrBounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}70%{transform:translateY(-2px)}}
@keyframes fvHdrPanel{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes fvCartBadgePop{0%{transform:scale(.6)}50%{transform:scale(1.25)}100%{transform:scale(1)}}

/* ═════════════ KOMPAKT (hamburger) DÜZEN — tüm yerleşimler aynı uygulama çubuğuna iner ═════════════
   [logo] ················ [sepet] [☰]  — menü çubuğun altında panel olarak açılır */
.site-header.is-compact{--logo-h:var(--logo-h-m,44px);--logo2-h:var(--logo-h-m,44px)}
.site-header.is-compact.hdr-layout-stacked{background-color:var(--brand-bg,var(--hdr-bg,#fff))}
.site-header.is-compact .site-header-inner{
  display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;
  max-width:none;min-height:var(--mbar-h,60px);
  padding:6px max(10px,env(safe-area-inset-right)) 6px max(16px,env(safe-area-inset-left));
  grid-template-columns:none;
}
.site-header.is-compact.shrink .site-header-inner{min-height:var(--shrink-mbar-h,52px)}
.site-header.is-compact .header-brand-band,
.site-header.is-compact .hdr-rail,
.site-header.is-compact .header-logo-slot,
.site-header.is-compact .hdr-cell,
.site-header.is-compact .layout-stacked > .header-toolbar{display:contents}
.site-header.is-compact .site-logo{order:1;margin-right:auto;max-width:calc(100% - 108px)}
.site-header.is-compact .site-logo .logo-text{font-size:18px}
.site-header.is-compact .site-logo-2{display:none}
.site-header.is-compact.hdr-m-logo2 .site-logo-2{display:flex;order:2;margin-right:auto;margin-left:-4px;max-width:30%}
.site-header.is-compact .header-toolbar{order:3;flex:0 0 auto;gap:2px;background:transparent}
.site-header.is-compact .header-cart{order:8;width:44px;height:44px}
.site-header.is-compact .site-hamburger{display:inline-flex;order:9}
.site-header.is-compact .site-nav{
  position:absolute;top:100%;left:0;right:0;z-index:250;display:none;
  flex-direction:column;align-items:stretch;gap:6px;width:var(--mm-width,100%);
  max-height:calc(100dvh - var(--hdr-bottom,64px) - 8px);overflow-y:auto;overscroll-behavior:contain;
  padding:8px 12px 16px;background:var(--mm-bg,#fff);color:var(--mm-text,#1e293b);
  border-top:1px solid color-mix(in srgb,var(--mm-text,#1e293b) 10%,transparent);
  box-shadow:var(--mm-shadow,0 18px 40px rgba(15,23,42,.18));
  font-family:var(--nav-font,inherit);
}
.site-header.is-compact.nav-open .site-nav{display:flex;animation:fvHdrPanel .2s ease}
.site-header.is-compact .site-nav-links{flex-direction:column;align-items:stretch;gap:2px;justify-content:flex-start}
.site-header.is-compact .site-nav-links > a,
.site-header.is-compact .site-nav-dropdown > a{
  flex:1 1 auto;padding:var(--mm-pad,12px) 12px;border-radius:10px;white-space:normal;
  font-size:var(--mm-fs,15px);color:var(--mm-text,#1e293b);text-shadow:none;transform:none;
}
.site-header.is-compact .site-nav-links > a::after,
.site-header.is-compact .site-nav-dropdown > a::after{display:none}
.site-header.is-compact .site-nav-links > a:hover,
.site-header.is-compact .site-nav-dropdown > a:hover,
.site-header.is-compact .site-nav-links > a[aria-current],
.site-header.is-compact .site-nav-dropdown.is-current > a{background:var(--mm-hover-bg,#eef2f7)}
.site-header.is-compact .site-nav-dropdown{display:flex;flex-wrap:wrap;align-items:center;width:100%}
.site-header.is-compact .site-nav-dropdown::after{display:none}
.site-header.is-compact .nav-sub-toggle{width:44px;height:44px;border-radius:10px;color:var(--mm-text,#1e293b)}
.site-header.is-compact .nav-sub-toggle svg{width:14px;height:14px}
.site-header.is-compact .site-nav-dropdown:hover .nav-sub-toggle svg{transform:none}
.site-header.is-compact .site-nav-dropdown.open .nav-sub-toggle svg{transform:rotate(180deg)}
.site-header.is-compact .site-nav-submenu,
.site-header.is-compact .site-nav-dropdown.mega > .site-nav-submenu{
  position:static;display:none;flex:1 0 100%;width:100%;min-width:0;max-width:none;margin:2px 0 6px;padding:4px;
  animation:none;box-shadow:none;border:0;border-radius:10px;
  background:var(--mm-sub-bg,#f1f5f9);color:var(--mm-text,#1e293b);grid-template-columns:none;
}
.site-header.is-compact .site-nav-dropdown:hover > .site-nav-submenu,
.site-header.is-compact .site-nav-dropdown:focus-within > .site-nav-submenu{display:none}
.site-header.is-compact .site-nav-dropdown.open > .site-nav-submenu{display:flex;flex-direction:column;margin-left:0}
.site-header.is-compact .site-nav-submenu a{padding:calc(var(--mm-pad,12px) - 2px) 14px;font-size:calc(var(--mm-fs,15px) - 1px);white-space:normal}
.site-header.is-compact .site-nav-extras{flex-direction:column;align-items:stretch;gap:8px;padding-top:8px;margin-top:4px;border-top:1px solid color-mix(in srgb,var(--mm-text,#1e293b) 10%,transparent)}
.site-header.is-compact .site-nav-extras:empty{display:none}
.site-header.is-compact .header-cta,
.site-header.is-compact .header-btn-ghost{justify-content:center;width:100%;padding-top:12px;padding-bottom:12px}
.site-header.is-compact .header-btn-ghost{color:var(--mm-text,#1e293b)}
.site-header.is-compact .header-phone,
.site-header.is-compact .header-social{justify-content:center;color:var(--mm-text,#1e293b);padding:6px 0}
.site-header.is-compact .header-search{flex:1 1 auto;max-width:none}
.site-header.is-compact .header-search input{font-size:16px}   /* iOS odakta yakınlaştırmasın */
.site-header.is-compact .dm-toggle{align-self:center}
/* telefonda arka plan görseli */
.site-header.is-compact.hdr-has-bg{
  background-image:var(--hdr-bg-overlay,none),var(--hdr-bg-img-m,var(--hdr-bg-img,none));
  background-size:auto,cover;background-position:0 0,var(--hdr-bg-pos-m,var(--hdr-bg-pos,center));
  background-repeat:no-repeat;background-attachment:scroll;
}
.site-header.is-compact.bg-on-brand .header-brand-band{background-image:none}
.site-header.is-compact.hdr-bg-m-hide{background-image:none}
.site-header.is-compact.hdr-bg-m-natural:not(.shrink){aspect-ratio:var(--hdr-bg-ratio-m);height:auto}
.site-header.is-compact.hdr-bg-m-natural:not(.shrink) .site-header-inner{min-height:100%}
html.fv-nav-lock,html.fv-nav-lock body{overflow:hidden}
.site-header.is-compact.nav-open::after{
  content:"";position:fixed;left:0;right:0;bottom:0;top:var(--hdr-bottom,60px);z-index:-1;
  background:rgba(15,23,42,.38);animation:fvHdrFade .2s ease;
}

/* ───────────── koyu tema (kullanıcı geçişi) ───────────── */
html[data-theme="dark"] .site-header{
  --hdr-bg:#1e293b;--hdr-bg-solid:#1e293b;--brand-bg:#1e293b;--hdr-text:#e2e8f0;--nav-color:#e2e8f0;
  --menu-bar-bg:#0f172a;--sub-bg:#1e293b;--sub-text:#e2e8f0;
  --mm-bg:#1e293b;--mm-text:#e2e8f0;--mm-hover-bg:#334155;--mm-sub-bg:#0f172a;--scroll-bg:#0f172a;--scroll-text:#e2e8f0;
}
html[data-theme="dark"] .site-header.overlay-header:not(.scrolled):not(.shrink):not(.nav-open){--hdr-bg:transparent;--brand-bg:transparent}

/* ───────────── erişilebilirlik / yazdırma ───────────── */
@media (prefers-reduced-motion:reduce){
  .site-header,.site-header *{transition-duration:.01ms!important;animation:none!important}
}
@media print{
  .site-header{position:static!important;box-shadow:none!important;height:auto!important}
  .site-hamburger,.header-cart,.header-search,.dm-toggle,.nav-sub-toggle{display:none!important}
}