/* Storefront looks — dark accent chrome unchanged.
   Frost = Crystal Orbit: sci-fi light glass + gold orbital light (same language as hall spots). */

/* ——— Dark looks only ——— */
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) {
  --sx-accent-2: color-mix(in srgb, var(--sx-accent) 72%, #fff);
  --sx-glow: color-mix(in srgb, var(--sx-accent) 45%, transparent);
  --sx-glass-fill: color-mix(in srgb, var(--sx-accent) 18%, rgba(10, 8, 16, 0.72));
  --sx-glass-line: color-mix(in srgb, var(--sx-accent) 48%, rgba(255, 255, 255, 0.14));
  --sx-glass-glow: color-mix(in srgb, var(--sx-accent) 28%, transparent);
}

html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .glass,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-glass-pro,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-glass-hi,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-dock,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-looks,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-modes,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-atelier,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-offer-pop,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-search-sheet,
html.is-storefront .sf-root.sf-immersive:not([data-theme="frost"]) .glass {
  background: linear-gradient(
      155deg,
      color-mix(in srgb, var(--sx-accent) 26%, rgba(36, 32, 54, 0.78)),
      color-mix(in srgb, var(--sx-accent) 10%, rgba(10, 8, 22, 0.88))
    ) !important;
  border: 1px solid color-mix(in srgb, var(--sx-accent) 42%, rgba(255, 255, 255, 0.14)) !important;
  box-shadow:
    0 22px 56px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 40px var(--sx-glass-glow) !important;
}

html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-brand,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-top-tools,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) > aside.sx-map,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) > aside.sx-rail,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) > aside.sx-product {
  background: var(--sx-glass-fill) !important;
  border-color: var(--sx-glass-line) !important;
}

