/* Style 10: fine-line tools and a quiet capsule with a local, CSS-only active glow. */
#root header.boom-pill-native {
  --pill-ink:#202629;
  --pill-muted:#596168;
  --pill-line:rgba(32,38,41,.13);
  --pill-surface:rgba(255,255,255,.68);
  --pill-nav:rgba(255,255,255,.64);
  --pill-active:rgba(255,255,255,.72);
  --pill-cyan:#49d6d1;
  --pill-rose:#ee7893;
  height:88px;
  margin-top:0;
  border-radius:0;
  box-shadow:none;
  transform:none !important;
  translate:none !important;
  scale:1 !important;
}
#root header.boom-pill-native .boom-glass-row { height:86px !important; min-height:86px; }
#root header.boom-pill-native:not(.boom-glass-stuck) { top:var(--boom-glass-rest-top,0px); }
body.admin-bar #root header.boom-pill-native:not(.boom-glass-stuck) { top:var(--boom-glass-rest-top,32px); }
#root header.boom-pill-native > div:first-child { display:none !important; }
#root header.boom-pill-native::before,
#root header.boom-pill-native::after { border-radius:0; clip-path:inset(0); }
/* Keep contrast predictable across changing hero images and both theme modes.
   Only the full header surface is blurred, not every icon and nav item. */
#root header.boom-pill-native::before {
  background:rgba(255,255,255,.88);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
#root header.boom-pill-native::after { border-color:var(--pill-line); }
#root header.boom-pill-native.boom-glass-stuck::before { background:rgba(255,255,255,.96); box-shadow:0 8px 24px rgba(20,30,38,.08); }
#root header.boom-pill-native.boom-glass-stuck::before,
#root header.boom-pill-native.boom-glass-stuck::after { border-radius:24px; clip-path:inset(0 3px round 24px); }
#root header.boom-pill-native.boom-pill-over-hero:not(.boom-glass-stuck)::before,
#root header.boom-pill-native.boom-pill-over-hero:not(.boom-glass-stuck)::after { opacity:1; }
html.dark #root header.boom-pill-native {
  --pill-ink:#f6f7f8;
  --pill-muted:#c1c7cb;
  --pill-line:rgba(255,255,255,.16);
  --pill-surface:rgba(255,255,255,.04);
  --pill-nav:rgba(255,255,255,.04);
  --pill-active:rgba(255,255,255,.09);
}
html.dark #root header.boom-pill-native::before { background:rgba(18,22,28,.92); }
html.dark #root header.boom-pill-native.boom-glass-stuck::before { background:rgba(18,22,28,.97); }
html.dark #root header.boom-pill-native::after { border-color:var(--pill-line); }
#root header.boom-pill-native .boom-glass-brand {
  left:auto !important;
  right:calc(32px + var(--boom-glass-right-compensation,0px));
  width:106px;
  transform:translateY(-50%) !important;
}
#root header.boom-pill-native .boom-glass-brand:is(:hover,:focus,:focus-visible) { transform:translateY(-50%) !important; }
#root header.boom-pill-native .boom-glass-brand img:first-of-type { width:106px !important; max-width:106px !important; }
#root header.boom-pill-native :is(button,a) {
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  -webkit-user-select:none;
  user-select:none;
}
#root header.boom-pill-native .boom-glass-actions :is(button,a):active,
#root header.boom-pill-native .boom-glass-categories > button:active { opacity:.7; }
#root header.boom-pill-native .boom-glass-categories { top:22px; right:calc(156px + var(--boom-glass-right-compensation,0px)); }
#root header.boom-pill-native .boom-glass-categories > button {
  display:flex;
  align-items:center;
  gap:9px;
  height:42px;
  padding:0 15px;
  border-radius:999px;
  border:1px solid var(--pill-line) !important;
  background:var(--pill-surface) !important;
  color:var(--pill-ink) !important;
  font-weight:500;
  font-size:13px;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
