/** Shopify CDN: Minification failed

Line 40:0 All "@import" rules must come first

**/
/* ============================================================
   EVOLUTION THEME — MODERNIZAÇÃO VISUAL
   custom_modern.css — Adicione no final do custom.css
   ou importe via theme.liquid após o custom.css
   ============================================================ */

/* ----------------------------------------------------------
   0. TOKENS & VARIÁVEIS GLOBAIS MODERNAS
   ---------------------------------------------------------- */
:root {
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-xl:  28px;
  --radius-pill: 999px;

  --shadow-xs:  0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-sm:  0 4px 12px rgba(0,0,0,.08);
  --shadow-md:  0 8px 24px rgba(0,0,0,.10);
  --shadow-lg:  0 16px 40px rgba(0,0,0,.12);
  --shadow-xl:  0 24px 60px rgba(0,0,0,.15);

  --transition-fast:   0.15s cubic-bezier(.4,0,.2,1);
  --transition-base:   0.25s cubic-bezier(.4,0,.2,1);
  --transition-slow:   0.40s cubic-bezier(.4,0,.2,1);

  --font-display: 'Sora', 'Plus Jakarta Sans', system-ui, sans-serif;
  --letter-tight: -0.02em;
  --letter-wide:  0.04em;
}

/* ----------------------------------------------------------
   1. GOOGLE FONTS — Sora (display) moderno e distinto
   ---------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');

/* ----------------------------------------------------------
   2. BASE — tipografia, bordas e reset suave
   ---------------------------------------------------------- */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.heading,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  letter-spacing: var(--letter-tight);
}

/* Seção títulos com linha decorativa */
.section-header__title,
.featured-collection .section-header__title {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.03em;
  position: relative;
  display: inline-block;
}

.section-header__title::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 40px;
  height: 3px;
  background: var(--accent-color);
  border-radius: var(--radius-pill);
  transition: width var(--transition-base);
}

.section-header:hover .section-header__title::after {
  width: 100%;
}

/* ----------------------------------------------------------
   3. HEADER — Visual moderno com blur + sombra suave
   ---------------------------------------------------------- */

/* Sticky header com backdrop-blur */
.header {
  transition: box-shadow var(--transition-base),
              background var(--transition-base);
}

.header.is-sticky {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  box-shadow: 0 1px 0 rgba(0,0,0,.06), var(--shadow-sm);
}

/* Logo — leve scale no hover */
.header__logo-link {
  transition: opacity var(--transition-fast), transform var(--transition-fast);
}
.header__logo-link:hover {
  opacity: .88;
  transform: scale(.97);
}

/* Ícones do header — área de toque maior e hover suave */
.header__action-item-link {
  transition: opacity var(--transition-fast), color var(--transition-fast);
  border-radius: var(--radius-md);
  padding: 4px 6px;
}
.header__action-item-link:hover {
  opacity: .75;
}

/* Badge do carrinho — pill moderno */
.header__cart-count {
  background: var(--accent-color) !important;
  color: #fff !important;
  border-radius: var(--radius-pill) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  min-width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  position: absolute !important;
  top: -5px !important;
  right: -6px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.18);
  animation: badge-pop .3s cubic-bezier(.34,1.56,.64,1) both;
}

@keyframes badge-pop {
  from { transform: scale(0.5); opacity: 0; }
  to   { transform: scale(1);   opacity: 1; }
}

/* Barra de busca — borda suave e foco elegante */
.search-bar__top {
  border-radius: var(--radius-md) !important;
  transition: box-shadow var(--transition-fast) !important;
}
.search-bar__top:focus-within {
  box-shadow: 0 0 0 2px var(--accent-color) !important;
}
.search-bar__input {
  letter-spacing: 0.01em;
}

/* Nav links desktop — underline animado */
.nav-bar__link.link {
  position: relative;
  padding-bottom: 2px;
}
.nav-bar__link.link::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: currentColor;
  border-radius: var(--radius-pill);
  transition: width var(--transition-base);
}
.nav-bar__link.link:hover::after,
.nav-bar__link.link.is-active::after {
  width: 100%;
}

