/* ===== EDGT header (scoped) ===== */
#edgt-header {
    --max: 1280px;
    --gap: 14px;
    --ink: #1f2330;
    --brand: #6c4bff;
    --ring: 1px solid rgba(0,0,0,.08);
    --shadow: 0 24px 60px rgba(0,0,0,.12);
    background:#fff;
  }
  
  /* Sticky main bar */
  #edgt-header .main{
    position:sticky; top:0;
    z-index:4000;                       /* a bit higher than other bands */
    background:#fff;                    /* <-- make it solid (no bleed-through) */
    backdrop-filter:none;               /* remove blur since we’re solid */
    border-bottom:1px solid rgba(0,0,0,.06);
    box-shadow:0 6px 20px rgba(0,0,0,.06);   /* gentle separation */
    transition:background-color .15s ease, box-shadow .15s ease;
  }

  @media (min-width:981px){

  }


  #edgt-header .bar{
    width:min(96vw,var(--max)); margin:0 auto;
    height:72px; display:flex; align-items:center; gap:12px; padding:0 12px;
  }
  
  /* Brand (logo + small wordmark) */
  #edgt-header .brand{ display:flex; align-items:center; gap:8px; text-decoration:none; }
  #edgt-header .brand img{ height:38px; width:auto; display:block; }
  #edgt-header .brand .word{ font-weight:800; font-size:1rem; color:#2d2a62; }
  
  /* Desktop primary menu */
  #edgt-header nav.primary{ margin-left:12px; margin-right:auto; }
  #edgt-header nav.primary ul{ list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:var(--gap); }
  #edgt-header nav.primary a{
    color:var(--ink); text-decoration:none; padding:10px 6px; border-radius:8px; line-height:1; position:relative;
    transition:background .15s ease,color .15s ease;
  }
  #edgt-header nav.primary a:hover{ background:rgba(108,75,255,.08); }
  #edgt-header nav.primary a.is-active::after{
    content:""; position:absolute; left:8px; right:8px; bottom:-9px; height:2px; background:var(--brand); border-radius:2px;
  }
  
  /* Utilities */
  #edgt-header .util{ margin-left:auto; display:flex; align-items:center; gap:10px; }
  
  /* Buttons / icons — normalized sizes */
  #edgt-header .pill{
    padding:9px 14px; border-radius:999px; background:var(--brand); color:#fff; border:1px solid var(--brand);
    text-decoration:none; box-shadow:0 4px 18px rgba(108,75,255,.18); white-space:nowrap;
  }
  #edgt-header .icon-btn{
    width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center;
    border:var(--ring); border-radius:12px; background:#fff; text-decoration:none; cursor:pointer;
  }
  #edgt-header .icon-btn svg{ width:20px; height:20px; fill:var(--ink); }  /* <= force 20x20 */
  #edgt-header .cart{ position:relative; }
  #edgt-header .badge{
    position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; padding:0 5px; border-radius:999px;
    background:#e03a3a; color:#fff; font-size:.72rem; display:flex; align-items:center; justify-content:center; font-weight:700;
  }
  
  /* Account dropdown */
 #edgt-header .account{ position:relative; z-index:4100; }
#edgt-header .dropdown{
  position:absolute; right:0; top:calc(100% + 8px);
  min-width:200px; max-width:260px;
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  box-shadow:0 18px 44px rgba(0,0,0,.14);
  padding:6px;
}
#edgt-header .dropdown[hidden]{ display:none !important; }
#edgt-header .dropdown a{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; color:#1f2330; text-decoration:none; border-radius:8px;
}
#edgt-header .dropdown a:hover{ background:rgba(108,75,255,.08); }
#edgt-header .dropdown .ico{ width:18px; height:18px; fill:#444; flex:0 0 18px; }
  
  /* Drawer overlay (mobile) */
  #edgt-header .backdrop{
    position:fixed; inset:0; background:rgba(0,0,0,.25);
    z-index:9998; opacity:0; pointer-events:none; transition:opacity .18s ease;
  }
  /* Drawer overlay (mobile) – already above everything, keep it that way */
#edgt-header .backdrop{ z-index:9998; }
#edgt-header .drawer  { z-index:9999; }

/* Brand sizing so the logo/wordmark don’t overpower the sub-header */
#edgt-header .brand img{ height:34px; }      /* was 38px */
#edgt-header .brand .word{ font-size:.95rem; opacity:.9; }


  #edgt-header .backdrop.open{ opacity:1; pointer-events:auto; }
  #edgt-header .drawer{
    position:fixed; inset:64px 0 0 0; background:#fff; z-index:9999;
    border-top:1px solid rgba(0,0,0,.06);
    transform:translateY(-8px); opacity:0; transition:transform .18s ease,opacity .18s ease;
    pointer-events:none;
  }
  #edgt-header .drawer.open{ transform:translateY(0); opacity:1; pointer-events:auto; }
  #edgt-header .drawer .inner{ width:min(96vw,var(--max)); margin:0 auto; padding:12px 12px 24px; }
  #edgt-header .drawer a{ display:block; padding:12px 8px; color:var(--ink); text-decoration:none; border-radius:8px; }
  #edgt-header .drawer a:hover{ background:rgba(108,75,255,.08); }
  
  /* Responsive rules */
  @media (max-width:980px){
    #edgt-header .bar{ height:64px; }
    #edgt-header nav.primary{ display:none; }
    #edgt-header .pill, #edgt-header .cart{ display:none; } /* keep mobile clean */
    /* Logo stays; if you prefer logo-only, hide .brand .word here */
    /* #edgt-header .brand .word{ display:none; } */
  }
  
  /* Force hamburger hidden on desktop; show only on mobile */
#edgt-header .util .icon-btn.burger { 
    display: none !important;           /* overrides .icon-btn display */
  }
  
  @media (max-width: 980px){
    #edgt-header .util .icon-btn.burger {
      display: inline-flex !important;  /* visible on small screens only */
    }
  }

  /* ===== Topbar Modern ===== */
#edgt-topbar {
    background:#f9fafc;
    border-bottom:1px solid rgba(0,0,0,.06);
    font-size:.9rem;
    color:#444;
  }
  #edgt-topbar .topbar-wrap {
    display:flex; align-items:center; justify-content:space-between;
    padding:.35rem 1rem;
    max-width:1280px; margin:0 auto;
    font-family: "Inter", "Segoe UI", Roboto, sans-serif;
  }
  #edgt-topbar .tb-left,
  #edgt-topbar .tb-right {
    display:flex; align-items:center; gap:1.5rem;
  }
  
  #edgt-topbar .tb-link {
    display:flex; align-items:center; gap:.4rem;
    color:inherit; text-decoration:none;
    transition:color .15s ease;
  }
  #edgt-topbar .tb-link:hover { color:#6c4bff; }
  
  #edgt-topbar .ico {
    width:16px; height:16px; flex-shrink:0;
    fill:currentColor;
    opacity:.75;
  }