#root header.boom-pill-native .boom-glass-categories > button > :not(.boom-pill-icon):not(.boom-pill-category-label) { display:none !important; }
#root header.boom-pill-native .boom-glass-nav {
  left:var(--boom-glass-brand-center,50%);
  right:auto;
  transform:translate(-50%,-50%);
  display:flex;
  gap:2px;
  max-width:calc(100% - 620px);
  padding:3px;
  border:1px solid var(--pill-line);
  border-radius:999px;
  background:var(--pill-nav);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
  overflow-x:auto;
  scrollbar-width:none;
}
#root header.boom-pill-native .boom-glass-nav::-webkit-scrollbar { display:none; }
#root header.boom-pill-native .boom-glass-nav a,
html.dark #root header.boom-pill-native .boom-glass-nav a {
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 16px;
  border-radius:999px;
  color:var(--pill-muted);
  font-size:13px;
  font-weight:500;
  text-decoration:none !important;
  transform:none !important;
  transition:none;
}
#root header.boom-pill-native .boom-glass-nav a::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  background:var(--pill-active);
  opacity:0;
  transition:opacity 160ms var(--boom-glass-ease-out);
}
/* A pre-painted gradient: animate only opacity/transform, never blur or shadow. */
#root header.boom-pill-native .boom-glass-nav a::after {
  content:"";
  position:absolute;
  pointer-events:none;
  bottom:0;
  left:12%;
  width:76%;
  height:13px;
  background:radial-gradient(ellipse at 50% 100%,var(--pill-cyan),transparent 72%);
  opacity:0;
  transform:translateY(3px);
  transition:opacity 180ms var(--boom-glass-ease-out),transform 180ms var(--boom-glass-ease-out);
}
#root header.boom-pill-native .boom-glass-nav a[data-boom-shop]::after {
  background:radial-gradient(ellipse at 50% 100%,var(--pill-rose),transparent 72%);
}
#root header.boom-pill-native .boom-glass-nav a[aria-current],
html.dark #root header.boom-pill-native .boom-glass-nav a[aria-current] { background:transparent; color:var(--pill-ink); box-shadow:none; }
#root header.boom-pill-native .boom-glass-nav a[aria-current]::before { opacity:1; }
#root header.boom-pill-native .boom-glass-nav a[aria-current]::after { opacity:1; transform:translateY(0); }
#root header.boom-pill-native .boom-glass-actions { top:22px; left:32px; gap:8px; }
#root header.boom-pill-native .boom-glass-cart { display:flex; align-items:center; }
#root header.boom-pill-native .boom-glass-actions > :is(button,a),
#root header.boom-pill-native .boom-glass-actions > div > button,
#root header.boom-pill-native .boom-glass-search .boom-glass-search-toggle,
html.dark #root header.boom-pill-native .boom-glass-actions > :is(button,a),
html.dark #root header.boom-pill-native .boom-glass-actions > div > button,
html.dark #root header.boom-pill-native .boom-glass-search .boom-glass-search-toggle {
  position:relative;
  border-radius:50%;
  border:1px solid var(--pill-line);
  background:var(--pill-surface);
  color:var(--pill-ink);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
}
#root header.boom-pill-native .boom-glass-search { left:182px; }
#root header.boom-pill-native .boom-glass-search .boom-glass-search-toggle,
html.dark #root header.boom-pill-native .boom-glass-search .boom-glass-search-toggle { position:absolute; }
#root header.boom-pill-native .boom-glass-actions button > svg,
#root header.boom-pill-native .boom-glass-theme > :not(.boom-pill-icon),
#root header.boom-pill-native .boom-glass-account > :not(.boom-pill-icon),
#root header.boom-pill-native .boom-glass-search-toggle > :not(.boom-pill-icon) { display:none !important; }
#root header.boom-pill-native .boom-pill-icon { display:inline-flex; flex:none; align-items:center; justify-content:center; width:20px; height:20px; }
#root header.boom-pill-native .boom-pill-icon svg { display:block; width:20px; height:20px; }
#root header.boom-pill-native .boom-glass-search-toggle[aria-label="بستن جستجو"] .boom-pill-icon { opacity:0; }
#root header.boom-pill-native .boom-pill-sun { display:none; }
#root header.boom-pill-native .boom-pill-hamburger { display:none; }
html.dark #root header.boom-pill-native .boom-pill-sun { display:block; }
html.dark #root header.boom-pill-native .boom-pill-moon { display:none; }
#root header.boom-pill-native.boom-glass-search-open .boom-glass-search {
  position:fixed;
  top:var(--boom-glass-popover-top);
  left:24px;
  width:min(440px,calc(100vw - 48px)) !important;
  transform:none;
}
#root header.boom-pill-native.boom-glass-search-open .boom-glass-search > div:nth-child(n+2) { width:100% !important; max-width:none !important; }
#root header.boom-pill-native.boom-glass-search-open .boom-glass-search .boom-glass-search-toggle,
html.dark #root header.boom-pill-native.boom-glass-search-open .boom-glass-search .boom-glass-search-toggle { background:transparent; color:var(--pill-ink); border:0; }
html.dark #root header.boom-pill-native.boom-glass-search-open .boom-glass-search input[aria-label="جستجو"] { background:#12161c; color:var(--pill-ink); }
#root header.boom-pill-native :is(button,a,input):focus-visible { outline:2px solid var(--pill-cyan); outline-offset:3px; }
@media(hover:hover) and (pointer:fine) {
  #root header.boom-pill-native .boom-glass-nav a:not([aria-current]):hover::before { opacity:.6; }
  #root header.boom-pill-native .boom-glass-nav a:not([aria-current]):hover { color:var(--pill-ink); }
  /* Match the shared glass skin's direct/nested control specificity: its white
     hover must never replace the local glass behind a white hero icon. */
  #root header.boom-pill-native .boom-glass-actions > :is(button,a):hover,
  #root header.boom-pill-native .boom-glass-actions > div > button:hover,
  html.dark #root header.boom-pill-native .boom-glass-actions > :is(button,a):hover,
  html.dark #root header.boom-pill-native .boom-glass-actions > div > button:hover {
    background:var(--pill-active);
    color:var(--pill-ink);
  }
}
@media(max-width:1150px) {
  #root header.boom-pill-native .boom-glass-brand { right:calc(20px + var(--boom-glass-right-compensation,0px)); width:82px; }
  #root header.boom-pill-native .boom-glass-brand img:first-of-type { width:82px !important; max-width:82px !important; }
  #root header.boom-pill-native .boom-glass-categories { right:calc(116px + var(--boom-glass-right-compensation,0px)); }
  #root header.boom-pill-native .boom-glass-actions { left:20px; }
  #root header.boom-pill-native .boom-glass-search { left:170px; }
  #root header.boom-pill-native .boom-glass-nav { max-width:calc(100% - 500px); }
  #root header.boom-pill-native .boom-glass-nav a { padding:0 12px; }
  #root header.boom-pill-native .boom-glass-nav a:nth-child(n+3) { display:flex; }
}
@media(max-width:1000px) {
  /* Keep compact-header targets still under a mouse, trackpad or emulated
     touch hover. The shared skin's -1px hover lift is desktop-only here. */
  #root header.boom-pill-native .boom-glass-actions :is(button,a):hover,
  #root header.boom-pill-native .boom-glass-search .boom-glass-search-toggle:hover { transform:none !important; }
  #root header.boom-pill-native .boom-glass-nav { display:none; }
  #root header.boom-pill-native .boom-pill-grid { display:none; }
  #root header.boom-pill-native .boom-pill-hamburger { display:block; }
  #root header.boom-pill-native .boom-glass-categories > .boom-glass-menu-backdrop,
  #root header.boom-pill-native .boom-glass-categories > .boom-glass-menu-panel { display:none !important; }
  #root header.boom-pill-native .boom-glass-mobile-menu-backdrop {
    position:fixed; z-index:45; inset:var(--boom-glass-popover-top) 0 0;
    display:block; width:auto; height:auto; padding:0; border:0; border-radius:0;
    background:rgba(18,22,28,.22); opacity:0; pointer-events:none;
    transition:opacity 180ms var(--boom-glass-ease-out);
  }
  #root header.boom-pill-native .boom-glass-mobile-menu {
    position:fixed; z-index:50; top:var(--boom-glass-popover-top); right:8px; left:8px;
    display:block; max-height:calc(100dvh - var(--boom-glass-popover-top) - 8px);
    overflow:auto; overscroll-behavior:contain; border:1px solid var(--pill-line);
    border-radius:20px; background:#fff; color:var(--pill-ink);
    box-shadow:0 16px 40px -12px rgba(18,22,28,.2);
    opacity:0; transform:translateY(-8px) scale(.98); transform-origin:top right;
    visibility:hidden; pointer-events:none;
    transition:opacity 200ms var(--boom-glass-ease-out),transform 200ms var(--boom-glass-ease-out),visibility 0s linear 200ms;
  }
  html.dark #root header.boom-pill-native .boom-glass-mobile-menu { background:#12161c; border-color:var(--pill-line); }
  #root header.boom-pill-native.boom-glass-mobile-menu-open .boom-glass-mobile-menu-backdrop { opacity:1; pointer-events:auto; }
  #root header.boom-pill-native.boom-glass-mobile-menu-open .boom-glass-mobile-menu {
    opacity:1; transform:translateY(0) scale(1); visibility:visible; pointer-events:auto; transition-delay:0s;
  }
  #root header.boom-pill-native .boom-glass-mobile-menu-title { padding:16px 20px 8px; font-size:12px; color:var(--pill-muted); }
  #root header.boom-pill-native .boom-glass-mobile-menu nav { display:grid; gap:4px; padding:8px; }
  #root header.boom-pill-native .boom-glass-mobile-menu a,
  html.dark #root header.boom-pill-native .boom-glass-mobile-menu a {
    display:flex; align-items:center; min-height:48px; padding:0 14px;
    border-radius:14px; color:var(--pill-ink); font-size:14px; text-decoration:none;
  }
  #root header.boom-pill-native .boom-glass-mobile-menu a[aria-current] {
    background:linear-gradient(270deg,rgba(73,214,209,.15),transparent);
    box-shadow:inset -3px 0 var(--pill-cyan);
  }
  #root header.boom-pill-native .boom-glass-mobile-menu a[data-boom-shop][aria-current] {
    background:linear-gradient(270deg,rgba(238,120,147,.15),transparent);
    box-shadow:inset -3px 0 var(--pill-rose);
  }
}
@media(max-width:650px) {
  #root header.boom-pill-native .boom-pill-grid { display:none; }
  #root header.boom-pill-native .boom-pill-hamburger { display:block; }
  #root header.boom-pill-native { height:64px; margin-top:0; }
  #root header.boom-pill-native .boom-glass-row { height:62px !important; min-height:62px; }
  #root header.boom-pill-native .boom-glass-brand { right:calc(10px + var(--boom-glass-right-compensation,0px)); width:62px; max-width:62px; }
  #root header.boom-pill-native .boom-glass-brand img:first-of-type { width:62px !important; max-width:62px !important; }
  #root header.boom-pill-native .boom-glass-categories { top:14px; right:calc(82px + var(--boom-glass-right-compensation,0px)); }
  #root header.boom-pill-native .boom-glass-categories > button { width:34px; min-width:34px; height:34px; min-height:34px; padding:0; border-radius:50%; }
  #root header.boom-pill-native .boom-glass-categories > button .boom-pill-category-label { display:none; }
  #root header.boom-pill-native .boom-glass-actions { top:14px; left:10px; gap:5px; }
  #root header.boom-pill-native .boom-glass-actions > :is(button,a),
  #root header.boom-pill-native .boom-glass-actions > div > button,
  #root header.boom-pill-native .boom-glass-actions > div:last-child:not(.boom-glass-cart) { width:34px !important; min-width:34px !important; height:34px !important; }
  #root header.boom-pill-native .boom-glass-search { right:auto; left:127px !important; width:34px !important; min-width:34px !important; height:34px; }
  #root header.boom-pill-native .boom-glass-search button.boom-glass-search-toggle { width:34px !important; height:34px !important; }
  #root header.boom-pill-native.boom-glass-search-open .boom-glass-search { left:8px !important; right:8px; width:auto !important; height:44px; }
  #root header.boom-pill-native.boom-glass-search-open .boom-glass-search button.boom-glass-search-toggle { width:44px !important; height:44px !important; }
}
@media(max-width:782px) {
  body.admin-bar #root header.boom-pill-native:not(.boom-glass-stuck) { top:var(--boom-glass-rest-top,46px); }
}
@media(prefers-reduced-motion:reduce) {
  #root header.boom-pill-native .boom-glass-nav a::before,
  #root header.boom-pill-native .boom-glass-nav a::after { transition:opacity 80ms ease; transform:none !important; }
  #root header.boom-pill-native .boom-glass-mobile-menu { transform:none !important; transition:opacity 80ms ease,visibility 0s linear 80ms; }
}