/* Announcement bar — tipografia mais limpa */
.announcement-bar__message {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* ----------------------------------------------------------
   4. CARDS DE PRODUTO — visual moderno com hover lift
   ---------------------------------------------------------- */
.product-item {
  border-radius: var(--radius-lg) !important;
  overflow: hidden;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-xs);
}

@media (hover: hover) {
  .product-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
  }
}

/* Imagem com zoom suave */
.product-item__image-wrapper img,
.product-item__image-wrapper .aspect-ratio {
  transition: transform 0.5s cubic-bezier(.4,0,.2,1);
  overflow: hidden;
}
@media (hover: hover) {
  .product-item:hover .product-item__image-wrapper img {
    transform: scale(1.04);
  }
}

/* Info do produto */
.product-item__info {
  padding: 12px 14px 16px !important;
}

/* Título do produto — clamp mais elegante */
.product-item__title {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Badge de desconto — pill vibrante */
.product-label--on-sale,
.product-label.product-label--on-sale {
  border-radius: var(--radius-pill) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  padding: 3px 9px !important;
}

/* Ações do produto (wishlist, quickview) */
.product-item__action-list {
  border-radius: var(--radius-md);
  gap: 4px;
}
.product-item__action-button {
  border-radius: var(--radius-md) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(255,255,255,.92) !important;
  box-shadow: var(--shadow-xs);
  transition: background var(--transition-fast), transform var(--transition-fast) !important;
}
.product-item__action-button:hover {
  transform: scale(1.08);
  background: #fff !important;
}

/* ----------------------------------------------------------
   5. BOTÕES — elevação moderna
   ---------------------------------------------------------- */
.button,
.button--primary,
.button--secondary {
  border-radius: var(--radius-md) !important;
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: transform var(--transition-fast),
              box-shadow var(--transition-fast),
              background var(--transition-fast),
              opacity var(--transition-fast) !important;
}

.button--primary {
  box-shadow: 0 4px 14px rgba(0,0,0,.15);
}
.button--primary:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0,0,0,.2);
}
.button--primary:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: var(--shadow-xs);
}

/* Botão Adicionar ao Carrinho */
.product-form__add-button {
  border-radius: var(--radius-md) !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.02em !important;
  position: relative;
  overflow: hidden;
}

/* Ripple effect no botão */
.product-form__add-button::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f291';
  margin-right: 8px;
  font-size: 14px;
}

/* Botão WhatsApp — mais elegante */
#whatsapp-button a {
  border-radius: var(--radius-md) !important;
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast) !important;
  border-width: 1.5px !important;
}
#whatsapp-button a:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

/* ----------------------------------------------------------
   6. MINI-CART (DRAWER) — design refinado
   ---------------------------------------------------------- */

/* Drawer com borda sutil */
#mini-cart {
  border-left: 1px solid rgba(0,0,0,.06) !important;
}

/* Header do drawer */
header.drawer__header {
  padding: 22px 24px !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
  background: var(--background) !important;
}

header.drawer__header p.drawer__title.heading {
  font-family: var(--font-display) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
}

/* Botão fechar — hover circular */
.drawer__close-button {
  width: 34px;
  height: 34px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-pill) !important;
  transition: background var(--transition-fast) !important;
}
.drawer__close-button:hover {
  background: rgba(0,0,0,.06) !important;
}

/* Items do carrinho */
.mini-cart__line-item {
  padding: 16px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.05);
  transition: background var(--transition-fast);
}
.mini-cart__line-item:last-child {
  border-bottom: none;
}

/* Imagem do item arredondada */
.mini-cart__image-wrapper {
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
}

/* Título do item */
a.mini-cart__product-title.text--strong.link {
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  letter-spacing: -0.01em !important;
  line-height: 1.35 !important;
}

