/* A glass skin for Boom's real interactive style-7 header. */
@media(min-width:651px) {
  html.boom-glass-selected { scrollbar-gutter:stable; }
}
#root header.boom-glass-native {
  --header-h:76px;
  --boom-glass-ease-out:cubic-bezier(.23,1,.32,1);
  --boom-glass-ease-in-out:cubic-bezier(.77,0,.175,1);
  position:sticky !important;
  top:var(--boom-glass-sticky-top,3px);
  z-index:1000 !important;
  isolation:isolate;
  box-sizing:border-box;
  width:100% !important;
  max-width:none !important;
  height:76px;
  margin:14px auto 0;
  overflow:visible !important;
  border:1px solid transparent !important;
  border-radius:30px;
  background:transparent !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 12px 30px rgba(15,30,48,.12);
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  transition:border-color 180ms var(--boom-glass-ease-out),box-shadow 220ms var(--boom-glass-ease-out),border-radius 220ms var(--boom-glass-ease-out);
}
body.admin-bar #root header.boom-glass-native { top:var(--boom-glass-sticky-top,35px); }
#root header.boom-glass-native::before,
#root header.boom-glass-native::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  clip-path:inset(0 round 30px);
  transform:translateY(0);
  transition:clip-path 220ms var(--boom-glass-ease-in-out),border-radius 220ms var(--boom-glass-ease-out),transform 220ms var(--boom-glass-ease-out),opacity 180ms var(--boom-glass-ease-out);
  pointer-events:none;
}
#root header.boom-glass-native::before {
  background:linear-gradient(110deg,rgba(255,255,255,.78),rgba(255,255,255,.48) 52%,rgba(255,255,255,.72));
  -webkit-backdrop-filter:blur(24px) saturate(1.55);
  backdrop-filter:blur(24px) saturate(1.55);
}
#root header.boom-glass-native::after {
  z-index:1;
  border:1px solid rgba(255,255,255,.58);
}
html.dark #root header.boom-glass-native::before { background:linear-gradient(110deg,rgba(26,43,60,.78),rgba(16,29,43,.55) 52%,rgba(26,43,60,.72)); }
html.dark #root header.boom-glass-native::after { border-color:rgba(255,255,255,.2); }
#root header.boom-glass-native.boom-glass-stuck {
  border-color:transparent !important;
  border-radius:24px;
  box-shadow:none;
}
#root header.boom-glass-native.boom-glass-stuck::before,
#root header.boom-glass-native.boom-glass-stuck::after {
  border-radius:24px;
  clip-path:inset(0 3px round 24px);
  transform:translateY(0);
}
#root header.boom-glass-native.boom-glass-stuck::before {
  background:linear-gradient(110deg,rgba(255,255,255,.92),rgba(255,255,255,.76) 52%,rgba(255,255,255,.88));
  box-shadow:0 12px 32px rgba(15,30,48,.15);
}
html.dark #root header.boom-glass-native.boom-glass-stuck::before {
  background:linear-gradient(110deg,rgba(26,43,60,.94),rgba(16,29,43,.88) 52%,rgba(26,43,60,.92));
}
#root header.boom-glass-native > div:first-child { display:none !important; }
#root header.boom-glass-native > div:nth-child(2) {
  width:100% !important;
  max-width:none !important;
  height:100%;
  padding:0 !important;
}
#root header.boom-glass-native .boom-glass-row {
  position:relative;
  display:block !important;
  width:100%;
  height:74px !important;
  min-height:74px;
  margin:0;
}
#root header.boom-glass-native .boom-glass-brand {
  position:absolute;
  z-index:2;
  top:50%;
  left:var(--boom-glass-brand-center,calc(50vw - 1px)) !important;
  display:flex;
  align-items:center;
  justify-content:center;
  width:180px;
  min-height:var(--boom-glass-logo-desktop-size,52px);
  margin:0 !important;
  transform:translate(-50%,-50%) !important;
  transition:none !important;
}
#root header.boom-glass-native .boom-glass-brand:hover,
#root header.boom-glass-native .boom-glass-brand:focus,
#root header.boom-glass-native .boom-glass-brand:focus-visible {
  transform:translate(-50%,-50%) !important;
}
#root header.boom-glass-native .boom-glass-brand img { display:none !important; }
#root header.boom-glass-native .boom-glass-brand img:first-of-type {
  display:block !important;
  width:170px !important;
  max-width:170px !important;
  height:var(--boom-glass-logo-desktop-size,52px) !important;
  max-height:var(--boom-glass-logo-desktop-size,52px) !important;
  object-fit:contain;
  transform:none !important;
  scale:1 !important;
  transition:none !important;
}
#root header.boom-glass-native .boom-glass-categories {
  position:absolute;
  z-index:10;
  top:16px;
  right:18px;
  transform:none;
}
#root header.boom-glass-native .boom-glass-categories > button {
  height:42px;
  min-height:42px;
  border:1px solid rgba(17,39,55,.18);
  border-radius:13px;
  background:#172c3d;
  color:#fff;
  font-weight:700;
  padding:0 14px;
}
#root header.boom-glass-native .boom-glass-categories > button:hover,
#root header.boom-glass-native .boom-glass-categories > button[data-open] {
  background:#26465c;
  color:#fff;
}
#root header.boom-glass-native .boom-glass-nav {
  position:absolute;
  z-index:2;
  top:50%;
  right:170px;
  display:flex;
  align-items:center;
  gap:19px;
  max-width:calc(50% - 230px);
  overflow:hidden;
  transform:translateY(-50%);
  white-space:nowrap;
}
#root header.boom-glass-native .boom-glass-nav a {
  flex:none;
  color:#1b2b37;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
