/* FROST LOCK v15 — last file wins. Do not use body[data-look] (never matches). */

/* ========== TOOLTIPS: never inherit icon ink (-webkit-text-fill) onto dark tips ========== */
html.is-storefront .sx-root.is-hall [data-tip]::after,
html.is-storefront .sx-root.is-hall .shop-look-chip::after,
html.is-storefront .sf-root.sf-immersive [data-tip]::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.42) !important;
  text-align: center !important;
  left: 50% !important;
  right: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  top: calc(100% + 10px) !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  translate: none !important;
  line-height: 1.25 !important;
  padding: 7px 12px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.42) !important;
  z-index: 120 !important;
}

/* ========== HEADER: restore frost glass pills (not bare, not a stuck bar) ========== */
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-top .sx-brand,
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-top .sx-top-tools,
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-hud .sx-brand,
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-hud .sx-top-tools {
  background: rgba(255, 252, 248, 0.88) !important;
  background-image: none !important;
  border: 1px solid rgba(180, 140, 70, 0.38) !important;
  border-radius: 22px !important;
  outline: none !important;
  box-shadow: 0 14px 32px rgba(12, 8, 6, 0.22) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
  padding-block: 0.55rem !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 {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  text-shadow: none !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-top-tools .sx-icon,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-top-tools button,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-top-tools svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-top-tools path,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-top-tools span {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  stroke: #141018 !important;
  fill: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-brand-mark {
  background: #fff !important;
  border: 2px solid rgba(212, 176, 106, 0.95) !important;
  box-shadow:
    0 0 0 3px rgba(201, 168, 108, 0.22),
    0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

/* ========== VITRINE: NO white billboard — products float on hall ========== */
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: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  padding: 0.35rem 0.15rem 0.5rem !important;
  margin-top: 0.35rem !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-head {
  padding: 0.15rem 0 0.55rem !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-head h2 {
  color: #faf6ef !important;
  -webkit-text-fill-color: #faf6ef !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85), 0 0 14px rgba(0, 0, 0, 0.45) !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.5) !important;
  background-image: none !important;
  border: 1px solid rgba(180, 140, 70, 0.28) !important;
  border-radius: 1.35rem !important;
  overflow: hidden !important;
  padding: 0.85rem 0.9rem 0.95rem !important;
  box-shadow: 0 10px 24px rgba(28, 20, 12, 0.08) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal {
  border-radius: 1rem !important;
  background: rgba(255, 252, 248, 0.72) !important;
  border: 1px solid rgba(180, 140, 70, 0.3) !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-row {
  gap: 0.85rem !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
  padding: 0.85rem 0.75rem 0.85rem !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border-radius: 1.15rem !important;
  background: rgba(255, 252, 248, 0.82) !important;
  border: 1px solid rgba(180, 140, 70, 0.24) !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media {
  display: grid !important;
  place-items: center !important;
  height: 7.25rem !important;
  min-height: 7.25rem !important;
  padding: 0.7rem 0.45rem !important;
  box-sizing: border-box !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media::before,
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-shelf-media .sx-pcard-img::before,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media .sx-pcard-img::after {
  content: none !important;
  display: none !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media .sx-item-photo-wrap:not(.has-photo) > svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media .sx-item-photo-wrap > img:not(.is-miss) {
  max-height: 4.8rem !important;
  max-width: 78% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 auto !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-bag {
  position: static !important;
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #241c16, #6b5340) !important;
  color: #f8edd8 !important;
  -webkit-text-fill-color: #f8edd8 !important;
  border: 1px solid rgba(201, 168, 108, 0.45) !important;
  box-shadow: 0 8px 18px rgba(40, 28, 18, 0.22) !important;
  font-weight: 800 !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-bag svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-bag svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-bag path,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-bag path {
  color: #f8edd8 !important;
  stroke: #f8edd8 !important;
}

/* ========== SALON: 1:1 dark structure — pearl recolor only ========== */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-layout,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-stage,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-mode-stage > .sx-salon-layout {
  width: min(980px, 100%) !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  outline: none !important;
}

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;
  grid-auto-rows: max-content !important;
  gap: 0.65rem !important;
  align-items: start !important;
  align-content: start !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 0.15rem 0.1rem 1.1rem !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-fade {
  position: relative !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-fade::after {
  height: 3.6rem !important;
  background: linear-gradient(to top, rgba(8, 6, 16, 0.55) 0%, rgba(8, 6, 16, 0.22) 45%, transparent 100%) !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 {
  position: relative !important;
  inset: auto !important;
  margin: 0 !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.38rem !important;
  min-width: 0 !important;
  padding: 0.48rem !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  cursor: default !important;
  text-align: center !important;
  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:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(201, 168, 108, 0.75) !important;
  box-shadow:
    0 16px 32px rgba(0, 0, 0, 0.4),
    0 0 18px rgba(201, 168, 108, 0.18) !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-hit {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  text-align: center !important;
  cursor: pointer !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card::before,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card::after {
  content: none !important;
  display: none !important;
}

/* Nested media pad like dark (112px / art 78px) — champagne instead of purple */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  height: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border-radius: 13px !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
  background:
    radial-gradient(ellipse 70% 55% at 50% 32%, rgba(255, 236, 200, 0.55), transparent 56%),
    radial-gradient(ellipse 80% 45% at 50% 100%, rgba(201, 168, 108, 0.22), transparent 60%),
    linear-gradient(180deg, rgba(250, 244, 234, 0.98), rgba(228, 216, 196, 0.96)) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media::before,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media::after {
  content: none !important;
  display: none !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media .sx-item-photo-wrap,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media img,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media .sx-item-photo-wrap:not(.has-photo) > svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media .sx-item-photo-wrap > img:not(.is-miss) {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  height: 78px !important;
  max-height: 78px !important;
  width: auto !important;
  max-width: 80% !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.28)) drop-shadow(0 0 12px rgba(201, 168, 108, 0.2)) !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media svg rect[fill],
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media svg rect[fill] {
  fill: transparent !important;
  opacity: 0 !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.08rem !important;
  align-items: center !important;
  padding: 0 0.12rem 0.08rem !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-meta strong {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  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 {
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  font-style: normal !important;
  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-card .sx-shelf-badge {
  top: 0.45rem !important;
  inset-inline-start: 0.45rem !important;
  inset-inline-end: auto !important;
  z-index: 5 !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-bag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0.42rem 0.5rem !important;
  border: 1px solid rgba(201, 168, 108, 0.45) !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  font-size: 0.66rem !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  background-image: linear-gradient(135deg, #1a120c 0%, #3d2e20 55%, #6b5340 100%) !important;
  color: #fff8e7 !important;
  -webkit-text-fill-color: #fff8e7 !important;
  box-shadow: 0 8px 16px rgba(40, 28, 18, 0.28) !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-bag-ico {
  width: 1rem !important;
  height: 1rem !important;
  flex: 0 0 auto !important;
}

/* ========== OFFER POP: flex wrap (kills vertical deck overlap for good) ========== */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop {
  background: rgba(255, 250, 245, 0.96) !important;
  border-radius: 1.5rem !important;
  overflow: hidden !important;
}

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 {
  border-radius: 999px !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(11rem, 1fr)) !important;
  grid-auto-rows: max-content !important;
  gap: 0.85rem !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0.35rem 0 1.1rem !important;
  overflow: auto !important;
  align-items: stretch !important;
  align-content: start !important;
  justify-content: stretch !important;
  box-sizing: border-box !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  float: none !important;
  transform: none !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: unset !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
  padding: 0.85rem 0.75rem 0.85rem !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(180, 140, 70, 0.34) !important;
  border-radius: 1.1rem !important;
  box-shadow: 0 10px 24px rgba(28, 20, 12, 0.12) !important;
  animation: none !important;
  opacity: 1 !important;
  filter: none !important;
  clip-path: none !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card::before,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card::after {
  content: none !important;
  display: none !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card-main {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.4rem !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 7rem !important;
  width: 100% !important;
  height: 7rem !important;
  min-height: 7rem !important;
  max-height: 7rem !important;
  margin: 0 !important;
  padding: 0.65rem 0.4rem !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0.85rem !important;
  box-shadow: none !important;
  transform: none !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art::before,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art::after {
  content: none !important;
  display: none !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art .sx-item-photo-wrap:not(.has-photo) > svg,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art .sx-item-photo-wrap > img:not(.is-miss) {
  max-height: 4.6rem !important;
  max-width: 80% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  background: transparent !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-art svg rect[fill] {
  fill: transparent !important;
  opacity: 0 !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-add {
  background: linear-gradient(135deg, #241c16, #6b5340) !important;
  color: #f8edd8 !important;
  -webkit-text-fill-color: #f8edd8 !important;
  border: 1px solid rgba(201, 168, 108, 0.45) !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;
  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-actions {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.4rem !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: visible !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: static !important;
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  min-height: 2.15rem !important;
  height: auto !important;
  border-radius: 0.75rem !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-chip {
  position: absolute !important;
  top: 0.45rem !important;
  inset-inline-start: 0.45rem !important;
  z-index: 4 !important;
}

/* ========== PRODUCT MODAL: centered, no beige box ========== */
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, 250, 245, 0.96) !important;
  border-radius: 1.4rem !important;
  overflow: hidden !important;
}

html.is-storefront .sf-root[data-theme="frost"] .sf-modal.sf-quick .sf-modal-media,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal.sf-quick .sf-modal-media {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding: 1.6rem 1.3rem !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-inline-start: 1px solid rgba(180, 140, 70, 0.14) !important;
  box-shadow: none !important;
}

html.is-storefront .sf-root[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,
html.is-storefront .sf-root[data-theme="frost"] .sf-modal.sf-quick .sf-modal-art svg,
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-media img,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal.sf-quick .sf-modal-media img {
  width: min(100%, 20rem) !important;
  max-width: 90% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: min(44vh, 20rem) !important;
  margin: 0 auto !important;
  background: transparent !important;
  object-fit: contain !important;
  display: block !important;
}

html.is-storefront .sf-root[data-theme="frost"] .sf-modal.sf-quick .sf-modal-art svg rect[fill],
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-modal.sf-quick .sf-modal-art svg rect[fill] {
  fill: transparent !important;
  opacity: 0 !important;
}

/* =====================================================================
   FROST LOCK v5 — header clearance + CTA contrast + offer fill
   ===================================================================== */

/* Match dark vitrine stage metrics — center content, clear dock gap */
html.is-storefront .sx-root.is-hall[data-look="frost"].is-mode-vitrine .sx-mode-stage {
  padding-top: max(6.6rem, calc(env(safe-area-inset-top) + 5.4rem)) !important;
  padding-bottom: max(10.5rem, calc(env(safe-area-inset-bottom) + 9.2rem)) !important;
  padding-inline: max(1.5rem, env(safe-area-inset-left)) max(1.5rem, env(safe-area-inset-right)) !important;
  justify-content: center !important;
  align-items: center !important;
  scroll-padding-bottom: 1.25rem !important;
}

/* Salon stage = EXACT dark prestige metrics (flex-start + same padding) */
html.is-storefront .sx-root.is-hall[data-look="frost"].is-mode-salon .sx-mode-stage {
  padding-top: max(6.2rem, calc(env(safe-area-inset-top) + 5.2rem)) !important;
  padding-bottom: max(8.8rem, calc(env(safe-area-inset-bottom) + 7.6rem)) !important;
  padding-inline: max(1.5rem, env(safe-area-inset-left)) max(1.5rem, env(safe-area-inset-right)) !important;
  justify-content: flex-start !important;
  align-items: center !important;
  overflow: hidden !important;
  scroll-padding-bottom: 1.25rem !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"].is-mode-vitrine .sx-mode-stage > .sx-shelf,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf {
  width: min(920px, 100%) !important;
  max-width: 920px !important;
  margin-inline: auto !important;
  margin-block: 0 !important;
  gap: 0.7rem !important;
  flex: 0 0 auto !important;
  height: auto !important;
  max-height: none !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deals {
  margin-bottom: 0 !important;
  flex: 0 0 auto !important;
}

/* HUD itself never paints a bar */
html.is-storefront .sx-root.is-hall[data-look="frost"] > .sx-top.sx-hud,
html.is-storefront .sx-root.is-hall[data-look="frost"] > header.sx-top {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Product cards: solid pearl + padding so art is not flush to top */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-card {
  background: #fff !important;
  border: 1px solid rgba(180, 140, 70, 0.35) !important;
  box-shadow: 0 10px 24px rgba(28, 20, 12, 0.12) !important;
  padding: 0.95rem 0.8rem 0.9rem !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-media {
  padding: 0.85rem 0.5rem 0.55rem !important;
  height: 7.6rem !important;
  min-height: 7.6rem !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-meta strong {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-meta em {
  color: #7a5c38 !important;
  -webkit-text-fill-color: #7a5c38 !important;
  font-weight: 850 !important;
}

/* Add buttons — dark espresso, cream ink (must read clearly) */
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-bag,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-add {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  padding: 0.42rem 0.5rem !important;
  font-size: 0.66rem !important;
  font-weight: 750 !important;
  background: #1a120c !important;
  background-image: linear-gradient(135deg, #1a120c 0%, #3d2e20 55%, #6b5340 100%) !important;
  color: #fff8e7 !important;
  -webkit-text-fill-color: #fff8e7 !important;
  border: 1px solid #c9a86c !important;
  box-shadow: 0 8px 16px rgba(26, 18, 12, 0.34) !important;
  opacity: 1 !important;
  filter: none !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-bag *,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-bag span,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-add * {
  color: #fff8e7 !important;
  -webkit-text-fill-color: #fff8e7 !important;
  stroke: #fff8e7 !important;
  opacity: 1 !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-detail {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  color: #1a120c !important;
  -webkit-text-fill-color: #1a120c !important;
  border: 1px solid rgba(180, 140, 70, 0.55) !important;
  font-weight: 750 !important;
  opacity: 1 !important;
}

/* Offer modal: not glued to top; head has no secondary box; grid fills width */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-screen {
  display: grid !important;
  place-items: center !important;
  padding: max(4.5rem, 8vh) 1rem 1.5rem !important;
  box-sizing: border-box !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop {
  margin: 0 auto !important;
  width: min(1100px, 96vw) !important;
  max-height: min(86vh, 880px) !important;
  background: #fffcfa !important;
  background-image: none !important;
  border: 1px solid rgba(180, 140, 70, 0.35) !important;
  border-radius: 1.5rem !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-head,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-brand,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-titles,
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-offer-pop-meta {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  backdrop-filter: none !important;
}
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-offer-pop-titles p,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-body {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-titles p,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-body {
  color: #5a5460 !important;
  -webkit-text-fill-color: #5a5460 !important;
  opacity: 1 !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(10.5rem, 1fr)) !important;
  gap: 0.85rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0.25rem 0 0.85rem !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-offer-pop-card {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(180, 140, 70, 0.4) !important;
  box-shadow: 0 8px 20px rgba(28, 20, 12, 0.1) !important;
}

/* Deals strip: solid enough to not look muddy */
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: #fff8f2 !important;
  border: 1px solid rgba(180, 140, 70, 0.3) !important;
  border-radius: 1.35rem !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-salon-deals h3 {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal {
  background: #fff !important;
  border: 1px solid rgba(180, 140, 70, 0.35) !important;
  border-radius: 1rem !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal b {
  color: #7a5c38 !important;
  -webkit-text-fill-color: #7a5c38 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-shelf-deal small {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}

/* =====================================================================
   FROST LOCK v7 — same stage metrics as dark (no content glued to dock)
   ===================================================================== */
html.is-storefront .sx-root.is-hall[data-look="frost"].is-mode-vitrine .sx-mode-stage {
  padding-top: max(6.6rem, calc(env(safe-area-inset-top) + 5.4rem)) !important;
  padding-bottom: max(10.5rem, calc(env(safe-area-inset-bottom) + 9.2rem)) !important;
  justify-content: center !important;
  align-items: center !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"].is-mode-vitrine .sx-mode-stage > .sx-shelf {
  width: min(920px, 100%) !important;
  max-width: 920px !important;
  margin-block: auto !important;
  gap: 0.7rem !important;
}


/* Shelf wrapper stays open on the hall (cards + deals keep their own surfaces) */
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,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-mode-stage > .sx-salon-layout {
  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;
}

/* Real photo wins — never show default SVG on top */
html.is-storefront .sx-root.is-hall[data-look="frost"] .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,
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-offer-pop-detail-art .sx-item-photo-wrap.has-photo > svg,
html.is-storefront .sf-root[data-theme="frost"] .sx-item-photo-wrap.has-photo > svg {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-item-photo-wrap.has-photo > img:not(.is-miss) {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 3 !important;
}

/* =====================================================================
   FROST LOCK v9 — salon metric parity finale (re-assert after bag/colors)
   ===================================================================== */
html.is-storefront .sx-root.is-hall[data-look="frost"].is-mode-salon .sx-mode-stage {
  justify-content: flex-start !important;
  padding-top: max(6.2rem, calc(env(safe-area-inset-top) + 5.2rem)) !important;
  padding-bottom: max(8.8rem, calc(env(safe-area-inset-bottom) + 7.6rem)) !important;
}
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 {
  width: min(980px, 100%) !important;
  max-width: 980px !important;
  gap: 0.55rem !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-mosaic {
  gap: 0.65rem !important;
  padding: 0.15rem 0.1rem 1.1rem !important;
  align-items: start !important;
  align-content: start !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-card {
  gap: 0.38rem !important;
  padding: 0.48rem !important;
  border-radius: 16px !important;
  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;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media {
  height: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
  border-radius: 13px !important;
  padding: 0 !important;
  background:
    radial-gradient(ellipse 70% 55% at 50% 32%, rgba(255, 236, 200, 0.55), transparent 56%),
    radial-gradient(ellipse 80% 45% at 50% 100%, rgba(201, 168, 108, 0.22), transparent 60%),
    linear-gradient(180deg, rgba(250, 244, 234, 0.98), rgba(228, 216, 196, 0.96)) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media .sx-item-photo-wrap,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media img,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-media svg {
  height: 78px !important;
  max-height: 78px !important;
  width: auto !important;
  max-width: 80% !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-bag {
  gap: 0.35rem !important;
  padding: 0.42rem 0.5rem !important;
  font-size: 0.66rem !important;
  font-weight: 750 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-salon-fade::after {
  height: 3.6rem !important;
}

/* =====================================================================
   FROST LOCK v10 — orders page: hall photo shows; no nested HUD boxes
   ===================================================================== */

/* Veil only — keep-hall photo must remain visible underneath */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-orders-hud,
html.is-storefront .sf-root[data-theme="frost"] .sf-orders-hud {
  background: linear-gradient(180deg, rgba(20, 14, 10, 0.38), rgba(20, 14, 10, 0.58)) !important;
  background-image: none !important;
  background-color: transparent !important;
  background-blend-mode: normal !important;
  backdrop-filter: blur(3px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(3px) saturate(1.05) !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* One HUD strip — not separate bordered pills for brand/tools */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] > .sx-hud-page {
  background: rgba(255, 252, 248, 0.9) !important;
  background-image: none !important;
  background-color: rgba(255, 252, 248, 0.9) !important;
  border: 1px solid rgba(180, 140, 70, 0.38) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 32px rgba(12, 8, 6, 0.28) !important;
  outline: none !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15) !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-hud-page .sx-hud-page-tools {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding-block: 0 !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] > .sx-hud-page .sx-icon,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] > .sx-hud-page .sx-top-tools .sx-icon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] > .sx-hud-page .sx-hud-title {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  text-shadow: none !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] > .sx-hud-page .sx-brand strong,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] > .sx-hud-page .sx-brand-copy strong {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}

/* Auth/empty card floats on hall — pearl glass, not a white billboard filling the stage */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-orders-wrap > .sf-empty,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-orders-wrap > .sf-empty-auth,
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 {
  max-width: 28rem !important;
  margin-inline: auto !important;
  background: rgba(255, 252, 248, 0.88) !important;
  background-image: none !important;
  background-color: rgba(255, 252, 248, 0.88) !important;
  border: 1px solid rgba(180, 140, 70, 0.4) !important;
  border-radius: 1.35rem !important;
  box-shadow: 0 18px 40px rgba(12, 8, 6, 0.28), inset 0 1px 0 #fff !important;
  outline: none !important;
  backdrop-filter: blur(16px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.1) !important;
  color: #141018 !important;
}

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-empty {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}

/* =====================================================================
   FROST LOCK v11 — orders: dark-theme light ink leaked onto pearl cards
   ===================================================================== */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-orders {
  color: #141018 !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order {
  background: #fffcfa !important;
  background-image: none !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  border: 1px solid rgba(180, 140, 70, 0.42) !important;
  box-shadow:
    0 16px 36px rgba(12, 8, 6, 0.24),
    inset 0 1px 0 #fff !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order-head,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order-head strong,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order-head span,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order > small {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order > small {
  color: #5a5460 !important;
  -webkit-text-fill-color: #5a5460 !important;
  font-weight: 650 !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order li {
  background: rgba(201, 168, 108, 0.14) !important;
  border: 1px solid rgba(180, 145, 90, 0.32) !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-pill {
  background: linear-gradient(135deg, #f0e0bd, #e0c898) !important;
  color: #1a1204 !important;
  -webkit-text-fill-color: #1a1204 !important;
  border: 1px solid rgba(180, 145, 90, 0.5) !important;
  font-weight: 800 !important;
}

/* Track: champagne panel + readable ink (not dark slab with white text) */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-summary {
  background:
    linear-gradient(145deg, rgba(255, 252, 248, 0.98), rgba(236, 226, 210, 0.95)) !important;
  border: 1px solid rgba(180, 140, 70, 0.35) !important;
  color: #141018 !important;
  box-shadow: inset 0 1px 0 #fff !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-summary-copy strong,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-kicker,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-copy strong,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-summary-copy small,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-copy small,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-courier,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-count,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-toggle,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-toggle-txt,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-meta-row {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  opacity: 1 !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-summary-copy small,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-copy small,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-courier {
  color: #5a5460 !important;
  -webkit-text-fill-color: #5a5460 !important;
  font-weight: 700 !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-step.is-next,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-step.is-next .sf-track-copy strong,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-step.is-next .sf-track-copy small {
  opacity: 1 !important;
  color: #5c5648 !important;
  -webkit-text-fill-color: #5c5648 !important;
  text-decoration: none !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-steps {
  background: #fffcfa !important;
  border-top: 1px solid rgba(180, 145, 90, 0.28) !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-now {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: #0e7490 !important;
  border: 1px solid rgba(14, 116, 144, 0.55) !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-live {
  color: #ecfdf5 !important;
  -webkit-text-fill-color: #ecfdf5 !important;
  background: #0f766e !important;
  border: 1px solid rgba(15, 118, 110, 0.5) !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order-actions {
  border-top: 1px solid rgba(180, 145, 90, 0.28) !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order-actions .sf-btn:not(.ghost) {
  width: auto !important;
  min-width: 7.25rem !important;
  background: linear-gradient(135deg, #1a120c 0%, #3d2e20 55%, #6b5340 100%) !important;
  color: #fff8e7 !important;
  -webkit-text-fill-color: #fff8e7 !important;
  border: 1px solid #c9a86c !important;
  box-shadow: 0 8px 18px rgba(26, 18, 12, 0.28) !important;
  opacity: 1 !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order-actions .sf-btn.ghost {
  width: auto !important;
  min-width: 7.25rem !important;
  background: #fff !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  border: 1px solid rgba(180, 145, 90, 0.5) !important;
  box-shadow: 0 4px 12px rgba(40, 28, 18, 0.1) !important;
  opacity: 1 !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] > .sx-hud-page .sx-user-chip {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  background: rgba(255, 255, 255, 0.65) !important;
  border: 1px solid rgba(180, 145, 90, 0.35) !important;
}

/* Rating stars — gold when on; never inherit order-card ink fill */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-stars {
  display: flex !important;
  gap: 0.25rem !important;
  align-items: center !important;
  pointer-events: auto !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-star,
html.is-storefront .sf-root[data-theme="frost"] .sf-star {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0.15rem 0.2rem !important;
  margin: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  font-size: 1.55rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  color: #c4b8a8 !important;
  -webkit-text-fill-color: #c4b8a8 !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-star.is-on,
html.is-storefront .sf-root[data-theme="frost"] .sf-star.is-on {
  color: #d4a017 !important;
  -webkit-text-fill-color: #d4a017 !important;
  text-shadow: 0 0 10px rgba(212, 160, 23, 0.35) !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-star:hover,
html.is-storefront .sf-root[data-theme="frost"] .sf-star:hover {
  color: #e8b923 !important;
  -webkit-text-fill-color: #e8b923 !important;
  transform: scale(1.08);
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order .sf-form > span {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  font-weight: 750 !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order .sf-field input,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order .sf-field textarea {
  background: #fff !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  border: 1px solid rgba(180, 145, 90, 0.45) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order .sf-field input::placeholder,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-order .sf-field textarea::placeholder {
  color: #8a8490 !important;
  -webkit-text-fill-color: #8a8490 !important;
  opacity: 1 !important;
}

/* Reinforce: no nested boxes around tools/brand inside orders HUD */
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-hud-page .sx-hud-page-tools {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Track pip tooltip — never inherit order-card dark ink fill */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-pip-tip,
html.is-storefront .sf-root[data-theme="frost"] .sf-track-pip-tip {
  background: rgba(12, 10, 18, 0.96) !important;
  color: #fff8ef !important;
  -webkit-text-fill-color: #fff8ef !important;
  border: 1px solid rgba(201, 168, 108, 0.45) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4) !important;
  font-weight: 750 !important;
  opacity: 0 !important;
  text-align: center !important;
  z-index: 120 !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-pip:hover .sf-track-pip-tip,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-pip:focus-visible .sf-track-pip-tip,
html.is-storefront .sf-root[data-theme="frost"] .sf-track-pip:hover .sf-track-pip-tip,
html.is-storefront .sf-root[data-theme="frost"] .sf-track-pip:focus-visible .sf-track-pip-tip {
  opacity: 1 !important;
  visibility: visible !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-pip-tip *,
html.is-storefront .sf-root[data-theme="frost"] .sf-track-pip-tip * {
  color: #fff8ef !important;
  -webkit-text-fill-color: #fff8ef !important;
  opacity: 1 !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-track-pip-tip::before,
html.is-storefront .sf-root[data-theme="frost"] .sf-track-pip-tip::before {
  border-bottom-color: rgba(12, 10, 18, 0.96) !important;
}

/* ========== CART DRAWER: kill immersive white ink on pearl panel ========== */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux {
  background:
    linear-gradient(180deg, rgba(255, 252, 248, 0.98), rgba(255, 248, 240, 0.96)) !important;
  background-color: #fffaf4 !important;
  border: 1px solid rgba(201, 168, 108, 0.42) !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  box-shadow:
    0 28px 70px rgba(40, 28, 18, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !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-cart-lux .sf-drawer-foot,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-drawer-head,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-drawer-foot {
  background: rgba(255, 252, 247, 0.72) !important;
  border-color: rgba(201, 168, 108, 0.22) !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}

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-cart-lux .sf-drawer-head h3,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-drawer-body,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-drawer-body p,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-hint,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-drawer-head strong,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-drawer-body,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-drawer-body p {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  text-shadow: none !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-x,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-x {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(201, 168, 108, 0.35) !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}

/* Line text: immersive forced #fff on strong/span — override ALL of them */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-line,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-line strong,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-line span,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-line-price,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-line-sum,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-line-main,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-line-side,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-line strong,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-line span,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-line-price,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-line-sum {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-line-compare,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-line-compare {
  color: #8a8490 !important;
  -webkit-text-fill-color: #8a8490 !important;
  opacity: 0.75 !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-line {
  background: rgba(255, 255, 255, 0.55) !important;
  border: 1px solid rgba(201, 168, 108, 0.18) !important;
  border-radius: 14px !important;
  margin-bottom: 0.55rem !important;
}

/* Qty controls */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-qty,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-qty {
  background: rgba(201, 168, 108, 0.16) !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-qty button,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-qty button {
  background: #fff !important;
  border: 1px solid rgba(201, 168, 108, 0.35) !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-qty span,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-qty span {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}

/* Delete أ— — dark rose on soft pink (was #fecdd3 on light = invisible) */
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-line-del,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-line-del {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(190, 40, 70, 0.14) !important;
  border: 1px solid rgba(190, 40, 70, 0.28) !important;
  color: #9f1239 !important;
  -webkit-text-fill-color: #9f1239 !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-total,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-total span,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-total,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-total span {
  color: #7a5c38 !important;
  -webkit-text-fill-color: #7a5c38 !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-btn:not(.ghost),
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-btn:not(.ghost) {
  background: linear-gradient(160deg, #3a2a1c, #1a120c) !important;
  color: #fff8e7 !important;
  -webkit-text-fill-color: #fff8e7 !important;
  border: 1px solid rgba(201, 168, 108, 0.45) !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-btn.ghost,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-btn.ghost {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  border: 1px solid rgba(201, 168, 108, 0.4) !important;
}

html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-form label,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-field label,
html.is-storefront .sf-root.sf-immersive[data-theme="frost"] .sf-cart-lux .sf-radio,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-form label,
html.is-storefront .sf-root[data-theme="frost"] .sf-cart-lux .sf-field label {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}

/* ========== ATELIER OFFERS: kill dark-ink bleed + clipped cards on pearl ========== */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier {
  background: #fffcfa !important;
  background-image: none !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  border: 1px solid rgba(180, 140, 70, 0.38) !important;
  box-shadow: 0 28px 70px rgba(28, 20, 40, 0.22) !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-kicker {
  color: #8a6a45 !important;
  -webkit-text-fill-color: #8a6a45 !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-head h2 {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-close {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(180, 140, 70, 0.35) !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-search {
  background: #fff !important;
  border: 1px solid rgba(180, 140, 70, 0.35) !important;
  color: #141018 !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-search input {
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  background: transparent !important;
}
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-search input::placeholder {
  color: #8a8490 !important;
  -webkit-text-fill-color: #8a8490 !important;
  opacity: 1 !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-rail {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  align-items: stretch !important;
  gap: 14px !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-card {
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  background: #fff !important;
  background-image: none !important;
  border: 1px solid rgba(180, 140, 70, 0.36) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(40, 28, 18, 0.1) !important;
}

/* Decorative mesh must sit BEHIND content, never clip it */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-card::before,
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-card::after {
  content: none !important;
  display: none !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-card-hit {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 16px 16px 14px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-top {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 14px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  background:
    radial-gradient(circle at 80% 20%, rgba(201, 168, 108, 0.22), transparent 55%),
    #fff8f0 !important;
  border: 1px solid rgba(201, 168, 108, 0.28) !important;
  border-radius: 14px !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-value-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
  overflow: visible !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-seal {
  background: linear-gradient(135deg, #f3e4c4, #c9a86c) !important;
  color: #1a1204 !important;
  -webkit-text-fill-color: #1a1204 !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-figure-val {
  display: block !important;
  color: #7a5c38 !important;
  -webkit-text-fill-color: #7a5c38 !important;
  text-shadow: none !important;
  line-height: 1.15 !important;
  overflow: visible !important;
}

/* Was nearly invisible: dark-theme gold (~#f0d9a0) on pearl */
html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-figure-kind {
  display: block !important;
  color: #5a5460 !important;
  -webkit-text-fill-color: #5a5460 !important;
  opacity: 1 !important;
  line-height: 1.4 !important;
  overflow: visible !important;
  white-space: normal !important;
  padding-bottom: 2px !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-title {
  display: block !important;
  margin: 0 !important;
  color: #141018 !important;
  -webkit-text-fill-color: #141018 !important;
  opacity: 1 !important;
  visibility: visible !important;
  line-height: 1.35 !important;
  overflow: visible !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-blurb {
  display: -webkit-box !important;
  color: #5a5460 !important;
  -webkit-text-fill-color: #5a5460 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-chips > span {
  display: inline-block !important;
  color: #4a3a28 !important;
  -webkit-text-fill-color: #4a3a28 !important;
  background: rgba(255, 248, 240, 0.95) !important;
  border: 1px solid rgba(201, 168, 108, 0.3) !important;
  opacity: 1 !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-chips > span.is-open {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.35) !important;
}

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: 4px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  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;
  box-shadow: 0 10px 22px rgba(40, 28, 18, 0.18) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-go * {
  color: #f8edd8 !important;
  -webkit-text-fill-color: #f8edd8 !important;
  stroke: #f8edd8 !important;
}

@media (max-width: 720px) {
  html.is-storefront .sx-root.is-hall[data-look="frost"] .sx-atelier-rail {
    grid-template-columns: 1fr !important;
  }
}


/* RE gallery: layout only — look/chrome owned by storefront-re-lock.css */
html.is-storefront .sx-root.is-hall.is-real-estate-hall .sx-salon-layout.sx-re-props,
html.is-storefront .sx-root.is-hall.is-real-estate-hall[data-look="frost"] .sx-salon-layout.sx-re-props,
html.is-storefront .sx-root.is-hall.is-real-estate-hall[data-look="frost"] .sx-mode-stage > .sx-salon-layout.sx-re-props {
  width: min(1240px, 100%) !important;
  max-width: min(1240px, 100%) !important;
  overflow: visible !important;
}
html.is-storefront .sx-root.is-hall.is-real-estate-hall .sx-salon-fade::after,
html.is-storefront .sx-root.is-hall.is-real-estate-hall[data-look="frost"] .sx-salon-fade::after {
  display: none !important; content: none !important; height: 0 !important;
}
html.is-storefront .sx-root.is-hall.is-real-estate-hall .re-unit-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 1100px) {
  html.is-storefront .sx-root.is-hall.is-real-estate-hall .re-unit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 720px) {
  html.is-storefront .sx-root.is-hall.is-real-estate-hall .re-unit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}