/* Preço no carrinho */
.mini-cart__price-list .price--highlight {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Quantity selector no cart */
.justWrapper .quantity-selector {
  border-radius: var(--radius-md) !important;
  border-color: rgba(0,0,0,.1) !important;
  overflow: hidden;
}

/* Recap (total + botões) */
.mini-cart__recap {
  background: var(--background);
  border-top: 1px solid rgba(0,0,0,.06) !important;
  padding: 16px 24px 24px !important;
}

/* Total do carrinho */
.cart-recap__price-line-price strong {
  font-family: var(--font-display) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

/* Botões de checkout no drawer */
.mini-cart__recap .button {
  height: 48px !important;
  line-height: 48px !important;
  border-radius: var(--radius-md) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
.mini-cart__recap .button--primary {
  box-shadow: 0 4px 14px rgba(0,0,0,.18);
}
.mini-cart__recap .button--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0,0,0,.22);
}

/* Upsell section no cart */
#mini-cart p.title.h4 {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
  color: rgba(0,0,0,.4) !important;
}

.product-item.upsell-item {
  border-radius: var(--radius-md) !important;
  border: 1px solid rgba(0,0,0,.07) !important;
  background: var(--secondary-background) !important;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.product-item.upsell-item:hover {
  border-color: var(--accent-color) !important;
  box-shadow: 0 0 0 1px var(--accent-color);
}

/* ----------------------------------------------------------
   7. HOME — SEÇÕES
   ---------------------------------------------------------- */

/* Slideshow — indicadores modernos */
.slideshow .flickity-page-dots .dot {
  width: 20px !important;
  height: 4px !important;
  border-radius: var(--radius-pill) !important;
  background: rgba(255,255,255,.5) !important;
  transition: width var(--transition-base), background var(--transition-base) !important;
  margin: 0 3px !important;
}
.slideshow .flickity-page-dots .dot.is-selected {
  width: 36px !important;
  background: #fff !important;
}

/* Slideshow botões de navegação */
.slideshow .flickity-prev-next-button {
  background: rgba(255,255,255,.15) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: var(--radius-pill) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  width: 44px !important;
  height: 44px !important;
  transition: background var(--transition-fast) !important;
}
.slideshow .flickity-prev-next-button:hover {
  background: rgba(255,255,255,.3) !important;
}

/* Featured collections — header alinhado */
.featured-collection {
  position: relative;
}
.featured-collection .section-header {
  margin-bottom: 20px;
}

/* Flickity — sem gradient */
.featured-collection .flickity-viewport::after {
  display: none !important;
}

/* Barra de vantagens (advantage-list) — cards com hover */
.advantage-list .advantage {
  transition: transform var(--transition-base), box-shadow var(--transition-base) !important;
}
@media (hover: hover) {
  .advantage-list .advantage:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-sm) !important;
  }
}

/* Advantage icons — accent color suave */
.advantage-list .advantage .advantage-content .advantage-icone svg {
  transition: transform var(--transition-base);
}
@media (hover: hover) {
  .advantage-list .advantage:hover svg {
    transform: scale(1.1) rotate(-4deg);
  }
}

/* Newsletter bar — mais atraente */
#newsletter-bar {
  border-radius: var(--radius-xl) !important;
  margin: 0 auto 24px !important;
  max-width: 96% !important;
  border: none !important;
  box-shadow: var(--shadow-md) !important;
}

#newsletter-bar input {
  border-radius: var(--radius-md) !important;
  font-family: var(--font-display) !important;
  font-size: 14px !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08) !important;
}
#newsletter-bar input:focus {
  box-shadow: inset 0 0 0 2px var(--accent-color) !important;
}

#newsletter-bar .newsletter-signature {
  border-radius: var(--radius-md) !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast) !important;
}
#newsletter-bar .newsletter-signature:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,.18) !important;
}

