/** Shopify CDN: Minification failed

Line 9:0 Unexpected "500"
Line 9:23 Unterminated string token
Line 2617:0 Unexpected "}"
Line 2635:0 Unexpected "}"

**/
500;600&display=swap');


/* SBEAUTY · Fix submenu dropdown (posição + layout vertical) */

/* BUG-001 antigo movido pra FIX MOBILE block abaixo */


/* Item do menu: anchor pro submenu */
.menu-list__list-item {
  position: relative !important;
}

/* Container do submenu: posicionado abaixo e centralizado no item */
.menu-list__list-item > .menu-list__submenu {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  min-width: 220px !important;
  width: auto !important;
}

/* Inner do submenu: FLEX COLUMN pra items empilharem VERTICAL */
.menu-list__submenu-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 16px 0 !important;
  gap: 0 !important;
}

/* Lista interna: vertical */
.menu-list__submenu-inner ul,
.menu-list__submenu ul,
.menu-list__submenu-inner .menu-list,
.menu-list__submenu .menu-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  gap: 0 !important;
}

/* Cada item do submenu: largura total, padding vertical pequeno */
.menu-list__submenu .menu-list__list-item,
.menu-list__submenu-inner > .menu-list__list-item,
.menu-list__submenu-inner li {
  width: 100% !important;
  display: block !important;
  padding: 0 !important;
}

/* Link dos itens do submenu: padding horizontal, hover suave */
.menu-list__submenu a,
.menu-list__submenu .menu-list__link {
  display: block !important;
  padding: 10px 24px !important;
  white-space: nowrap !important;
  text-align: left !important;
}

.menu-list__submenu a:hover,
.menu-list__submenu .menu-list__link:hover {
  background: rgba(4, 4, 4, 0.04) !important;
}

