/* Opt-in Liquid Glass skin: style 10 only. No animated filters or SVG refraction. */
html.boom-pill-selected {
  --boom-liquid-accent:73,214,209;
  --boom-liquid-secondary:238,120,147;
  --liquid-bg:rgba(255,255,255,.58);
  --liquid-ink:#202629;
  --liquid-line:rgba(255,255,255,.72);
  --liquid-shadow:inset 0 1px 0 rgba(255,255,255,.68),inset 0 -1px 0 rgba(255,255,255,.18),0 12px 36px -20px rgba(22,38,50,.27);
}
html.dark.boom-pill-selected { --liquid-bg:rgba(22,28,36,.72); --liquid-ink:#f6f7f8; --liquid-line:rgba(255,255,255,.2); --liquid-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.04),0 12px 36px -20px rgba(0,0,0,.5); }
#root header.boom-pill-native { --pill-cyan:rgb(var(--boom-liquid-accent)); --pill-rose:rgb(var(--boom-liquid-secondary)); --pill-surface:var(--liquid-bg); --pill-nav:var(--liquid-bg); }
/* The hero remains completely uncovered; only individual controls have glass. */
#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:0; -webkit-backdrop-filter:none; backdrop-filter:none; border:0; background:none; box-shadow:none; }
#root header.boom-pill-native.boom-pill-over-hero:not(.boom-glass-stuck),
html.dark #root header.boom-pill-native.boom-pill-over-hero:not(.boom-glass-stuck) {
  --pill-ink:#fff; --pill-muted:#f4f7fa; --pill-line:rgba(255,255,255,.34); --pill-surface:rgba(22,28,36,.18); --pill-nav:rgba(22,28,36,.18); --pill-active:rgba(255,255,255,.14);
}
#root header.boom-pill-native.boom-pill-over-hero:not(.boom-glass-stuck)[data-boom-hero-ink="dark"],
html.dark #root header.boom-pill-native.boom-pill-over-hero:not(.boom-glass-stuck)[data-boom-hero-ink="dark"] {
  --pill-ink:#202629; --pill-muted:#293138; --pill-line:rgba(255,255,255,.65); --pill-surface:rgba(255,255,255,.28); --pill-nav:rgba(255,255,255,.28); --pill-active:rgba(255,255,255,.3);
}
#root header.boom-pill-native.boom-pill-over-hero:not(.boom-glass-stuck)[data-boom-hero-tools="dark"] .boom-glass-actions,
#root header.boom-pill-native.boom-pill-over-hero:not(.boom-glass-stuck)[data-boom-hero-tools="dark"]:not(.boom-glass-search-open) .boom-glass-search,
#root header.boom-pill-native.boom-pill-over-hero:not(.boom-glass-stuck)[data-boom-hero-logo="dark"] .boom-glass-categories { --pill-ink:#202629; --pill-surface:rgba(255,255,255,.32); --pill-active:rgba(255,255,255,.52); }
#root header.boom-pill-native.boom-pill-over-hero:not(.boom-glass-stuck)[data-boom-hero-tools="light"] .boom-glass-actions,
#root header.boom-pill-native.boom-pill-over-hero:not(.boom-glass-stuck)[data-boom-hero-tools="light"]:not(.boom-glass-search-open) .boom-glass-search,
#root header.boom-pill-native.boom-pill-over-hero:not(.boom-glass-stuck)[data-boom-hero-logo="light"] .boom-glass-categories { --pill-ink:#fff; --pill-surface:rgba(22,28,36,.25); --pill-active:rgba(22,28,36,.42); }
#root header.boom-pill-native::before { background:var(--liquid-bg); }
html.dark #root header.boom-pill-native::before,
html.dark #root header.boom-pill-native.boom-glass-stuck::before,
#root header.boom-pill-native.boom-glass-stuck::before { background:var(--liquid-bg); -webkit-backdrop-filter:blur(18px) saturate(1.4); backdrop-filter:blur(18px) saturate(1.4); box-shadow:var(--liquid-shadow); }
#root header.boom-pill-native .boom-glass-nav,
#root header.boom-pill-native .boom-glass-categories > button,
#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 {
  -webkit-backdrop-filter:blur(10px) saturate(1.4); backdrop-filter:blur(10px) saturate(1.4);
  box-shadow:var(--liquid-shadow); border-color:var(--pill-line); color:var(--pill-ink);
}
html.dark #root header.boom-pill-native .boom-glass-categories > button { color:var(--pill-ink) !important; background:var(--pill-surface) !important; border-color:var(--pill-line) !important; }
/* A single glass layer per popup. Strip solid nested wrappers, not product pixels. */
html.boom-pill-selected #root header.boom-pill-native :is(.boom-glass-menu-panel,.boom-glass-cart-panel,.boom-glass-mobile-menu),
html.boom-pill-selected .boom-ts-panel,
html.boom-pill-selected .boom-liquid-drawer,
html.boom-pill-selected .boom-liquid-account-panel,
html.boom-pill-selected .boom-pill-search-dialog {
  background:var(--liquid-bg) !important; color:var(--liquid-ink);
  border:1px solid var(--liquid-line); box-shadow:var(--liquid-shadow);
  -webkit-backdrop-filter:blur(22px) saturate(1.5); backdrop-filter:blur(22px) saturate(1.5);
}
html.boom-pill-selected #root header.boom-pill-native .boom-glass-menu-panel :is(div,aside),
html.boom-pill-selected #root header.boom-pill-native .boom-glass-cart-panel > div { background-color:transparent !important; }
/* Native search keeps its AJAX and keyboard handlers; only its chrome changes. */
#root header.boom-pill-native.boom-glass-search-open .boom-glass-search,
html.dark #root header.boom-pill-native.boom-glass-search-open .boom-glass-search {
  height:48px; border-radius:18px; background:var(--liquid-bg); border:1px solid var(--liquid-line);
  -webkit-backdrop-filter:blur(22px) saturate(1.5); backdrop-filter:blur(22px) saturate(1.5); box-shadow:var(--liquid-shadow);
}
#root header.boom-pill-native.boom-glass-search-open .boom-glass-search input[aria-label="جستجو"],
html.dark #root header.boom-pill-native.boom-glass-search-open .boom-glass-search input[aria-label="جستجو"] {
  height:46px !important; background:transparent !important; border:0 !important; border-radius:18px;
  color:var(--liquid-ink) !important; padding:0 16px 0 114px !important; box-shadow:none !important;
}
#root header.boom-pill-native.boom-glass-search-open .boom-glass-search > div:first-child {
  background:transparent !important; box-shadow:none !important; border:0 !important; height:46px;
}
#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 {
  color:var(--liquid-ink); background:transparent; border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none;
}
#root header.boom-pill-native .boom-pill-search-submit { display:none; }
#root header.boom-pill-native.boom-glass-search-open .boom-pill-search-submit {
  position:absolute; display:grid; place-items:center; left:44px; top:6px; height:34px; width:64px;
  border:1px solid rgba(var(--boom-liquid-accent),.4); border-radius:12px;
  background:rgba(var(--boom-liquid-accent),.13); color:var(--liquid-ink); font-size:12px; font-weight:700; cursor:pointer;
}
#root header.boom-pill-native.boom-glass-search-open .boom-glass-search > div:nth-child(n+2):not(:has(button[aria-label="پاک کردن جستجو"])) {
  background:var(--liquid-bg) !important; color:var(--liquid-ink); border-color:var(--liquid-line);
  -webkit-backdrop-filter:blur(18px) saturate(1.4); backdrop-filter:blur(18px) saturate(1.4); box-shadow:var(--liquid-shadow);
}
html.boom-pill-selected .boom-pill-search-dialog > div:first-child > button { color:var(--liquid-ink); border:1px solid var(--liquid-line); border-radius:999px; min-height:40px; padding:0 16px; }
#root header.boom-pill-native.boom-glass-search-open .boom-glass-search > div:nth-child(n+2) div[class*="max-h-"] { background:transparent !important; box-shadow:none !important; }
html.boom-pill-selected .boom-pill-search-dialog[data-boom-dismissed] { display:none !important; }
html.boom-pill-selected .boom-pill-search-dialog { top:var(--boom-glass-admin-visible,0px) !important; max-height:calc(100dvh - var(--boom-glass-admin-visible,0px)); }
html.boom-pill-selected .boom-pill-search-dialog > input { background:rgba(var(--boom-liquid-accent),.06); color:var(--liquid-ink); font-size:16px; }
html.boom-pill-selected .boom-pill-search-dialog > div:nth-child(n+3) { background:transparent !important; border-color:var(--liquid-line); }
html.boom-pill-home.boom-pill-selected #root main { background:radial-gradient(ellipse at 95% 15%,rgba(var(--boom-liquid-accent),.07),transparent 46%),radial-gradient(ellipse at 10% 65%,rgba(var(--boom-liquid-secondary),.06),transparent 42%); }
html.boom-pill-home.boom-pill-selected #root main .boom-liquid-home-canvas { background:transparent !important; }
html.boom-pill-home.boom-pill-selected #root main .boom-liquid-section {
  background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.1));
  border:1px solid rgba(255,255,255,.48); border-radius:24px; box-shadow:var(--liquid-shadow);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