html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-btn,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-dock button.is-on,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-nav button.is-on,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-add {
  background: linear-gradient(135deg, var(--sx-accent), color-mix(in srgb, var(--sx-accent) 55%, #1e1b4b)) !important;
  box-shadow: 0 10px 28px var(--sx-glow) !important;
}

html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-price,
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-rail-card em {
  color: var(--sx-accent-2) !important;
}

html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .shop-look-chip.is-on {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--sx-accent) !important;
}

/* =====================================================================
   FROST = CRYSTAL ORBIT
   Light sci-fi glass · champagne gold rings · orbital mesh light
   Cards / panels share the same orbit language as hall spots.
   ===================================================================== */

html.is-storefront .sx-root.is-hall[data-look="frost"],
html.is-storefront .sf-root[data-theme="frost"],
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] {
  --sx-accent: #c9a86c;
  --sx-accent-2: #8a6a45;
  --sx-gold: #d4b06a;
  --sx-text: #17131c;
  --sx-muted: #6a6370;
  --sx-glow: rgba(201, 168, 108, 0.42);
  --sx-glass-fill: #fffcfa;
  --sx-glass-line: rgba(180, 145, 90, 0.45);
  --sx-glass-glow: rgba(201, 168, 108, 0.22);
  --sf-accent: #3d3228;
  --sf-accent-ink: #f8edd8;
  --sf-ink: #141018;
  --sf-muted: #5a5460;
  --accent: #c9a86c;
  --orbit-mesh:
    repeating-radial-gradient(
      circle at 50% 46%,
      transparent 0 16px,
      rgba(201, 168, 108, 0.07) 16px 17px
    ),
    repeating-radial-gradient(
      circle at 50% 46%,
      transparent 0 48px,
      rgba(180, 160, 220, 0.04) 48px 49px
    );
  /* Near-opaque pearl — true light, not muddy glass over night hall */
  --crystal: #fffcfa;
  --crystal-deep: #fff8f2;
  --crystal-edge: 1px solid rgba(255, 255, 255, 0.95);
  --crystal-gold: 1px solid rgba(201, 168, 108, 0.48);
  --crystal-shadow:
    0 28px 70px rgba(28, 20, 40, 0.22),
    0 0 0 1px rgba(201, 168, 108, 0.28),
    0 0 48px rgba(201, 168, 108, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(201, 168, 108, 0.1);
  --cta-lux: linear-gradient(135deg, #241c16 0%, #4a3a28 46%, #7a6248 100%);
  --cta-gold: linear-gradient(135deg, #f3e4c4 0%, #d4b06a 48%, #a8893f 100%);
  color: var(--sx-text);
}

/* Hall stage — luminous sci-fi wash so light chrome belongs */
html.is-storefront .sx-root.is-hall[data-look="frost"] {
  background: #0a0c12 !important;
}
/* Keep hall photo intact — never bleach the stage for frost */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-stage-media {
  opacity: 1 !important;
  filter: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-stage-shine {
  background:
    radial-gradient(ellipse 70% 45% at 50% -10%, rgba(255, 252, 248, 0.18), transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 40%) !important;
  mix-blend-mode: soft-light !important;
  opacity: 1 !important;
  pointer-events: none;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-hero-beam {
  background: linear-gradient(
      105deg,
      transparent 22%,
      rgba(201, 168, 108, 0.1) 45%,
      rgba(186, 170, 255, 0.06) 55%,
      transparent 78%
    ) !important;
  mix-blend-mode: soft-light;
  opacity: 0.7;
}

/* ——— Crystal glass chrome ——— */
html.is-storefront .sx-root.is-hall[data-look="frost"] .glass,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-glass-pro,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-glass-hi,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-hero,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-brand,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-top-tools,
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-dock,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-looks,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-modes,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-search-sheet,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-search-card,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-bot-panel,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-deal-panel,
html.is-storefront .sx-root.is-hall[data-look="frost"] > aside.sx-map,
html.is-storefront .sx-root.is-hall[data-look="frost"] > aside.sx-rail,
html.is-storefront .sx-root.is-hall[data-look="frost"] > aside.sx-product,
html.is-storefront .sf-root[data-theme="frost"] .sf-auth,
html.is-storefront .sf-root[data-theme="frost"] .sf-modal,
html.is-storefront .sf-root[data-theme="frost"] .sf-drawer,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux,
html.is-storefront .sf-root[data-theme="frost"] .sf-cancel-card,
html.is-storefront .sf-root[data-theme="frost"] .sf-empty,
html.is-storefront .sf-root[data-theme="frost"] .sf-empty-auth,
html.is-storefront .sf-root[data-theme="frost"] .sf-order,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-drawer,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] > .sx-hud-page,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-empty,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-empty-auth,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order {
  background: var(--crystal), var(--orbit-mesh) !important;
  background-blend-mode: normal, soft-light;
  border: var(--crystal-edge) !important;
  outline: var(--crystal-gold);
  outline-offset: -2px;
  box-shadow: var(--crystal-shadow) !important;
  color: #17131c !important;
  backdrop-filter: blur(40px) saturate(1.55) !important;
  -webkit-backdrop-filter: blur(40px) saturate(1.55) !important;
}

/* Brand + HUD */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-brand-mark,
html.is-storefront .sf-root[data-theme="frost"] .sx-brand-mark {
  border: 2px solid rgba(212, 176, 106, 0.95) !important;
  box-shadow:
    0 0 0 4px rgba(201, 168, 108, 0.2),
    0 0 28px rgba(201, 168, 108, 0.35),
    0 12px 28px rgba(40, 28, 18, 0.12) !important;
  background: #fff !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-brand-copy strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-brand strong,
html.is-storefront .sf-root[data-theme="frost"] .sx-brand strong,
html.is-storefront .sf-root[data-theme="frost"] .sx-brand-copy strong,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-hud-title {
  color: #17131c !important;
  font-weight: 750 !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] > .sx-hud-page .sx-brand,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] > .sx-hud-page .sx-top-tools,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-brand,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-top-tools {
  background: var(--crystal), var(--orbit-mesh) !important;
  border: 1px solid rgba(201, 168, 108, 0.45) !important;
  box-shadow: var(--crystal-shadow) !important;
  color: #17131c !important;
  backdrop-filter: blur(28px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.4) !important;
}

/* Dock — crystal tiles, gold active (orbit gem) */
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button {
  background:
    radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.85), transparent 55%),
    rgba(255, 255, 255, 0.42) !important;
  border: 1px solid rgba(201, 168, 108, 0.38) !important;
  color: #17131c !important;
  box-shadow: inset 0 1px 0 #fff, 0 6px 16px rgba(40, 28, 18, 0.08) !important;
  border-radius: 18px !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button span:not(.sx-dock-ico) {
  color: #3d3429 !important;
  font-weight: 650 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button svg {
  color: #8a6a45 !important;
  stroke: #8a6a45 !important;
  filter: drop-shadow(0 0 6px rgba(201, 168, 108, 0.35)) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button.is-on {
  background: var(--cta-gold) !important;
  border-color: rgba(168, 137, 63, 0.75) !important;
  color: #1a1204 !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.55),
    0 14px 36px rgba(201, 168, 108, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button.is-on span,
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button.is-on svg {
  color: #1a1204 !important;
  stroke: #1a1204 !important;
  filter: none !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-icon,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-icon {
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.95), transparent 50%),
    rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(201, 168, 108, 0.42) !important;
  color: #17131c !important;
  box-shadow: inset 0 1px 0 #fff, 0 0 16px rgba(201, 168, 108, 0.12) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-icon svg,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-icon svg {
  color: #8a6a45 !important;
  stroke: #8a6a45 !important;
  filter: none !important;
}

/* Typography */
html.is-storefront .sx-root.is-hall[data-look="frost"] h1,
html.is-storefront .sx-root.is-hall[data-look="frost"] h2,
html.is-storefront .sx-root.is-hall[data-look="frost"] h3,
html.is-storefront .sx-root.is-hall[data-look="frost"] h4,
html.is-storefront .sx-root.is-hall[data-look="frost"] strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] b,
html.is-storefront .sx-root.is-hall[data-look="frost"] label,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-product h3,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-copy strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-open,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-title,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-titles h2,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-deal-panel-title,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-map-grid button,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-nav button,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-meta strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card strong,
html.is-storefront .sf-root[data-theme="frost"] label,
html.is-storefront .sf-root[data-theme="frost"] .sf-auth h3,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-drawer-head strong,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-drawer-body,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-drawer-body p,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-empty-auth p,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-drawer-head h3,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-line strong {
  color: #17131c !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] small,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-muted,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-desc,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-was,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-blurb,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-figure-kind,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-body,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-chat-status,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-hint {
  color: #6a6370 !important;
}

/* Prices — champagne gold */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-price,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-copy em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-rail-card em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-value,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-deal-panel-value,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-meta em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-cap em {
  color: #f0d9a0 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
}

/* CTAs — espresso + gold edge */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-btn,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-add,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-add,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-go,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-nav button.is-on,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-map-grid button.is-on,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-bag,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-bag,
html.is-storefront .sf-root[data-theme="frost"] .sf-btn,
html.is-storefront .sf-root[data-theme="frost"] .sf-primary,
html.is-storefront .sf-root[data-theme="frost"] button.sf-btn:not(.ghost),
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-btn,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-primary,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] button.sf-btn:not(.ghost),
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-drawer-foot .sf-btn,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-empty-auth .sf-btn,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth .sf-btn {
  background: var(--cta-lux) !important;
  color: #f8edd8 !important;
  border: 1px solid rgba(201, 168, 108, 0.58) !important;
  box-shadow:
    0 14px 32px rgba(40, 28, 18, 0.28),
    0 0 24px rgba(201, 168, 108, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-btn.ghost,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-x,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-close,
html.is-storefront .sf-root[data-theme="frost"] .sf-btn.ghost,
html.is-storefront .sf-root[data-theme="frost"] .sf-x,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-btn.ghost,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-x {
  background: rgba(255, 255, 255, 0.78) !important;
  color: #17131c !important;
  border: 1px solid rgba(201, 168, 108, 0.42) !important;
  box-shadow: 0 6px 16px rgba(40, 28, 18, 0.08) !important;
}

/* Inputs */
html.is-storefront .sx-root.is-hall[data-look="frost"] input,
html.is-storefront .sx-root.is-hall[data-look="frost"] textarea,
html.is-storefront .sx-root.is-hall[data-look="frost"] select,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-search-hero,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-search-hero input,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-search,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-search input,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-search,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-search input,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-chat-compose input,
html.is-storefront .sf-root[data-theme="frost"] input,
html.is-storefront .sf-root[data-theme="frost"] textarea,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth input,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-field input,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-drawer input,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-pass-input {
  background: rgba(255, 255, 255, 0.88) !important;
  color: #17131c !important;
  border: 1px solid rgba(201, 168, 108, 0.38) !important;
  box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(255, 255, 255, 0.4) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] input:focus,
html.is-storefront .sx-root.is-hall[data-look="frost"] textarea:focus,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] input:focus {
  border-color: rgba(201, 168, 108, 0.75) !important;
  box-shadow: 0 0 0 3px rgba(201, 168, 108, 0.22), inset 0 1px 0 #fff !important;
  outline: none !important;
}

/* ——— Product cards = crystal + orbit light (NOT dark purple) ——— */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-card,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-rail-card,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-search-hit {
  position: relative !important;
  background: var(--crystal-deep) !important;
  border: 1px solid rgba(201, 168, 108, 0.42) !important;
  box-shadow:
    0 18px 42px rgba(28, 20, 40, 0.14),
    0 0 32px rgba(201, 168, 108, 0.12),
    inset 0 1px 0 #fff !important;
  color: #17131c !important;
  overflow: hidden !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard::before,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-card::before,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: var(--orbit-mesh);
  opacity: 0.85;
  mix-blend-mode: soft-light;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard > *,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-card > *,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card > * {
  position: relative;
  z-index: 1;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-img,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spin-wrap,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spin-stage {
  background:
    var(--orbit-mesh),
    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 248, 240, 0.55) 42%, rgba(232, 224, 255, 0.35) 70%, rgba(255, 250, 244, 0.5) 100%) !important;
  border-bottom: 1px solid rgba(201, 168, 108, 0.22) !important;
  box-shadow: inset 0 0 40px rgba(201, 168, 108, 0.08) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-img::after,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media::after {
  content: "";
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  border: 1px solid rgba(201, 168, 108, 0.28);
  box-shadow:
    0 0 0 10px rgba(201, 168, 108, 0.06),
    0 0 28px rgba(201, 168, 108, 0.18);
  pointer-events: none;
  z-index: 1;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-img svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media svg {
  filter: drop-shadow(0 8px 18px rgba(201, 168, 108, 0.28));
  position: relative;
  z-index: 2;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-copy,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-meta,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-deal-panel-body {
  background: linear-gradient(180deg, rgba(255, 252, 248, 0.55), rgba(255, 248, 240, 0.82)) !important;
  color: #17131c !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-open {
  color: #17131c !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-deal,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-badge,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-badge {
  background: var(--cta-gold) !important;
  color: #1a1204 !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  box-shadow: 0 6px 16px rgba(201, 168, 108, 0.4) !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-bag,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-bag {
  background: var(--cta-lux) !important;
  color: #f8edd8 !important;
  border: 1px solid rgba(201, 168, 108, 0.5) !important;
  box-shadow: 0 10px 24px rgba(40, 28, 18, 0.22) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-bag.is-in-cart {
  background: linear-gradient(180deg, #34d399, #059669) !important;
  border-color: rgba(167, 243, 208, 0.55) !important;
}

/* Shelf weekly deals strip */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deals {
  background: var(--crystal), var(--orbit-mesh) !important;
  border: 1px solid rgba(201, 168, 108, 0.4) !important;
  box-shadow: var(--crystal-shadow) !important;
  color: #17131c !important;
  backdrop-filter: blur(28px) saturate(1.4) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deals h3,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal b,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal strong {
  color: #17131c !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal {
  background: rgba(255, 255, 255, 0.55) !important;
  border: 1px solid rgba(201, 168, 108, 0.28) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal .sx-price {
  color: #8a6a45 !important;
}

/* ——— Orbit spots — crystal cores + gold rings (hall language, light) ——— */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-pulse {
  border-color: rgba(201, 168, 108, 0.55) !important;
  box-shadow: 0 0 24px rgba(201, 168, 108, 0.35);
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-ring,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot.has-deal .sx-spot-ring {
  border: 2.5px solid #d4b06a !important;
  background: transparent !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.35),
    0 0 26px rgba(201, 168, 108, 0.55) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-thumb {
  background:
    radial-gradient(circle at 50% 28%, #ffffff 0%, #fff6ea 52%, #f0e8ff 100%) !important;
  box-shadow: inset 0 0 16px rgba(201, 168, 108, 0.14) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-cap,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-cap strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-label,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-label strong {
  color: #faf6ef !important;
  -webkit-text-fill-color: #faf6ef !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85), 0 0 12px rgba(0, 0, 0, 0.45) !important;
  background: transparent !important;
  padding: 0 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-label em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-cap em {
  color: #f0d9a0 !important;
  -webkit-text-fill-color: #f0d9a0 !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-deal-tag,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-deal-tag-gem {
  background: linear-gradient(135deg, #f0e0bd, #c9a86c) !important;
  color: #1a1204 !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

/* Atelier offers — crystal cards + orbit */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier {
  background: var(--crystal-deep), var(--orbit-mesh) !important;
  border: var(--crystal-gold) !important;
  color: #17131c !important;
  box-shadow: 0 40px 100px rgba(28, 20, 40, 0.28), var(--crystal-shadow) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-scrim {
  background:
    radial-gradient(circle at 50% 40%, rgba(255, 248, 240, 0.12), transparent 40%),
    rgba(18, 14, 28, 0.42) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-kicker {
  color: #8a6a45 !important;
  letter-spacing: 0.2em !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-head h2 {
  color: #17131c !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-card {
  position: relative;
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.9), rgba(255, 248, 240, 0.72)) !important;
  border: 1px solid rgba(201, 168, 108, 0.38) !important;
  box-shadow: 0 14px 36px rgba(40, 28, 18, 0.1), inset 0 1px 0 #fff !important;
  overflow: visible !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-card::before {
  content: none !important;
  display: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-card:hover {
  border-color: rgba(201, 168, 108, 0.7) !important;
  transform: translateY(-3px);
  box-shadow: 0 20px 48px rgba(201, 168, 108, 0.25) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-top {
  background:
    radial-gradient(circle at 80% 20%, rgba(201, 168, 108, 0.28), transparent 50%),
    linear-gradient(160deg, rgba(255, 255, 255, 0.7), rgba(255, 248, 240, 0.4)) !important;
  border: 1px solid rgba(201, 168, 108, 0.3) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-seal {
  background: var(--cta-gold) !important;
  color: #1a1204 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-figure-val {
  color: #8a6a45 !important;
  text-shadow: 0 0 20px rgba(201, 168, 108, 0.35);
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-go {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: 8px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  background: var(--cta-lux) !important;
  color: #f8edd8 !important;
  border: 1px solid rgba(201, 168, 108, 0.55) !important;
  box-shadow: 0 12px 28px rgba(40, 28, 18, 0.22) !important;
  font-weight: 750 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-search {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(201, 168, 108, 0.38) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-chips > span {
  color: #4a3a28 !important;
  background: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(201, 168, 108, 0.28) !important;
}

/* Offer pop / search */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop {
  background: var(--crystal-deep), var(--orbit-mesh) !important;
  border: var(--crystal-gold) !important;
  color: #17131c !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-screen,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-search-screen {
  background:
    radial-gradient(circle at 50% 40%, rgba(255, 248, 240, 0.1), transparent 45%),
    rgba(16, 12, 24, 0.4) !important;
}

/* Cart / orders / auth details */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux {
  background: var(--crystal), var(--orbit-mesh) !important;
  border: 1px solid rgba(201, 168, 108, 0.45) !important;
  box-shadow: var(--crystal-shadow) !important;
  color: #17131c !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-drawer-head,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-drawer-head,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-head,
html.is-storefront .sf-root[data-theme="frost"] .sf-drawer-head,
html.is-storefront .sf-root[data-theme="frost"] .sf-modal-head {
  background: rgba(255, 252, 247, 0.35) !important;
  border-color: rgba(201, 168, 108, 0.22) !important;
  color: #17131c !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-drawer-foot {
  background: rgba(255, 248, 240, 0.55) !important;
  border-top: 1px solid rgba(201, 168, 108, 0.22) !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-total,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-total {
  color: #8a6a45 !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-qty {
  background: rgba(201, 168, 108, 0.14) !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-qty button {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #17131c !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-qty span {
  color: #17131c !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-tabs button {
  background: rgba(255, 255, 255, 0.45) !important;
  color: #3d3429 !important;
  border: 1px solid rgba(201, 168, 108, 0.25) !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-tabs button.is-on {
  background: #fff !important;
  color: #17131c !important;
  border-color: rgba(201, 168, 108, 0.45) !important;
  box-shadow: 0 6px 18px rgba(201, 168, 108, 0.2) !important;
}

html.is-storefront .sf-root[data-theme="frost"] .sf-orders-hud,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-orders-hud {
  background:
    radial-gradient(circle at 50% 20%, rgba(255, 248, 240, 0.35), transparent 55%),
    var(--orbit-mesh),
    linear-gradient(180deg, rgba(255, 252, 247, 0.42), rgba(236, 228, 255, 0.55)) !important;
  backdrop-filter: blur(24px) saturate(1.35);
  -webkit-backdrop-filter: blur(24px) saturate(1.35);
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-bot-fab {
  background:
    radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.7), transparent 45%),
    var(--cta-gold) !important;
  border: 2px solid rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 14px 36px rgba(201, 168, 108, 0.5) !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .shop-look-chip.is-on {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #c9a86c, 0 0 20px rgba(201, 168, 108, 0.45) !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .lang-compact,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .lang-compact {
  background: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid rgba(201, 168, 108, 0.38) !important;
  color: #17131c !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-visitors,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-visitors {
  background: #fff !important;
  border: 1px solid rgba(180, 145, 90, 0.4) !important;
  color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-visitors strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-visitors span,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-visitors strong,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-visitors span {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-toast {
  background: rgba(36, 28, 22, 0.94) !important;
  color: #f8edd8 !important;
  border: 1px solid rgba(201, 168, 108, 0.45) !important;
}

/* Chat bubbles on frost */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-chat-line,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-bot-msg {
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(201, 168, 108, 0.28) !important;
  color: #17131c !important;
}

/* Product detail panel */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-product .sx-btn,
html.is-storefront .sx-root.is-hall[data-look="frost"] aside.sx-product .sx-add {
  background: var(--cta-lux) !important;
  color: #f8edd8 !important;
}

/* =====================================================================
   FROST v8 — SOLID LIGHT + CONTRAST LOCK
   Opaque pearl panels · every label dark · no dark purple cards
   ===================================================================== */

html.is-storefront .sx-root.is-hall[data-look="frost"] .glass,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-glass-pro,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-glass-hi,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-brand,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-top-tools,
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-dock,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-looks,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-modes,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-search-sheet,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-search-card,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-bot-panel,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-deal-panel,
html.is-storefront .sx-root.is-hall[data-look="frost"] > aside.sx-map,
html.is-storefront .sx-root.is-hall[data-look="frost"] > aside.sx-rail,
html.is-storefront .sx-root.is-hall[data-look="frost"] > aside.sx-product,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deals,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-drawer,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cancel-card,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] > .sx-hud-page,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-empty-auth,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-empty,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order {
  background-color: #fffcfa !important;
  background-image: var(--orbit-mesh) !important;
  background-blend-mode: soft-light !important;
  color: #141018 !important;
  border: 1px solid rgba(180, 145, 90, 0.42) !important;
  outline: none !important;
  box-shadow:
    0 22px 56px rgba(40, 28, 18, 0.14),
    0 0 0 1px rgba(255, 255, 255, 0.9),
    inset 0 1px 0 #fff !important;
  backdrop-filter: blur(18px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
}

/* Dock labels + icons — always dark & bold */
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button {
  background: #fff !important;
  border: 1px solid rgba(180, 145, 90, 0.35) !important;
  color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button span:not(.sx-dock-ico),
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button path {
  color: #141018 !important;
  stroke: #141018 !important;
  fill: none !important;
  opacity: 1 !important;
  font-weight: 750 !important;
  text-shadow: none !important;
  filter: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button.is-on {
  background: linear-gradient(135deg, #f0e0bd, #c9a86c) !important;
  color: #1a1204 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button.is-on span,
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button.is-on svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button.is-on path {
  color: #1a1204 !important;
  stroke: #1a1204 !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-icon,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-icon {
  background: #fff !important;
  border: 1px solid rgba(180, 145, 90, 0.4) !important;
  color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-icon svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-icon path,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-icon svg,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-icon path {
  color: #141018 !important;
  stroke: #141018 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Auth / forms — every label readable */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth .sf-drawer-head,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth .sf-drawer-body {
  background: #fffcfa !important;
  color: #141018 !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth h3,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth p,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth small,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth label,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth .sf-hint,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-field label,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-drawer-head strong,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-drawer-head h3,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-head h3,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-copy,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-copy p,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-copy strong,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-copy small {
  color: #141018 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #141018 !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth .sf-hint,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-field label {
  color: #4a4450 !important;
  -webkit-text-fill-color: #4a4450 !important;
  font-weight: 650 !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-tabs button {
  background: #f3ebe3 !important;
  color: #141018 !important;
  border: 1px solid rgba(180, 145, 90, 0.3) !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-tabs button.is-on {
  background: #fff !important;
  color: #141018 !important;
  border-color: rgba(180, 145, 90, 0.55) !important;
  box-shadow: 0 4px 14px rgba(180, 145, 90, 0.2) !important;
}

/* Map / rail / product text */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-map-grid button,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-nav button,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-product,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-product h3,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-product p,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-product small,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-product strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-desc,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-chat-status,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-bot-panel,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-bot-panel p,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-bot-panel strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-brand-copy strong {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  opacity: 1 !important;
}

/* Spot labels on hall photo — light ink + shadow (hall stays dark) */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-label,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-label strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-cap,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-cap strong {
  color: #faf6ef !important;
  -webkit-text-fill-color: #faf6ef !important;
  background: transparent !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), 0 0 14px rgba(0, 0, 0, 0.5) !important;
  border-radius: 0;
  padding: 0 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-label em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spot-cap em {
  color: #f0d9a0 !important;
  -webkit-text-fill-color: #f0d9a0 !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
}

/* Salon / vitrine / folio — kill dark purple cards */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-card,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-card,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vitrine-card {
  background: #fff8f2 !important;
  border: 1px solid rgba(180, 145, 90, 0.4) !important;
  box-shadow: 0 14px 32px rgba(40, 28, 18, 0.1), inset 0 1px 0 #fff !important;
  color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-media,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spin-stage,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spin-wrap,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-img,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-media {
  background:
    var(--orbit-mesh),
    radial-gradient(circle at 50% 40%, #ffffff 0%, #fff4e8 55%, #efe8ff 100%) !important;
  color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-meta strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-meta em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deals,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deals h3,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal b,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal small {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-meta em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-price {
  color: #7a5c38 !important;
  -webkit-text-fill-color: #7a5c38 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal {
  background: #fff !important;
  border: 1px solid rgba(180, 145, 90, 0.28) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-bag,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card .sx-add,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-bag {
  background: linear-gradient(135deg, #241c16, #6b5340) !important;
  color: #f8edd8 !important;
  -webkit-text-fill-color: #f8edd8 !important;
}

/* Rail cards light */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-rail-card {
  background: #fff8f2 !important;
  border: 1px solid rgba(180, 145, 90, 0.35) !important;
  color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-rail-card strong {
  color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-rail-card em {
  color: #7a5c38 !important;
}

/* Quick view / product modal media light */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-media,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-media img,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-art {
  background: radial-gradient(circle at 50% 40%, #fff, #fff4e8 60%, #efe8ff) !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-copy,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-deal-banner,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-specs,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-stock {
  color: #141018 !important;
  background: transparent !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-was {
  color: #8a8490 !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-price {
  color: #7a5c38 !important;
}

/* CTAs keep light ink on espresso */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-btn,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-add,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-go,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-btn:not(.ghost) {
  color: #f8edd8 !important;
  -webkit-text-fill-color: #f8edd8 !important;
}

/* Orders HUD brighter */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-orders-hud {
  background:
    var(--orbit-mesh),
    linear-gradient(180deg, rgba(255, 252, 248, 0.88), rgba(255, 244, 232, 0.92)) !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-pill {
  background: #fff !important;
  color: #141018 !important;
  border: 1px solid rgba(180, 145, 90, 0.4) !important;
}

/* Lang compact readable */
html.is-storefront .sx-root.is-hall[data-look="frost"] .lang-compact,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .lang-compact,
html.is-storefront .sx-root.is-hall[data-look="frost"] .lang-compact *,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .lang-compact * {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}

/* Hall-lock badge rings stay gold on frost dock */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-dock-ico em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-dock-bag em {
  background: #c9a86c !important;
  color: #1a1204 !important;
  box-shadow: 0 0 0 2px #fffcfa !important;
}

/* =====================================================================
   FROST HOTFIX — auth title, folio hero text, softer panels
   ===================================================================== */

/* Auth title is .sf-modal-head strong (NOT drawer-head) */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth .sf-modal-head,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth .sf-modal-head strong,
html.is-storefront .sf-root[data-theme="frost"] .sf-auth .sf-modal-head,
html.is-storefront .sf-root[data-theme="frost"] .sf-auth .sf-modal-head strong {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  opacity: 1 !important;
  background: transparent !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-head {
  background: transparent !important;
  color: #141018 !important;
  border-color: rgba(180, 145, 90, 0.22) !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth .sf-hint {
  color: #4a4450 !important;
  -webkit-text-fill-color: #4a4450 !important;
  opacity: 1 !important;
}

/* Folio hero stays dark cinematic — light text */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-hero {
  background:
    linear-gradient(155deg, rgba(255,255,255,.08), transparent 40%),
    rgba(14, 10, 24, .88) !important;
  border: 1px solid rgba(201, 168, 108, 0.45) !important;
  color: #faf6ef !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-hero-copy {
  background: linear-gradient(180deg, transparent, rgba(6, 4, 14, .75) 28%, rgba(6, 4, 14, .96)) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-hero-copy small,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-hero-copy strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-hero-copy em {
  color: #faf6ef !important;
  -webkit-text-fill-color: #faf6ef !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.85) !important;
  background: transparent !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-hero-copy em {
  color: #f0d9a0 !important;
  -webkit-text-fill-color: #f0d9a0 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-cta {
  background: linear-gradient(135deg, #241c16, #6b5340) !important;
  color: #f8edd8 !important;
  -webkit-text-fill-color: #f8edd8 !important;
  border: 1px solid rgba(201, 168, 108, 0.5) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-rail-fade::after {
  background: linear-gradient(to top, rgba(255, 252, 248, .92) 0%, rgba(255, 252, 248, .35) 55%, transparent 100%) !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-search-card,
html.is-storefront .sx-root.is-hall[data-look="frost"] > aside.sx-map,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-bot-panel {
  background: rgba(255, 252, 248, 0.9) !important;
  background-image: none !important;
  backdrop-filter: blur(28px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.35) !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-search-hit .sx-pcard-img,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-search-hits .sx-pcard-img,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-img,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media {
  background: radial-gradient(circle at 50% 40%, #fff 0%, #fff6ea 50%, #efe8ff 100%) !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal small,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deals small {
  color: #5a5460 !important;
  -webkit-text-fill-color: #5a5460 !important;
  opacity: 1 !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-product .sx-btn,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-product .sx-add,
html.is-storefront .sx-root.is-hall[data-look="frost"] aside.sx-product button.sx-btn {
  background: linear-gradient(135deg, #241c16, #6b5340) !important;
  color: #f8edd8 !important;
  -webkit-text-fill-color: #f8edd8 !important;
}
/* =====================================================================
   FROST v12 � annotated defects lock (lang / modes / art / grids / map)
   ===================================================================== */

/* Language � � pearl track, gold active, never dark smudge */
html.is-storefront .sx-root.is-hall[data-look="frost"] .lang-compact,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .lang-compact {
  background: rgba(255, 252, 248, 0.95) !important;
  border: 1px solid rgba(180, 145, 90, 0.42) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .lang-compact .lang-btn,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .lang-compact .lang-btn {
  background: transparent !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  filter: none !important;
  box-shadow: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .lang-compact .lang-btn.active,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .lang-compact .lang-btn.active {
  background: linear-gradient(135deg, #e8d5a8, #c9a86c) !important;
  color: #1a1204 !important;
  -webkit-text-fill-color: #1a1204 !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 8px rgba(180, 145, 90, 0.35) !important;
}

/* Modes dropdown � pearl glass, not charcoal */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-modes-pop .sx-modes-grid {
  background: rgba(255, 252, 248, 0.97) !important;
  border: 1px solid rgba(180, 145, 90, 0.4) !important;
  box-shadow: 0 18px 40px rgba(40, 28, 18, 0.16), inset 0 1px 0 #fff !important;
  color: #141018 !important;
  overflow: auto !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-mode-chip {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  background: transparent !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-mode-chip:hover {
  background: rgba(201, 168, 108, 0.14) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-mode-chip.is-on {
  background: linear-gradient(135deg, rgba(255, 248, 236, 0.95), rgba(232, 213, 168, 0.55)) !important;
  box-shadow: inset 0 0 0 1px rgba(201, 168, 108, 0.55) !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}

/* Looks swatch panel � pearl + room for frost label */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-looks-grid {
  background: rgba(255, 252, 248, 0.97) !important;
  border: 1px solid rgba(180, 145, 90, 0.4) !important;
  box-shadow: 0 16px 40px rgba(40, 28, 18, 0.16), inset 0 1px 0 #fff !important;
  overflow: visible !important;
  padding: 12px 12px 18px !important;
  gap: 8px !important;
  grid-template-columns: repeat(6, 22px) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .shop-look-chip {
  width: 22px !important;
  height: 22px !important;
  border: 1px solid rgba(180, 145, 90, 0.35) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .shop-look-chip.is-on {
  outline: 2px solid #c9a86c !important;
  outline-offset: 2px !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .shop-look-chip::after {
  color: #fff8ef !important;
  -webkit-text-fill-color: #fff8ef !important;
  background: rgba(12, 10, 18, 0.96) !important;
  border: 1px solid rgba(201, 168, 108, 0.4) !important;
  text-align: center !important;
  left: 50% !important;
  right: auto !important;
  inset-inline: auto !important;
  transform: translateX(-50%) !important;
  z-index: 95 !important;
}

/* Map active � champagne chip, not espresso slab */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-map-grid button.is-on,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-nav button.is-on {
  background: linear-gradient(135deg, #fff8ef, #f0e0c8) !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  border: 1px solid rgba(201, 168, 108, 0.65) !important;
  box-shadow: 0 6px 16px rgba(180, 145, 90, 0.18), inset 0 1px 0 #fff !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-map-grid button.is-on svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-nav button.is-on svg {
  color: #7a5c38 !important;
  stroke: #7a5c38 !important;
}

/* Salon mosaic � force clean grid, kill deck stack */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-mosaic {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.7rem !important;
  align-content: start !important;
  align-items: stretch !important;
  position: relative !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
  z-index: auto !important;
  display: flex !important;
  flex-direction: column !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-fade::after {
  background: linear-gradient(to top, rgba(255, 252, 248, 0.92) 0%, rgba(255, 252, 248, 0.35) 55%, transparent 100%) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-search {
  background: rgba(255, 252, 248, 0.92) !important;
  border: 1px solid rgba(180, 145, 90, 0.38) !important;
  box-shadow: 0 8px 20px rgba(40, 28, 18, 0.08), inset 0 1px 0 #fff !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-search input,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-search input::placeholder {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-search input::placeholder {
  color: #8a8490 !important;
  -webkit-text-fill-color: #8a8490 !important;
  opacity: 1 !important;
}

/* Media pads — transparent (no cream box-in-box); salon media pad owned by frost-lock */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-img,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-media,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail-art,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-search-art,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spin-stage,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spin-wrap,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spin-art,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-item-art,
html.is-storefront .sf-root[data-theme="frost"] .sf-modal-media,
html.is-storefront .sf-root[data-theme="frost"] .sf-modal-art,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-media,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-art,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-line-art {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Offer browse grid � restore card columns, kill crushed strips */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-layout {
  display: grid !important;
  gap: 14px !important;
  align-items: stretch !important;
  min-height: 0 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-layout.has-detail {
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.9fr) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)) !important;
  gap: 12px !important;
  align-content: start !important;
  min-height: 220px !important;
  overflow: auto !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-height: 210px !important;
  height: auto !important;
  padding: 10px !important;
  overflow: visible !important;
  background: #fffaf4 !important;
  border: 1px solid rgba(180, 145, 90, 0.32) !important;
  box-shadow: 0 10px 24px rgba(40, 28, 18, 0.08), inset 0 1px 0 #fff !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  min-height: 0 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art {
  height: 118px !important;
  min-height: 118px !important;
  max-height: 118px !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
  border-radius: 14px !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main em {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main em {
  color: #7a5c38 !important;
  -webkit-text-fill-color: #7a5c38 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail-pane {
  background: rgba(255, 252, 248, 0.96) !important;
  border: 1px solid rgba(180, 145, 90, 0.32) !important;
  color: #141018 !important;
  overflow: auto !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail-art {
  min-height: 180px !important;
  height: 200px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail-price,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail-price span,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail-pane h3,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail-blurb,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail-cat {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail-price {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: baseline !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail-deal {
  background: linear-gradient(135deg, rgba(255, 248, 236, 0.95), rgba(245, 230, 200, 0.55)) !important;
  border: 1px solid rgba(201, 168, 108, 0.4) !important;
  color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail-deal em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail-deal strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail-deal span {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-add,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail-pane .sx-cta,
html.is-storefront .sx-root.is-hall[data-look="frost"] aside.sx-product .sx-cta {
  background: linear-gradient(135deg, #241c16, #6b5340) !important;
  color: #f8edd8 !important;
  -webkit-text-fill-color: #f8edd8 !important;
  border: 1px solid rgba(201, 168, 108, 0.5) !important;
}

/* Badges / wholesale � champagne, not flat yellow / mint */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-deal-panel-badge,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sf-deal-badge,
html.is-storefront .sf-root[data-theme="frost"] .sf-deal-badge,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-deal-badge,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-chip,
html.is-storefront .sf-root[data-theme="frost"] .sf-pill {
  background: linear-gradient(135deg, #f3e2bc, #c9a86c) !important;
  color: #1a1204 !important;
  -webkit-text-fill-color: #1a1204 !important;
  border: 1px solid rgba(180, 145, 90, 0.45) !important;
  box-shadow: 0 2px 8px rgba(180, 145, 90, 0.2) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-ws-hint-lux,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-ws-hint,
html.is-storefront .sf-root[data-theme="frost"] .sf-ws-box,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-ws-box {
  background: linear-gradient(135deg, rgba(255, 248, 236, 0.95), rgba(240, 224, 200, 0.55)) !important;
  border: 1px solid rgba(201, 168, 108, 0.4) !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-ws-hint-lux em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-ws-hint-lux strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-ws-hint-lux span,
html.is-storefront .sf-root[data-theme="frost"] .sf-ws-box em,
html.is-storefront .sf-root[data-theme="frost"] .sf-ws-box strong,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-ws-box em {
  color: #7a5c38 !important;
  -webkit-text-fill-color: #7a5c38 !important;
}

/* Deal panel on frost product aside */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-deal-panel {
  background: linear-gradient(155deg, rgba(255, 252, 248, 0.95), rgba(245, 230, 200, 0.45)) !important;
  border: 1px solid rgba(201, 168, 108, 0.38) !important;
  color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-deal-panel-title,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-deal-panel-body,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-deal-panel-kind,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-deal-ends,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-deal-min,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-deal-panel-value {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-price-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
  align-items: baseline !important;
}
html.is-storefront .sf-root[data-theme="frost"] .sf-deal-box,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-deal-box {
  background: linear-gradient(155deg, rgba(255, 252, 248, 0.95), rgba(245, 230, 200, 0.45)) !important;
  border: 1px solid rgba(201, 168, 108, 0.38) !important;
  color: #141018 !important;
}
html.is-storefront .sf-root[data-theme="frost"] .sf-deal-row em,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-deal-row em {
  color: #7a5c38 !important;
  -webkit-text-fill-color: #7a5c38 !important;
}

/* Folio rail prices � espresso ink on pearl, not gold-on-white */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-card em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-rail em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-rail-card em {
  color: #5c4528 !important;
  -webkit-text-fill-color: #5c4528 !important;
  font-weight: 800 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-card,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-rail-card {
  background: #fffaf4 !important;
  border: 1px solid rgba(180, 145, 90, 0.32) !important;
  color: #141018 !important;
}

/* Shelf / vitrine cards � soft champagne glow, not muddy radial */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media::after,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-pcard-img::after {
  border-color: rgba(201, 168, 108, 0.22) !important;
  box-shadow:
    0 0 0 8px rgba(201, 168, 108, 0.04),
    0 0 20px rgba(201, 168, 108, 0.1) !important;
}

@media (max-width: 900px) {
  html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-mosaic {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-layout.has-detail {
    grid-template-columns: 1fr !important;
  }
}

/* =====================================================================
   FROST v13 � folio / salon / orbit / dock / offer-cards / modal
   ===================================================================== */

/* Folio hero = pearl story card (not charcoal slab) */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-hero {
  background:
    linear-gradient(155deg, rgba(255,255,255,.92), rgba(255,246,234,.88)),
    rgba(255, 252, 248, 0.94) !important;
  border: 1px solid rgba(180, 145, 90, 0.42) !important;
  color: #141018 !important;
  box-shadow: 0 22px 48px rgba(40, 28, 18, 0.14), inset 0 1px 0 #fff !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-hero-media {
  background:
    radial-gradient(circle at 50% 40%, #fff 0%, #fff6ea 55%, #efe4d4 100%) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-hero-copy {
  background: linear-gradient(180deg, transparent 10%, rgba(255, 252, 248, 0.72) 42%, rgba(255, 248, 240, 0.96) 100%) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-hero-copy small,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-hero-copy strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-hero-copy em {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  text-shadow: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-hero-copy em {
  color: #7a5c38 !important;
  -webkit-text-fill-color: #7a5c38 !important;
}

/* Folio rail thumbs (real class: .sx-folio-thumb) */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-thumb,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-row .sx-folio-thumb {
  background:
    radial-gradient(circle at 50% 40%, #ffffff 0%, #fff6ea 55%, #f0e4d4 100%) !important;
  border: 1px solid rgba(180, 145, 90, 0.28) !important;
  box-shadow: inset 0 0 16px rgba(201, 168, 108, 0.08) !important;
  overflow: hidden !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-thumb svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-thumb .sx-item-photo-wrap {
  opacity: 1 !important;
  visibility: visible !important;
  filter: drop-shadow(0 4px 8px rgba(40, 28, 18, 0.22)) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-row {
  background: rgba(255, 252, 248, 0.94) !important;
  border: 1px solid rgba(180, 145, 90, 0.28) !important;
  color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-row-copy strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-row-copy em {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-folio-row-copy em {
  color: #5c4528 !important;
  -webkit-text-fill-color: #5c4528 !important;
}

/* Salon media must show — colors only; size owned by frost-lock (= dark 112/78) */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media {
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 13px !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card::before {
  opacity: 0.35 !important;
  mix-blend-mode: soft-light !important;
}

/* Soft glass stage � not a solid white billboard */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-layout,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-mode-stage > .sx-salon-layout,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-mode-stage > .sx-shelf {
  background: rgba(255, 252, 248, 0.55) !important;
  background-image: none !important;
  backdrop-filter: blur(22px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.25) !important;
  border: 1px solid rgba(180, 145, 90, 0.28) !important;
  border-radius: 1.75rem !important;
  overflow: hidden !important;
  box-shadow: 0 18px 40px rgba(40, 28, 18, 0.12) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deals,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-deals {
  background: rgba(255, 252, 248, 0.55) !important;
  border: 1px solid rgba(180, 145, 90, 0.22) !important;
  border-radius: 1.35rem !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

/* Offer browse cards � strict stack, no overlap */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop {
  background: rgba(255, 252, 248, 0.92) !important;
  background-image: linear-gradient(160deg, rgba(255,255,255,.5), transparent 45%) !important;
  backdrop-filter: blur(28px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.3) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  grid-template-areas: "main" "actions" !important;
  gap: 10px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 12px !important;
  overflow: hidden !important;
  position: relative !important;
  background: rgba(255, 250, 244, 0.96) !important;
  border: 1px solid rgba(180, 145, 90, 0.3) !important;
  box-shadow: 0 10px 22px rgba(40, 28, 18, 0.08) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card::before {
  content: none !important;
  display: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main {
  grid-area: main !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-actions {
  grid-area: actions !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 2 !important;
  width: 100% !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art {
  position: relative !important;
  height: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
  flex: 0 0 112px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  border: 1px solid rgba(180, 145, 90, 0.2) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main s {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  z-index: 1 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-add,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 36px !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 2 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail {
  background: rgba(255, 255, 255, 0.85) !important;
  color: #5c4528 !important;
  -webkit-text-fill-color: #5c4528 !important;
  border: 1px solid rgba(180, 145, 90, 0.4) !important;
}

/* Orbit � pearl planets, champagne gold rim (not charcoal orbs) */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-ball {
  background:
    radial-gradient(circle at 35% 28%, #ffffff 0%, #fff6ea 45%, #e8d9c4 100%) !important;
  box-shadow:
    0 0 0 2px rgba(201, 168, 108, 0.75),
    0 0 18px rgba(201, 168, 108, 0.28),
    0 10px 22px rgba(40, 28, 18, 0.2),
    inset 0 1px 0 #fff !important;
  animation: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet.has-deal .sx-vr-planet-ball {
  box-shadow:
    0 0 0 2.5px rgba(201, 168, 108, 0.9),
    0 0 22px rgba(201, 168, 108, 0.35),
    0 10px 22px rgba(40, 28, 18, 0.22),
    inset 0 1px 0 #fff !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-moon-core {
  background:
    radial-gradient(circle at 35% 28%, #fffaf4, #f0e0c8 70%) !important;
  box-shadow:
    0 0 0 2px rgba(201, 168, 108, 0.7),
    0 8px 18px rgba(40, 28, 18, 0.18),
    inset 0 1px 0 #fff !important;
  color: #141018 !important;
  animation: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-moon-core b {
  color: #5c4528 !important;
  -webkit-text-fill-color: #5c4528 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-label strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-label em {
  color: #faf6ef !important;
  -webkit-text-fill-color: #faf6ef !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.85) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-label em {
  color: #f0d9a0 !important;
  -webkit-text-fill-color: #f0d9a0 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-core {
  background:
    radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.95), transparent 46%),
    radial-gradient(circle at 50% 50%, #e8d5a8, #c9a86c 72%) !important;
  box-shadow:
    0 0 0 2px rgba(201, 168, 108, 0.75),
    0 0 28px rgba(201, 168, 108, 0.45),
    0 0 48px rgba(255, 248, 240, 0.25) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-ring-outer {
  border-color: rgba(201, 168, 108, 0.55) !important;
  box-shadow: 0 0 24px rgba(201, 168, 108, 0.2) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-ring-mid {
  border-color: rgba(180, 145, 90, 0.4) !important;
  box-shadow: 0 0 20px rgba(201, 168, 108, 0.15) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-pulse,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-halo {
  border-color: rgba(201, 168, 108, 0.45) !important;
  box-shadow: 0 0 16px rgba(201, 168, 108, 0.25) !important;
}

/* Dock + HUD icons � no square tile borders */
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-dock button {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 14px !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button.is-on,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-dock button.is-on {
  background: rgba(201, 168, 108, 0.22) !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(201, 168, 108, 0.45) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-icon,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-icon,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-top-tools .sx-icon,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] > .sx-hud-page .sx-icon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sx-top-tools,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] > .sx-hud-page .sx-top-tools {
  gap: 4px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Orders / auth CTA � champagne espresso, not flat black */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-btn:not(.ghost),
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-empty-auth .sf-btn,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-auth .sf-btn,
html.is-storefront .sf-root[data-theme="frost"] .sf-btn:not(.ghost) {
  background: linear-gradient(135deg, #3a2a1c 0%, #8a6a40 48%, #c9a86c 100%) !important;
  color: #fff8ef !important;
  -webkit-text-fill-color: #fff8ef !important;
  border: 1px solid rgba(201, 168, 108, 0.55) !important;
  box-shadow: 0 12px 28px rgba(90, 60, 30, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* Product modal / spin � no black frame */
html.is-storefront .sf-root[data-theme="frost"] .sf-modal.sf-quick,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal.sf-quick {
  background: rgba(255, 252, 248, 0.96) !important;
  border: 1px solid rgba(180, 145, 90, 0.35) !important;
}
html.is-storefront .sf-root[data-theme="frost"] .sf-modal-media,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-media,
html.is-storefront .sf-root[data-theme="frost"] .sf-modal-art,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal-art {
  background:
    radial-gradient(circle at 50% 40%, #ffffff 0%, #fff6ea 55%, #efe4d4 100%) !important;
  border: 0 !important;
  box-shadow: inset 0 0 40px rgba(201, 168, 108, 0.1) !important;
  outline: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spin-wrap,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spin-stage,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-spin-art,
html.is-storefront .sx-root.is-hall[data-look="frost"] aside.sx-product .sx-spin-wrap {
  background:
    radial-gradient(circle at 50% 40%, #ffffff 0%, #fff6ea 55%, #efe4d4 100%) !important;
  border: 1px solid rgba(180, 145, 90, 0.28) !important;
  box-shadow: inset 0 0 32px rgba(201, 168, 108, 0.08) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] aside.sx-product {
  background: rgba(255, 252, 248, 0.94) !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-quick-x,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-x {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #141018 !important;
  border: 1px solid rgba(180, 145, 90, 0.35) !important;
}

/* =====================================================================
   FROST v14 � CORRECT: salon open hall / vitrine panel / fix offer / orbit wow
   ===================================================================== */

/* 1) SALON: kill the white billboard � products float on the hall */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-layout,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-mode-stage > .sx-salon-layout,
html.is-storefront .sx-root.is-hall[data-look="frost"].is-mode-salon .sx-mode-stage > * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  outline: none !important;
}

/* Salon cards = pearl glass chips (media pad owned by frost-lock) */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card {
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.12) 32%, transparent 58%),
    linear-gradient(180deg, rgba(255, 252, 248, 0.95), rgba(240, 230, 214, 0.93)) !important;
  border: 1px solid rgba(180, 140, 70, 0.45) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(10px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.1) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card::before {
  opacity: 0 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-meta strong {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  text-shadow: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-meta em {
  color: #7a5c38 !important;
  -webkit-text-fill-color: #7a5c38 !important;
  text-shadow: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-deals {
  background: rgba(255, 252, 248, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-search {
  background: rgba(255, 252, 248, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-search input,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-search input::placeholder {
  color: #faf6ef !important;
  -webkit-text-fill-color: #faf6ef !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-search input::placeholder {
  color: rgba(250, 246, 239, 0.65) !important;
  -webkit-text-fill-color: rgba(250, 246, 239, 0.65) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-fade::after {
  background: linear-gradient(to top, rgba(8, 6, 16, 0.55) 0%, transparent 100%) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 2) VITRINE — pearl glass panel WITH curves */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-mode-stage > .sx-shelf {
  background: rgba(255, 252, 248, 0.55) !important;
  background-image: none !important;
  backdrop-filter: blur(24px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.3) !important;
  border: 1px solid rgba(180, 145, 90, 0.3) !important;
  border-radius: 1.75rem !important;
  overflow: hidden !important;
  padding: 1rem !important;
  box-shadow: 0 20px 44px rgba(40, 28, 18, 0.14) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deals,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-deals {
  border-radius: 1.35rem !important;
  overflow: hidden !important;
}

/* 3) OFFER POP — layout owned by frost-lock (flex wrap). Keep ink/colors only. */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card {
  background: #fffaf4 !important;
  border: 1px solid rgba(180, 145, 90, 0.32) !important;
  box-shadow: 0 10px 22px rgba(40, 28, 18, 0.08) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  gap: 6px !important;
  min-height: 170px !important;
  height: auto !important;
  overflow: visible !important;
  order: 1 !important;
  grid-area: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  padding: 0 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art {
  display: grid !important;
  place-items: center !important;
  height: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
  flex: 0 0 120px !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  border: 1px solid rgba(180, 145, 90, 0.22) !important;
  background:
    radial-gradient(circle at 50% 38%, #ffffff 0%, #fff6ea 52%, #efe4d4 100%) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art .sx-item-photo-wrap,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  object-fit: contain !important;
}
/* Never force SVG visible when a real photo is loaded */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art .sx-item-photo-wrap.has-photo > svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media .sx-item-photo-wrap.has-photo > svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media .sx-item-photo-wrap.has-photo > svg {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main em,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main s {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  font-size: 0.84rem !important;
  line-height: 1.3 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main em {
  color: #7a5c38 !important;
  -webkit-text-fill-color: #7a5c38 !important;
  font-weight: 800 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-actions {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  gap: 6px !important;
  order: 2 !important;
  grid-area: auto !important;
  position: relative !important;
  inset: auto !important;
  height: auto !important;
  width: 100% !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-add,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail {
  flex: 0 0 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
}

/* 4) ORBIT WOW � pearl prestige matching dark gold energy */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-glow {
  background:
    radial-gradient(circle at 50% 45%, rgba(255, 248, 236, 0.35), transparent 42%),
    radial-gradient(circle at 50% 50%, rgba(201, 168, 108, 0.22), transparent 58%) !important;
  opacity: 1 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-core {
  width: 4.4rem !important;
  height: 4.4rem !important;
  margin: -2.2rem 0 0 -2.2rem !important;
  background:
    radial-gradient(circle at 32% 28%, #ffffff 0%, #fff4e0 38%, transparent 52%),
    radial-gradient(circle at 50% 50%, #e8d5a8 0%, #c9a86c 48%, #8a6a40 100%) !important;
  box-shadow:
    0 0 0 2px rgba(255, 248, 236, 0.85),
    0 0 0 4px rgba(201, 168, 108, 0.65),
    0 0 36px rgba(201, 168, 108, 0.65),
    0 0 72px rgba(255, 236, 200, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  animation: sx-vr-core-breathe 2.4s ease-in-out infinite !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-core::before {
  border-color: rgba(201, 168, 108, 0.55) !important;
  animation: sx-vr-spot-pulse 2s ease-out infinite !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-ring-outer {
  border-color: rgba(201, 168, 108, 0.65) !important;
  border-width: 1.6px !important;
  box-shadow:
    0 0 32px rgba(201, 168, 108, 0.35),
    inset 0 0 40px rgba(255, 248, 236, 0.08) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-ring-mid {
  border-color: rgba(232, 213, 168, 0.55) !important;
  box-shadow: 0 0 28px rgba(201, 168, 108, 0.28) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-ring-inner {
  border-color: rgba(255, 248, 236, 0.7) !important;
  box-shadow: 0 0 36px rgba(201, 168, 108, 0.4) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-ball {
  width: 5.15rem !important;
  height: 5.15rem !important;
  background:
    radial-gradient(circle at 32% 26%, #ffffff 0%, #fff8ef 28%, #f3e2bc 58%, #e0c898 100%) !important;
  box-shadow:
    0 0 0 2px rgba(255, 252, 248, 0.95),
    0 0 0 3.5px rgba(201, 168, 108, 0.85),
    0 0 28px rgba(201, 168, 108, 0.55),
    0 0 48px rgba(255, 236, 200, 0.28),
    0 14px 28px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 #fff,
    inset 0 -8px 18px rgba(180, 145, 90, 0.12) !important;
  animation: sx-vr-ball-glow 2.8s ease-in-out infinite !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet.has-deal .sx-vr-planet-ball {
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px rgba(201, 168, 108, 0.95),
    0 0 36px rgba(201, 168, 108, 0.7),
    0 14px 28px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 #fff !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet:hover .sx-vr-planet-ball {
  transform: scale(1.12) !important;
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px rgba(232, 213, 168, 1),
    0 0 42px rgba(201, 168, 108, 0.8),
    0 18px 34px rgba(0, 0, 0, 0.4) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-ball svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-ball .sx-item-photo-wrap > svg {
  filter:
    drop-shadow(0 6px 12px rgba(40, 28, 18, 0.45))
    drop-shadow(0 0 14px rgba(201, 168, 108, 0.35)) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-pulse,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-halo {
  border-color: rgba(201, 168, 108, 0.5) !important;
  box-shadow: 0 0 18px rgba(201, 168, 108, 0.35) !important;
  animation: sx-vr-halo-glow 1.8s ease-in-out infinite !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-moon-core {
  background:
    radial-gradient(circle at 32% 28%, #fff 0%, #fff4e0 40%, #e8d5a8 100%) !important;
  box-shadow:
    0 0 0 2px rgba(255, 252, 248, 0.9),
    0 0 0 3px rgba(201, 168, 108, 0.8),
    0 0 22px rgba(201, 168, 108, 0.45),
    0 10px 20px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 #fff !important;
  animation: sx-vr-moon-shimmer 2.2s ease-in-out infinite !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-moon-core b {
  color: #5c4528 !important;
  -webkit-text-fill-color: #5c4528 !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-label {
  padding: 0.2rem 0.45rem !important;
  border-radius: 999px !important;
  background: rgba(12, 8, 18, 0.45) !important;
  border: 1px solid rgba(201, 168, 108, 0.35) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-label strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-label em {
  color: #faf6ef !important;
  -webkit-text-fill-color: #faf6ef !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-label em {
  color: #f0d9a0 !important;
  -webkit-text-fill-color: #f0d9a0 !important;
  font-weight: 850 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-sparkles i {
  background: rgba(255, 236, 200, 0.9) !important;
  box-shadow: 0 0 8px rgba(201, 168, 108, 0.8) !important;
}

/* Salon card text on glass chips � dark ink (readable on pearl glass) */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-meta strong {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-meta em {
  color: #7a5c38 !important;
  -webkit-text-fill-color: #7a5c38 !important;
  text-shadow: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-search input,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-deals h3,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-deals .sx-shelf-deal b,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-deals .sx-shelf-deal small {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  text-shadow: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-search input::placeholder {
  color: #8a8490 !important;
  -webkit-text-fill-color: #8a8490 !important;
  text-shadow: none !important;
}

/* =====================================================================
   FROST v15 � buttons inside cards / orbit labels / shelf / modal / dock
   ===================================================================== */

/* Offer browse — layout owned by frost-lock */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card {
  overflow: hidden !important;
  height: auto !important;
  max-height: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  gap: 4px !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art {
  height: 100px !important;
  min-height: 100px !important;
  max-height: 100px !important;
  flex: 0 0 100px !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-actions {
  flex: 0 0 auto !important;
  margin-top: 2px !important;
  padding: 0 !important;
  gap: 6px !important;
  overflow: hidden !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-add,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail {
  flex: 0 0 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  font-size: 0.72rem !important;
  line-height: 1 !important;
  padding: 0 8px !important;
}

/* Vitrine shelf: bag button stays inside card */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-card {
  overflow: hidden !important;
  padding: 0.5rem 0.5rem 0.55rem !important;
  gap: 0.35rem !important;
  box-sizing: border-box !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-bag {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  padding: 0.4rem 0.5rem !important;
  position: relative !important;
  inset: auto !important;
}

/* Orbit labels � readable on frost too */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-label {
  background: rgba(20, 14, 10, 0.78) !important;
  border: 1px solid rgba(201, 168, 108, 0.5) !important;
  padding: 0.28rem 0.55rem !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-label strong,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-label em {
  color: #faf6ef !important;
  -webkit-text-fill-color: #faf6ef !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
  font-size: 0.62rem !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-vr-planet-label em {
  color: #f0d9a0 !important;
  -webkit-text-fill-color: #f0d9a0 !important;
}

/* Dark looks: keep enhanced core animation (same wow as frost energy) */
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-vr-core {
  animation: sx-vr-core-breathe 2.4s ease-in-out infinite !important;
}
html.is-storefront .sx-root.is-hall:not([data-look="frost"]) .sx-vr-core::before {
  animation: sx-vr-spot-pulse 2s ease-out infinite !important;
}

/* Product modal — transparent media (beige pad killed; frost-lock owns final layout) */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal.sf-quick .sf-modal-media,
html.is-storefront .sf-root[data-theme="frost"] .sf-modal.sf-quick .sf-modal-media {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1.5rem 1.25rem !important;
  overflow: hidden !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal.sf-quick .sf-modal-media img,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal.sf-quick .sf-modal-art,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal.sf-quick .sf-modal-art svg,
html.is-storefront .sf-root[data-theme="frost"] .sf-modal.sf-quick .sf-modal-art,
html.is-storefront .sf-root[data-theme="frost"] .sf-modal.sf-quick .sf-modal-art svg {
  min-height: 0 !important;
  max-height: min(48vh, 380px) !important;
  width: auto !important;
  height: auto !important;
  max-width: 92% !important;
  object-fit: contain !important;
  background: transparent !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] aside.sx-product .sx-spin-wrap,
html.is-storefront .sx-root.is-hall[data-look="frost"] aside.sx-product .sx-spin-stage {
  background:
    radial-gradient(circle at 50% 40%, #ffffff 0%, #fff6ea 55%, #efe4d4 100%) !important;
  border: 1px solid rgba(180, 145, 90, 0.28) !important;
  min-height: 200px !important;
  max-height: 280px !important;
  overflow: hidden !important;
}

/* Dock labels clear + no square tiles */
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-dock button {
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button span:not(.sx-dock-ico),
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-dock button span:not(.sx-dock-ico) {
  color: #1a1520 !important;
  -webkit-text-fill-color: #1a1520 !important;
  font-weight: 800 !important;
  font-size: 0.74rem !important;
  opacity: 1 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-dock-slot > .sx-dock button.is-on {
  background: rgba(201, 168, 108, 0.22) !important;
  box-shadow: inset 0 0 0 1px rgba(201, 168, 108, 0.45) !important;
}

/* Salon frost: media pad + metrics owned by frost-lock (do not flatten) */