/* Desktop: centralizar dropdown abaixo do item */
@media (min-width: 750px) {
  .menu-list__list-item:where(:not([slot='overflow'])) > .menu-list__submenu {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

/* Primeiro item: alinhar à esquerda pra não cortar na borda */
.menu-list > .menu-list__list-item:first-child > .menu-list__submenu {
  left: 0 !important;
  transform: none !important;
}

/* Último item: alinhar à direita pra não cortar */
.menu-list > .menu-list__list-item:last-child > .menu-list__submenu {
  left: auto !important;
  right: 0 !important;
  transform: none !important;
}


/* ====== Logo override (schema limita 100px, forçamos maior via CSS) ====== */
.header__logo-image,
.header__heading-logo,
.header img.header__heading-logo,
.header-logo img,
[data-logo] img {
  max-height: 128px !important;
  height: 128px !important;
  width: auto !important;
}
@media (max-width: 768px) {
  .header__logo-image,
  .header__heading-logo,
  .header img.header__heading-logo,
  .header-logo img,
  [data-logo] img {
    max-height: 88px !important;
    height: 88px !important;
  }
}
@media (max-width: 480px) {
  .header__logo-image,
  .header__heading-logo,
  .header img.header__heading-logo,
  .header-logo img,
  [data-logo] img {
    max-height: 72px !important;
    height: 72px !important;
  }
}


/* ====== Mobile breathing space · espaço entre header e primeira seção ====== */
/* Aplica em TODAS as páginas (home, produto, coleção, página) */
@media (max-width: 768px) {
  main {
    padding-top: 16px;
  }
  /* Corrige se já tem hero margin-top (homepage já tem) - não duplica */
  main > .shopify-section:first-child .sb-hero-carousel {
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  main {
    padding-top: 12px;
  }
}


/* ====== Destaque de preço MAC-style · product page ====== */
/* Preço principal MAIOR e bold */
.product-information [data-product-price],
.product-information .product__price,
.price__regular,
.price-item--regular,
.price__sale .price-item {
  font-size: 2rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #040404 !important;
  line-height: 1 !important;
}

/* Linha de parcelamento / PIX abaixo do preço */
.product-information::after {
  display: none; /* placeholder · inseriremos via metafield quando tiver */
}

/* Add to cart button · MAC style · ESCOPADO só na product page */
.product-information .product-form__submit,
.section--main-product .product-form__submit,
[data-section-type="main-product"] [type="submit"][name="add"],
.product-information button[name="add"] {
  background: #040404 !important;
  color: #ffffff !important;
  border: 1px solid #040404 !important;
  padding: 18px 24px !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.2em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  width: 100% !important;
  transition: all 0.3s !important;
}
.product-information .product-form__submit:hover,
.product-information button[name="add"]:hover {
  background: #1a1a1a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important;
}

/* Dynamic Checkout Buttons (Shop Pay, Google, Apple) */
.shopify-payment-button,
.shopify-payment-button__button {
  margin-top: 12px !important;
}
.shopify-payment-button__button {
  padding: 16px 24px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
}

/* Mobile · preço ligeiramente menor */
@media (max-width: 768px) {
  .product-information [data-product-price],
  .product-information .product__price,
  .price__regular,
  .price-item--regular {
    font-size: 1.65rem !important;
  }
}

/* ════════════════════════════════════════════════════════
 * COLLECTION PAGE · MAC-style (sem banner · centrado)
 * Aplicado 24/04/2026
 * ════════════════════════════════════════════════════════ */

/* H1 da collection centralizado em qualquer breakpoint */
.section--main-collection .collection-hero,
.section--main-collection [class*="collection-title"],
main .collection-hero {
  text-align: center !important;
}

.section--main-collection h1,
main [class*="collection"] h1 {
  text-align: center !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(2rem, 4.5vw, 3rem) !important;
  letter-spacing: 0.04em !important;
  padding-top: 32px !important;
}

/* Descrição centralizada · max-width confortável · mesmo em mobile */
.section--main-collection .collection-hero__description,
.section--main-collection [class*="rte"],
.section--main-collection [class*="collection-description"],
main [class*="collection"] .rte,
main [class*="collection"] [class*="description"] {
  text-align: center !important;
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px 24px !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: #555 !important;
}

/* Remover banner/imagem da collection se tema tiver */
.section--main-collection .collection-hero__image,
.section--main-collection [class*="collection-hero__image"],
.section--main-collection .collection__banner {
  display: none !important;
}

/* Espaçamento consistente antes da grade */
.section--main-collection .collection-toolbar,
.section--main-collection [class*="facets-filters"] {
  margin-top: 8px !important;
}

/* Mobile: descrição menor mas ainda centralizada */
@media (max-width: 768px) {
  .section--main-collection h1,
  main [class*="collection"] h1 {
    padding-top: 20px !important;
    font-size: 1.75rem !important;
  }
  .section--main-collection .collection-hero__description,
  main [class*="collection"] [class*="description"] {
    font-size: 0.95rem !important;
    padding: 0 16px 18px !important;
  }
}
/* ════════════════════════════════════════════════════════
 * BLUSH SWATCHES COLORS · bolinhas coloridas por tom (24/04/2026)
 * Ativa visualmente o variant picker como MAC/Sephora
 * ════════════════════════════════════════════════════════ */
.variant-option--swatches input[value="Baby"]     + .variant-option__button-label,
.variant-option--swatches input[value="Baby"]::before { --swatch-color: #C6798B; }
.variant-option--swatches input[value="Romantic"] + .variant-option__button-label,
.variant-option--swatches input[value="Romantic"]::before { --swatch-color: #C47696; }
.variant-option--swatches input[value="Velvet"]   + .variant-option__button-label,
.variant-option--swatches input[value="Velvet"]::before { --swatch-color: #BC6983; }
.variant-option--swatches input[value="Harmony"]  + .variant-option__button-label,
.variant-option--swatches input[value="Harmony"]::before { --swatch-color: #AA6A75; }
.variant-option--swatches input[value="Peach"]    + .variant-option__button-label,
.variant-option--swatches input[value="Peach"]::before { --swatch-color: #B1776A; }
.variant-option--swatches input[value="Sunset"]   + .variant-option__button-label,
.variant-option--swatches input[value="Sunset"]::before { --swatch-color: #A65449; }
.variant-option--swatches input[value="Trace"]    + .variant-option__button-label,
.variant-option--swatches input[value="Trace"]::before { --swatch-color: #976452; }
.variant-option--swatches input[value="Style"]    + .variant-option__button-label,
.variant-option--swatches input[value="Style"]::before { --swatch-color: #8C5946; }

/* Fallback: força background-color diretamente no label se DS não respeitar var */
.variant-option--swatches label:has(input[value="Baby"])     { background-color: #C6798B !important; }
.variant-option--swatches label:has(input[value="Romantic"]) { background-color: #C47696 !important; }
.variant-option--swatches label:has(input[value="Velvet"])   { background-color: #BC6983 !important; }
.variant-option--swatches label:has(input[value="Harmony"])  { background-color: #AA6A75 !important; }
.variant-option--swatches label:has(input[value="Peach"])    { background-color: #B1776A !important; }
.variant-option--swatches label:has(input[value="Sunset"])   { background-color: #A65449 !important; }
.variant-option--swatches label:has(input[value="Trace"])    { background-color: #976452 !important; }
.variant-option--swatches label:has(input[value="Style"])    { background-color: #8C5946 !important; }

/* Formato circular e sem texto dentro do swatch */
.variant-option--swatches label {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1) !important;
  cursor: pointer;
  transition: transform 0.15s, box-shadow 0.15s;
  color: transparent !important;
}
.variant-option--swatches label:hover {
  transform: scale(1.08);
}
.variant-option--swatches input:checked + .variant-option__button-label,
.variant-option--swatches label:has(input:checked) {
  box-shadow: 0 0 0 2px #040404 !important;
  transform: scale(1.05);
}
.variant-option--swatches fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 10px !important;
  padding: 8px 0 !important;
}
.variant-option--swatches .variant-option__button-label--has-swatch {
  color: transparent !important;
}
/* Mostrar nome selecionado grande no legend */
.variant-option--swatches legend .variant-option__swatch-value {
  font-weight: 700 !important;
  color: #040404 !important;
  margin-left: 6px;
}


/* ════════════════════════════════════════════════════════
 * VARIANT PICKER COLOR SWATCHES · força bolinhas coloridas
 * Funciona em qualquer modo (button/swatch) via :has()
 * 24/04/2026
 * ════════════════════════════════════════════════════════ */

/* Container do variant picker: flex em linha com gap */
.variant-option,
.variant-option--buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  padding: 8px 0 !important;
  border: none !important;
}
.variant-option legend,
.variant-option--buttons legend {
  width: 100%;
  font-size: 0.78rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #555 !important;
  font-weight: 600 !important;
  margin-bottom: 10px;
}

/* GLOBAL bolinha 40x40 REMOVIDO · cada produto MAC tem swatch CSS próprio · outros produtos usam padrão Horizon */

/* Cores por tom (via :has) */


/* Selected state: aro preto 2px */
.variant-option label:has(input:checked),
.variant-option__button-label:has(input:checked) {
  box-shadow: 0 0 0 2px #040404, 0 0 0 4px #fff !important;
  transform: scale(1.08) !important;
}

/* Mostrar nome do tom selecionado próximo à label (via pseudo no fieldset) */
.variant-option__swatch-value {
  font-weight: 700 !important;
  color: #040404 !important;
  font-size: 0.95rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin-left: 8px !important;
}


/* ════════════════════════════════════════════════════════
 * VARIANT LEGEND · mostra nome do tom selecionado em destaque
 * ════════════════════════════════════════════════════════ */
.variant-option legend,
.variant-option--buttons legend {
  font-size: 0.75rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #888 !important;
  font-weight: 500 !important;
  margin-bottom: 10px !important;
  width: 100% !important;
  display: block !important;
}
.variant-option legend .variant-option__swatch-value,
.variant-option--buttons legend .variant-option__swatch-value {
  font-size: 1rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #040404 !important;
  font-weight: 700 !important;
  margin-left: 10px !important;
  display: inline !important;
}


/* ════════════════════════════════════════════════════════
 * VARIANT NAME SPAN · estilo do nome do tom selecionado
 * ════════════════════════════════════════════════════════ */
.variant-option legend .sb-variant-name,
.variant-option--buttons legend .sb-variant-name {
  font-size: 1rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #040404 !important;
  font-weight: 700 !important;
  margin-left: 10px !important;
  display: inline !important;
}


/* ════════════════════════════════════════════════════════
 * DESCRIÇÃO DO TOM · abaixo do variant picker (estilo MAC)
 * ════════════════════════════════════════════════════════ */
.sb-tom-descricao {
  font-size: 0.95rem !important;
  color: #555 !important;
  line-height: 1.5 !important;
  padding: 4px 0 12px !important;
  margin: 0 !important;
  font-weight: 400 !important;
}


/* ════════════════════════════════════════════════════════
 * ZOOM DIALOG · popup foto + thumbs lado a lado
 * Desktop: thumbs coluna esquerda 88px · foto principal direita
 * Mobile: foto topo · thumbs barra horizontal embaixo
 * ════════════════════════════════════════════════════════ */

/* Backdrop */
zoom-dialog dialog::backdrop {
  background: rgba(0, 0, 0, 0.72) !important;
  backdrop-filter: blur(4px) !important;
}

/* Dialog: flex-row · tamanho justo */
html body zoom-dialog dialog,
html body zoom-dialog dialog[open] {
  position: fixed !important;
  inset: unset !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important;
  max-width: 680px !important;
  height: auto !important;
  max-height: 70vh !important;
  min-width: 320px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 20px 64px rgba(0,0,0,0.32) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  background: #fff !important;
}

/* Thumbnails: coluna vertical à esquerda */
html body zoom-dialog .dialog-thumbnails-list-container {
  order: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 88px !important;
  min-width: 88px !important;
  background: #f7f7f7 !important;
  border-right: 1px solid #e5e5e5 !important;
  padding: 12px 8px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
}
html body zoom-dialog .dialog-thumbnails-list-container::-webkit-scrollbar { display: none !important; }

html body zoom-dialog .dialog-thumbnails-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  overflow: visible !important;
  scrollbar-width: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}
html body zoom-dialog .dialog-thumbnails-list::-webkit-scrollbar { display: none !important; }

html body zoom-dialog .dialog-thumbnails-list__thumbnail {
  flex: 0 0 auto !important;
  width: 72px !important;
  height: 72px !important;
  border: 2px solid transparent !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  transition: border-color 0.2s !important;
  cursor: pointer !important;
  background: #fff !important;
}
html body zoom-dialog .dialog-thumbnails-list__thumbnail:hover {
  border-color: #c1c1c1 !important;
}
html body zoom-dialog .dialog-thumbnails-list__thumbnail[aria-selected="true"] {
  border-color: #040404 !important;
}
html body zoom-dialog .dialog-thumbnails-list__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Galeria principal: ocupa restante · max 500px */
html body zoom-dialog .dialog-zoomed-gallery {
  order: 2 !important;
  flex: 1 1 auto !important;
  max-width: 500px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
}

/* Botão X */
html body zoom-dialog dialog .dialog-zoomed-gallery__close-button {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 9999 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.95) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
  cursor: pointer !important;
  border: none !important;
  color: #040404 !important;
}
html body zoom-dialog dialog .dialog-zoomed-gallery__close-button:hover {
  background: #040404 !important;
  color: #fff !important;
}
html body zoom-dialog dialog .dialog-zoomed-gallery__close-button svg {
  width: 14px !important;
  height: 14px !important;
}

/* Mobile: foto topo · thumbs horizontal embaixo */
@media (max-width: 767px) {
  html body zoom-dialog dialog,
  html body zoom-dialog dialog[open] {
    flex-direction: column !important;
    width: 90vw !important;
    max-width: 90vw !important;
    max-height: 82vh !important;
  }
  html body zoom-dialog .dialog-thumbnails-list-container {
    order: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    flex-direction: row !important;
    border-right: none !important;
    border-top: 1px solid #e5e5e5 !important;
    padding: 8px 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  html body zoom-dialog .dialog-thumbnails-list {
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  html body zoom-dialog .dialog-thumbnails-list__thumbnail {
    width: 60px !important;
    height: 60px !important;
  }
  html body zoom-dialog .dialog-zoomed-gallery {
    order: 1 !important;
    max-width: 100% !important;
  }
  html body zoom-dialog dialog .dialog-zoomed-gallery__close-button {
    top: 8px !important;
    right: 8px !important;
    width: 30px !important;
    height: 30px !important;
  }
}

/* ════════════════════════════════════════════════════════
 * INGREDIENTS BANNER · product page estilo MAC
 * ════════════════════════════════════════════════════════ */
.sb-ingredients-banner {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 48px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 48px 24px;
  align-items: center;
}
.sb-ingredients-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}
.sb-ingredients-copy {
  padding: 24px 0;
}
.sb-ing-eyebrow {
  font-size: 0.72rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 14px;
}
.sb-ing-title {
  font-size: 2.2rem;
  line-height: 1.15;
  font-weight: 600;
  color: #040404;
  margin: 0 0 28px;
  letter-spacing: -0.01em;
}
.sb-ing-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sb-ing-list li {
  padding: 12px 0 12px 24px;
  border-bottom: 1px solid #eee;
  position: relative;
  font-size: 0.95rem;
  line-height: 1.5;
  color: #444;
}
.sb-ing-list li::before {
  content: "◆";
  position: absolute;
  left: 0;
  top: 12px;
  color: #c1c1c1;
  font-size: 0.85rem;
}
.sb-ing-list li:last-child { border-bottom: none; }
.sb-ing-list strong { color: #040404; font-weight: 700; }

@media (max-width: 900px) {
  .sb-ingredients-banner {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 32px 20px;
  }
  .sb-ing-title { font-size: 1.6rem; }
}


/* Banner ingredientes · copy enxuta */
.sb-ing-desc {
  font-size: 1rem !important;
  line-height: 1.65 !important;
  color: #444 !important;
  margin: 0 !important;
}


/* ════════════════════════════════════════════════════════
 * BANNER FULL IMG · imagem-com-texto integrada via IA
 * ════════════════════════════════════════════════════════ */
.sb-banner-fullimg {
  max-width: 1400px;
  margin: 0 auto;
  padding: 48px 24px;
}
.sb-banner-fullimg img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .sb-banner-fullimg { padding: 32px 16px; }
}


/* ════════════════════════════════════════════════════════
 * BANNER FULL IMG · full-width desktop forçado
 * ════════════════════════════════════════════════════════ */
#shopify-section-template--26290410749995__sb_ingredients_banner,
[id*="sb_ingredients_banner"] {
  display: block !important;
  width: 100% !important;
  position: relative !important;
  z-index: 10 !important;
  clear: both !important;
}
[id*="sb_ingredients_banner"] .section {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.sb-banner-fullimg {
  width: 100%;
  display: block;
}
.sb-banner-fullimg img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 4px;
  max-width: 1400px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  [id*="sb_ingredients_banner"] .section { padding: 20px 16px !important; }
}


/* ════════════════════════════════════════════════════════
 * BANNER FULL IMG · altura controlada desktop (3:2 → banner)
 * ════════════════════════════════════════════════════════ */
[id*="sb_ingredients_banner"] {
  display: block !important;
  width: 100% !important;
  z-index: 5;
}
.sb-banner-fullimg {
  width: 100%;
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
.sb-banner-fullimg img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  max-height: 440px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 4px;
}
@media (min-width: 769px) {
  .sb-banner-fullimg img {
    max-height: 420px !important;
  }
}
@media (max-width: 768px) {
  .sb-banner-fullimg img {
    max-height: 260px !important;
    object-fit: cover !important;
  }
}


/* ════════════════════════════════════════════════════════
 * EDITORIAL SECTION · layout MAC-style Blush product page
 * ════════════════════════════════════════════════════════ */
.sb-prod-editorial {
  max-width: 1320px;
  margin: 40px auto;
  padding: 0 24px;
  background: #fafafa;
  border-radius: 8px;
  overflow: hidden;
  padding-bottom: 48px;
}

/* Header eyebrow */
.sb-pe-header {
  padding: 48px 0 32px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 40px;
}
.sb-pe-eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.25em;
  color: #040404;
  text-transform: uppercase;
}
.sb-pe-eyebrow-dark { color: #040404; }

/* 3 features grid */
.sb-pe-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  padding: 0 40px 48px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 48px;
}
.sb-pe-feature {
  text-align: center;
}
.sb-pe-feature img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  margin: 0 auto 16px;
  display: block;
  border: 2px solid #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}
.sb-pe-feature h3 {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #040404;
  margin: 0 0 12px;
  text-transform: uppercase;
  line-height: 1.3;
}
.sb-pe-feature p {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.5;
  margin: 0;
}

/* Hero 2-cols · modelo + copy/looks */
.sb-pe-hero-wrap {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 32px;
  padding: 0 40px;
  align-items: stretch;
}
.sb-pe-hero-main {
  background: #f2f2f2;
  border-radius: 4px;
  overflow: hidden;
}
.sb-pe-hero-main img {
  width: 100%;
  height: auto;
  max-height: 720px;
  object-fit: contain;
  object-position: center center;
  border-radius: 4px;
  display: block;
  background: #f2f2f2;
}
.sb-pe-hero-side {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sb-pe-hero-copy {
  padding: 0 0 24px;
}
.sb-pe-hero-copy h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #040404;
  margin: 14px 0 18px;
  line-height: 1.15;
  letter-spacing: -0.01em;
}
.sb-pe-hero-copy p {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.6;
  margin: 0;
}


@media (max-width: 900px) {
  .sb-pe-features { grid-template-columns: 1fr; gap: 32px; padding: 0 20px 32px; }
  .sb-pe-hero-wrap { grid-template-columns: 1fr; padding: 0 20px; gap: 20px; }
  .sb-pe-hero-main img { max-height: 520px; height: auto; object-fit: contain; }
  .sb-pe-hero-copy h2 { font-size: 1.5rem; }
}


/* ════════════════════════════════════════════════════════
 * EDITORIAL · 8 looks thumbnails clicáveis
 * ════════════════════════════════════════════════════════ */
.sb-pe-hero-main { position: relative; }
.sb-pe-hero-caption {
  position: absolute;
  left: 16px;
  bottom: 16px;
  background: rgba(255,255,255,0.92);
  padding: 8px 14px;
  font-size: 0.82rem;
  font-weight: 700;
  color: #040404;
  letter-spacing: 0.02em;
  border-radius: 2px;
  backdrop-filter: blur(4px);
}
.sb-pe-hint {
  font-size: 0.8rem !important;
  color: #888 !important;
  margin-top: 12px !important;
  font-style: italic;
}
.sb-pe-looks {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
}
.sb-pe-look {
  background: transparent;
  border: 2px solid transparent;
  border-radius: 4px;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border 0.2s, transform 0.2s;
}
.sb-pe-look:hover { transform: translateY(-2px); }
.sb-pe-look.is-active {
  border-color: #040404;
}
.sb-pe-look img {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  display: block;
}
.sb-pe-look span {
  font-size: 0.7rem;
  font-weight: 600;
  color: #040404;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 6px 2px 4px;
  background: #fff;
}
@media (max-width: 900px) {
  .sb-pe-looks { grid-template-columns: repeat(4, 1fr) !important; gap: 6px !important; }
  .sb-pe-look span { font-size: 0.62rem; padding: 4px 0; }
}
/* ALTISSIMA SWATCHES · bloco estimado removido (hex real no bloco abaixo) */


/* ════════════════════════════════════════════════════════
 * ALTISSIMA SWATCHES · 13 tons · HEX REAL extraído cartela (24/04/2026)
 * ════════════════════════════════════════════════════════ */
.variant-option label:has(input[value="01"]),
.variant-option__button-label:has(input[value="01"]) { background-color: #C7AF98 !important; }
.variant-option label:has(input[value="1.75"]),
.variant-option__button-label:has(input[value="1.75"]) { background-color: #C6AD94 !important; }
.variant-option label:has(input[value="02"]),
.variant-option__button-label:has(input[value="02"]) { background-color: #CCAF95 !important; }
.variant-option label:has(input[value="2.75"]),
.variant-option__button-label:has(input[value="2.75"]) { background-color: #CEB294 !important; }
.variant-option label:has(input[value="03"]),
.variant-option__button-label:has(input[value="03"]) { background-color: #CEAF93 !important; }
.variant-option label:has(input[value="04"]),
.variant-option__button-label:has(input[value="04"]) { background-color: #AF9274 !important; }
.variant-option label:has(input[value="05"]),
.variant-option__button-label:has(input[value="05"]) { background-color: #AD8D69 !important; }
.variant-option label:has(input[value="06"]),
.variant-option__button-label:has(input[value="06"]) { background-color: #AB8D6F !important; }
.variant-option label:has(input[value="6.75"]),
.variant-option__button-label:has(input[value="6.75"]) { background-color: #AB8C70 !important; }
.variant-option label:has(input[value="07"]),
.variant-option__button-label:has(input[value="07"]) { background-color: #9A7554 !important; }
.variant-option label:has(input[value="08"]),
.variant-option__button-label:has(input[value="08"]) { background-color: #8A6B53 !important; }
.variant-option label:has(input[value="09"]),
.variant-option__button-label:has(input[value="09"]) { background-color: #8D6853 !important; }
.variant-option label:has(input[value="10"]),
.variant-option__button-label:has(input[value="10"]) { background-color: #715049 !important; }


/* ════════════════════════════════════════════════════════
 * ALTISSIMA EDITORIAL OVERRIDES · grid 13 thumbnails
 * ════════════════════════════════════════════════════════ */
body[class*="product"] .sb-pe-looks {
  grid-template-columns: repeat(7, 1fr) !important;
  gap: 6px !important;
}
@media (max-width: 900px) {
  body[class*="product"] .sb-pe-looks {
    grid-template-columns: repeat(7, 1fr) !important;
    gap: 4px !important;
  }
}
@media (max-width: 540px) {
  body[class*="product"] .sb-pe-looks {
    grid-template-columns: repeat(7, 1fr) !important;
  }
}


/* [ZOOM DIALOG block 2 removido - ver bloco unificado acima] */

/* ════════════════════════════════════════════════════════
 * FOOTER CENTRALIZED · categorias/ajuda/sobre alinhados centro
 * ════════════════════════════════════════════════════════ */
.sb-footer-top {
  justify-content: center !important;
}
.sb-footer-col,
.sb-footer-col summary,
.sb-footer-col ul,
.sb-footer-col li,
.sb-footer-col a {
  text-align: center !important;
}
.sb-footer-col summary {
  justify-content: center !important;
}
.sb-footer-col ul {
  list-style: none !important;
  padding: 0 !important;
}
@media (max-width: 768px) {
  .sb-footer-col summary { justify-content: space-between !important; text-align: left !important; }
  .sb-footer-col ul, .sb-footer-col li, .sb-footer-col a { text-align: left !important; }
}


/* ════════════════════════════════════════════════════════
 * HYDRA SWATCHES · 10 tons H1-H10 · hex real (24/04)
 * ════════════════════════════════════════════════════════ */
.variant-option label:has(input[value="H1"]),
.variant-option__button-label:has(input[value="H1"]) { background-color: #997B55 !important; }
.variant-option label:has(input[value="H2"]),
.variant-option__button-label:has(input[value="H2"]) { background-color: #A1825A !important; }
.variant-option label:has(input[value="H3"]),
.variant-option__button-label:has(input[value="H3"]) { background-color: #AA845D !important; }
.variant-option label:has(input[value="H4"]),
.variant-option__button-label:has(input[value="H4"]) { background-color: #A1794C !important; }
.variant-option label:has(input[value="H5"]),
.variant-option__button-label:has(input[value="H5"]) { background-color: #AC874F !important; }
.variant-option label:has(input[value="H6"]),
.variant-option__button-label:has(input[value="H6"]) { background-color: #BA9567 !important; }
.variant-option label:has(input[value="H7"]),
.variant-option__button-label:has(input[value="H7"]) { background-color: #875D31 !important; }
.variant-option label:has(input[value="H8"]),
.variant-option__button-label:has(input[value="H8"]) { background-color: #916731 !important; }
.variant-option label:has(input[value="H9"]),
.variant-option__button-label:has(input[value="H9"]) { background-color: #926437 !important; }
.variant-option label:has(input[value="H10"]),
.variant-option__button-label:has(input[value="H10"]) { background-color: #6E3F15 !important; }


/* ════════════════════════════════════════════════════════
 * HYDRA STORYTELLING · narrativa com inspirações orientais
 * ════════════════════════════════════════════════════════ */
.sb-hydra-story {
  max-width: 1280px;
  margin: 32px auto;
  padding: 40px 24px;
  background: #fafafa;
  border-radius: 8px;
}
.sb-hs-intro {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 64px;
}
.sb-hs-eyebrow {
  font-size: 0.75rem;
  letter-spacing: 0.3em;
  color: #888;
  margin-bottom: 18px;
  font-weight: 600;
}
.sb-hs-title {
  font-size: 2.2rem;
  font-weight: 600;
  color: #040404;
  margin: 0 0 24px;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.sb-hs-lead {
  font-size: 1.05rem;
  color: #555;
  line-height: 1.7;
  margin: 0;
}
.sb-hs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.sb-hs-card {
  text-align: center;
}
.sb-hs-card img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 4px;
  margin-bottom: 20px;
  display: block;
}
.sb-hs-card h3 {
  font-size: 0.85rem;
  letter-spacing: 0.15em;
  font-weight: 700;
  color: #040404;
  margin: 0 0 12px;
  text-transform: uppercase;
}
.sb-hs-card p {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.6;
  font-style: italic;
  margin: 0;
}
@media (max-width: 900px) {
  .sb-hydra-story { padding: 40px 20px; margin: 24px auto; }
  .sb-hs-title { font-size: 1.6rem; }
  .sb-hs-grid { grid-template-columns: 1fr; gap: 32px; }
}


/* ════════════════════════════════════════════════════════
 * SB PRODUCT DESC · TIPOGRAFIA PADRÃO UNIFICADA (24/04)
 * Contida · herda font-family do tema Horizon
 * Mesma fonte e tamanhos em TODOS produtos
 * ════════════════════════════════════════════════════════ */
.sb-product-desc {
  max-width: 720px;
  line-height: 1.6;
  font-size: 0.95rem;
  color: #333;
}
.sb-product-desc p,
.sb-product-desc li,
.sb-product-desc td {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #444;
}
.sb-product-desc strong {
  color: #040404;
  font-weight: 600;
}
.sb-product-desc .sb-eyebrow {
  display: inline-block;
  font-size: 0.68rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: #666;
  font-weight: 600;
  margin: 0 0 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid #040404;
}
.sb-product-desc .sb-hook,
.sb-product-desc h2.sb-hook {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600;
  margin: 0 0 16px;
  color: #040404;
  letter-spacing: -0.01em;
}
.sb-product-desc .sb-intro {
  font-size: 0.95rem;
  margin: 0 0 24px;
  color: #444;
  line-height: 1.65;
}
.sb-product-desc h3 {
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  font-weight: 700;
  margin: 24px 0 10px;
  color: #040404;
  text-transform: uppercase;
}
.sb-product-desc ul.sb-benefits,
.sb-product-desc ol.sb-howto {
  padding-left: 0;
  margin: 0 0 16px;
  list-style: none;
}
.sb-product-desc ul.sb-benefits li,
.sb-product-desc ol.sb-howto li {
  padding-left: 20px;
  position: relative;
  margin-bottom: 6px;
  line-height: 1.55;
}
.sb-product-desc ul.sb-benefits li::before {
  content: "◆";
  position: absolute;
  left: 0;
  top: 1px;
  color: #c1c1c1;
  font-size: 0.8rem;
}
.sb-product-desc ol.sb-howto {
  counter-reset: howto;
}
.sb-product-desc ol.sb-howto li {
  counter-increment: howto;
}
.sb-product-desc ol.sb-howto li::before {
  content: counter(howto);
  position: absolute;
  left: 0;
  top: 1px;
  color: #040404;
  font-weight: 700;
  font-size: 0.85rem;
}
.sb-product-desc .sb-alert {
  background: #fff9e6;
  border-left: 3px solid #d4a437;
  padding: 12px 16px;
  margin: 18px 0;
  font-size: 0.88rem;
  color: #5a4a10;
  line-height: 1.5;
}
.sb-product-desc .sb-alert strong { color: #040404; }
.sb-product-desc .sb-badges-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 20px 0;
}
.sb-product-desc .sb-badge {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #040404;
  font-size: 0.6rem;
  letter-spacing: 0.15em;
  font-weight: 600;
  color: #040404;
}
.sb-product-desc table.sb-specs {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0 20px;
  font-size: 0.82rem;
}
.sb-product-desc table.sb-specs th {
  text-align: left;
  padding: 8px 10px;
  font-weight: 600;
  color: #555;
  background: #fafafa;
  width: 38%;
  letter-spacing: 0.02em;
  font-size: 0.72rem;
  text-transform: uppercase;
}
.sb-product-desc table.sb-specs td {
  padding: 8px 10px;
  border-bottom: 1px solid #eee;
  color: #333;
}
.sb-product-desc .sb-closer,
.sb-product-desc p.sb-closer {
  font-size: 1rem;
  font-style: italic;
  color: #040404;
  margin: 24px 0 0;
  padding-top: 18px;
  border-top: 1px solid #e6e6e6;
  text-align: center;
}

@media (max-width: 768px) {
  .sb-product-desc { font-size: 0.9rem; }
  .sb-product-desc .sb-hook { font-size: 1.25rem; }
  .sb-product-desc table.sb-specs { font-size: 0.78rem; }
  .sb-product-desc table.sb-specs th { font-size: 0.68rem; padding: 7px 9px; }
  .sb-product-desc table.sb-specs td { padding: 7px 9px; font-size: 0.8rem; }
  .sb-product-desc .sb-badge { font-size: 0.55rem; padding: 4px 9px; }
}


/* ════════════════════════════════════════════════════════
 * SB LATERAL CURTA · Descrição curta padrão Fluida (26/04)
 * Usado em: Corretivo · Altíssima · Stick (e futuros)
 * Estrutura: sb-product-desc > sb-eyebrow + sb-hook + p.sb-lateral-curta
 * ════════════════════════════════════════════════════════ */
.sb-product-desc p.sb-lateral-curta {
  font-size: 0.88rem;
  font-weight: 400;
  line-height: 1.6;
  color: #555;
  margin: 0;
}
.sb-product-desc p.sb-lateral-curta strong {
  color: #040404;
  font-weight: 600;
}
@media (max-width: 768px) {
  .sb-product-desc p.sb-lateral-curta { font-size: 0.85rem; }
}
/* === Pó Translúcido Hydra · swatches por tom (padrão label:has — igual Blush/Base) === */
.variant-option label:has(input[value="PETAL"]),
.variant-option__button-label:has(input[value="PETAL"]) { background-color: #D3AD91 !important; }
.variant-option label:has(input[value="SAND"]),
.variant-option__button-label:has(input[value="SAND"]) { background-color: #FDEEC6 !important; }
.variant-option label:has(input[value="SUN"]),
.variant-option__button-label:has(input[value="SUN"])  { background-color: #DDC284 !important; }


/* === CONTOUR STICK BBEAUTY · SM40-70 · 24/04/2026 v2 (padrão canônico Rafael) === */
.variant-option label:has(input[value="SM40"]),
.variant-option__button-label:has(input[value="SM40"]) { background-color: #e2a065 !important; }

.variant-option label:has(input[value="SM50"]),
.variant-option__button-label:has(input[value="SM50"]) { background-color: #d1946b !important; }

.variant-option label:has(input[value="SM60"]),
.variant-option__button-label:has(input[value="SM60"]) { background-color: #e19050 !important; }

.variant-option label:has(input[value="SM70"]),
.variant-option__button-label:has(input[value="SM70"]) { background-color: #bc6732 !important; }

/* === BASE FLUIDA bBeauty Fluid · 10 numerações · 24/04/2026 (SCOPED por product_id pra não conflitar com Altíssima) === */
[data-product-id="7893001240619"] .variant-option label:has(input[value="01"]),
[data-product-id="7893001240619"] .variant-option__button-label:has(input[value="01"]) { background-color: #cca583 !important; }
[data-product-id="7893001240619"] .variant-option label:has(input[value="02"]),
[data-product-id="7893001240619"] .variant-option__button-label:has(input[value="02"]) { background-color: #b0966f !important; }
[data-product-id="7893001240619"] .variant-option label:has(input[value="03"]),
[data-product-id="7893001240619"] .variant-option__button-label:has(input[value="03"]) { background-color: #b29677 !important; }
[data-product-id="7893001240619"] .variant-option label:has(input[value="04"]),
[data-product-id="7893001240619"] .variant-option__button-label:has(input[value="04"]) { background-color: #a38867 !important; }
[data-product-id="7893001240619"] .variant-option label:has(input[value="05"]),
[data-product-id="7893001240619"] .variant-option__button-label:has(input[value="05"]) { background-color: #b08b5f !important; }
[data-product-id="7893001240619"] .variant-option label:has(input[value="06"]),
[data-product-id="7893001240619"] .variant-option__button-label:has(input[value="06"]) { background-color: #977b57 !important; }
[data-product-id="7893001240619"] .variant-option label:has(input[value="07"]),
[data-product-id="7893001240619"] .variant-option__button-label:has(input[value="07"]) { background-color: #9e7245 !important; }
[data-product-id="7893001240619"] .variant-option label:has(input[value="08"]),
[data-product-id="7893001240619"] .variant-option__button-label:has(input[value="08"]) { background-color: #956b42 !important; }
[data-product-id="7893001240619"] .variant-option label:has(input[value="09"]),
[data-product-id="7893001240619"] .variant-option__button-label:has(input[value="09"]) { background-color: #906342 !important; }
[data-product-id="7893001240619"] .variant-option label:has(input[value="10"]),
[data-product-id="7893001240619"] .variant-option__button-label:has(input[value="10"]) { background-color: #6f3e1c !important; }


/* === BASE CORRETIVO bBeauty Cover Up · 8 numerações · 25/04/2026 (SCOPED por product_id) === */
[data-product-id="7893101740075"] .variant-option label:has(input[value="01"]),
[data-product-id="7893101740075"] .variant-option__button-label:has(input[value="01"]) { background-color: #D9C7BE !important; }

[data-product-id="7893101740075"] .variant-option label:has(input[value="02"]),
[data-product-id="7893101740075"] .variant-option__button-label:has(input[value="02"]) { background-color: #D9C7BF !important; }

[data-product-id="7893101740075"] .variant-option label:has(input[value="03"]),
[data-product-id="7893101740075"] .variant-option__button-label:has(input[value="03"]) { background-color: #D5BFAF !important; }

[data-product-id="7893101740075"] .variant-option label:has(input[value="04"]),
[data-product-id="7893101740075"] .variant-option__button-label:has(input[value="04"]) { background-color: #D6BDA5 !important; }

[data-product-id="7893101740075"] .variant-option label:has(input[value="05"]),
[data-product-id="7893101740075"] .variant-option__button-label:has(input[value="05"]) { background-color: #CDB4A0 !important; }

[data-product-id="7893101740075"] .variant-option label:has(input[value="06"]),
[data-product-id="7893101740075"] .variant-option__button-label:has(input[value="06"]) { background-color: #C9AB94 !important; }

[data-product-id="7893101740075"] .variant-option label:has(input[value="07"]),
[data-product-id="7893101740075"] .variant-option__button-label:has(input[value="07"]) { background-color: #CEAE93 !important; }

[data-product-id="7893101740075"] .variant-option label:has(input[value="08"]),
[data-product-id="7893101740075"] .variant-option__button-label:has(input[value="08"]) { background-color: #C69C7D !important; }

/* === PDP TITLE TYPOGRAPHY · MAC-like (25/04 · @rafael Opção 1) === */
/* Horizon usa .text-block.h1 > * para o título do produto no PDP     */
/* Selector específico: dentro de .product-details (section PDP only) */
.product-details .text-block.h1 > *,
.product-details [class*="text-block"].h1 > * {
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.15 !important;
}

@media (max-width: 748px) {
  .product-details .text-block.h1 > *,
  .product-details [class*="text-block"].h1 > * {
    letter-spacing: 0.04em !important;
    line-height: 1.18 !important;
  }
}
/* === FIM PDP TITLE TYPOGRAPHY === */

/* ===================================================================
   CORRETIVO PILOTO MAC-STYLE · 25/04/2026
   Escopo: [data-product-handle="corretivo-liquido-bbeauty-cover-up"]
   Zero impacto em outros produtos.
   =================================================================== */

/* ── Lateral: bloco fixo (body_html novo) ─────────────────────────── */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-lateral-fixo {
  margin-top: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-lateral-tom-desc {
  font-size: 15px;
  line-height: 1.6;
  color: #1a1a1a;
  margin: 0;
}

/* ── Hairline divider entre tom-desc dinâmico e fixo ─────────────── */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tom-descricao {
  font-size: 15px;
  line-height: 1.6;
  color: #1a1a1a;
  padding-bottom: 20px;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 20px;
}

/* ── Seção 2 colunas: wrapper ────────────────────────────────────── */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-twocol {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 80px;
  max-width: 1280px;
  margin: 80px auto;
  padding: 0 80px;
  box-sizing: border-box;
}

/* ── Coluna esquerda sticky · BUG-004 fix · removido seletor quebrado vazio === */

/* ── Coluna direita: accordions ──────────────────────────────────── */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ctc-content {
  min-width: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion {
  border-bottom: 1px solid #E5E5E5;
  padding: 0;
  list-style: none;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion:first-of-type {
  border-top: 1px solid #E5E5E5;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 28px 0;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #000;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__label::-webkit-details-marker {
  display: none;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__icon {
  font-size: 22px;
  font-weight: 300;
  line-height: 1;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion[open] .sb-accordion__icon {
  transform: rotate(45deg);
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__body {
  padding: 0 0 28px;
  font-size: 15px;
  line-height: 1.6;
  color: #1a1a1a;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__list {
  padding-left: 20px;
  margin: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__list li {
  margin-bottom: 10px;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__ingredients p {
  margin: 0 0 16px;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__ingredients p:last-child {
  margin-bottom: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__howto {
  padding-left: 20px;
  margin: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__howto li {
  margin-bottom: 14px;
}

/* ── Before/After 3 cards ────────────────────────────────────────── */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-ba {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1280px;
  margin: 80px auto;
  padding: 0 80px;
  box-sizing: border-box;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ba-card {
  border-top: 1px solid #000;
  padding-top: 24px;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ba-card__inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ba-card__headline {
  font-size: clamp(17px, 1.8vw, 22px);
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.15;
  color: #000;
  margin: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ba-card__body {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  color: #1a1a1a;
  margin: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ba-card__cta {
  display: inline-block;
  width: fit-content;
  padding: 10px 24px;
  border: 1px solid #000;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ba-card__cta:hover {
  background: #000;
  color: #fff;
}

/* ── TABLET 769-1024px ───────────────────────────────────────────── */
@media (min-width: 769px) and (max-width: 1024px) {
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-twocol {
    grid-template-columns: 35% 1fr;
    gap: 48px;
    padding: 0 40px;
    margin: 60px auto;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-ba {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 0 40px;
    margin: 60px auto;
  }
}

/* ── MOBILE ≤768px: 1 coluna empilhada ──────────────────────────── */
@media (max-width: 768px) {
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-twocol {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 0 20px;
    margin: 48px auto;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] 
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-ba {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 0 20px;
    margin: 48px auto;
  }
}

/* ── MOBILE ≤480px: compacto ────────────────────────────────────── */
@media (max-width: 480px) {
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-twocol {
    padding: 0 16px;
    margin: 40px auto;
    gap: 24px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-ba {
    padding: 0 16px;
    margin: 40px auto;
    gap: 28px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__label {
    padding: 22px 0;
    font-size: 13px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ba-card__headline {
    font-size: 16px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ba-card__body {
    font-size: 14px;
  }
}

/* === FIM CORRETIVO PILOTO MAC-STYLE === */

/* === CORRETIVO BANNER SOCIAL PROOF · FIX DEFINITIVO · seletor direto na section === */


@media (max-width: 1024px) {
  
}
@media (max-width: 768px) {
  
  
  
}
@media (max-width: 480px) {
  
  
  
}
/* === FIM CORRETIVO BANNER SOCIAL PROOF === */


/* === CORRETIVO TÍTULO MOBILE CENTERED · 25/04 (escopado handle) === */
@media (max-width: 768px) {
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-details {
    text-align: center;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-details .text-block.h1,
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-details .text-block.h1 > *,
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-details .product-title,
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-details .price,
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-details .sb-lateral-fixo,
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-details .sb-tom-descricao {
    text-align: center !important;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-details .variant-option,
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-details .product-form__buttons {
    justify-content: center !important;
  }
}
/* === FIM CORRETIVO TÍTULO MOBILE CENTERED === */


/* === CORRETIVO v4 · COMO USAR (sb-howto) + ENCONTRE SEU TOM + CARDS === */

/* sb-howto editorial */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-howto {
  list-style: none;
  padding: 0;
  margin: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-howto--editorial .sb-howto__intro {
  font-size: 15px;
  line-height: 1.65;
  color: #1a1a1a;
  margin: 0 0 24px;
  font-style: italic;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-howto__steps {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-howto__step {
  padding: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-howto__step-label {
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 8px;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-howto__step p {
  font-size: 15px;
  line-height: 1.65;
  color: #1a1a1a;
  margin: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-howto__protip {
  margin-top: 24px;
  padding: 20px;
  background: #f5f5f5;
  border-left: 3px solid #000;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-howto__protip-label {
  display: block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 10px;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-howto__protip p {
  font-size: 14px;
  line-height: 1.6;
  color: #1a1a1a;
  margin: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-howto a {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 3px;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-howto a:hover {
  opacity: 0.7;
}

/* Long desc CAPS: eyebrow + frases */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] 
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] 


/* === GUIA DE TOM v2 · @thales · 2026-04-25 === */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-tom-section {
  background: #f5f0eb;
  max-width: 1280px;
  margin: 32px auto;
  padding: 40px 32px;
  border: none;
  box-sizing: border-box;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide {
  max-width: 720px;
  margin: 0 auto;
  text-align: left;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__eyebrow {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #666;
  margin-bottom: 10px;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__title {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.15;
  color: #000;
  margin: 0 0 32px;
  text-transform: none;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__list {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 40px;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__list li {
  display: flex;
  align-items: center;
  gap: 16px;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__swatch {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: inset 0 0 0 2px #fff, 0 1px 2px rgba(0,0,0,0.04);
  flex-shrink: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__copy strong {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #000;
  text-transform: uppercase;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__copy span {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #555;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__hint {
  font-size: 13px;
  line-height: 1.6;
  color: #1a1a1a;
  margin: 0 0 8px;
  padding-top: 20px;
  border-top: 1px solid rgba(0,0,0,0.08);
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__cta {
  font-size: 12px;
  line-height: 1.5;
  color: #555;
  margin: 0;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__cta a {
  color: #000;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* GUIA DE TOM v2 · breakpoints */
@media (min-width: 769px) and (max-width: 1024px) {
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-tom-section {
    padding: 48px 40px;
    margin: 56px auto;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__list {
    gap: 18px 32px;
  }
}
@media (max-width: 768px) {
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-tom-section {
    padding: 40px 24px;
    margin: 48px 16px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__title {
    font-size: 19px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__list {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__swatch {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 480px) {
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-tom-section {
    padding: 32px 20px;
    margin: 40px 12px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__title {
    font-size: 18px;
    margin-bottom: 24px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__copy strong,
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__copy span {
    font-size: 12.5px;
  }
}

/* === FIM CORRETIVO v4 === */

/* === SPEC VISUAL THALES v1 · corretivo-liquido-bbeauty-cover-up · 2026-04-25 === */

/* ─── FASE 1 · FOUNDATION · TYPE SCALE + COLOR VARS ─── */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] {
  /* TYPE SCALE — Major Third 1.250 · base 15px */
  --sb-fs-eyebrow: 10px;
  --sb-fs-caption: 12px;
  --sb-fs-body-sm: 13px;
  --sb-fs-body: 15px;
  --sb-fs-body-lg: 17px;
  --sb-fs-h3: 19px;
  --sb-fs-h2: 24px;
  --sb-fs-h1: 32px;
  --sb-fs-display: 40px;

  /* TRACKING */
  --sb-track-tight: -0.01em;
  --sb-track-normal: 0;
  --sb-track-wide: 0.05em;
  --sb-track-wider: 0.12em;
  --sb-track-widest: 0.18em;

  /* LINE-HEIGHT */
  --sb-lh-tight: 1.15;
  --sb-lh-normal: 1.5;
  --sb-lh-relaxed: 1.65;

  /* WEIGHTS */
  --sb-fw-regular: 400;
  --sb-fw-medium: 500;
  --sb-fw-bold: 700;

  /* COLOR PALETTE */
  --sb-c-ink: #000;
  --sb-c-ink-soft: #1a1a1a;
  --sb-c-muted: #666;
  --sb-c-muted-light: #999;
  --sb-c-hairline: #e5e5e5;
  --sb-c-bg-soft: #fafafa;
  --sb-c-bg-warm: #f5f0eb;
  --sb-c-hover: rgba(0,0,0,0.03);
  --sb-c-overlay: rgba(0,0,0,0.5);
}

/* MOBILE OVERRIDES — type scale */
@media (max-width: 768px) {
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] {
    --sb-fs-h1: 24px;
    --sb-fs-display: 24px;
    --sb-fs-h2: 18px;
  }
}

/* ─── FASE 2 · BLOCK BY BLOCK ─── */

/* 4.1 · Lateral sticky */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-details .product-title,
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-details .text-block.h1 {
  font-size: var(--sb-fs-h1);
  font-weight: var(--sb-fw-medium);
  letter-spacing: var(--sb-track-tight);
  line-height: var(--sb-lh-tight);
  color: var(--sb-c-ink);
  margin-bottom: 12px;
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-details .price {
  font-size: var(--sb-fs-body-lg);
  font-weight: var(--sb-fw-regular);
  color: var(--sb-c-ink);
  margin-bottom: 24px;
  letter-spacing: var(--sb-track-normal);
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tom-descricao {
  font-size: var(--sb-fs-body);
  line-height: var(--sb-lh-relaxed);
  color: var(--sb-c-ink-soft);
  padding-bottom: 24px;
  border-bottom: 1px solid var(--sb-c-hairline);
  margin-bottom: 24px;
  position: relative;
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tom-descricao::before {
  content: "TOM SELECIONADO";
  display: block;
  font-size: var(--sb-fs-eyebrow);
  font-weight: var(--sb-fw-bold);
  letter-spacing: var(--sb-track-widest);
  color: var(--sb-c-muted);
  margin-bottom: 10px;
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-lateral-tom-desc {
  font-size: var(--sb-fs-body-sm);
  line-height: var(--sb-lh-relaxed);
  color: var(--sb-c-muted);
  margin: 0;
}

/* [REMOVIDO Mesa UX 27/04] Corretivo bolinhas legado 32px halo · agora canonical 28px em sb_corretivo_swatch_css */

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-form__buttons button {
  padding: 18px 32px;
  font-size: var(--sb-fs-caption);
  font-weight: var(--sb-fw-bold);
  letter-spacing: var(--sb-track-wide);
  text-transform: uppercase;
  border: 1px solid var(--sb-c-ink);
  background: var(--sb-c-ink);
  color: #fff;
  transition: background 0.2s ease, color 0.2s ease;
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-form__buttons button:hover {
  background: #fff;
  color: var(--sb-c-ink);
}


/* 4.3 · Twocol (long-desc + accordions) */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-twocol {
  gap: 100px;
  margin: 100px auto;
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] 

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] 

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__label {
  padding: 32px 4px;
  font-size: var(--sb-fs-body-sm);
  font-weight: var(--sb-fw-medium);
  letter-spacing: var(--sb-track-wide);
  transition: background 0.18s ease, padding-left 0.2s ease;
  border-radius: 2px;
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__label:hover {
  background: var(--sb-c-hover);
  padding-left: 12px;
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__icon {
  font-size: 20px;
  font-weight: var(--sb-fw-regular);
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__body {
  padding: 4px 4px 32px;
  font-size: var(--sb-fs-body);
  line-height: var(--sb-lh-relaxed);
  color: var(--sb-c-ink-soft);
  animation: sb-accordion-fade 0.3s ease;
}

@keyframes sb-accordion-fade {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__list {
  list-style: none;
  padding: 0;
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__list li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 14px;
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__list li::before {
  content: "";
  position: absolute;
  left: 0; top: 12px;
  width: 12px; height: 1px;
  background: var(--sb-c-ink);
}

/* 4.3.1 · POR QUE FUNCIONA accordion body */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-por-que-funciona {
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-por-que-funciona p {
  margin: 0 0 20px;
  line-height: var(--sb-lh-relaxed);
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-por-que-funciona p:last-child {
  margin-bottom: 0;
}

/* 4.4 · Banner social proof — container apenas (img definida no bloco 25/04) */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] 

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] 

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] 

/* 4.5 · 3 cards Before/After com numeração 01·02·03 */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-ba {
  gap: 32px;
  margin: 100px auto;
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ba-card {
  border-top: 1px solid var(--sb-c-ink);
  padding-top: 28px;
  position: relative;
  transition: padding-top 0.25s ease;
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ba-card:hover {
  padding-top: 36px;
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ba-card::before {
  content: attr(data-num);
  position: absolute;
  top: 12px; right: 0;
  font-size: var(--sb-fs-eyebrow);
  font-weight: var(--sb-fw-bold);
  letter-spacing: var(--sb-track-widest);
  color: var(--sb-c-muted);
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ba-card__headline {
  font-size: clamp(18px, 1.8vw, 22px);
  font-weight: var(--sb-fw-medium);
  letter-spacing: var(--sb-track-tight);
  line-height: var(--sb-lh-tight);
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ba-card__body {
  font-size: var(--sb-fs-body);
  line-height: var(--sb-lh-relaxed);
  color: var(--sb-c-ink-soft);
}

/* 4.6 · Galeria 24 imagens */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-gallery-24 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  max-width: 1280px;
  margin: 100px auto;
  padding: 0 80px;
  box-sizing: border-box;
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-gallery-24 img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  cursor: zoom-in;
  transition: opacity 0.2s ease;
}

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-gallery-24 img:hover {
  opacity: 0.85;
}

/* ─── FASE 3 · MOBILE BREAKPOINTS ─── */

/* TABLET 769–1024 */
@media (min-width: 769px) and (max-width: 1024px) {
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] {
    --sb-fs-h1: 28px;
    --sb-fs-display: 32px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-twocol {
    gap: 56px; padding: 0 40px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-tom-section {
    padding: 48px 40px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__list {
    grid-template-columns: 1fr;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-gallery-24 {
    grid-template-columns: repeat(3, 1fr);
    padding: 0 40px;
  }
}

/* MOBILE ≤768 */
@media (max-width: 768px) {
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-twocol {
    grid-template-columns: 1fr; gap: 40px; padding: 0 20px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-tom-section {
    margin: 56px 0; padding: 40px 20px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-tone-guide__list {
    grid-template-columns: 1fr; gap: 12px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__label {
    padding: 24px 4px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-ba {
    grid-template-columns: 1fr; gap: 40px; margin: 64px auto;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] 
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-gallery-24 {
    grid-template-columns: repeat(3, 1fr);
    padding: 0 16px;
    margin: 60px auto;
  }
}

/* MOBILE ≤480 */
@media (max-width: 480px) {
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] {
    --sb-fs-h1: 22px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-twocol,
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-ba {
    padding: 0 16px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-corretivo-tom-section {
    margin: 48px 0; padding: 32px 16px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__label {
    padding: 20px 4px; font-size: 12px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-form__buttons button {
    padding: 16px 24px; font-size: 11px;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-gallery-24 {
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
  }
}

/* === FIM SPEC VISUAL THALES v1 === */

/* === CORRETIVO SWATCH HEX FIX · 25/04/2026 · Rafael ============== 
   Causa raiz: Horizon emite `--swatch-background: ;` (vazio) inline em
   cada .variant-option__button-label porque o option "Cor" não tem
   metafield de cor por value. Fix CSS-only escopado por handle.
   Substitui --swatch-background + neutraliza .swatch--unavailable.
   Scope: [data-product-handle="corretivo-liquido-bbeauty-cover-up"]
   Zero impacto cross-product. Não toca em snippets/template Horizon. */

[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .variant-option--swatches .variant-option__button-label--has-swatch {
  background-color: var(--swatch-background) !important;
  background-image: none !important;
  opacity: 1 !important;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .variant-option--swatches .variant-option__button-label.swatch--unavailable,
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .variant-option--swatches .variant-option__button-label--has-swatch.swatch--unavailable {
  opacity: 1 !important;
  text-decoration: none !important;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .variant-option--swatches .variant-option__swatch-value { display: none !important; }


/* === R1 FIX: borda solid corretivo swatch unavailable === */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .swatch.swatch--unavailable { border-style: solid !important; }

/* === INCI COMPLETO · Corretivo · @thales === */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-inci-completo {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid #e5e5e5;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-inci-completo h4 {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 0 12px;
  color: #666;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-inci-list {
  font-size: 13px;
  line-height: 1.6;
  color: #333;
  margin: 0 0 16px;
}
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-inci-disclaimer {
  font-size: 11px;
  line-height: 1.5;
  color: #666;
  font-style: italic;
  margin: 0;
}

/* === TRUST SIGNALS MOBILE FIX v2 · Corretivo · @thales === */
@media (max-width: 768px) {
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-info-bar {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    padding: 0 0 24px !important;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-info-item {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 18px 12px !important;
    background: #fafafa !important;
    border-radius: 2px !important;
    min-height: 110px !important;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-info-icon {
    font-size: 24px !important;
    line-height: 1 !important;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-info-item strong {
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-info-item small {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    text-align: center !important;
    margin-top: 2px !important;
    color: #777 !important;
  }
}
@media (max-width: 480px) {
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-info-bar {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px !important;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-info-item {
    padding: 16px 8px !important;
    min-height: 100px !important;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-info-icon {
    font-size: 22px !important;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-info-item strong {
    font-size: 11.5px !important;
  }
  [data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-info-item small {
    font-size: 10px !important;
  }
}

/* ===================================================================
   ALTÍSSIMA MAC-STYLE TWOCOL · 26/04/2026
   Scope: [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"]
   =================================================================== */

/* TWOCOL LAYOUT */
[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-altissima-twocol {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 0;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 24px;
  box-sizing: border-box;
  align-items: start;
}

/* BUG-005 fix · 3 seletores quebrados vazios removidos */

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-ctc-content {
  border-left: 1px solid #e6e6e6;
  padding-left: 48px;
}

/* ACCORDIONS */
[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-accordion {
  border-bottom: 1px solid #e6e6e6;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-accordion:first-of-type {
  border-top: 1px solid #e6e6e6;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-accordion__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  cursor: pointer;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  font-weight: 700;
  color: #040404;
  text-transform: uppercase;
  list-style: none;
  user-select: none;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-accordion__label::-webkit-details-marker { display: none; }

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-accordion__icon {
  font-size: 1.2rem;
  font-weight: 300;
  transition: transform 0.25s ease;
  flex-shrink: 0;
  margin-left: 16px;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-accordion[open] .sb-accordion__icon {
  transform: rotate(45deg);
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-accordion__body {
  padding: 0 0 24px;
  font-size: 0.88rem;
  line-height: 1.7;
  color: #333;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-accordion__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-accordion__list li {
  padding: 6px 0 6px 20px;
  position: relative;
  border-bottom: none;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-accordion__list li::before {
  content: '·';
  position: absolute;
  left: 6px;
  color: #999;
}

/* INCI */
[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-inci-completo {
  background: #f9f9f9;
  border: 1px solid #e6e6e6;
  padding: 20px 24px;
  border-radius: 2px;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-inci-completo h4 {
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  font-weight: 700;
  color: #666;
  margin: 0 0 12px;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-inci-list {
  font-size: 0.78rem;
  line-height: 1.7;
  color: #555;
  margin: 0 0 16px;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-inci-disclaimer {
  font-size: 0.72rem;
  color: #888;
  font-style: italic;
  margin: 0;
  padding-top: 12px;
  border-top: 1px solid #e6e6e6;
}

/* POR QUE FUNCIONA */
[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-por-que-funciona p {
  margin-bottom: 16px;
  font-size: 0.88rem;
  line-height: 1.7;
  color: #333;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-por-que-funciona p:last-child {
  margin-bottom: 0;
}

/* COMO USAR */
[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-howto {
  margin: 0;
  padding: 0 0 0 20px;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-howto li {
  padding: 8px 0;
  font-size: 0.88rem;
  line-height: 1.7;
  color: #333;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-howto a {
  color: #040404;
  text-decoration: underline;
  text-underline-offset: 2px;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-howto a:hover {
  opacity: 0.7;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-pro-tip {
  background: #f5f5f5;
  border-left: 3px solid #040404;
  padding: 16px 20px;
  margin-top: 20px;
  border-radius: 0 2px 2px 0;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-pro-tip h4 {
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  font-weight: 700;
  margin: 0 0 8px;
  color: #040404;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-pro-tip p {
  font-size: 0.85rem;
  line-height: 1.6;
  color: #444;
  margin: 0;
}

/* B/A CARDS */
[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-altissima-ba {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-ba-card {
  border: 1px solid #e6e6e6;
  padding: 0;
  position: relative;
  transition: box-shadow 0.2s ease;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-ba-card:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-ba-card__inner {
  padding: 32px 28px;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-ba-card__num {
  display: block;
  font-size: 0.65rem;
  letter-spacing: 0.25em;
  font-weight: 700;
  color: #999;
  margin-bottom: 12px;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-ba-card__headline {
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #040404;
  text-transform: uppercase;
  margin: 0 0 12px;
  line-height: 1.4;
}

[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-ba-card__body {
  font-size: 0.85rem;
  line-height: 1.7;
  color: #444;
  margin: 0;
}

/* BANNER SOCIAL · FIX DEFINITIVO · seletor direto na section (seletor pai não funciona) */


@media (max-width: 768px) {
  
  
}
@media (max-width: 480px) {
  
  
}

/* === ALTÍSSIMA SWATCHES · 13 tons · HEX REAL · 26/04/2026 (SCOPED por product_id) === */
/* BUG 1 FIX 26/04: removido display:none — label do tom deve aparecer ao clicar */
[data-product-id="7892417249323"] .variant-option--swatches .variant-option__swatch-value { display: inline !important; }


/* === FIM ALTÍSSIMA SWATCHES === */

/* TABLET ≤1024px */
@media (max-width: 1024px) {
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-altissima-twocol {
    grid-template-columns: 35% 1fr;
    gap: 0;
    padding: 48px 20px;
  }
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] 
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-ctc-content {
    padding-left: 32px;
  }
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-altissima-ba {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 32px 20px;
  }
}

/* MOBILE ≤768px */
@media (max-width: 768px) {
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-altissima-twocol {
    grid-template-columns: 1fr;
    padding: 32px 16px;
  }
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] 
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] 
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-ctc-content {
    border-left: none;
    padding-left: 0;
  }
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-altissima-ba {
    grid-template-columns: 1fr;
    padding: 24px 16px;
    gap: 16px;
  }
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] 
}

/* MOBILE ≤480px */
@media (max-width: 480px) {
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-altissima-twocol {
    padding: 24px 12px;
  }
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] 
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-accordion__label {
    font-size: 0.7rem;
  }
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-ba-card__headline {
    font-size: 0.75rem;
  }
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-ba-card__body {
    font-size: 0.82rem;
  }
  [data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] 
}

/* === FIM ALTÍSSIMA MAC-STYLE TWOCOL === */

/* === ARON EXCEPTION MODE 26/04 · 3 BUGS FIX DEFINITIVO === */
/* Bug 1: sticky com overflow-y vazava sobre accordions · Bug 2: 3 cascades duplicados de tipografia · Bug 3: banner 320px ficou pequeno */

/* === STICKY · simples · sem overflow-y · sem max-height === */

@media (max-width: 1024px) {
  
}
@media (max-width: 768px) {
  
}

/* === STICKY TEXT WRAPPER === */


/* === EYEBROW (FÓRMULA EXCLUSIVA SBEAUTY · COMPLEXO) === */

@media (max-width: 768px) {
  
}

/* === LONG DESC CAPS (ALTA COBERTURA QUE NÃO PESA NA PELE) === */

@media (max-width: 1024px) {
  
}
@media (max-width: 768px) {
  
}

/* === BANNER SOCIAL PROOF · Corretivo + Altíssima · proporcional ao hero home === */
/* Hero home desktop: 1200x765 (ratio 1200/765 ≈ 1.57) — medido 26/04/2026 via Playwright */


@media (max-width: 1024px) {
  
}
@media (max-width: 768px) {
  
}
@media (max-width: 480px) {
  
}


/* === ARON FIX 26/04 v2 · banner FULL-WIDTH página inteira + sticky overlap fix === */

/* === BANNER · FULL-WIDTH · do início ao fim da página · sem max-width · sem padding lateral === */
.sb-corretivo-banner-social,
.sb-altissima-banner-social,
.sb-fluida-banner-social,
.sb-stick-banner-social {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 0;
}
.sb-corretivo-banner-social picture,
.sb-altissima-banner-social picture,
.sb-fluida-banner-social picture,
.sb-stick-banner-social picture {
  display: block;
  width: 100%;
  overflow: hidden;
}
.sb-corretivo-banner-social img,
.sb-altissima-banner-social img,
.sb-fluida-banner-social img,
.sb-stick-banner-social img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 1;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1024px) {
  .sb-corretivo-banner-social,
  .sb-altissima-banner-social,
  .sb-fluida-banner-social,
  .sb-stick-banner-social { margin-top: 48px; margin-bottom: 48px; }
  .sb-corretivo-banner-social img,
  .sb-altissima-banner-social img,
  .sb-fluida-banner-social img,
  .sb-stick-banner-social img { aspect-ratio: 5 / 2; }
}
@media (max-width: 768px) {
  .sb-corretivo-banner-social,
  .sb-altissima-banner-social,
  .sb-fluida-banner-social,
  .sb-stick-banner-social { margin-top: 32px; margin-bottom: 32px; }
  .sb-corretivo-banner-social img,
  .sb-altissima-banner-social img,
  .sb-fluida-banner-social img,
  .sb-stick-banner-social img { aspect-ratio: 2 / 1; }
}
@media (max-width: 480px) {
  .sb-corretivo-banner-social,
  .sb-altissima-banner-social,
  .sb-fluida-banner-social,
  .sb-stick-banner-social { margin-top: 24px; margin-bottom: 24px; }
  .sb-corretivo-banner-social img,
  .sb-altissima-banner-social img,
  .sb-fluida-banner-social img,
  .sb-stick-banner-social img { aspect-ratio: 16 / 9; }
}

/* === STICKY OVERLAP FIX · garantir que accordion summary tenha background opaco === */
.sb-accordion summary,
.sb-accordion__summary,
details.sb-accordion > summary,
.sb-altissima-twocol details summary,
.sb-corretivo-twocol details summary {
  background: #ffffff !important;
  position: relative;
  z-index: 2;
}

/* Coluna direita do twocol em z-index maior que coluna esquerda (sticky) */
.sb-altissima-twocol__right,
.sb-corretivo-twocol__right,
.sb-altissima-twocol > div:last-child,
.sb-corretivo-twocol > div:last-child {
  position: relative;
  z-index: 3;
  background: #ffffff;
}

/* Coluna esquerda sticky com z-index baixo */


/* === ARON CAPTION FIX 26/04 · centralizar caption banner social proof === */
.sb-corretivo-banner-social__caption,
.sb-altissima-banner-social__caption {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #888;
  margin: 16px auto 0 auto;
  padding: 0 16px;
}
@media (max-width: 768px) {
  .sb-corretivo-banner-social__caption,
  .sb-altissima-banner-social__caption {
    font-size: 10px;
    margin-top: 12px;
    padding: 0 12px;
  }
}

/* === ARON FIX 26/04 v3 · hierarquia INVERTIDA · eyebrow=TITLE bold | long-desc=DESCRIPTION regular === */

.sb-ctc-sticky {
  position: sticky;
  top: 100px;
  align-self: start;
  padding-right: 40px;
  z-index: 1;
}
@media (max-width: 1024px) {
  .sb-ctc-sticky { padding-right: 24px; }
}
@media (max-width: 768px) {
  .sb-ctc-sticky {
    position: static;
    top: auto;
    padding-right: 0;
    padding-bottom: 24px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 24px;
  }
}

.sb-ctc-sticky-text {
  display: block;
}

/* === EYEBROW · vira TITLE PRINCIPAL · maior · bold · escuro === */
.sb-ctc-sticky-text .sb-eyebrow {
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #040404;
  margin: 0 0 16px 0;
  line-height: 1.3;
}
@media (max-width: 1024px) {
  .sb-ctc-sticky-text .sb-eyebrow { font-size: 16px; }
}
@media (max-width: 768px) {
  .sb-ctc-sticky-text .sb-eyebrow { font-size: 15px; margin-bottom: 12px; }
}

/* === LONG DESC · vira DESCRIPTION secundária · menor · regular weight · sem uppercase === */
.sb-ctc-sticky-text .sb-long-desc {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: #555;
  text-transform: none;
  margin: 0;
}
@media (max-width: 1024px) {
  .sb-ctc-sticky-text .sb-long-desc { font-size: 13px; }
}
@media (max-width: 768px) {
  .sb-ctc-sticky-text .sb-long-desc { font-size: 12px; line-height: 1.55; }
}

/* === FLUIDA BANNER SOCIAL · FIX FULL-WIDTH 26/04/2026 ===
   CSS global supera o inline do custom_liquid (cacheado pelo Shopify).
   Mesmo padrão Corretivo/Altíssima. */
.sb-fluida-banner-social {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  margin-top: 60px !important;
  margin-bottom: 60px !important;
  padding: 0 !important;
  overflow: hidden;
}
.sb-fluida-banner-social img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 1;
  object-fit: cover;
  object-position: center;
  border-radius: 0 !important;
}
@media (max-width: 1024px) {
  .sb-fluida-banner-social img { aspect-ratio: 5 / 2; }
}
@media (max-width: 768px) {
  .sb-fluida-banner-social img { aspect-ratio: 2 / 1; }
}
@media (max-width: 480px) {
  .sb-fluida-banner-social img { aspect-ratio: 16 / 9; }
}
/* === FIM FLUIDA BANNER SOCIAL FIX === */

/* === FIX 26/04 v4 · 5 fixes canonicos · Corretivo + Altissima + Fluida === */

/* FIX 1 · Fluida · hierarquia tipografica correta */
/* sb-eyebrow = LABEL SECUNDARIO (11px cinza) */
[data-product-handle="base-fluida-bbeauty-fluid"] .sb-ftc-sticky .sb-eyebrow {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: #555 !important;
  text-transform: uppercase !important;
  margin: 0 0 12px 0 !important;
}
/* sb-long-desc-caps = TITULO PRINCIPAL (18px bold escuro) */
[data-product-handle="base-fluida-bbeauty-fluid"] .sb-ftc-sticky .sb-long-desc-caps {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #040404 !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  margin: 0 0 16px 0 !important;
}
@media (max-width: 1024px) {
  [data-product-handle="base-fluida-bbeauty-fluid"] .sb-ftc-sticky .sb-long-desc-caps { font-size: 16px !important; }
}
@media (max-width: 768px) {
  [data-product-handle="base-fluida-bbeauty-fluid"] .sb-ftc-sticky .sb-long-desc-caps { font-size: 15px !important; }
}

/* FIX 3 · Caption canonical embaixo dos banners */
.sb-fluida-banner-social-v2__caption,
.sb-altissima-banner-social__caption {
  display: block;
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #888;
  margin-top: 16px;
  font-weight: 400;
}

/* FIX 4 · Fluida banner social v2 · full-width negative margin */
.sb-fluida-banner-social-v2 {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  margin-top: 60px !important;
  margin-bottom: 60px !important;
  padding: 0 !important;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .sb-fluida-banner-social-v2 { margin-top: 48px !important; margin-bottom: 48px !important; }
}
@media (max-width: 768px) {
  .sb-fluida-banner-social-v2 { margin-top: 32px !important; margin-bottom: 32px !important; }
}
@media (max-width: 480px) {
  .sb-fluida-banner-social-v2 { margin-top: 24px !important; margin-bottom: 24px !important; }
}

/* FIX 5 · Share buttons · esconder nos 3 produtos */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .share-buttons,
[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .share-buttons,
[data-product-handle="base-fluida-bbeauty-fluid"] .share-buttons,
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product__share-buttons,
[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .product__share-buttons,
[data-product-handle="base-fluida-bbeauty-fluid"] .product__share-buttons {
  display: none !important;
}
/* === FIM FIX 26/04 v4 === */

/* === ARON HIERARCHY FORCE 26/04 v4 · cobre TODAS as variações de classes sticky · todos produtos === */

/* TÍTULO PRINCIPAL · qualquer classe eyebrow/header em sticky · grande bold preto */
.sb-ctc-sticky-text .sb-eyebrow,
.sb-ftc-sticky-text .sb-eyebrow,
.sb-ftc-sticky .sb-eyebrow,
.sb-fluida-twocol__sticky .sb-eyebrow,
.sb-corretivo-twocol__sticky .sb-eyebrow,
.sb-altissima-twocol__sticky .sb-eyebrow,
.sb-fluida-twocol .sb-eyebrow,
.sb-corretivo-twocol .sb-eyebrow,
.sb-altissima-twocol .sb-eyebrow,
[class*="sb-ctc-sticky"] .sb-eyebrow,
[class*="sb-ftc-sticky"] .sb-eyebrow,
[class*="sb-fluida-stick"] .sb-eyebrow,
[class*="sb-corretivo-stick"] .sb-eyebrow,
[class*="sb-altissima-stick"] .sb-eyebrow {
  display: block !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #040404 !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.3 !important;
}
@media (max-width: 1024px) {
  .sb-ctc-sticky-text .sb-eyebrow,
  .sb-ftc-sticky-text .sb-eyebrow,
  [class*="sticky"] .sb-eyebrow {
    font-size: 16px !important;
  }
}
@media (max-width: 768px) {
  .sb-ctc-sticky-text .sb-eyebrow,
  .sb-ftc-sticky-text .sb-eyebrow,
  [class*="sticky"] .sb-eyebrow {
    font-size: 15px !important;
    margin-bottom: 12px !important;
  }
}

/* DESCRIPTION secundária · qualquer classe long-desc/long-desc-caps em sticky · pequena regular cinza */
.sb-ctc-sticky-text .sb-long-desc,
.sb-ctc-sticky-text .sb-long-desc-caps,
.sb-ftc-sticky-text .sb-long-desc,
.sb-ftc-sticky-text .sb-long-desc-caps,
.sb-ftc-sticky .sb-long-desc,
.sb-ftc-sticky .sb-long-desc-caps,
.sb-fluida-twocol__sticky .sb-long-desc,
.sb-fluida-twocol__sticky .sb-long-desc-caps,
.sb-corretivo-twocol__sticky .sb-long-desc,
.sb-altissima-twocol__sticky .sb-long-desc,
[class*="sticky"] .sb-long-desc,
[class*="sticky"] .sb-long-desc-caps {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.01em !important;
  color: #555 !important;
  text-transform: none !important;
  margin: 0 !important;
}
@media (max-width: 768px) {
  [class*="sticky"] .sb-long-desc,
  [class*="sticky"] .sb-long-desc-caps {
    font-size: 12px !important;
    line-height: 1.55 !important;
  }
}


/* === FIX MOBILE · galeria swipe · DEIXAR HORIZON CONTROLAR (não bloquear pan-x) === */
html {
  overflow-x: hidden !important;
}
body {
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}
/* DELETE old touch-action: pan-y (BUG · bloqueava swipe horizontal do slideshow Horizon)
   Horizon slideshow usa scroll horizontal nativo · scroll-snap-type: x · pan-y bloqueava!
   Remover override · deixar tema controlar com touch-action default (auto) */

/* Ensure variant picker buttons are tappable on mobile (kill any pointer-events:none stale) */
.variant-option__button-label,
.variant-option label,
.product__variant-picker label,
[ref="variantPickerButton"] {
  pointer-events: auto !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}
input[type="radio"][name*="Cor"],
input[type="radio"][name*="Tom"],
input[type="radio"][name*="Tamanho"],
input[type="radio"][name*="Volume"] {
  pointer-events: auto !important;
}

/* Buy buttons + quantity always tappable */
.product-form__buttons button,
.add-to-cart-button,
button[name="add"],
.quantity__button,
.product-form__quantity button {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0.1) !important;
}


/* === SAFETY MOBILE · garantir interação 100% (último bloco · maior precedência) === */
* {
  -webkit-tap-highlight-color: rgba(0,0,0,0.05);
}
button,
a,
input,
select,
[role="button"],
.button,
.product-form button,
.product-form input,
.add-to-cart-button,
[name="add"],
.quantity__button,
.quantity__input,
.product-form__quantity button,
.variant-option__button-label,
.variant-option label {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-touch-callout: none !important;
  user-select: none !important;
}
input[type="radio"],
input[type="checkbox"] {
  pointer-events: auto !important;
}
/* Garantir slideshow tem touch-action AUTO (não pan-y · não pan-x · nem none) */
slideshow-component,
slideshow-container,
.product-media-gallery,
.product-media-gallery [ref="scroller"],
.product-media-gallery [ref="slideshowContainer"] {
  touch-action: auto !important;
}
/* Modal/dialog z-index não bloquear botoes */
dialog:not([open]) {
  display: none !important;
  pointer-events: none !important;
}

/* === HIT-AREA 44px · Apple HIG / WCAG · TODOS swatches MAC (cirúrgico · só adiciona ::after invisível) === */
/* Lote 1 (27/04 · Stick Blush Fluida Hydra Gloss-bBeauty Brow) */
[data-product-id="7892914864171"] .variant-option__button-label--has-swatch,
[data-product-id="7892261273643"] .variant-option__button-label--has-swatch,
[data-product-id="7893001240619"] .variant-option__button-label--has-swatch,
[data-product-id="7892514799659"] .variant-option__button-label--has-swatch,
[data-product-id="7893735702571"] .variant-option__button-label--has-swatch,
[data-product-id="7892167884843"] .variant-option__button-label--has-swatch,
/* Lote 2 (Sub-Fase 2a · audit 27/04 item 6 · Cover Cream PRO · Corretivo Líquido · Altíssima · Base Matte Alta · Gloss Mineral) */
[data-product-id="7897048743979"] .variant-option__button-label--has-swatch,
[data-product-id="7893101740075"] .variant-option__button-label--has-swatch,
[data-product-id="7892417249323"] .variant-option__button-label--has-swatch,
[data-product-id="7894577184811"] .variant-option__button-label--has-swatch,
[data-product-id="7896142708779"] .variant-option__button-label--has-swatch {
  position: relative !important;
}
[data-product-id="7892914864171"] .variant-option__button-label--has-swatch::after,
[data-product-id="7892261273643"] .variant-option__button-label--has-swatch::after,
[data-product-id="7893001240619"] .variant-option__button-label--has-swatch::after,
[data-product-id="7892514799659"] .variant-option__button-label--has-swatch::after,
[data-product-id="7893735702571"] .variant-option__button-label--has-swatch::after,
[data-product-id="7892167884843"] .variant-option__button-label--has-swatch::after,
[data-product-id="7897048743979"] .variant-option__button-label--has-swatch::after,
[data-product-id="7893101740075"] .variant-option__button-label--has-swatch::after,
[data-product-id="7892417249323"] .variant-option__button-label--has-swatch::after,
[data-product-id="7894577184811"] .variant-option__button-label--has-swatch::after,
[data-product-id="7896142708779"] .variant-option__button-label--has-swatch::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 44px !important;
  height: 44px !important;
  transform: translate(-50%, -50%) !important;
  background: transparent !important;
  border: none !important;
  pointer-events: auto !important;
  z-index: 1 !important;
}


/* === FOCUS-VISIBLE · acessibilidade WCAG 2.4.7 (audit 27/04 item 8) ===
   Adiciona anel de foco visível nos 3 templates auditados.
   Usa :focus-visible (não :focus) pra não aparecer em click de mouse.
   Outline 2px ink + offset 2px = padrão Spec Thales (--sb-c-ink #040404 fallback).
   Escopos: corretivo-liquido / altissima / gloss-labial.
   Cobre: swatches · accordion summary · CTA card · botões de produto. */
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .variant-option__button-label:focus-visible,
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-accordion__label:focus-visible,
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .sb-ba-card__cta:focus-visible,
[data-product-handle="corretivo-liquido-bbeauty-cover-up"] .product-form__buttons button:focus-visible,
[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .variant-option__button-label:focus-visible,
[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-accordion__label:focus-visible,
[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .sb-ba-card__cta:focus-visible,
[data-product-handle="base-liquida-matte-bbeauty-altissima-cobertura"] .product-form__buttons button:focus-visible,
[data-product-handle="gloss-labial-bbeauty"] .variant-option__button-label:focus-visible,
[data-product-handle="gloss-labial-bbeauty"] .sb-accordion__label:focus-visible,
[data-product-handle="gloss-labial-bbeauty"] .sb-ba-card__cta:focus-visible,
[data-product-handle="gloss-labial-bbeauty"] .product-form__buttons button:focus-visible {
  outline: 2px solid #040404 !important;
  outline-offset: 2px !important;
  border-radius: 4px;
}





/* ETAPA B · refinamento tipografia mobile pequena (28/04 madrugada) */
@media (max-width: 480px) {
  .sb-ing-title,
  .sb-hs-title,
  .sb-pe-hero-copy h2 {
    font-size: 1.4rem !important;
    line-height: 1.2 !important;
  }
  .sb-product-desc .sb-hook {
    font-size: 1.15rem !important;
    line-height: 1.25 !important;
  }
  .sb-eyebrow,
  .sb-pe-eyebrow,
  .sb-hs-eyebrow,
  .sb-ing-eyebrow {
    font-size: 0.65rem !important;
    letter-spacing: 0.18em !important;
  }
}


/* ════════════════════════════════════════════════════════
 * ETAPA D · MOBILE PADDING LATERAL CANONICAL (28/04 madrugada)
 * Reduz padding lateral excessivo em mobile pra evitar texto cortado
 * ════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .sb-corretivo-twocol,
  .sb-corretivo-tom-section,
  .sb-corretivo-ba,
  .sb-altissima-twocol,
  .sb-altissima-ba,
  .sb-basematte-twocol,
  .sb-basematte-ba,
  .sb-pocompacto-twocol,
  .sb-pocompacto-ba,
  .sb-fluida-twocol,
  .sb-stick-twocol,
  .sb-blush-twocol,
  .sb-hydra-story,
  .sb-pe-hero-wrap,
  .sb-pe-features {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  /* Reduz margem vertical entre sections em mobile */
  .sb-corretivo-twocol,
  .sb-altissima-twocol,
  .sb-basematte-twocol,
  .sb-pocompacto-twocol,
  .sb-fluida-twocol,
  .sb-stick-twocol,
  .sb-blush-twocol {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    gap: 24px !important;
  }
}
@media (max-width: 480px) {
  /* Telas pequenas · reforço padding 12px */
  [data-product-handle] .sb-corretivo-tom-section,
  [data-product-handle] .sb-altissima-twocol,
  [data-product-handle] .sb-basematte-twocol,
  [data-product-handle] .sb-pocompacto-twocol {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}


/* ════════════════════════════════════════════════════════
 * ETAPA E · ACCORDION TIPOGRAFIA + OVERFLOW SAFETY (28/04 madrugada)
 * ════════════════════════════════════════════════════════ */
/* Eliminar scroll horizontal global */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}
html.template-product, body.template-product {
  overflow-x: hidden !important;
}

/* Accordion · h3/label e body padronizado */
.sb-accordion__label,
[class*="-accordion__label"] {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #040404 !important;
}
.sb-accordion__panel,
.sb-accordion__panel p,
.sb-accordion__panel li,
[class*="-accordion__panel"],
[class*="-accordion__panel"] p,
[class*="-accordion__panel"] li {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #555 !important;
}
.sb-accordion__panel h3,
.sb-accordion__panel h4,
[class*="-accordion__panel"] h3,
[class*="-accordion__panel"] h4 {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #040404 !important;
  margin: 16px 0 8px 0 !important;
}
@media (max-width: 768px) {
  .sb-accordion__label,
  [class*="-accordion__label"] {
    font-size: 13px !important;
    padding: 18px 4px !important;
  }
  .sb-accordion__panel,
  .sb-accordion__panel p,
  .sb-accordion__panel li,
  [class*="-accordion__panel"],
  [class*="-accordion__panel"] p,
  [class*="-accordion__panel"] li {
    font-size: 13px !important;
  }
}

/* Imagens · max-width 100% canonical (overflow guard) */
.sb-product-desc img,
[class*="-twocol"] img,
[class*="-ba-card"] img,
[class*="-pe-"] img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}


/* ════════════════════════════════════════════════════════
 * BASEMATTE · Accordion divisor + H2 editorial canonical (28/04 madrugada)
 * Restaura divisão entre accordions (border-top/bottom #e6e6e6)
 * Canonical S-017 · h2 editorial 12px desktop / 11px mobile
 * ════════════════════════════════════════════════════════ */

/* Accordion · divisor estilo canonical (clone Altíssima) */
[data-product-handle="base-liquida-matte-bbeauty-alta-cobertura"] .sb-accordion {
  border-bottom: 1px solid #e6e6e6 !important;
}
[data-product-handle="base-liquida-matte-bbeauty-alta-cobertura"] .sb-accordion:first-of-type {
  border-top: 1px solid #e6e6e6 !important;
}
[data-product-handle="base-liquida-matte-bbeauty-alta-cobertura"] .sb-accordion__label {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 20px 0 !important;
  cursor: pointer !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.18em !important;
  font-weight: 700 !important;
  color: #040404 !important;
  text-transform: uppercase !important;
  list-style: none !important;
  user-select: none !important;
  border: none !important;
}
[data-product-handle="base-liquida-matte-bbeauty-alta-cobertura"] .sb-accordion__label::-webkit-details-marker {
  display: none !important;
}
[data-product-handle="base-liquida-matte-bbeauty-alta-cobertura"] .sb-accordion__icon {
  font-size: 1.2rem !important;
  font-weight: 300 !important;
  transition: transform 0.25s ease !important;
  flex-shrink: 0 !important;
  margin-left: 16px !important;
}
[data-product-handle="base-liquida-matte-bbeauty-alta-cobertura"] .sb-accordion[open] .sb-accordion__icon {
  transform: rotate(45deg) !important;
}
[data-product-handle="base-liquida-matte-bbeauty-alta-cobertura"] .sb-accordion__body {
  padding: 0 0 24px !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #555 !important;
}

/* H2 editorial canonical S-017 · "POR QUE A BASE BBEAUTY..." */
[data-product-handle="base-liquida-matte-bbeauty-alta-cobertura"] .sb-basematte-ba h2,
[data-product-handle="base-liquida-matte-bbeauty-alta-cobertura"] .sb-basematte-editorial h2 {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #555 !important;
  text-align: center !important;
  margin: 0 auto 32px auto !important;
  max-width: 600px !important;
  line-height: 1.4 !important;
}
@media (max-width: 768px) {
  [data-product-handle="base-liquida-matte-bbeauty-alta-cobertura"] .sb-basematte-ba h2,
  [data-product-handle="base-liquida-matte-bbeauty-alta-cobertura"] .sb-basematte-editorial h2 {
    font-size: 11px !important;
    margin: 0 auto 24px auto !important;
    padding: 0 16px !important;
  }
}

/* H3 dos cards · proporcional ao h2 */
[data-product-handle="base-liquida-matte-bbeauty-alta-cobertura"] .sb-basematte-ba-card h3 {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #040404 !important;
  margin: 12px 0 10px !important;
  line-height: 1.3 !important;
}
[data-product-handle="base-liquida-matte-bbeauty-alta-cobertura"] .sb-basematte-ba-card p:not(.sb-card-num) {
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #555 !important;
}
[data-product-handle="base-liquida-matte-bbeauty-alta-cobertura"] .sb-basematte-ba-card .sb-card-num {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #666 !important; /* WCAG AA · audit 27/04 item 7 (era #aaa · contraste 2.85:1 reprovado) */
  letter-spacing: 0.1em !important;
  margin: 0 0 8px !important;
}


/* ════════════════════════════════════════════════════════
 * PÓ COMPACTO · regras escopadas (clone Basematte 28/04)
 * ════════════════════════════════════════════════════════ */

[data-product-handle="bbeauty-powder-po-compacto-sbeauty"] .sb-accordion {
  border-bottom: 1px solid #e6e6e6 !important;
}

[data-product-handle="bbeauty-powder-po-compacto-sbeauty"] .sb-accordion:first-of-type {
  border-top: 1px solid #e6e6e6 !important;
}

[data-product-handle="bbeauty-powder-po-compacto-sbeauty"] .sb-accordion__label {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 20px 0 !important;
  cursor: pointer !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.18em !important;
  font-weight: 700 !important;
  color: #040404 !important;
  text-transform: uppercase !important;
  list-style: none !important;
  user-select: none !important;
  border: none !important;
}

[data-product-handle="bbeauty-powder-po-compacto-sbeauty"] .sb-accordion__label::-webkit-details-marker {
  display: none !important;
}

[data-product-handle="bbeauty-powder-po-compacto-sbeauty"] .sb-accordion__icon {
  font-size: 1.2rem !important;
  font-weight: 300 !important;
  transition: transform 0.25s ease !important;
  flex-shrink: 0 !important;
  margin-left: 16px !important;
}

[data-product-handle="bbeauty-powder-po-compacto-sbeauty"] .sb-accordion[open] .sb-accordion__icon {
  transform: rotate(45deg) !important;
}

[data-product-handle="bbeauty-powder-po-compacto-sbeauty"] .sb-accordion__body {
  padding: 0 0 24px !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #555 !important;
}

[data-product-handle="bbeauty-powder-po-compacto-sbeauty"] .sb-pocompacto-ba h2,
[data-product-handle="bbeauty-powder-po-compacto-sbeauty"] .sb-pocompacto-editorial h2 {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #555 !important;
  text-align: center !important;
  margin: 0 auto 32px auto !important;
  max-width: 600px !important;
  line-height: 1.4 !important;
}

[data-product-handle="bbeauty-powder-po-compacto-sbeauty"] .sb-pocompacto-ba h2,
  [data-product-handle="bbeauty-powder-po-compacto-sbeauty"] .sb-pocompacto-editorial h2 {
    font-size: 11px !important;
    margin: 0 auto 24px auto !important;
    padding: 0 16px !important;
  }

[data-product-handle="bbeauty-powder-po-compacto-sbeauty"] .sb-pocompacto-ba-card h3 {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #040404 !important;
  margin: 12px 0 10px !important;
  line-height: 1.3 !important;
}

[data-product-handle="bbeauty-powder-po-compacto-sbeauty"] .sb-pocompacto-ba-card p:not(.sb-card-num) {
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #555 !important;
}

[data-product-handle="bbeauty-powder-po-compacto-sbeauty"] .sb-pocompacto-ba-card .sb-card-num {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #666 !important; /* WCAG AA · audit 27/04 item 7 (era #aaa · contraste 2.85:1 reprovado) */
  letter-spacing: 0.1em !important;
  margin: 0 0 8px !important;
}


/* Cache buster · 1777375801 */
 /* cache-bust subfase2a-fix7 */

/* SBeauty 2026-05-06 · remove promessa de amostras gratis / feito no Brasil em caches antigos */
.sb-announce-track .sb-announce-item:nth-child(n+3) {
  display: none !important;
}
.sb-info-bar {
  grid-template-columns: repeat(3, 1fr) !important;
}
.sb-info-bar .sb-info-item:nth-child(3):not(:last-child) {
  display: none !important;
}
@media (max-width: 768px) {
  .sb-info-bar {
    grid-template-columns: 1fr !important;
  }
}


/* === SBEAUTY KITS · CORRETIVO SWATCH COLORS · 2026-05-07 === */
[data-product-id="7911551074347"] label:has(input[value="Cor 01"]),
[data-product-id="7911551074347"] label:has(input[value="Cor 01"]) .swatch,
[data-product-id="7911551074347"] label:has(input[value="Cor 01"]) .swatch-button {
  background: #DED6AA !important;
  --swatch-background: #DED6AA !important;
}
[data-product-id="7911551074347"] label:has(input[value="Cor 02"]),
[data-product-id="7911551074347"] label:has(input[value="Cor 02"]) .swatch,
[data-product-id="7911551074347"] label:has(input[value="Cor 02"]) .swatch-button {
  background: #BCA477 !important;
  --swatch-background: #BCA477 !important;
}
[data-product-id="7911551074347"] label:has(input[value="Cor 03"]),
[data-product-id="7911551074347"] label:has(input[value="Cor 03"]) .swatch,
[data-product-id="7911551074347"] label:has(input[value="Cor 03"]) .swatch-button {
  background: #CAA872 !important;
  --swatch-background: #CAA872 !important;
}
[data-product-id="7911551074347"] label:has(input[value="Cor 04"]),
[data-product-id="7911551074347"] label:has(input[value="Cor 04"]) .swatch,
[data-product-id="7911551074347"] label:has(input[value="Cor 04"]) .swatch-button {
  background: #C9A172 !important;
  --swatch-background: #C9A172 !important;
}
[data-product-id="7911551074347"] label:has(input[value="Cor 05"]),
[data-product-id="7911551074347"] label:has(input[value="Cor 05"]) .swatch,
[data-product-id="7911551074347"] label:has(input[value="Cor 05"]) .swatch-button {
  background: #BD8851 !important;
  --swatch-background: #BD8851 !important;
}
[data-product-id="7911551074347"] label:has(input[value="Cor 06"]),
[data-product-id="7911551074347"] label:has(input[value="Cor 06"]) .swatch,
[data-product-id="7911551074347"] label:has(input[value="Cor 06"]) .swatch-button {
  background: #9C662D !important;
  --swatch-background: #9C662D !important;
}
[data-product-id="7911551074347"] label:has(input[value^="Cor "]) {
  border: 1px solid #d6d6d6 !important;
}
/* cache-bust kits-swatch-fix-1778177246 */

/* === SBEAUTY KITS · GLOSS MINERAL SWATCH COLORS · 2026-05-07 === */
[data-product-id="7911551467563"] label:has(input[value="Granada Roxa"]),
[data-product-id="7911551467563"] label:has(input[value="Granada Roxa"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Granada Roxa"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Granada Roxa"]),
[data-product-id="7911551696939"] label:has(input[value="Granada Roxa"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Granada Roxa"]) .swatch-button {
  background: #6E354A !important;
  --swatch-background: #6E354A !important;
}
[data-product-id="7911551467563"] label:has(input[value="Quartzo Rosa"]),
[data-product-id="7911551467563"] label:has(input[value="Quartzo Rosa"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Quartzo Rosa"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Quartzo Rosa"]),
[data-product-id="7911551696939"] label:has(input[value="Quartzo Rosa"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Quartzo Rosa"]) .swatch-button {
  background: #E8A5B5 !important;
  --swatch-background: #E8A5B5 !important;
}
[data-product-id="7911551467563"] label:has(input[value="Turmalina"]),
[data-product-id="7911551467563"] label:has(input[value="Turmalina"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Turmalina"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Turmalina"]),
[data-product-id="7911551696939"] label:has(input[value="Turmalina"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Turmalina"]) .swatch-button {
  background: #C58177 !important;
  --swatch-background: #C58177 !important;
}
[data-product-id="7911551467563"] label:has(input[value="Jasper Marrom"]),
[data-product-id="7911551467563"] label:has(input[value="Jasper Marrom"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Jasper Marrom"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Jasper Marrom"]),
[data-product-id="7911551696939"] label:has(input[value="Jasper Marrom"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Jasper Marrom"]) .swatch-button {
  background: #8B5A3D !important;
  --swatch-background: #8B5A3D !important;
}
[data-product-id="7911551467563"] label:has(input[value="Esmeralda"]),
[data-product-id="7911551467563"] label:has(input[value="Esmeralda"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Esmeralda"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Esmeralda"]),
[data-product-id="7911551696939"] label:has(input[value="Esmeralda"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Esmeralda"]) .swatch-button {
  background: #2F7F68 !important;
  --swatch-background: #2F7F68 !important;
}
[data-product-id="7911551467563"] label:has(input[value="Ágata de Fogo"]),
[data-product-id="7911551467563"] label:has(input[value="Ágata de Fogo"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Ágata de Fogo"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Ágata de Fogo"]),
[data-product-id="7911551696939"] label:has(input[value="Ágata de Fogo"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Ágata de Fogo"]) .swatch-button {
  background: #D06B35 !important;
  --swatch-background: #D06B35 !important;
}
[data-product-id="7911551467563"] label:has(input[value="Água Marinha"]),
[data-product-id="7911551467563"] label:has(input[value="Água Marinha"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Água Marinha"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Água Marinha"]),
[data-product-id="7911551696939"] label:has(input[value="Água Marinha"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Água Marinha"]) .swatch-button {
  background: #87B6C7 !important;
  --swatch-background: #87B6C7 !important;
}
[data-product-id="7911551467563"] label:has(input[value="Diamante Negro"]),
[data-product-id="7911551467563"] label:has(input[value="Diamante Negro"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Diamante Negro"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Diamante Negro"]),
[data-product-id="7911551696939"] label:has(input[value="Diamante Negro"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Diamante Negro"]) .swatch-button {
  background: #2D2A2E !important;
  --swatch-background: #2D2A2E !important;
}
[data-product-id="7911551467563"] label:has(input[value="Ruby"]),
[data-product-id="7911551467563"] label:has(input[value="Ruby"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Ruby"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Ruby"]),
[data-product-id="7911551696939"] label:has(input[value="Ruby"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Ruby"]) .swatch-button {
  background: #A4263D !important;
  --swatch-background: #A4263D !important;
}
[data-product-id="7911551467563"] label:has(input[value="Turmalina Branca"]),
[data-product-id="7911551467563"] label:has(input[value="Turmalina Branca"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Turmalina Branca"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Turmalina Branca"]),
[data-product-id="7911551696939"] label:has(input[value="Turmalina Branca"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Turmalina Branca"]) .swatch-button {
  background: #F3E9DA !important;
  --swatch-background: #F3E9DA !important;
}
[data-product-id="7911551467563"] label:has(input[value="Sunstone"]),
[data-product-id="7911551467563"] label:has(input[value="Sunstone"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Sunstone"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Sunstone"]),
[data-product-id="7911551696939"] label:has(input[value="Sunstone"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Sunstone"]) .swatch-button {
  background: #E4A35F !important;
  --swatch-background: #E4A35F !important;
}
[data-product-id="7911551467563"] label:has(input[value="Safira"]),
[data-product-id="7911551467563"] label:has(input[value="Safira"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Safira"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Safira"]),
[data-product-id="7911551696939"] label:has(input[value="Safira"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Safira"]) .swatch-button {
  background: #315A86 !important;
  --swatch-background: #315A86 !important;
}
[data-product-id="7911551467563"] label:has(input[value="Ouro"]),
[data-product-id="7911551467563"] label:has(input[value="Ouro"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Ouro"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Ouro"]),
[data-product-id="7911551696939"] label:has(input[value="Ouro"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Ouro"]) .swatch-button {
  background: #C99B3A !important;
  --swatch-background: #C99B3A !important;
}
[data-product-id="7911551467563"] label:has(input[value="Ametista"]),
[data-product-id="7911551467563"] label:has(input[value="Ametista"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Ametista"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Ametista"]),
[data-product-id="7911551696939"] label:has(input[value="Ametista"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Ametista"]) .swatch-button {
  background: #74508D !important;
  --swatch-background: #74508D !important;
}
[data-product-id="7911551467563"] label:has(input[value="Diamante"]),
[data-product-id="7911551467563"] label:has(input[value="Diamante"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Diamante"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Diamante"]),
[data-product-id="7911551696939"] label:has(input[value="Diamante"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Diamante"]) .swatch-button {
  background: #F5F2EA !important;
  --swatch-background: #F5F2EA !important;
}
[data-product-id="7911551467563"] label:has(input[value="Topázio Imperial"]),
[data-product-id="7911551467563"] label:has(input[value="Topázio Imperial"]) .swatch,
[data-product-id="7911551467563"] label:has(input[value="Topázio Imperial"]) .swatch-button,
[data-product-id="7911551696939"] label:has(input[value="Topázio Imperial"]),
[data-product-id="7911551696939"] label:has(input[value="Topázio Imperial"]) .swatch,
[data-product-id="7911551696939"] label:has(input[value="Topázio Imperial"]) .swatch-button {
  background: #C87345 !important;
  --swatch-background: #C87345 !important;
}
[data-product-id="7911551467563"] label:has(input[name^="Cor do Gloss Mineral"]),
[data-product-id="7911551696939"] label:has(input[name^="Cor do Gloss Mineral"]) {
  border: 1px solid #d6d6d6 !important;
}
/* cache-bust kits-mineral-swatch-fix-1778177356 */
.sbeauty-kit-required-missing {
  border: 1px solid #b3261e;
  border-radius: 6px;
  padding: 10px;
}

.sb-product-installments {
  margin: 6px 0 0;
  font-size: 0.92rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.68);
  letter-spacing: 0;
}

.sb-product-installments strong {
  color: #050505;
  font-weight: 650;
}

.sbeauty-kit-required-missing legend,
.sbeauty-kit-required-missing > label {
  color: #b3261e;
  font-weight: 700;
}

variant-picker[data-sbeauty-kit-required-options="true"] .variant-option {
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

/* === SBEAUTY SWATCH STANDARDIZATION · 2026-05-08 · live PDP fix === */
variant-picker:is(
  [data-product-id="7892261273643"],
  [data-product-id="7892417249323"],
  [data-product-id="7892514799659"],
  [data-product-id="7892677394475"],
  [data-product-id="7892914864171"],
  [data-product-id="7893001240619"],
  [data-product-id="7893101740075"],
  [data-product-id="7893735702571"],
  [data-product-id="7894411083819"],
  [data-product-id="7894549594155"],
  [data-product-id="7894577184811"],
  [data-product-id="7894584590379"],
  [data-product-id="7896142708779"],
  [data-product-id="7897048743979"],
  [data-product-id="7911543308331"],
  [data-product-id="7911550615595"],
  [data-product-id="7911551074347"],
  [data-product-id="7911551467563"],
  [data-product-id="7911551696939"]
) .variant-option--swatches {
  align-items: center !important;
  gap: 12px !important;
}

variant-picker:is(
  [data-product-id="7892261273643"],
  [data-product-id="7892417249323"],
  [data-product-id="7892514799659"],
  [data-product-id="7892677394475"],
  [data-product-id="7892914864171"],
  [data-product-id="7893001240619"],
  [data-product-id="7893101740075"],
  [data-product-id="7893735702571"],
  [data-product-id="7894411083819"],
  [data-product-id="7894549594155"],
  [data-product-id="7894577184811"],
  [data-product-id="7894584590379"],
  [data-product-id="7896142708779"],
  [data-product-id="7897048743979"],
  [data-product-id="7911543308331"],
  [data-product-id="7911550615595"],
  [data-product-id="7911551074347"],
  [data-product-id="7911551467563"],
  [data-product-id="7911551696939"]
) .variant-option--swatches label.variant-option__button-label--has-swatch:has(input) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  color: transparent !important;
  cursor: pointer !important;
  outline: 0 !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
}

variant-picker:is(
  [data-product-id="7892261273643"],
  [data-product-id="7892417249323"],
  [data-product-id="7892514799659"],
  [data-product-id="7892677394475"],
  [data-product-id="7892914864171"],
  [data-product-id="7893001240619"],
  [data-product-id="7893101740075"],
  [data-product-id="7893735702571"],
  [data-product-id="7894411083819"],
  [data-product-id="7894549594155"],
  [data-product-id="7894577184811"],
  [data-product-id="7894584590379"],
  [data-product-id="7896142708779"],
  [data-product-id="7897048743979"],
  [data-product-id="7911543308331"],
  [data-product-id="7911550615595"],
  [data-product-id="7911551074347"],
  [data-product-id="7911551467563"],
  [data-product-id="7911551696939"]
) .variant-option--swatches label.variant-option__button-label--has-swatch:has(input:checked),
variant-picker:is(
  [data-product-id="7892261273643"],
  [data-product-id="7892417249323"],
  [data-product-id="7892514799659"],
  [data-product-id="7892677394475"],
  [data-product-id="7892914864171"],
  [data-product-id="7893001240619"],
  [data-product-id="7893101740075"],
  [data-product-id="7893735702571"],
  [data-product-id="7894411083819"],
  [data-product-id="7894549594155"],
  [data-product-id="7894577184811"],
  [data-product-id="7894584590379"],
  [data-product-id="7896142708779"],
  [data-product-id="7897048743979"],
  [data-product-id="7911543308331"],
  [data-product-id="7911550615595"],
  [data-product-id="7911551074347"],
  [data-product-id="7911551467563"],
  [data-product-id="7911551696939"]
) .variant-option--swatches label.variant-option__button-label--has-swatch:hover {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

variant-picker:is(
  [data-product-id="7892261273643"],
  [data-product-id="7892417249323"],
  [data-product-id="7892514799659"],
  [data-product-id="7892677394475"],
  [data-product-id="7892914864171"],
  [data-product-id="7893001240619"],
  [data-product-id="7893101740075"],
  [data-product-id="7893735702571"],
  [data-product-id="7894411083819"],
  [data-product-id="7894549594155"],
  [data-product-id="7894577184811"],
  [data-product-id="7894584590379"],
  [data-product-id="7896142708779"],
  [data-product-id="7897048743979"],
  [data-product-id="7911543308331"],
  [data-product-id="7911550615595"],
  [data-product-id="7911551074347"],
  [data-product-id="7911551467563"],
  [data-product-id="7911551696939"]
) .variant-option--swatches label.variant-option__button-label--has-swatch .swatch,
variant-picker:is(
  [data-product-id="7892261273643"],
  [data-product-id="7892417249323"],
  [data-product-id="7892514799659"],
  [data-product-id="7892677394475"],
  [data-product-id="7892914864171"],
  [data-product-id="7893001240619"],
  [data-product-id="7893101740075"],
  [data-product-id="7893735702571"],
  [data-product-id="7894411083819"],
  [data-product-id="7894549594155"],
  [data-product-id="7894577184811"],
  [data-product-id="7894584590379"],
  [data-product-id="7896142708779"],
  [data-product-id="7897048743979"],
  [data-product-id="7911543308331"],
  [data-product-id="7911550615595"],
  [data-product-id="7911551074347"],
  [data-product-id="7911551467563"],
  [data-product-id="7911551696939"]
) .variant-option--swatches label.variant-option__button-label--has-swatch .swatch--unscaled,
variant-picker:is(
  [data-product-id="7892261273643"],
  [data-product-id="7892417249323"],
  [data-product-id="7892514799659"],
  [data-product-id="7892677394475"],
  [data-product-id="7892914864171"],
  [data-product-id="7893001240619"],
  [data-product-id="7893101740075"],
  [data-product-id="7893735702571"],
  [data-product-id="7894411083819"],
  [data-product-id="7894549594155"],
  [data-product-id="7894577184811"],
  [data-product-id="7894584590379"],
  [data-product-id="7896142708779"],
  [data-product-id="7897048743979"],
  [data-product-id="7911543308331"],
  [data-product-id="7911550615595"],
  [data-product-id="7911551074347"],
  [data-product-id="7911551467563"],
  [data-product-id="7911551696939"]
) .variant-option--swatches label.variant-option__button-label--has-swatch .swatch--unavailable {
  display: block !important;
  box-sizing: border-box !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  background: var(--sb-swatch-fill, transparent) !important;
  background-color: var(--sb-swatch-fill, transparent) !important;
  background-image: none !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 50% !important;
  border-style: solid !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  outline: 0 !important;
}

variant-picker:is(
  [data-product-id="7892261273643"],
  [data-product-id="7892417249323"],
  [data-product-id="7892514799659"],
  [data-product-id="7892677394475"],
  [data-product-id="7892914864171"],
  [data-product-id="7893001240619"],
  [data-product-id="7893101740075"],
  [data-product-id="7893735702571"],
  [data-product-id="7894411083819"],
  [data-product-id="7894549594155"],
  [data-product-id="7894577184811"],
  [data-product-id="7894584590379"],
  [data-product-id="7896142708779"],
  [data-product-id="7897048743979"],
  [data-product-id="7911543308331"],
  [data-product-id="7911550615595"],
  [data-product-id="7911551074347"],
  [data-product-id="7911551467563"],
  [data-product-id="7911551696939"]
) .variant-option--swatches label.variant-option__button-label--has-swatch .swatch::before,
variant-picker:is(
  [data-product-id="7892261273643"],
  [data-product-id="7892417249323"],
  [data-product-id="7892514799659"],
  [data-product-id="7892677394475"],
  [data-product-id="7892914864171"],
  [data-product-id="7893001240619"],
  [data-product-id="7893101740075"],
  [data-product-id="7893735702571"],
  [data-product-id="7894411083819"],
  [data-product-id="7894549594155"],
  [data-product-id="7894577184811"],
  [data-product-id="7894584590379"],
  [data-product-id="7896142708779"],
  [data-product-id="7897048743979"],
  [data-product-id="7911543308331"],
  [data-product-id="7911550615595"],
  [data-product-id="7911551074347"],
  [data-product-id="7911551467563"],
  [data-product-id="7911551696939"]
) .variant-option--swatches label.variant-option__button-label--has-swatch .swatch::after {
  display: none !important;
  content: none !important;
}

variant-picker:is(
  [data-product-id="7892261273643"],
  [data-product-id="7892417249323"],
  [data-product-id="7892514799659"],
  [data-product-id="7892677394475"],
  [data-product-id="7892914864171"],
  [data-product-id="7893001240619"],
  [data-product-id="7893101740075"],
  [data-product-id="7893735702571"],
  [data-product-id="7894411083819"],
  [data-product-id="7894549594155"],
  [data-product-id="7894577184811"],
  [data-product-id="7894584590379"],
  [data-product-id="7896142708779"],
  [data-product-id="7897048743979"],
  [data-product-id="7911543308331"],
  [data-product-id="7911550615595"],
  [data-product-id="7911551074347"],
  [data-product-id="7911551467563"],
  [data-product-id="7911551696939"]
) .variant-option--swatches label.variant-option__button-label--has-swatch:has(input:checked) .swatch,
variant-picker:is(
  [data-product-id="7892261273643"],
  [data-product-id="7892417249323"],
  [data-product-id="7892514799659"],
  [data-product-id="7892677394475"],
  [data-product-id="7892914864171"],
  [data-product-id="7893001240619"],
  [data-product-id="7893101740075"],
  [data-product-id="7893735702571"],
  [data-product-id="7894411083819"],
  [data-product-id="7894549594155"],
  [data-product-id="7894577184811"],
  [data-product-id="7894584590379"],
  [data-product-id="7896142708779"],
  [data-product-id="7897048743979"],
  [data-product-id="7911543308331"],
  [data-product-id="7911550615595"],
  [data-product-id="7911551074347"],
  [data-product-id="7911551467563"],
  [data-product-id="7911551696939"]
) .variant-option--swatches label.variant-option__button-label--has-swatch:has(input:focus-visible) .swatch {
  border-color: rgba(0, 0, 0, 0.12) !important;
  box-shadow: none !important;
  outline: 2px solid #040404 !important;
  outline-offset: 3px !important;
}

/* Blush */
variant-picker[data-product-id="7892261273643"] label:has(input[value="Baby"]) { --sb-swatch-fill: #f5b8a8; }
variant-picker[data-product-id="7892261273643"] label:has(input[value="Harmony"]) { --sb-swatch-fill: #e89690; }
variant-picker[data-product-id="7892261273643"] label:has(input[value="Peach"]) { --sb-swatch-fill: #f4a07f; }
variant-picker[data-product-id="7892261273643"] label:has(input[value="Romantic"]) { --sb-swatch-fill: #d8728e; }
variant-picker[data-product-id="7892261273643"] label:has(input[value="Style"]) { --sb-swatch-fill: #c4575a; }
variant-picker[data-product-id="7892261273643"] label:has(input[value="Sunset"]) { --sb-swatch-fill: #cc6f4d; }
variant-picker[data-product-id="7892261273643"] label:has(input[value="Trace"]) { --sb-swatch-fill: #a85c4e; }
variant-picker[data-product-id="7892261273643"] label:has(input[value="Velvet"]) { --sb-swatch-fill: #7d3a3e; }

/* Base Hydra + kits com Base Hydra */
variant-picker:is([data-product-id="7892514799659"], [data-product-id="7911550615595"], [data-product-id="7911551074347"]) label:has(input[value="H1"]) { --sb-swatch-fill: #f2d5b5; }
variant-picker:is([data-product-id="7892514799659"], [data-product-id="7911550615595"], [data-product-id="7911551074347"]) label:has(input[value="H2"]) { --sb-swatch-fill: #eecaa3; }
variant-picker:is([data-product-id="7892514799659"], [data-product-id="7911550615595"], [data-product-id="7911551074347"]) label:has(input[value="H3"]) { --sb-swatch-fill: #e8b88a; }
variant-picker:is([data-product-id="7892514799659"], [data-product-id="7911550615595"], [data-product-id="7911551074347"]) label:has(input[value="H4"]) { --sb-swatch-fill: #dfa97a; }
variant-picker:is([data-product-id="7892514799659"], [data-product-id="7911550615595"], [data-product-id="7911551074347"]) label:has(input[value="H5"]) { --sb-swatch-fill: #cf9269; }
variant-picker:is([data-product-id="7892514799659"], [data-product-id="7911550615595"], [data-product-id="7911551074347"]) label:has(input[value="H6"]) { --sb-swatch-fill: #b87a55; }
variant-picker:is([data-product-id="7892514799659"], [data-product-id="7911550615595"], [data-product-id="7911551074347"]) label:has(input[value="H7"]) { --sb-swatch-fill: #a06642; }
variant-picker:is([data-product-id="7892514799659"], [data-product-id="7911550615595"], [data-product-id="7911551074347"]) label:has(input[value="H8"]) { --sb-swatch-fill: #85522e; }
variant-picker:is([data-product-id="7892514799659"], [data-product-id="7911550615595"], [data-product-id="7911551074347"]) label:has(input[value="H9"]) { --sb-swatch-fill: #6e4124; }
variant-picker:is([data-product-id="7892514799659"], [data-product-id="7911550615595"], [data-product-id="7911551074347"]) label:has(input[value="H10"]) { --sb-swatch-fill: #4f2e1a; }

/* Po Hydra + kit Hydra */
variant-picker:is([data-product-id="7892677394475"], [data-product-id="7911550615595"]) label:has(input[value="SUN"]) { --sb-swatch-fill: #e8c8a4; }
variant-picker:is([data-product-id="7892677394475"], [data-product-id="7911550615595"]) label:has(input[value="PETAL"]) { --sb-swatch-fill: #f0d9c8; }
variant-picker:is([data-product-id="7892677394475"], [data-product-id="7911550615595"]) label:has(input[value="SAND"]) { --sb-swatch-fill: #c9a584; }

/* Altissima */
variant-picker[data-product-id="7892417249323"] label:has(input[value="01"]) { --sb-swatch-fill: #c7af98; }
variant-picker[data-product-id="7892417249323"] label:has(input[value="1.75"]) { --sb-swatch-fill: #c6ad94; }
variant-picker[data-product-id="7892417249323"] label:has(input[value="02"]) { --sb-swatch-fill: #ccaf95; }
variant-picker[data-product-id="7892417249323"] label:has(input[value="2.75"]) { --sb-swatch-fill: #ceb294; }
variant-picker[data-product-id="7892417249323"] label:has(input[value="03"]) { --sb-swatch-fill: #ceaf93; }
variant-picker[data-product-id="7892417249323"] label:has(input[value="04"]) { --sb-swatch-fill: #af9274; }
variant-picker[data-product-id="7892417249323"] label:has(input[value="05"]) { --sb-swatch-fill: #ad8d69; }
variant-picker[data-product-id="7892417249323"] label:has(input[value="06"]) { --sb-swatch-fill: #ab8d6f; }
variant-picker[data-product-id="7892417249323"] label:has(input[value="6.75"]) { --sb-swatch-fill: #ab8c70; }
variant-picker[data-product-id="7892417249323"] label:has(input[value="07"]) { --sb-swatch-fill: #9a7554; }
variant-picker[data-product-id="7892417249323"] label:has(input[value="08"]) { --sb-swatch-fill: #8a6b53; }
variant-picker[data-product-id="7892417249323"] label:has(input[value="09"]) { --sb-swatch-fill: #8d6853; }
variant-picker[data-product-id="7892417249323"] label:has(input[value="10"]) { --sb-swatch-fill: #715049; }

/* Base Fluid */
variant-picker[data-product-id="7893001240619"] label:has(input[value="01"]) { --sb-swatch-fill: #cca583; }
variant-picker[data-product-id="7893001240619"] label:has(input[value="02"]) { --sb-swatch-fill: #b0966f; }
variant-picker[data-product-id="7893001240619"] label:has(input[value="03"]) { --sb-swatch-fill: #b29677; }
variant-picker[data-product-id="7893001240619"] label:has(input[value="04"]) { --sb-swatch-fill: #a38867; }
variant-picker[data-product-id="7893001240619"] label:has(input[value="05"]) { --sb-swatch-fill: #b08b5f; }
variant-picker[data-product-id="7893001240619"] label:has(input[value="06"]) { --sb-swatch-fill: #977b57; }
variant-picker[data-product-id="7893001240619"] label:has(input[value="07"]) { --sb-swatch-fill: #9e7245; }
variant-picker[data-product-id="7893001240619"] label:has(input[value="08"]) { --sb-swatch-fill: #956b42; }
variant-picker[data-product-id="7893001240619"] label:has(input[value="09"]) { --sb-swatch-fill: #906342; }
variant-picker[data-product-id="7893001240619"] label:has(input[value="10"]) { --sb-swatch-fill: #6f3e1c; }

/* Cover Up */
variant-picker[data-product-id="7893101740075"] label:has(input[value="01"]) { --sb-swatch-fill: #d9c7be; }
variant-picker[data-product-id="7893101740075"] label:has(input[value="02"]) { --sb-swatch-fill: #d9c7bf; }
variant-picker[data-product-id="7893101740075"] label:has(input[value="03"]) { --sb-swatch-fill: #d5bfaf; }
variant-picker[data-product-id="7893101740075"] label:has(input[value="04"]) { --sb-swatch-fill: #d6bda5; }
variant-picker[data-product-id="7893101740075"] label:has(input[value="05"]) { --sb-swatch-fill: #cdb4a0; }
variant-picker[data-product-id="7893101740075"] label:has(input[value="06"]) { --sb-swatch-fill: #c9ab94; }
variant-picker[data-product-id="7893101740075"] label:has(input[value="07"]) { --sb-swatch-fill: #ceae93; }
variant-picker[data-product-id="7893101740075"] label:has(input[value="08"]) { --sb-swatch-fill: #c69c7d; }

/* Cover Cream Pro + kit Pele */
variant-picker:is([data-product-id="7897048743979"], [data-product-id="7911551074347"]) label:has(input[value="Cor 01"]) { --sb-swatch-fill: #ded6aa; }
variant-picker:is([data-product-id="7897048743979"], [data-product-id="7911551074347"]) label:has(input[value="Cor 02"]) { --sb-swatch-fill: #bca477; }
variant-picker:is([data-product-id="7897048743979"], [data-product-id="7911551074347"]) label:has(input[value="Cor 03"]) { --sb-swatch-fill: #caa872; }
variant-picker:is([data-product-id="7897048743979"], [data-product-id="7911551074347"]) label:has(input[value="Cor 04"]) { --sb-swatch-fill: #c9a172; }
variant-picker:is([data-product-id="7897048743979"], [data-product-id="7911551074347"]) label:has(input[value="Cor 05"]) { --sb-swatch-fill: #bd8851; }
variant-picker:is([data-product-id="7897048743979"], [data-product-id="7911551074347"]) label:has(input[value="Cor 06"]) { --sb-swatch-fill: #9c662d; }

/* Stick + brow */
variant-picker[data-product-id="7892914864171"] label:has(input[value="SM40"]) { --sb-swatch-fill: #c4906c; }
variant-picker[data-product-id="7892914864171"] label:has(input[value="SM50"]) { --sb-swatch-fill: #b07a58; }
variant-picker[data-product-id="7892914864171"] label:has(input[value="SM60"]) { --sb-swatch-fill: #9b6540; }
variant-picker[data-product-id="7892914864171"] label:has(input[value="SM70"]) { --sb-swatch-fill: #7a4728; }
variant-picker[data-product-id="7894411083819"] label:has(input[value="SM15"]) { --sb-swatch-fill: #8f7662; }
variant-picker[data-product-id="7894411083819"] label:has(input[value="SM16"]) { --sb-swatch-fill: #817568; }

/* Base Matte, Po Compacto e Pupinha */
variant-picker[data-product-id="7894577184811"] label:has(input[value="01"]) { --sb-swatch-fill: #cfbaa3; }
variant-picker[data-product-id="7894577184811"] label:has(input[value="02"]) { --sb-swatch-fill: #cfb9a4; }
variant-picker[data-product-id="7894577184811"] label:has(input[value="03"]) { --sb-swatch-fill: #c4a58d; }
variant-picker[data-product-id="7894577184811"] label:has(input[value="04"]) { --sb-swatch-fill: #c5a893; }
variant-picker[data-product-id="7894577184811"] label:has(input[value="05"]) { --sb-swatch-fill: #bda492; }
variant-picker[data-product-id="7894577184811"] label:has(input[value="06"]) { --sb-swatch-fill: #be9b81; }
variant-picker[data-product-id="7894577184811"] label:has(input[value="07"]) { --sb-swatch-fill: #b2907f; }
variant-picker[data-product-id="7894577184811"] label:has(input[value="08"]) { --sb-swatch-fill: #a28a7f; }
variant-picker[data-product-id="7894577184811"] label:has(input[value="09"]) { --sb-swatch-fill: #8e746c; }
variant-picker[data-product-id="7894584590379"] label:has(input[value="01"]) { --sb-swatch-fill: #d7bfaa; }
variant-picker[data-product-id="7894584590379"] label:has(input[value="02"]) { --sb-swatch-fill: #b09c86; }
variant-picker[data-product-id="7894584590379"] label:has(input[value="03"]) { --sb-swatch-fill: #a0846b; }
variant-picker[data-product-id="7894584590379"] label:has(input[value="04"]) { --sb-swatch-fill: #a48869; }
variant-picker[data-product-id="7894584590379"] label:has(input[value="05"]) { --sb-swatch-fill: #9f7f5b; }
variant-picker[data-product-id="7894584590379"] label:has(input[value="06"]) { --sb-swatch-fill: #9a7850; }
variant-picker[data-product-id="7894584590379"] label:has(input[value="07"]) { --sb-swatch-fill: #835b45; }
variant-picker[data-product-id="7894584590379"] label:has(input[value="08"]) { --sb-swatch-fill: #815c3b; }
variant-picker[data-product-id="7894584590379"] label:has(input[value="09"]) { --sb-swatch-fill: #6c4a31; }
variant-picker[data-product-id="7894549594155"] label:has(input[value="01"]) { --sb-swatch-fill: #a07659; }

/* Gloss bBeauty */
variant-picker[data-product-id="7893735702571"] label:has(input[value="Antônia"]) { --sb-swatch-fill: #a7391b; }
variant-picker[data-product-id="7893735702571"] label:has(input[value="Bella"]) { --sb-swatch-fill: #be8587; }
variant-picker[data-product-id="7893735702571"] label:has(input[value="Cecília"]) { --sb-swatch-fill: #ae764d; }
variant-picker[data-product-id="7893735702571"] label:has(input[value="Clara"]) { --sb-swatch-fill: #b67d91; }
variant-picker[data-product-id="7893735702571"] label:has(input[value="Eva"]) { --sb-swatch-fill: #780a10; }
variant-picker[data-product-id="7893735702571"] label:has(input[value="Gabi"]) { --sb-swatch-fill: #c36371; }
variant-picker[data-product-id="7893735702571"] label:has(input[value="Juju"]) { --sb-swatch-fill: #740c26; }
variant-picker[data-product-id="7893735702571"] label:has(input[value="Luiza"]) { --sb-swatch-fill: #ad7459; }
variant-picker[data-product-id="7893735702571"] label:has(input[value="Luna"]) { --sb-swatch-fill: #c5482d; }
variant-picker[data-product-id="7893735702571"] label:has(input[value="Michelli"]) { --sb-swatch-fill: #9985ab; }
variant-picker[data-product-id="7893735702571"] label:has(input[value="Sara"]) { --sb-swatch-fill: #865436; }
variant-picker[data-product-id="7893735702571"] label:has(input[value="Selma"]) { --sb-swatch-fill: #68240a; }

/* Gloss Mineral + kits */
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Granada Roxa"]) { --sb-swatch-fill: #a58cac; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Quartzo Rosa"]) { --sb-swatch-fill: #e8a4b0; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Turmalina"]) { --sb-swatch-fill: #cd67a8; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Jasper Marrom"]) { --sb-swatch-fill: #774146; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Esmeralda"]) { --sb-swatch-fill: #1f7a4d; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Ágata de Fogo"]) { --sb-swatch-fill: #c45a25; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Água Marinha"]) { --sb-swatch-fill: #7ec5d4; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Diamante Negro"]) { --sb-swatch-fill: #2c2a28; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Ruby"]) { --sb-swatch-fill: #973634; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Turmalina Branca"]) { --sb-swatch-fill: #e8d6c5; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Sunstone"]) { --sb-swatch-fill: #d68a3f; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Safira"]) { --sb-swatch-fill: #2f67dc; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Ouro"]) { --sb-swatch-fill: #c7aa60; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Ametista"]) { --sb-swatch-fill: #751b87; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Diamante"]) { --sb-swatch-fill: #e8d4c2; }
variant-picker:is([data-product-id="7896142708779"], [data-product-id="7911551467563"], [data-product-id="7911551696939"]) label:has(input[value="Topázio Imperial"]) { --sb-swatch-fill: #c97a3f; }

/* Color Lips */
variant-picker[data-product-id="7911543308331"] label:has(input[value="Atena"]) { --sb-swatch-fill: #7a4226; }
variant-picker[data-product-id="7911543308331"] label:has(input[value="Afrodite"]) { --sb-swatch-fill: #7a1f25; }
variant-picker[data-product-id="7911543308331"] label:has(input[value="Diana"]) { --sb-swatch-fill: #a5694f; }
variant-picker[data-product-id="7911543308331"] label:has(input[value="Hera"]) { --sb-swatch-fill: #a77a8c; }
/* cache-bust swatch-standardization-20260508 */