html.dark #root header.boom-glass-native .boom-glass-nav a { color:#f5f8fb; }
#root header.boom-glass-native .boom-glass-nav a:hover { text-decoration:underline; text-underline-offset:5px; }
#root header.boom-glass-native .boom-glass-actions {
  position:absolute;
  z-index:4;
  top:16px;
  left:18px;
  display:flex;
  align-items:center;
  gap:7px;
  width:auto;
  margin:0 !important;
  transform:none;
  direction:ltr;
}
#root header.boom-glass-native .boom-glass-cart { order:1; }
#root header.boom-glass-native .boom-glass-account { order:2; }
#root header.boom-glass-native .boom-glass-theme { order:3; }
#root header.boom-glass-native .boom-glass-actions > div:last-child:not(.boom-glass-cart) {
  order:2;
  box-sizing:border-box;
  display:grid;
  place-items:center;
  width:42px !important;
  min-width:42px;
  height:42px;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden;
}
#root header.boom-glass-native .boom-glass-actions > :is(button,div) > button,
#root header.boom-glass-native .boom-glass-actions > :is(button,a) {
  box-sizing:border-box;
  display:grid;
  place-items:center;
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(28,49,65,.14);
  border-radius:13px;
  background:rgba(255,255,255,.57);
  color:#172c3d;
  cursor:pointer;
}
#root header.boom-glass-native .boom-glass-account > span:nth-child(2) { display:none !important; }
#root header.boom-glass-native .boom-glass-account-loading {
  position:relative;
  color:transparent !important;
  background:rgba(255,255,255,.42) !important;
}
#root header.boom-glass-native .boom-glass-account-loading > * { visibility:hidden !important; }
#root header.boom-glass-native .boom-glass-account-loading::before,
#root header.boom-glass-native .boom-glass-account-loading::after {
  content:"";
  position:absolute;
  left:50% !important;
  border:1.7px solid #6b7b88;
  opacity:.78;
  animation:boom-glass-account-pulse 1.2s ease-in-out infinite alternate;
}
#root header.boom-glass-native .boom-glass-account-loading::before {
  top:10px;
  width:7px;
  height:7px;
  border-radius:50%;
  transform:translateX(-50%);
}
#root header.boom-glass-native .boom-glass-account-loading::after {
  bottom:8px;
  width:16px;
  height:8px;
  border-top:0;
  border-radius:0 0 10px 10px;
  transform:translateX(-50%);
}
@keyframes boom-glass-account-pulse { to { opacity:.38; } }
#root header.boom-glass-native .boom-glass-actions > button:hover,
#root header.boom-glass-native .boom-glass-actions > a:hover,
#root header.boom-glass-native .boom-glass-actions > div > button:hover { background:#fff; }
html.dark #root header.boom-glass-native .boom-glass-actions > button,
html.dark #root header.boom-glass-native .boom-glass-actions > a,
html.dark #root header.boom-glass-native .boom-glass-actions > div > button {
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.18);
  color:#f7fbff;
}
#root header.boom-glass-native .boom-glass-cart > div:nth-child(2) {
  position:fixed !important;
  top:var(--boom-glass-cart-top,94px) !important;
  right:auto !important;
  left:var(--boom-glass-cart-left,36px) !important;
  bottom:auto !important;
  width:min(360px,calc(100vw - 36px)) !important;
  max-width:none !important;
  transform-origin:top left;
}
#root header.boom-glass-native .boom-glass-categories > div:nth-child(2),
#root header.boom-glass-native .boom-glass-categories > div:nth-child(3) {
  top:var(--boom-glass-popover-top,94px) !important;
}
#root header.boom-glass-native .boom-glass-categories > div:nth-child(2) { z-index:30; }
#root header.boom-glass-native .boom-glass-categories > div:nth-child(3) { z-index:40; }
#root header.boom-glass-native .boom-glass-search {
  position:absolute;
  z-index:5;
  top:50%;
  left:165px;
  width:42px !important;
  min-width:42px !important;
  height:42px;
  flex:none !important;
  margin:0;
  transform:translateY(-50%);
}
#root header.boom-glass-native .boom-glass-search > div:first-child {
  width:100% !important;
  max-width:none !important;
  height:42px;
}
#root header.boom-glass-native .boom-glass-search > div:nth-child(n+2) {
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:translateY(-6px) !important;
  transition:opacity 180ms var(--boom-glass-ease-out),transform 180ms var(--boom-glass-ease-out),visibility 0s linear 180ms !important;
}
#root header.boom-glass-native.boom-glass-search-open .boom-glass-search > div:nth-child(n+2) {
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
  transition-delay:0s !important;
}
#root header.boom-glass-native .boom-glass-search input[aria-label="جستجو"] {
  box-sizing:border-box;
  width:42px !important;
  height:42px !important;
  padding:0 !important;
  border:1px solid rgba(28,49,65,.14);
  border-radius:13px;
  background:rgba(255,255,255,.57);
  opacity:0;
  transform:translateX(-6px);
  pointer-events:none;
  font-size:16px;
  transition:opacity 180ms var(--boom-glass-ease-out),transform 180ms var(--boom-glass-ease-out),background-color 180ms ease,border-color 180ms ease;
}
#root header.boom-glass-native .boom-glass-search input[type="search"] {
  -webkit-appearance:none;
  appearance:none;
}
#root header.boom-glass-native .boom-glass-search input[type="search"]::-webkit-search-cancel-button,
#root header.boom-glass-native .boom-glass-search input[type="search"]::-webkit-search-decoration,
#root header.boom-glass-native .boom-glass-search input[type="search"]::-webkit-search-results-button,
#root header.boom-glass-native .boom-glass-search input[type="search"]::-webkit-search-results-decoration {
  display:none;
  -webkit-appearance:none;
  appearance:none;
}
#root header.boom-glass-native .boom-glass-search input[type="search"]::-ms-clear,
#root header.boom-glass-native .boom-glass-search input[type="search"]::-ms-reveal {
  display:none;
  width:0;
  height:0;
}
#root header.boom-glass-native .boom-glass-search .boom-glass-search-toggle {
  position:absolute;
  top:0;
  right:auto !important;
  bottom:auto;
  left:0;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  width:42px !important;
  height:42px !important;
  border:1px solid rgba(28,49,65,.14);
  border-radius:13px;
  background:rgba(255,255,255,.57);
  color:#172c3d;
  cursor:pointer;
}
#root header.boom-glass-native .boom-glass-search button[aria-label*="پاک"][aria-label*="جستجو"] {
  display:none !important;
  pointer-events:none !important;
}
#root header.boom-glass-native .boom-glass-search button[aria-label="جستجو"]::before,
#root header.boom-glass-native .boom-glass-search button[aria-label="جستجو"]::after { opacity:0; }
#root header.boom-glass-native .boom-glass-search button[aria-label="بستن جستجو"] svg {
  opacity:0;
  transform:scale(.92);
}
#root header.boom-glass-native .boom-glass-search button[aria-label="بستن جستجو"]::before,
#root header.boom-glass-native .boom-glass-search button[aria-label="بستن جستجو"]::after {
  content:"";
  position:absolute;
  width:17px;
  height:1.8px;
  border-radius:999px;
  background:currentColor;
  opacity:1;
  transform:rotate(45deg);
  transition:opacity 180ms var(--boom-glass-ease-out),transform 180ms var(--boom-glass-ease-out);
}
#root header.boom-glass-native .boom-glass-search button[aria-label="بستن جستجو"]::after { transform:rotate(-45deg); }
#root header.boom-glass-native .boom-glass-search .boom-glass-search-toggle svg {
  transition:opacity 180ms var(--boom-glass-ease-out),transform 180ms var(--boom-glass-ease-out);
}
#root header.boom-glass-native .boom-glass-mobile-menu,
#root header.boom-glass-native .boom-glass-mobile-menu-backdrop { display:none; }
#root header.boom-glass-native.boom-glass-search-open .boom-glass-search {
  z-index:80;
  width:clamp(180px,calc(50vw - 270px),380px) !important;
}
#root header.boom-glass-native.boom-glass-search-open .boom-glass-search input[aria-label="جستجو"] {
  width:100% !important;
  padding:0 14px 0 48px !important;
  background:#fff;
  opacity:1;
  transform:translateX(0);
  pointer-events:auto;
  text-align:right;
  outline:none !important;
  box-shadow:none !important;
}
#root header.boom-glass-native.boom-glass-search-open .boom-glass-search > div:first-child {
  border-radius:13px;
  box-shadow:0 0 0 2px rgba(230,90,137,.48);
}
html.dark #root header.boom-glass-native .boom-glass-search .boom-glass-search-toggle {
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.18);
  color:#f7fbff;
}
html.dark #root header.boom-glass-native.boom-glass-search-open .boom-glass-search input[aria-label="جستجو"] {
  background:#1d303f;
  color:#fff;
}
#root header.boom-glass-native.is-joined:not(.boom-glass-stuck) {
  border-bottom-color:transparent !important;
  border-radius:30px 30px 0 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
}
#root header.boom-glass-native.is-joined:not(.boom-glass-stuck)::before,
#root header.boom-glass-native.is-joined:not(.boom-glass-stuck)::after {
  clip-path:inset(0 round 30px 30px 0 0);
}
/* The slider remains square; translucent header wings shape its upper seam. */
html.boom-glass-active .amh.amh-native-wide.is-glass-joined,
html.boom-glass-active .amh.amh-native-wide.is-glass-joined .amh__main { border-radius:0 !important; }
html.boom-glass-active .amh.amh-native-wide.is-glass-joined {
  margin-top:var(--anws-join,0px) !important;
}
#root header.boom-glass-native > div:first-child {
  position:absolute !important;
  z-index:6;
  top:100%;
  right:0;
  left:0;
  display:block !important;
  width:100% !important;
  height:0 !important;
  pointer-events:none;
}
#root header.boom-glass-native > div:first-child::before,
#root header.boom-glass-native > div:first-child::after {
  content:"";
  position:absolute;
  top:-1px;
  width:40px;
  height:40px;
  background:#fff;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  opacity:0;
  transform:translateY(-8px) scale(.92);
  transition:opacity 180ms var(--boom-glass-ease-out),transform 220ms var(--boom-glass-ease-out);
}
#root header.boom-glass-native.is-joined:not(.boom-glass-stuck) > div:first-child::before,
#root header.boom-glass-native.is-joined:not(.boom-glass-stuck) > div:first-child::after {
  opacity:1;
  transform:translateY(0) scale(1);
}
#root header.boom-glass-native > div:first-child::before {
  left:-1px;
  transform-origin:bottom left;
  -webkit-mask:radial-gradient(circle at 100% 100%,transparent 39px,#000 40px);
  mask:radial-gradient(circle at 100% 100%,transparent 39px,#000 40px);
}
#root header.boom-glass-native > div:first-child::after {
  right:-1px;
  transform-origin:bottom right;
  -webkit-mask:radial-gradient(circle at 0 100%,transparent 39px,#000 40px);
  mask:radial-gradient(circle at 0 100%,transparent 39px,#000 40px);
}
html.dark #root header.boom-glass-native > div:first-child::before,
html.dark #root header.boom-glass-native > div:first-child::after { background:#182737; }
html.boom-glass-active #boom-mheader { display:none !important; }
html.boom-glass-active.boom-mheader-active,
html.boom-glass-active.boom-mheader-active body { height:auto !important; overflow:visible !important; }
html.boom-glass-active.boom-mheader-active body { padding-top:0 !important; min-height:100vh !important; }
#root header.boom-glass-native :is(button,a,input):focus-visible { outline:3px solid #e65a89; outline-offset:3px; }
#root header.boom-glass-native { -webkit-tap-highlight-color:transparent; }
#root header.boom-glass-native :is(button,a) {
  touch-action:manipulation;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}
@media (hover:hover) and (pointer:fine) {
  #root header.boom-glass-native .boom-glass-actions button:hover,
  #root header.boom-glass-native .boom-glass-search .boom-glass-search-toggle:hover { transform:translateY(-1px); }
}
#root header.boom-glass-native button:active { transform:scale(.97); }
@media(max-width:1150px) {
  #root header.boom-glass-native .boom-glass-nav { gap:14px; max-width:calc(50% - 205px); }
  #root header.boom-glass-native .boom-glass-nav a:nth-child(n+3) { display:none; }
}
@media(max-width:900px) {
  #root header.boom-glass-native .boom-glass-nav { display:none; }
}
@media(min-width:651px) and (max-width:900px) {
  #root header.boom-glass-native.boom-glass-search-open .boom-glass-search {
    position:fixed;
    top:var(--boom-glass-popover-top,86px);
    right:12px;
    left:12px;
    width:auto !important;
    transform:none;
  }
  #root header.boom-glass-native.boom-glass-search-open .boom-glass-search > div:nth-child(n+2) { width:100% !important; max-width:none !important; }
}
@media(max-width:650px) {
  #root header.boom-glass-native {
    --header-h:64px;
    width:100% !important;
    height:64px;
    margin-top:8px;
    border-radius:22px;
    opacity:1;
    visibility:visible;
    transition:border-color 180ms var(--boom-glass-ease-out),box-shadow 220ms var(--boom-glass-ease-out),border-radius 220ms var(--boom-glass-ease-out),opacity 160ms var(--boom-glass-ease-out),visibility 0s linear 0s;
  }
  html.boom-glass-overlay-active #root header.boom-glass-native {
    z-index:0 !important;
    opacity:0;
    visibility:hidden;
    pointer-events:none !important;
    transition:opacity 160ms var(--boom-glass-ease-out),visibility 0s linear 160ms;
  }
  html.boom-glass-overlay-active :is(#bottom-navigation,.boom-spring-host,.boom-fab,#boom-aia-root) {
    display:none !important;
    pointer-events:none !important;
  }
  #root header.boom-glass-native::before,
  #root header.boom-glass-native::after { clip-path:inset(0 round 22px); }
  #root header.boom-glass-native.boom-glass-stuck::before,
  #root header.boom-glass-native.boom-glass-stuck::after { clip-path:inset(0 3px round 20px); border-radius:20px; }
  #root header.boom-glass-native .boom-glass-row { height:62px !important; min-height:62px; }
  #root header.boom-glass-native .boom-glass-brand { top:50%; width:68px; min-height:var(--boom-glass-logo-mobile-size,42px); max-width:68px; }
  #root header.boom-glass-native .boom-glass-brand img:first-of-type { width:68px !important; max-width:68px !important; height:var(--boom-glass-logo-mobile-size,42px) !important; max-height:var(--boom-glass-logo-mobile-size,42px) !important; }
  #root header.boom-glass-native .boom-glass-categories { top:12px; right:10px; bottom:auto; transform:none; }
  #root header.boom-glass-native .boom-glass-categories > button {
    width:38px;
    min-width:38px;
    height:38px;
    min-height:38px;
    padding:0;
    justify-content:center;
    border:1px solid rgba(28,49,65,.14) !important;
    border-radius:13px;
    background:rgba(255,255,255,.57) !important;
    color:#172c3d !important;
  }
  html.dark #root header.boom-glass-native .boom-glass-categories > button {
    border-color:rgba(255,255,255,.18) !important;
    background:rgba(255,255,255,.11) !important;
    color:#f7fbff !important;
  }
  #root header.boom-glass-native .boom-glass-categories > button > span:nth-child(2) { display:none !important; }
  #root header.boom-glass-native .boom-glass-menu-backdrop,
  #root header.boom-glass-native .boom-glass-menu-panel { display:none !important; }
  #root header.boom-glass-native .boom-glass-actions { top:14px; bottom:auto; left:10px; gap:4px; transform:none; }
  #root header.boom-glass-native .boom-glass-actions > :is(button,div) > button,
  #root header.boom-glass-native .boom-glass-actions > :is(button,a),
  #root header.boom-glass-native .boom-glass-actions > div:last-child:not(.boom-glass-cart) { width:36px !important; min-width:36px !important; height:36px !important; }
  #root header.boom-glass-native .boom-glass-search { top:50%; right:52px; bottom:auto; left:auto !important; width:36px !important; min-width:36px !important; height:36px; transform:translateY(-50%); }
  #root header.boom-glass-native .boom-glass-search > div:first-child { height:38px; }
  #root header.boom-glass-native .boom-glass-search input[aria-label="جستجو"],
  #root header.boom-glass-native .boom-glass-search button[aria-label="جستجو"],
  #root header.boom-glass-native .boom-glass-search button[aria-label="بستن جستجو"] { width:36px !important; height:36px !important; }
  #root header.boom-glass-native.boom-glass-search-open .boom-glass-search {
    position:fixed;
    top:var(--boom-glass-popover-top,72px);
    right:8px;
    left:8px;
    width:auto !important;
    min-width:0 !important;
    height:44px;
    transform:none;
  }
  #root header.boom-glass-native.boom-glass-search-open .boom-glass-search > div:first-child { height:44px; }
  #root header.boom-glass-native.boom-glass-search-open .boom-glass-search input[aria-label="جستجو"] { width:100% !important; height:44px !important; }
  #root header.boom-glass-native.boom-glass-search-open .boom-glass-search button[aria-label="بستن جستجو"] { width:44px !important; height:44px !important; }
  #root header.boom-glass-native .boom-glass-search > div:nth-child(n+2) { width:100% !important; max-width:none !important; }
  #root header.boom-glass-native .boom-glass-mobile-menu-backdrop {
    position:fixed;
    z-index:45;
    top:var(--boom-glass-popover-top,72px);
    right:0;
    bottom:0;
    left:0;
    display:block;
    width:auto;
    height:auto;
    padding:0;
    border:0;
    border-radius:0;
    background:rgba(15,30,48,.2);
    opacity:0;
    pointer-events:none;
    transition:opacity 180ms var(--boom-glass-ease-out);
  }
  #root header.boom-glass-native .boom-glass-mobile-menu {
    position:fixed;
    z-index:50;
    top:var(--boom-glass-popover-top,72px);
    right:8px;
    left:8px;
    display:block;
    max-height:calc(100dvh - var(--boom-glass-popover-top,72px) - 8px);
    overflow:auto;
    overscroll-behavior:contain;
    border:1px solid rgba(28,49,65,.12);
    border-radius:20px;
    background:#fff;
    box-shadow:0 24px 60px -16px rgba(15,30,48,.28);
    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-glass-native .boom-glass-mobile-menu {
    border-color:rgba(255,255,255,.14);
    background:#182737;
    color:#fff;
  }
  #root header.boom-glass-native.boom-glass-mobile-menu-open .boom-glass-mobile-menu-backdrop {
    opacity:1;
    pointer-events:auto;
  }
  #root header.boom-glass-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-glass-native .boom-glass-mobile-menu-title {
    padding:14px 16px 10px;
    color:#87929c;
    font-size:12px;
    font-weight:600;
  }
  #root header.boom-glass-native .boom-glass-mobile-menu nav {
    display:grid;
    padding:0 8px 8px;
  }
  #root header.boom-glass-native .boom-glass-mobile-menu a {
    display:flex;
    min-height:48px;
    align-items:center;
    padding:0 12px;
    border-radius:13px;
    color:#172c3d;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
  }
  html.dark #root header.boom-glass-native .boom-glass-mobile-menu a { color:#f7fbff; }
  #root header.boom-glass-native .boom-glass-mobile-menu a:active { background:rgba(23,44,61,.08); }
  #root header.boom-glass-native .boom-glass-cart > div:nth-child(2) {
    position:fixed !important;
    top:var(--boom-glass-popover-top,72px) !important;
    right:8px !important;
    left:8px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100dvh - var(--boom-glass-popover-top,72px) - 8px);
    overflow:auto;
    transform-origin:top left;
    overscroll-behavior:contain;
  }
  #root header.boom-glass-native .boom-glass-menu-backdrop { top:var(--boom-glass-popover-top,72px) !important; }
  #root header.boom-glass-native .boom-glass-menu-panel {
    position:fixed !important;
    top:var(--boom-glass-popover-top,72px) !important;
    right:0 !important;
    left:0 !important;
    width:auto !important;
    max-width:none !important;
    transform-origin:top right;
  }
  #root header.boom-glass-native .boom-glass-menu-panel > div { max-width:none !important; padding:0 8px !important; }
  #root header.boom-glass-native .boom-glass-menu-panel > div > div {
    max-height:calc(100dvh - var(--boom-glass-popover-top,72px) - 8px);
    overflow:auto !important;
    border-radius:20px !important;
    overscroll-behavior:contain;
  }
  #root header.boom-glass-native .boom-glass-menu-panel > div > div > div {
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  #root header.boom-glass-native .boom-glass-menu-panel aside {
    width:100% !important;
    max-height:38dvh;
    border-inline-end:0 !important;
    border-bottom:1px solid rgba(17,39,55,.1);
  }
  #root header.boom-glass-native .boom-glass-menu-panel aside ul { max-height:36dvh !important; }
  #root header.boom-glass-native .boom-glass-menu-panel aside + div {
    width:100% !important;
    max-height:42dvh;
    overflow:auto;
  }
  #root header.boom-glass-native.is-joined:not(.boom-glass-stuck) { border-radius:22px 22px 0 0; }
  #root header.boom-glass-native.is-joined:not(.boom-glass-stuck)::before,
  #root header.boom-glass-native.is-joined:not(.boom-glass-stuck)::after { clip-path:inset(0 round 22px 22px 0 0); }
  #root header.boom-glass-native > div:first-child::before,
  #root header.boom-glass-native > div:first-child::after { width:28px; height:28px; }
  #root header.boom-glass-native > div:first-child::before { -webkit-mask:radial-gradient(circle at 100% 100%,transparent 27px,#000 28px); mask:radial-gradient(circle at 100% 100%,transparent 27px,#000 28px); }
  #root header.boom-glass-native > div:first-child::after { -webkit-mask:radial-gradient(circle at 0 100%,transparent 27px,#000 28px); mask:radial-gradient(circle at 0 100%,transparent 27px,#000 28px); }
}
@media(max-width:782px) {
  body.admin-bar #root header.boom-glass-native { top:var(--boom-glass-sticky-top,49px); }
}
@media(max-width:360px) {
  #root header.boom-glass-native .boom-glass-actions { gap:4px; }
  #root header.boom-glass-native .boom-glass-actions > :is(button,div) > button,
  #root header.boom-glass-native .boom-glass-actions > :is(button,a),
  #root header.boom-glass-native .boom-glass-actions > div:last-child:not(.boom-glass-cart) { width:34px !important; min-width:34px !important; height:34px !important; }
  #root header.boom-glass-native .boom-glass-search { right:50px; left:auto !important; width:34px !important; min-width:34px !important; }
  #root header.boom-glass-native .boom-glass-brand,
  #root header.boom-glass-native .boom-glass-brand img:first-of-type { width:62px !important; max-width:62px !important; }
}
@media(prefers-reduced-motion:reduce) {
  #root header.boom-glass-native,
  #root header.boom-glass-native::before,
  #root header.boom-glass-native::after,
  #root header.boom-glass-native > div:first-child::before,
  #root header.boom-glass-native > div:first-child::after,
  #root header.boom-glass-native .boom-glass-search input,
  #root header.boom-glass-native :is(button,a) { transition-duration:80ms !important; }
  #root header.boom-glass-native > div:first-child::before,
  #root header.boom-glass-native > div:first-child::after,
  #root header.boom-glass-native .boom-glass-search input { transform:none !important; }
  #root header.boom-glass-native .boom-glass-mobile-menu { transform:none !important; }
  #root header.boom-glass-native .boom-glass-account-loading::before,
  #root header.boom-glass-native .boom-glass-account-loading::after { animation:none !important; }
}