html.dark.boom-pill-home.boom-pill-selected #root main .boom-liquid-section { background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01)); border-color:rgba(255,255,255,.09); }
html.boom-pill-home.boom-pill-selected #root main .boom-liquid-section-surface { background:rgba(255,255,255,.2) !important; border-color:rgba(255,255,255,.42); }
html.dark.boom-pill-home.boom-pill-selected #root main .boom-liquid-section-surface { background:rgba(255,255,255,.025) !important; border-color:rgba(255,255,255,.1); }
.boom-liquid-section-surface button .bg-gradient-to-b {
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
}
.boom-liquid-section-surface button img { mix-blend-mode:normal !important; }
/* Native section-heading icons use currentColor; keep their dark ink white. */
html.dark.boom-pill-selected #root main .w-12.h-12.rounded-xl.text-primary > span.leading-none > svg { color:#ffffff !important; }
/* Native category chips set inline palette colors on hover; keep a readable dot. */
html.dark.boom-pill-selected #root main :is(button,a)[class~="group/chip"] > span[class~="w-1.5"][class~="h-1.5"],
html.boom-pill-selected #root main :is(button,a)[class~="group/chip"]:is(:hover,:focus-visible) > span[class~="w-1.5"][class~="h-1.5"] { background:#ffffff !important; }
html.boom-pill-selected #root main :is(button,a)[class~="group/chip"]:is(:hover,:focus-visible) { background:#213247 !important; border-color:#213247 !important; color:#ffffff !important; }
html.boom-pill-selected #root main :is(button,a)[class~="group/chip"]:is(:hover,:focus-visible) > span { color:#ffffff !important; }
@media(pointer:coarse) { html.boom-pill-home.boom-pill-selected #root main .boom-liquid-section { -webkit-backdrop-filter:none; backdrop-filter:none; } }
@media(min-width:651px) and (max-width:767px) {
  html.boom-glass-overlay-active #root header.boom-pill-native { opacity:0; visibility:hidden; pointer-events:none !important; }
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  html.boom-pill-selected { --liquid-bg:#fff; --liquid-line:#a6adb3; }
  html.dark.boom-pill-selected { --liquid-bg:#161c24; --liquid-line:#6b747d; }
  html.boom-pill-selected #root header.boom-pill-native :is(nav,button,a,div),
  html.boom-pill-selected .boom-pill-search-dialog,
  html.boom-pill-home.boom-pill-selected #root main .boom-liquid-section { -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
}