/* ===== IZRAYT SHOP — Glass Header Menu ===== */
:root{
  --bg: rgba(10,16,32,.55);
  --txt: #e9f1ff;
  --muted:#a7b3cc;
  --accent:#ff9100;
  --border: rgba(255,255,255,.07);
  --blur: 12px;
}

.iz-header{
  position:sticky; top:0; z-index:9999;
  backdrop-filter: blur(var(--blur));
  -webkit-backdrop-filter: blur(var(--blur));
  background: var(--bg);
  border-bottom:1px solid var(--border);
  color:var(--txt);
  transition: all .25s ease;
}
.iz-container{
  max-width:1180px; margin:0 auto;
  padding: calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;
  display:flex; align-items:center; gap:14px;
}
.iz-logo{
  font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:var(--accent);
  text-shadow:0 0 10px rgba(255,145,0,.55);
  white-space:nowrap;
}

/* nav */
.iz-nav{ margin-left:auto; display:flex; gap:18px; align-items:center; }
.iz-nav a{
  color:var(--txt); text-decoration:none; font-weight:600;
  padding:8px 10px; border-radius:10px;
  transition:.2s;
}
.iz-nav a:hover{ color:var(--accent); background:rgba(255,255,255,.04); }

/* right utilities */
.iz-right{ display:flex; align-items:center; gap:10px; margin-left:8px; }
.iz-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:12px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--border);
  color:var(--txt); text-decoration:none; font-weight:700;
}
.iz-btn:hover{ background:rgba(255,255,255,.1); }

/* cart badge */
.iz-cart{ position:relative; }
.iz-badge{
  position:absolute; top:-6px; right:-6px;
  min-width:18px; height:18px; padding:0 5px;
  background:var(--accent); color:#111; border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:800;
}

/* language switch */
.iz-lang{
  display:inline-flex; gap:6px; align-items:center;
  padding:8px 10px; border-radius:12px;
  border:1px solid var(--border); background:rgba(255,255,255,.03);
  color:var(--muted); font-weight:700; text-decoration:none;
}
.iz-lang .is-active{ color:var(--accent); }

/* shrink on scroll */
.iz-header.scrolled .iz-container{ padding-top:6px; padding-bottom:6px; }
.iz-header.scrolled{ background:rgba(10,16,32,.8); }

/* —— Mobile —— */
#iz-burger{ display:none; }
.iz-burger{
  width:40px; height:40px; border-radius:12px;
  display:none; align-items:center; justify-content:center;
  border:1px solid var(--border); background:rgba(255,255,255,.06);
}
.iz-burger span{ width:20px; height:2px; background:var(--txt); position:relative; }
.iz-burger span::before, .iz-burger span::after{
  content:""; position:absolute; left:0; width:100%; height:2px; background:var(--txt);
}
.iz-burger span::before{ top:-6px; } .iz-burger span::after{ top:6px; }

@media (max-width:980px){
  .iz-nav{ 
    position:fixed; inset:60px 10px auto 10px;
    background:rgba(10,16,32,.95); border:1px solid var(--border);
    border-radius:14px; padding:12px;
    display:none; flex-direction:column; gap:6px;
  }
  #iz-burger:checked ~ .iz-nav{ display:flex; }
  .iz-burger{ display:flex; }
  .iz-right{ margin-left:0; }
}