/* Review cards — sombra colorida modernizada */
.review-list .review .review-card {
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 2px 0 rgba(0,0,0,.06), var(--shadow-xs) !important;
  transition: transform var(--transition-base), box-shadow var(--transition-base) !important;
  border: 1px solid rgba(0,0,0,.05);
}
@media (hover: hover) {
  .review-list .review .review-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md) !important;
  }
}

/* Countdown — quadros modernos */
.countdown-ofertas ul li {
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-sm) !important;
}
.countdown-ofertas .tempo-a {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  font-size: 26px !important;
  letter-spacing: -0.02em !important;
}
.countdown-ofertas .tempo-b {
  font-family: var(--font-display) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* ----------------------------------------------------------
   8. SIMULADOR DE FRETE & FRETE GRÁTIS
   ---------------------------------------------------------- */
#simulator-shipping,
.tempofrete,
#free-shipping {
  border-radius: var(--radius-md) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  box-shadow: var(--shadow-xs) !important;
  transition: box-shadow var(--transition-fast);
}
#simulator-shipping:hover,
#free-shipping:hover {
  box-shadow: var(--shadow-sm) !important;
}

#simulator-shipping .ss_form .search_zipcode {
  border-radius: var(--radius-md) !important;
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast) !important;
}
#simulator-shipping .ss_form .search_zipcode:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
}

/* ----------------------------------------------------------
   9. PREÇOS & BADGES
   ---------------------------------------------------------- */
#evolution-price-list .price-promotional-wrap strong {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

#evolution-price-list .product-price-discount {
  border-radius: var(--radius-sm) !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

#evolution-price-list .product-economy-value {
  border-radius: var(--radius-pill) !important;
  font-family: var(--font-display) !important;
  font-size: 13px !important;
}

.product-pix-bloco {
  border-radius: var(--radius-md) !important;
  border: 1px solid rgba(0,0,0,.05) !important;
}

/* Parcelamento */
.parcelamento span {
  font-family: var(--font-display) !important;
  font-size: 15px !important;
}
.parcelamento span b {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 19px !important;
  letter-spacing: -0.02em !important;
}

/* ----------------------------------------------------------
   10. FOOTER — refinado
   ---------------------------------------------------------- */
.footer {
  border-top: 1px solid rgba(0,0,0,.06);
}

.footer__title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.footer__link-item {
  font-size: 13.5px;
  transition: opacity var(--transition-fast), transform var(--transition-fast);
  display: inline-block;
}
.footer__link-item:hover {
  opacity: .7;
  transform: translateX(2px);
}

.footer__aside-item--copyright p {
  font-size: 12px;
  opacity: .55;
  letter-spacing: 0.02em;
}

/* ----------------------------------------------------------
   11. INPUTS GLOBAIS — consistência
   ---------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select {
  border-radius: var(--radius-md) !important;
  transition: box-shadow var(--transition-fast), border-color var(--transition-fast) !important;
}
input:focus,
textarea:focus,
select:focus {
  box-shadow: 0 0 0 2px var(--accent-color) !important;
  outline: none !important;
}

/* ----------------------------------------------------------
   12. QUANTITY SELECTOR — moderno
   ---------------------------------------------------------- */
.evolution-quantity-selector {
  border-radius: var(--radius-md) !important;
  background: rgba(0,0,0,.04) !important;
}
.evolution-quantity-selector__button {
  border-radius: var(--radius-sm) !important;
  background: rgba(0,0,0,.08) !important;
  transition: background var(--transition-fast) !important;
}
.evolution-quantity-selector__button:hover {
  background: rgba(0,0,0,.14) !important;
}

/* Botões qty antigos */
button.qtyplus,
button.qtyminus {
  border-radius: var(--radius-sm) !important;
  transition: background var(--transition-fast) !important;
}
button.qtyplus:hover,
button.qtyminus:hover {
  background: rgba(0,0,0,.08) !important;
}

/* ----------------------------------------------------------
   13. SUPORTE FLUTUANTE — pill elegante
   ---------------------------------------------------------- */
