/* ═══════════════════════════════════════════════════════════════
   PREMIUM HEADER SET — 5 benzersiz tasarım (h01…h05)
   Tema ayarlarındaki --t-header-* değişkenleriyle uyumludur.
   ═══════════════════════════════════════════════════════════════ */
.p-hd{--p-radius:999px;--p-line:rgba(15,23,42,.10);font-family:Inter,"Segoe UI",system-ui,sans-serif}
.p-hd .wrap{max-width:1360px;margin:0 auto;padding:0 22px}
.p-hd a{text-decoration:none;color:inherit}
.p-hd svg{display:block}
.p-hd button{font:inherit;cursor:pointer}

/* ── ORTAK: aksiyon ikonları ── */
.p1-ico,.p2-ico,.p3-ico,.p4-cart,.p5-cart{position:relative;display:inline-flex;align-items:center;gap:6px;opacity:.85;transition:opacity .18s ease,transform .18s ease}
.p1-ico:hover,.p2-ico:hover,.p3-ico:hover,.p4-cart:hover,.p5-cart:hover{opacity:1;transform:translateY(-1px)}
.p1-cart b,.p2-cart b,.p3-cart b,.p4-cart b,.p5-cart b{font-size:10px;font-weight:800;line-height:1;padding:3px 5px;border-radius:999px;background:var(--t-primary,#ff4d5e);color:#fff;min-width:16px;text-align:center}

/* ══════════ h01 · AURORA — yüzen cam hap ══════════ */
.p1-hd{background:transparent;padding:14px 0;position:sticky;top:0;z-index:80}
.p1-wrap{display:block}
.p1-bar{display:flex;align-items:center;gap:18px;height:64px;padding:0 14px 0 20px;border-radius:var(--p-radius);
  background:color-mix(in srgb,var(--t-header-bg,#fff) 78%,transparent);backdrop-filter:saturate(180%) blur(18px);
  border:1px solid var(--p-line);box-shadow:0 10px 30px rgba(15,23,42,.08)}
.p1-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.p1-logo{max-height:30px;width:auto}
.p1-word{font-size:17px;font-weight:800;letter-spacing:-.02em}
.p1-nav{display:flex;align-items:center;gap:26px;margin:0 auto;font-size:13.5px;font-weight:600;opacity:.82}
.p1-nav a{position:relative;padding:6px 0}
.p1-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.p1-nav a:hover{opacity:1}
.p1-nav a:hover:after{transform:scaleX(1)}
.p1-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.p1-search{display:flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:var(--p-radius);background:rgba(15,23,42,.05);transition:background .18s ease}
.p1-search input{border:0;background:transparent;outline:none;width:118px;font-size:13px;color:inherit}
.p1-search input::placeholder{color:currentColor;opacity:.55}
.p1-burger{display:none;border:0;background:transparent;padding:6px}

/* ══════════ h02 · ATELIER — iki satır, geniş arama ══════════ */
.p2-hd{background:var(--t-header-bg,#fff);border-bottom:1px solid var(--p-line);position:sticky;top:0;z-index:80}
.p2-util{background:rgba(15,23,42,.035);border-bottom:1px solid var(--p-line)}
.p2-util-in{display:flex;align-items:center;justify-content:space-between;height:34px;font-size:12px}
.p2-note{opacity:.7;letter-spacing:.02em}
.p2-mini{display:flex;gap:18px}
.p2-mini a{opacity:.72}
.p2-mini a:hover{opacity:1}
.p2-main{display:flex;align-items:center;gap:22px;height:78px}
.p2-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.p2-logo{max-height:34px;width:auto}
.p2-word{font-size:19px;font-weight:800;letter-spacing:-.03em}
.p2-search{display:flex;align-items:center;gap:10px;flex:1 1 auto;max-width:620px;height:46px;padding:0 8px 0 16px;border:1px solid var(--p-line);border-radius:12px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}
.p2-search:focus-within{border-color:color-mix(in srgb,var(--t-primary,#ff4d5e) 60%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--t-primary,#ff4d5e) 12%,transparent)}
.p2-search input{flex:1 1 auto;border:0;background:transparent;outline:none;font-size:14px}
.p2-search button{border:0;height:34px;padding:0 16px;border-radius:8px;background:var(--t-primary,#ff4d5e);color:#fff;font-weight:700;font-size:13px}
.p2-actions{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.p2-navwrap{border-top:1px solid var(--p-line)}
.p2-nav{display:flex;align-items:center;gap:28px;height:44px;font-size:13px;font-weight:600;overflow-x:auto;scrollbar-width:none}
.p2-nav::-webkit-scrollbar{display:none}
.p2-nav a{opacity:.8;white-space:nowrap;padding:4px 0;border-bottom:1.5px solid transparent}
.p2-nav a:hover{opacity:1;border-bottom-color:var(--t-primary,#ff4d5e)}
.p2-burger{display:none;border:0;background:transparent;padding:6px}

/* ══════════ h03 · MAISON — ortalanmış serif butik ══════════ */
.p3-hd{background:var(--t-header-bg,#fff);border-bottom:1px solid var(--p-line);position:sticky;top:0;z-index:80}
.p3-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;max-width:1360px;margin:0 auto;padding:16px 22px 10px}
.p3-mini{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.55}
.p3-mini:hover{opacity:.9}
.p3-brand{justify-self:center;text-align:center;display:block}
.p3-word{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-size:26px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1}
.p3-logo{max-height:44px;width:auto;margin:0 auto}
.p3-actions{justify-self:end;display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.p3-search{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--p-line);padding-bottom:3px}
.p3-search input{border:0;background:transparent;outline:none;width:86px;font-size:12px;text-transform:none;letter-spacing:0}
.p3-search button{border:0;background:transparent;padding:0;opacity:.7}
.p3-cart b{margin-left:4px}
.p3-nav{display:flex;align-items:center;justify-content:center;gap:34px;padding:0 22px 14px;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}
.p3-nav a{opacity:.72;position:relative;padding:2px 0}
.p3-nav a:hover{opacity:1}
.p3-nav a:after{content:"";position:absolute;left:50%;bottom:-3px;width:0;height:1px;background:currentColor;transition:width .2s ease,left .2s ease}
.p3-nav a:hover:after{width:100%;left:0}
.p3-burger{display:none;border:0;background:transparent}

/* ══════════ h04 · NOIR — şeffaf, hero üstüne binen ══════════ */
.p4-hd{position:absolute;top:0;left:0;right:0;z-index:70;background:linear-gradient(180deg,rgba(6,10,18,.55),rgba(6,10,18,0));color:#fff;padding:18px 0;transition:background .25s ease,backdrop-filter .25s ease}
.p4-hd.is-stuck{position:sticky;background:rgba(6,10,18,.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}
.p4-in{display:flex;align-items:center;gap:26px}
.p4-nav-l{display:flex;gap:24px;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;flex:1 1 auto}
.p4-nav-l a{opacity:.82;position:relative;padding:4px 0}
.p4-nav-l a:hover{opacity:1}
.p4-nav-l a:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:#d4af37;transition:width .22s ease}
.p4-nav-l a:hover:after{width:100%}
.p4-brand{flex:0 0 auto}
.p4-word{font-family:"Playfair Display",Georgia,serif;font-size:22px;letter-spacing:.14em;text-transform:uppercase}
.p4-logo{max-height:36px;filter:brightness(0) invert(1)}
.p4-actions{display:flex;align-items:center;gap:18px;flex:1 1 auto;justify-content:flex-end;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.p4-searchbtn{border:0;background:transparent;color:inherit;padding:4px}
.p4-searchbar{display:flex;gap:8px;max-width:1360px;margin:12px auto 0;padding:0 22px}
.p4-searchbar input{flex:1 1 auto;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.1);color:#fff;padding:0 14px;outline:none}
.p4-searchbar input::placeholder{color:rgba(255,255,255,.6)}
.p4-searchbar button{height:44px;padding:0 18px;border:0;border-radius:10px;background:#d4af37;color:#0b0f17;font-weight:800}
.p4-burger{display:none;border:0;background:transparent;color:inherit}

/* ══════════ h05 · BOLD — koyu, pill menü, CTA ══════════ */
.p5-hd{background:linear-gradient(135deg,#0b1220,#111c31 55%,#0b1220);color:#f8fafc;position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(255,255,255,.08)}
.p5-in{display:flex;align-items:center;gap:20px;height:76px}
.p5-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.p5-word{font-size:20px;font-weight:900;letter-spacing:-.03em}
.p5-logo{max-height:34px;filter:brightness(0) invert(1)}
.p5-nav{display:flex;align-items:center;gap:6px;margin:0 auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:5px}
.p5-nav a{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;opacity:.86;transition:background .18s ease,opacity .18s ease}
.p5-nav a:hover{background:rgba(255,255,255,.12);opacity:1}
.p5-search{display:flex;align-items:center;gap:6px;height:38px;padding:0 6px 0 14px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1)}
.p5-search input{border:0;background:transparent;outline:none;width:130px;font-size:13px;color:#fff}
.p5-search input::placeholder{color:rgba(255,255,255,.55)}
.p5-search button{border:0;background:transparent;color:#fff;opacity:.8;padding:4px}
.p5-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.p5-cta{padding:10px 18px;border-radius:999px;background:var(--t-primary,#ff4d5e);color:#fff;font-weight:800;font-size:13px;box-shadow:0 8px 22px color-mix(in srgb,var(--t-primary,#ff4d5e) 35%,transparent)}
.p5-cta:hover{filter:brightness(1.06)}
.p5-cart b{background:#fff;color:#0b1220}
.p5-burger{display:none;border:0;background:transparent;color:inherit}

/* ══════════ RESPONSIVE ══════════ */
@media (max-width:1100px){
  .p1-nav{display:none}.p1-burger{display:block;order:-1}
  .p2-nav{display:none}.p2-burger{display:block}
  .p3-nav{display:none}.p3-burger{display:block;justify-self:start}
  .p4-nav-l,.p5-nav{display:none}.p4-burger,.p5-burger{display:block}
  .p5-search{display:none}
}
@media (max-width:720px){
  .p1-hd{padding:10px 0}
  .p1-bar{height:58px;padding:0 10px 0 14px;gap:10px}
  .p1-search{display:none}
  .p2-util{display:none}
  .p2-main{height:64px;gap:12px}
  .p2-search{display:none}
  .p3-top{padding:12px 16px 8px}
  .p3-word{font-size:20px}
  .p3-actions .p3-search,.p3-mini{display:none}
  .p4-hd{padding:12px 0}
  .p5-in{height:64px}
  .p5-cta{padding:8px 14px;font-size:12px}
}

/* ══════════ MOBİL DAVRANIŞ (data-hm) ══════════ */
@media (max-width:900px){
  /* Ortak: menüler çekmeceye */
  .p-hd .p1-nav,.p-hd .p2-nav,.p-hd .p3-nav,.p-hd .p4-nav-l,.p-hd .p5-nav{display:none}
  .p-hd .p1-burger,.p-hd .p2-burger,.p-hd .p3-burger,.p-hd .p4-burger,.p-hd .p5-burger{display:block}

  /* 1) Kompakt: sadece logo + ikonlar */
  html[data-hm="compact"] .p-hd .p1-search,
  html[data-hm="compact"] .p-hd .p2-search,
  html[data-hm="compact"] .p-hd .p3-search,
  html[data-hm="compact"] .p-hd .p5-search,
  html[data-hm="compact"] .p-hd .p4-searchbtn,
  html[data-hm="compact"] .p-hd .p2-util,
  html[data-hm="compact"] .p-hd .p3-mini{display:none}

  /* 2) İki satır: logo/ikonlar + altta tam genişlik arama */
  html[data-hm="twoline"] .p2-main,
  html[data-hm="twoline"] .p1-bar,
  html[data-hm="twoline"] .p5-in,
  html[data-hm="twoline"] .p3-top{flex-wrap:wrap;row-gap:10px;height:auto;padding-top:8px;padding-bottom:10px}
  html[data-hm="twoline"] .p2-search,
  html[data-hm="twoline"] .p1-search,
  html[data-hm="twoline"] .p5-search,
  html[data-hm="twoline"] .p3-search{display:flex;order:9;flex:1 1 100%;max-width:none;width:100%;margin:0}
  html[data-hm="twoline"] .p1-search input,
  html[data-hm="twoline"] .p5-search input,
  html[data-hm="twoline"] .p3-search input{width:100%}
  html[data-hm="twoline"] .p4-searchbar{display:flex;margin-top:8px}

  /* 3) Logo ortada */
  html[data-hm="centerlogo"] .p1-bar,
  html[data-hm="centerlogo"] .p2-main,
  html[data-hm="centerlogo"] .p5-in{position:relative;justify-content:space-between}
  html[data-hm="centerlogo"] .p1-brand,
  html[data-hm="centerlogo"] .p2-brand,
  html[data-hm="centerlogo"] .p5-brand{position:absolute;left:50%;transform:translateX(-50%);margin:0}
  html[data-hm="centerlogo"] .p3-brand{position:absolute;left:50%;transform:translateX(-50%)}
  html[data-hm="centerlogo"] .p1-search,
  html[data-hm="centerlogo"] .p5-search{display:none}
  html[data-hm="centerlogo"] .p3-top{position:relative}

  /* Arama kapalı */
  html[data-hm-search="0"] .p-hd .p1-search,
  html[data-hm-search="0"] .p-hd .p2-search,
  html[data-hm-search="0"] .p-hd .p3-search,
  html[data-hm-search="0"] .p-hd .p5-search,
  html[data-hm-search="0"] .p-hd .p4-searchbar,
  html[data-hm-search="0"] .p-hd .p4-searchbtn,
  html[data-hm-search="0"] .p-hd .p1-searchbtn{display:none!important}

  /* Yapışkan kapalı */
  html[data-hm-sticky="0"] .p-hd{position:static!important;top:auto!important}
}

/* ══════════ ÖĞE GÖRÜNÜRLÜĞÜ (tema ayarları) ══════════ */
html[data-hacc="0"] .p1-ico[href*="hesabim"],
html[data-hacc="0"] .p4-mini,
html[data-hacc="0"] .p5-cta,
html[data-hacc="0"] .p3-ico[href*="hesabim"],
html[data-hacc="0"] .p2-mini a[href*="hesabim"]{display:none!important}
html[data-hfav="0"] .p2-ico[href*="favoriler"]{display:none!important}
html[data-hcat="0"] .p1-nav,html[data-hcat="0"] .p2-nav,html[data-hcat="0"] .p3-nav,
html[data-hcat="0"] .p4-nav-l,html[data-hcat="0"] .p5-nav,html[data-hcat="0"] .p1-burger,
html[data-hcat="0"] .p2-burger,html[data-hcat="0"] .p3-burger,html[data-hcat="0"] .p4-burger,
html[data-hcat="0"] .p5-burger{display:none!important}
html[data-hutil="0"] .p2-util{display:none!important}

/* ══════════ LOGO ÖLÇÜSÜ (ayarlardan) ══════════ */
.p-hd img[class*="-logo"]{height:var(--ref-logo-h,var(--brand-h,40px))!important;max-height:var(--ref-logo-h,var(--brand-h,40px))!important;width:auto!important;max-width:var(--ref-logo-w,var(--brand-w,150px));object-fit:contain;display:block}