/* Keep the mobile glass shape and shadow, but do not repaint their interpolation
   across every sticky-state frame. Position and opacity still convey the change. */
@media(max-width:767px) {
  #root header.boom-glass-native { transition:opacity 160ms var(--boom-glass-ease-out); }
  #root header.boom-glass-native::before,
  #root header.boom-glass-native::after {
    transition:transform 220ms var(--boom-glass-ease-out),opacity 180ms var(--boom-glass-ease-out);
  }
}
/* Preserve the loading indicator without mounting a UI/animation widget. */
.boom-header-progress { position:relative; width:100%; height:100%; min-height:2px; overflow:hidden; background:color-mix(in srgb,var(--color-primary,#138dbb) 16%,transparent); }
.boom-header-progress > span { position:absolute; inset:0; background:var(--color-primary,#138dbb); transform-origin:left; animation:boom-header-progress 1.4s ease-in-out infinite; }
@keyframes boom-header-progress { 0% {transform:translateX(-100%) scaleX(.2)} 60% {transform:translateX(20%) scaleX(.6)} 100% {transform:translateX(100%) scaleX(.2)} }
@media(prefers-reduced-motion:reduce) { .boom-header-progress > span {animation:none;transform:scaleX(.4)} }
.boom-header-skeleton {background:#e4e4e7;animation:boom-header-skeleton 2s ease-in-out infinite;pointer-events:none}
.dark .boom-header-skeleton {background:#3f3f46}
@keyframes boom-header-skeleton {50% {opacity:.5}}
@media(prefers-reduced-motion:reduce) {.boom-header-skeleton {animation:none}}
/* Explicitly visible mobile descendants must not paint or transition through
   intermediate geometry while the initial SSR cover is being handed over. */
html.boom-home-pending #root header.boom-glass-native,
html.boom-home-pending #root header.boom-glass-native *,
#root[data-boom-home-measuring] header.boom-glass-native,
#root[data-boom-home-measuring] header.boom-glass-native * {visibility:hidden!important;transition:none!important}