.support-floating .support-button {
  border-radius: var(--radius-pill) !important;
  box-shadow: var(--shadow-md) !important;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast) !important;
}
.support-floating .support-button:hover {
  transform: scale(1.08);
  box-shadow: var(--shadow-lg) !important;
}
.support-floating .support-popup {
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-lg) !important;
}
.support-floating .support-header {
  border-radius: var(--radius-lg) var(--radius-lg) 0 0 !important;
}

/* ----------------------------------------------------------
   14. CUPOM — visual mais chamativo
   ---------------------------------------------------------- */
.cupom {
  border-radius: var(--radius-md) !important;
  border-width: 2px !important;
  transition: background var(--transition-fast), border-color var(--transition-fast) !important;
  font-family: var(--font-display) !important;
}
.cupom:hover {
  background: rgba(0,0,0,.03) !important;
}
.cupom span {
  font-family: var(--font-display) !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
}

/* ----------------------------------------------------------
   15. MOSAIC / IMAGE WITH TEXT — efeitos de imagem
   ---------------------------------------------------------- */
.mosaic__item img,
.image-with-text__image img {
  border-radius: var(--radius-lg) !important;
  transition: transform 0.6s cubic-bezier(.4,0,.2,1) !important;
}
@media (hover: hover) {
  .mosaic__item:hover img,
  .image-with-text:hover .image-with-text__image img {
    transform: scale(1.03) !important;
  }
}
.mosaic__item {
  overflow: hidden;
  border-radius: var(--radius-lg) !important;
}

/* ----------------------------------------------------------
   16. SCROLLBAR — refinada
   ---------------------------------------------------------- */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.15);
  border-radius: var(--radius-pill);
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,.25);
}

/* ----------------------------------------------------------
   17. BARRA DE PROGRESSO / FREE SHIPPING BAR
   ---------------------------------------------------------- */
.progressbar {
  border-radius: var(--radius-pill) !important;
  overflow: hidden;
}
.progressbar-fill,
.progress-fill {
  border-radius: var(--radius-pill) !important;
  transition: width 0.6s cubic-bezier(.4,0,.2,1) !important;
}

/* ----------------------------------------------------------
   18. RESPONSIVO — mobile refinado
   ---------------------------------------------------------- */
@media (max-width: 767px) {
  /* Header mobile */
  .header__mobile-nav-toggle {
    border-radius: var(--radius-md) !important;
    padding: 6px !important;
    transition: background var(--transition-fast) !important;
  }
  .header__mobile-nav-toggle:hover {
    background: rgba(0,0,0,.06) !important;
  }

  /* Mobile menu */
  #mobile-menu {
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    box-shadow: var(--shadow-md);
  }

  /* Botão flutuante de compra */
  .botaoflutuante {
    border-radius: var(--radius-xl) var(--radius-xl) 0 0 !important;
    box-shadow: 0 -4px 20px rgba(0,0,0,.1) !important;
    padding: 10px 16px 14px !important;
  }
  .botaoflutuante .button {
    border-radius: var(--radius-md) !important;
    height: 50px !important;
    font-family: var(--font-display) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
  }

  /* Cart mobile recap */
  .mini-cart__recap {
    padding: 12px 16px 20px !important;
  }
}

/* ----------------------------------------------------------
   19. ANIMAÇÕES DE ENTRADA PARA SEÇÕES
   ---------------------------------------------------------- */
/* Animações de entrada removidas para não conflitar com rendering do Shopify */

/* ----------------------------------------------------------
   20. BRAND LIST — hover com opacidade
   ---------------------------------------------------------- */
.brand-list .brand {
  transition: opacity var(--transition-base), filter var(--transition-base) !important;
  filter: grayscale(30%);
}
.brand-list .brand:hover {
  opacity: 1 !important;
  filter: grayscale(0%);
}

/* ----------------------------------------------------------
   FIM DO ARQUIVO custom_modern.css
   ---------------------------------------------------------- */