/** Shopify CDN: Minification failed

Line 14:60 Unexpected "*"

**/
/* ============================================================
 * Nobre Cosméticos — Página de produto (Fase 8)
 * ------------------------------------------------------------
 * Polish de MARCA sobre a página de produto NATIVA do Horizon
 * (product-information: galeria, variantes, quantidade, compra,
 * disponibilidade, accordions, sticky add to cart). Asset global
 * (após base.css e nobre-*.css) → sem avisos ValidScopedCSSClass.
 * CSS-only: NÃO altera markup, o product form, variantes, preços
 * nem o carrinho. Sem !important; tokens --nobre-*/--color-*.
 *
 * Sumário:
 *   1. Variantes e swatches (estado selecionado/foco)
 *   2. Disponibilidade e SKU
 *   3. Botões de compra e sticky add to cart
 *   4. Accordions (conteúdo recolhível)
 *   5. Galeria e thumbnails
 *   6. Marca (PDP) e info de entrega
 *   7. Foco acessível e movimento reduzido
 * ============================================================ */

/* 1. Variantes e swatches ----------------------------------- */
.variant-option__button-label:focus-visible,
.variant-option__swatch:focus-visible {
  outline: var(--nobre-focus-width, 2px) solid var(--nobre-brand, var(--color-primary));
  outline-offset: 2px;
}

/* Estado selecionado com realce de marca (herda o nativo; reforça) */
.variant-option input:checked + .variant-option__button-label,
.variant-option__button-label[aria-checked='true'] {
  border-color: var(--nobre-brand, var(--color-primary));
  box-shadow: inset 0 0 0 1px var(--nobre-brand, var(--color-primary));
}

.hidden-swatches__count {
  color: var(--color-foreground-muted, rgb(var(--color-foreground-rgb) / 0.6));
}

/* 2. Disponibilidade e SKU ---------------------------------- */
.product-inventory__status {
  font-size: var(--font-size--sm);
}

.product-inventory__icon-in-stock {
  color: var(--nobre-success, #2e7d4f);
}
.product-inventory__icon-low {
  color: var(--nobre-warning, #c77700);
}

.product-sku,
[class*='product-sku'] {
  color: var(--color-foreground-muted, rgb(var(--color-foreground-rgb) / 0.6));
  font-size: var(--font-size--sm);
}

/* 3. Compra e sticky add to cart ---------------------------- */
.add-to-cart-button {
  min-block-size: var(--minimum-touch-target, 44px);
}

.add-to-cart-button:focus-visible {
  outline: var(--nobre-focus-width, 2px) solid var(--nobre-brand, var(--color-primary));
  outline-offset: 2px;
}

sticky-add-to-cart {
  box-shadow: 0 -2px 16px rgb(var(--nobre-shadow-rgb, 40 30 36) / 0.12);
}

@supports (padding: max(0px)) {
  sticky-add-to-cart {
    padding-bottom: max(0px, env(safe-area-inset-bottom));
  }
}

/* 4. Accordions --------------------------------------------- */
.accordion summary {
  min-block-size: var(--minimum-touch-target, 44px);
}

.accordion summary:focus-visible {
  outline: var(--nobre-focus-width, 2px) solid var(--nobre-brand, var(--color-primary));
  outline-offset: -2px;
  border-radius: var(--border-radius-sm);
}

@media (hover: hover) {
  .accordion summary:hover {
    color: var(--nobre-brand-dark, var(--color-primary));
  }
}

/* 5. Galeria e thumbnails ----------------------------------- */
.dialog-thumbnails-list__thumbnail:focus-visible,
.product-media-container__zoom-button:focus-visible {
  outline: var(--nobre-focus-width, 2px) solid var(--nobre-brand, var(--color-primary));
  outline-offset: 2px;
}

.dialog-thumbnails-list__thumbnail[aria-current='true'],
.dialog-thumbnails-list__thumbnail[aria-selected='true'] {
  outline: 2px solid var(--nobre-brand, var(--color-primary));
  outline-offset: -2px;
  border-radius: var(--nobre-radius-sm, 0.6rem);
}

/* 6. Marca (PDP) e info de entrega -------------------------- */
/* .nobre-product-vendor já é estilizada globalmente (nobre-product-card.css).
   Na PDP fica acima do título, discreta. */

/* 7. Foco acessível e movimento reduzido -------------------- */
@media (prefers-reduced-motion: reduce) {
  .accordion summary,
  .add-to-cart-button {
    transition: none;
  }
}

/* ============================================================
 * PDP — título do produto mais compacto (pedido do proprietário)
 * Alvo: o bloco de texto (preset h3) dentro da product-information.
 * Só a página de produto; não afeta outros h3 do tema.
 * ============================================================ */
.product-information .text-block.h3 {
  font-size: clamp(1.3rem, 1rem + 1.3vw, 1.65rem);
  line-height: 1.2;
}

/* ============================================================
 * PDP — Descrição: "Título 2" (h2) com o mesmo tamanho de "Título 4".
 * Alvo: os h2 dentro do richtext da descrição (.text-block.rte),
 * só na página de produto; não afeta outros h2 do tema.
 * ============================================================ */
.product-information .text-block.rte h2 {
  font-size: var(--font-h4--size);
  line-height: var(--line-height--display-normal, 1.2);
}

/* PDP — Descrição: "Título 4" (h4) e "Parágrafo" (p) com o tamanho de "Título 5". */
.product-information .text-block.rte h4,
.product-information .text-block.rte p {
  font-size: var(--font-h5--size);
}

/* SKU com prefixo "Ref:" — oculta o prefixo quando a variante não tem SKU. */
.sku:has([ref='sku']:empty) .sku__label { display: none; }