/** Shopify CDN: Minification failed

Line 230:1 Expected "}" to go with "{"

**/
/* ===========================================================
   WELLNESS BRANDS — Dawn Theme
   Estrutura inspirada no layout nuddystudio (NÃO copia visual)
   Paleta: #0E0E0E (preto) · #EDEDED (claro) · #C9A24B (dourado)
   Aplicar em: Editar código > Assets > base.css (colar no FINAL)
   =========================================================== */

:root {
  --wb-black: #0E0E0E;
  --wb-light: #EDEDED;
  --wb-gold: #C9A24B;
  --wb-gold-soft: #E3C77E;
  --wb-gray: #8A8A8A;
}

/* ---- TIPOGRAFIA: títulos com tracking largo (estilo das telas) ---- */
h1, h2, h3, .h0, .h1, .h2,
.banner__heading,
.title-wrapper-with-link h2,
.collection-list-title,
.rich-text__heading {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 400;
}
.banner__heading { letter-spacing: 0.04em; }   /* hero pode ser maior/mais justo */

/* tagline pequena acima dos títulos (ex.: "FIQUE POR DENTRO") */
.rich-text__subtitle,
.title-wrapper-with-link .subtitle {
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-size: 0.8rem;
  color: var(--wb-gray);
}

/* ---- 1. HERO / SLIDESHOW ---- */
.slideshow__text.banner__box,
.banner__box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--wb-light);
}
.slideshow__text .banner__heading { letter-spacing: 0.02em; }

/* ---- BOTÕES: retangulares, sólidos, tracking largo ---- */
.button,
.shopify-payment-button__button--unbranded,
.product-form__submit,
.newsletter-form__button {
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 500;
  background: var(--wb-black) !important;
  color: var(--wb-light) !important;
  transition: background .3s ease, color .3s ease;
}
.button::after,
.product-form__submit::after { box-shadow: none !important; }
.button:hover,
.product-form__submit:hover,
.newsletter-form__button:hover {
  background: var(--wb-gold) !important;
  color: var(--wb-black) !important;
}
/* variante dourada (use onde quiser CTA dourado direto) */

.banner__buttons .button:first-child {
  background: var(--wb-gold) !important;
  color: var(--wb-black) !important;
}
/* links de texto sublinhados finos (ex.: "SHOP NOW", "VER TUDO") */
.link,
.collage a.full-unstyled-link,
.card__heading a {
  text-underline-offset: 6px;
  text-decoration-thickness: 1px;
}

/* ---- HEADER ---- */
.header-wrapper {
  background: #FFFFFF;
  border-bottom: 1px solid rgba(14,14,14,0.08);
}
.header__menu-item { text-transform: uppercase; letter-spacing: 0.08em; }
.header__menu-item:hover span,
.header__active-menu-item { color: var(--wb-gold) !important; }
.header__active-menu-item { text-decoration-color: var(--wb-gold) !important; }
.cart-count-bubble { background: var(--wb-gold) !important; color: var(--wb-black) !important; }
/* item "SALE" em destaque (3º+ link, ajuste o nth se preciso) */
.header__menu-item.header__menu-item--sale span { color: var(--wb-gold) !important; }

/* ---- COLLAGE / GRID DE CATEGORIAS (BLUSAS / KITS / CLÁSSICAS) ---- */
.collage-card .card__heading,
.collage .card__content .card__heading {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #FFFFFF;
}
.collage .card__information,
.collage .card-information { text-align: center; }
.card__inner, .collage-card { border-radius: 0 !important; }

/* ---- FEATURED COLLECTION / PREÇOS ---- */
.price__sale .price-item--sale,
.price-item--regular { color: var(--wb-black); font-weight: 500; }
.price--on-sale .price-item--regular { color: var(--wb-gray); }
.badge {
  background: var(--wb-gold) !important;
  color: var(--wb-black) !important;
  border: none !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* ---- IMAGE WITH TEXT (SOBRE NÓS) ---- */
.image-with-text__heading { text-transform: uppercase; letter-spacing: 0.1em; }
.image-with-text__text { line-height: 1.7; }

/* ---- NEWSLETTER (NEWS DA MARCA) ---- */
.newsletter .newsletter-form__field-wrapper input {
  border-radius: 0 !important;
  border: 1px solid var(--wb-light);
  background: transparent;
}
.newsletter__subheading { letter-spacing: 0.25em; text-transform: uppercase; }

/* ---- PÁGINA DE PRODUTO ---- */
.product__title h1 { letter-spacing: 0.04em; }
.product .price .price-item { color: var(--wb-black) !important; }
.quantity { border: 1px solid var(--wb-black); border-radius: 0 !important; }
.product-form__input input[type='radio'] + label:hover { border-color: var(--wb-gold) !important; }
.product__accordion summary { border-color: rgba(201,162,75,.3) !important; }

/* ---- RODAPÉ (3 colunas, minimalista) ---- */
.footer { background: #FFFFFF; }
.footer-block__heading {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 0.85rem;
  color: var(--wb-black);
}
.footer a:hover { color: var(--wb-gold) !important; }
.footer__content-bottom { border-top: 1px solid rgba(14,14,14,0.08); }

/* ---- SETINHA "SCROLL" sob o hero (opcional, replica nuddy) ---- */
.scroll-hint {
  width: 48px; height: 48px; margin: -24px auto 0; position: relative; z-index: 2;
  border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 16px rgba(0,0,0,.08); animation: wb-bounce 2s infinite;
}
@keyframes wb-bounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(6px)} }

/* ---- BARRA DE ANÚNCIO — opção B: branco + maior ---- */
.announcement-bar, .utility-bar { background-color: var(--wb-gold) !important; }
.announcement-bar__message, .announcement-bar p,
.utility-bar__contents, .utility-bar * {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 1.35rem !important;
  letter-spacing: 0.04em;
}
.announcement-bar { padding: 14px 0 !important; }

/* ---- BARRA DOURADA SOB TÍTULOS DE COLEÇÃO (Nuestros Primeros Drops) ---- */
.collection__title h2,
.title-wrapper-with-link h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}
.collection__title h2::after,
.title-wrapper-with-link h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 3px;
  background-color: var(--wb-gold);

/* ---- BOTÃO DO BANNER (HERO): forçar preto ---- */
.banner .button,
.banner__buttons .button,
.banner__box .button,
.image-banner .button {
  background-color: var(--wb-black) !important;
  color: #FFFFFF !important;
  border-color: var(--wb-black) !important;
}
.banner .button:hover,
.banner__buttons .button:hover,
.banner__box .button:hover,
.image-banner .button:hover {
  background-color: var(--wb-gold) !important;
  color: var(--wb-black) !important;
  border-color: var(--wb-gold) !important;
}/* ============================================
   BOTÃO DO BANNER — SELETOR EXATO DO SEU DAWN
   Classes confirmadas via DevTools:
   <a class="button button--primary"> dentro de
   <div class="banner__buttons">
   ============================================ */
div.banner__buttons a.button.button--primary,
div.banner__buttons a.button--primary {
  background: #0E0E0E !important;
  background-color: #0E0E0E !important;
  color: #FFFFFF !important;
  border-color: #0E0E0E !important;
}
div.banner__buttons a.button.button--primary:hover,
div.banner__buttons a.button--primary:hover {
  background: #C9A24B !important;
  background-color: #C9A24B !important;
  color: #0E0E0E !important;
  border-color: #C9A24B !important;
/* ---- Esconder botão roxo "Seguir en shop" ---- */
.shopify-follow-on-shop,
shop-follow-button,
[class*="follow-on-shop"] {
  display: none !important;
}