/** Shopify CDN: Minification failed

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

**/
/**
 * ========================================
 * NOURISH VIDA - CUSTOM THEME STYLES
 * ========================================
 * 
 * Design System: "Organic Luxury"
 * Strategy: CSS Override (não modifica tema base)
 * 
 * INSTRUÇÕES DE INSTALAÇÃO:
 * 1. Admin Shopify → Online Store → Themes
 * 2. Actions → Edit Code
 * 3. Assets → Add new asset → "custom-nourish.css"
 * 4. Cole este código
 * 5. Em layout/theme.liquid, adicione antes de </head>:
 *    {{ 'custom-nourish.css' | asset_url | stylesheet_tag }}
 * 
 * ========================================
 */

/**
 * ========================================
 * 1. DESIGN TOKENS (CSS VARIABLES)
 * ========================================
 * Centralize todas as cores, tamanhos e espaçamentos
 * para facilitar ajustes futuros
 */

:root {
  /* ===== CORES PRIMÁRIAS ===== */
  --nourish-dark: #2C2C2C;           /* Charcoal (textos principais) */
  --nourish-cream: #F5F1E8;          /* Warm Cream (backgrounds suaves) */
  --nourish-sand: #E8DFD0;           /* Sand (alternância de seções) */
  
  /* ===== CORES DA MARCA ===== */
  --nourish-sage: #6B9B7C;           /* Sage Green (CTAs, accents) */
  --nourish-forest: #4A6B5A;         /* Forest Green (hover states) */
  --nourish-mint: #A8C7B8;           /* Light Mint (badges, highlights) */
  
  /* ===== NEUTROS ===== */
  --nourish-gray-100: #FAFAF9;
  --nourish-gray-200: #E7E5E4;
  --nourish-gray-400: #A8A29E;
  --nourish-gray-600: #57534E;
  --nourish-gray-900: #1C1917;
  
  /* ===== TIPOGRAFIA ===== */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  
  /* Tamanhos Fluidos (responsivos automaticamente) */
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.825rem + 0.25vw, 1rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1.05rem + 0.375vw, 1.375rem);
  --text-xl: clamp(1.25rem, 1.15rem + 0.5vw, 1.75rem);
  --text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
  --text-3xl: clamp(2rem, 1.6rem + 2vw, 3.5rem);
  --text-4xl: clamp(2.5rem, 2rem + 2.5vw, 4.5rem);
  
  /* ===== ESPAÇAMENTO ===== */
  --space-xs: 0.5rem;      /* 8px */
  --space-sm: 0.75rem;     /* 12px */
  --space-md: 1rem;        /* 16px */
  --space-lg: 1.5rem;      /* 24px */
  --space-xl: 2rem;        /* 32px */
  --space-2xl: 3rem;       /* 48px */
  --space-3xl: 4rem;       /* 64px */
  --space-4xl: 6rem;       /* 96px */
  
  /* ===== BORDAS ===== */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  
  /* ===== SOMBRAS ===== */
  --shadow-sm: 0 2px 8px rgba(44, 44, 44, 0.08);
  --shadow-md: 0 4px 16px rgba(44, 44, 44, 0.12);
  --shadow-lg: 0 12px 40px rgba(44, 44, 44, 0.15);
  --shadow-xl: 0 20px 60px rgba(44, 44, 44, 0.2);
  --shadow-sage: 0 8px 24px rgba(107, 155, 124, 0.25);
  
  /* ===== TRANSIÇÕES ===== */
  --transition-fast: 0.15s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;
}

/**
 * ========================================
 * 2. RESET & FUNDAMENTOS
 * ========================================
 */

/* Importar fontes do Google */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600;700&display=swap');

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Body Base */
body {
  font-family: var(--font-body) !important;
  color: var(--nourish-dark) !important;
  background-color: var(--nourish-cream) !important;
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Remover margens padrão que podem conflitar */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/**
 * ========================================
 * 3. TIPOGRAFIA GLOBAL
 * ========================================
 */

/* Todos os headings usam fonte display */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: var(--nourish-dark) !important;
}

h1, .h1 {
  font-size: var(--text-4xl) !important;
  margin-bottom: var(--space-lg) !important;
}

h2, .h2 {
  font-size: var(--text-3xl) !important;
  margin-bottom: var(--space-md) !important;
}

h3, .h3 {
  font-size: var(--text-2xl) !important;
  margin-bottom: var(--space-md) !important;
}

h4, .h4 {
  font-size: var(--text-xl) !important;
  margin-bottom: var(--space-sm) !important;
}

p {
  font-size: var(--text-base) !important;
  line-height: 1.7 !important;
  color: var(--nourish-gray-600) !important;
  margin-bottom: var(--space-md) !important;
}

/* Links */
a {
  color: var(--nourish-sage) !important;
  text-decoration: none !important;
  transition: color var(--transition-base) !important;
}

a:hover {
  color: var(--nourish-forest) !important;
}

/**
 * ========================================
 * 4. HEADER / NAVIGATION
 * ========================================
 */

/* Container do header */
header,
.header,
.site-header,
[role="banner"] {
  background-color: rgba(245, 241, 232, 0.95) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid var(--nourish-gray-200) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* Logo */
.header__heading-logo,
.site-header__logo,
.logo {
  transition: transform var(--transition-base) !important;
}

.header__heading-logo:hover,
.site-header__logo:hover,
.logo:hover {
  transform: scale(1.05) !important;
}

/* Navigation Links */
.header__menu-item,
.site-nav__link,
nav a,
.menu-item a {
  font-size: var(--text-sm) !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: var(--nourish-dark) !important;
  transition: color var(--transition-base) !important;
  position: relative !important;
}

/* Underline animado nos links */
.header__menu-item a::after,
.site-nav__link::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--nourish-sage);
  transition: width var(--transition-base);
}

.header__menu-item a:hover::after,
.site-nav__link:hover::after,
.header__menu-item a.active::after,
.site-nav__link.active::after {
  width: 100%;
}

/* Ícones do header (carrinho, conta, busca) */
.header__icon,
.site-header__icon,
.icon-cart,
.icon-account,
.icon-search {
  color: var(--nourish-dark) !important;
  transition: transform var(--transition-fast), color var(--transition-fast) !important;
}

.header__icon:hover,
.site-header__icon:hover {
  color: var(--nourish-sage) !important;
  transform: scale(1.1) !important;
}

/* Badge do carrinho */
.cart-count-bubble,
.cart-count,
[data-cart-count] {
  background-color: var(--nourish-sage) !important;
  color: white !important;
  font-weight: 600 !important;
  border-radius: var(--radius-full) !important;
}

/**
 * ========================================
 * 5. BOTÕES (Call to Actions)
 * ========================================
 */

/* Botão Primário (Verde Sage) */
.btn,
.button,
button[type="submit"],
.shopify-payment-button__button,
.product-form__submit,
input[type="submit"],
.cart__submit {
  background-color: var(--nourish-sage) !important;
  color: white !important;
  border: none !important;
  border-radius: var(--radius-md) !important;
  padding: var(--space-md) var(--space-xl) !important;
  font-family: var(--font-body) !important;
  font-size: var(--text-base) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  transition: all var(--transition-base) !important;
  box-shadow: var(--shadow-sage) !important;
}

.btn:hover,
.button:hover,
button[type="submit"]:hover,
.shopify-payment-button__button:hover,
.product-form__submit:hover {
  background-color: var(--nourish-forest) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(107, 155, 124, 0.35) !important;
}

.btn:active,
.button:active {
  transform: translateY(0) !important;
}

/* Botão Secundário (Outline) */
.btn--secondary,
.button--secondary {
  background-color: transparent !important;
  color: var(--nourish-sage) !important;
  border: 2px solid var(--nourish-sage) !important;
}

.btn--secondary:hover,
.button--secondary:hover {
  background-color: var(--nourish-sage) !important;
  color: white !important;
}

/* Botão Terciário (Link Style) */
.btn--tertiary,
.link-button {
  background: none !important;
  border: none !important;
  color: var(--nourish-sage) !important;
  text-decoration: underline !important;
  padding: 0 !important;
}

/**
 * ========================================
 * 6. PRODUCT CARDS
 * ========================================
 */

/* Container do card */
.card,
.product-card,
.grid-product,
.product-item {
  background: white !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-sm) !important;
  transition: all var(--transition-base) !important;
  border: 1px solid var(--nourish-gray-200) !important;
}

.card:hover,
.product-card:hover,
.grid-product:hover,
.product-item:hover {
  transform: translateY(-8px) !important;
  box-shadow: var(--shadow-lg) !important;
}

/* Imagem do produto */
.card__media,
.product-card__image-wrapper,
.grid-product__image-wrapper {
  position: relative !important;
  overflow: hidden !important;
  background-color: var(--nourish-cream) !important;
  aspect-ratio: 1 / 1 !important;
}

.card__media img,
.product-card__image,
.grid-product__image {
  transition: transform var(--transition-slow) !important;
}

.card:hover img,
.product-card:hover img {
  transform: scale(1.08) !important;
}

/* Título do produto */
.card__heading,
.product-card__title,
.grid-product__title {
  font-family: var(--font-display) !important;
  font-size: var(--text-lg) !important;
  color: var(--nourish-dark) !important;
  margin-bottom: var(--space-xs) !important;
}

/* Preço */
.price,
.product-card__price,
.grid-product__price {
  font-size: var(--text-xl) !important;
  font-weight: 700 !important;
  color: var(--nourish-dark) !important;
}

.price--on-sale,
.price--sale {
  color: var(--nourish-sage) !important;
}

.price--compare,
.compare-at-price {
  text-decoration: line-through !important;
  color: var(--nourish-gray-400) !important;
  font-size: var(--text-base) !important;
  margin-right: var(--space-xs) !important;
}

/* Badge de produto (Novo, Sale, etc.) */
.badge,
.product-badge,
.product-card__badge {
  background-color: var(--nourish-sage) !important;
  color: white !important;
  padding: var(--space-xs) var(--space-sm) !important;
  border-radius: var(--radius-full) !important;
  font-size: var(--text-xs) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.badge--sale {
  background-color: #D4A373 !important; /* Warning color */
}

/**
 * ========================================
 * 7. HERO / BANNER PRINCIPAL
 * ========================================
 */

.hero,
.banner,
.slideshow,
[class*="hero"],
[class*="banner"] {
  background-color: var(--nourish-cream) !important;
  border-radius: var(--radius-xl) !important;
  overflow: hidden !important;
  margin-bottom: var(--space-3xl) !important;
}

.hero__content,
.banner__content {
  padding: var(--space-3xl) var(--space-xl) !important;
}

.hero__title,
.banner__heading {
  font-family: var(--font-display) !important;
  font-size: var(--text-4xl) !important;
  color: var(--nourish-dark) !important;
  line-height: 1.1 !important;
  margin-bottom: var(--space-lg) !important;
}

.hero__subtitle,
.banner__text {
  font-size: var(--text-lg) !important;
  color: var(--nourish-gray-600) !important;
  line-height: 1.7 !important;
  margin-bottom: var(--space-xl) !important;
}

/**
 * ========================================
 * 8. COLLECTION / CATEGORIA
 * ========================================
 */

/* Título da coleção */
.collection-hero__title,
.page-title {
  font-family: var(--font-display) !important;
  font-size: var(--text-3xl) !important;
  text-align: center !important;
  margin-bottom: var(--space-2xl) !important;
  color: var(--nourish-dark) !important;
}

/* Descrição da coleção */
.collection-hero__description,
.page-description {
  text-align: center !important;
  max-width: 700px !important;
  margin: 0 auto var(--space-3xl) !important;
  color: var(--nourish-gray-600) !important;
  font-size: var(--text-lg) !important;
}

/* Filtros */
.facets,
.collection-filters,
[class*="filter"] {
  background: white !important;
  padding: var(--space-lg) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-sm) !important;
  margin-bottom: var(--space-2xl) !important;
}

.facets__label,
.filter-label {
  font-weight: 600 !important;
  color: var(--nourish-dark) !important;
  text-transform: uppercase !important;
  font-size: var(--text-sm) !important;
  letter-spacing: 0.5px !important;
}

/**
 * ========================================
 * 9. PÁGINA DE PRODUTO
 * ========================================
 */

/* Galeria de imagens */
.product__media-wrapper,
.product-gallery {
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-md) !important;
}

/* Título do produto */
.product__title {
  font-family: var(--font-display) !important;
  font-size: var(--text-3xl) !important;
  color: var(--nourish-dark) !important;
  margin-bottom: var(--space-md) !important;
}

/* Descrição do produto */
.product__description {
  font-size: var(--text-base) !important;
  line-height: 1.8 !important;
  color: var(--nourish-gray-600) !important;
  margin-bottom: var(--space-xl) !important;
}

/* Seletor de variantes */
.product-form__input,
select {
  border: 2px solid var(--nourish-gray-200) !important;
  border-radius: var(--radius-sm) !important;
  padding: var(--space-sm) var(--space-md) !important;
  font-family: var(--font-body) !important;
  transition: border-color var(--transition-base) !important;
}

.product-form__input:focus,
select:focus {
  border-color: var(--nourish-sage) !important;
  outline: none !important;
}

/* Quantity selector */
.quantity__input {
  border: 2px solid var(--nourish-gray-200) !important;
  border-radius: var(--radius-sm) !important;
  padding: var(--space-sm) !important;
  text-align: center !important;
  font-weight: 600 !important;
}

/**
 * ========================================
 * 10. CARRINHO / CART
 * ========================================
 */

.cart,
.cart-drawer,
[class*="cart"] {
  background: white !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-xl) !important;
}

.cart__item,
.cart-item {
  border-bottom: 1px solid var(--nourish-gray-200) !important;
  padding: var(--space-lg) 0 !important;
}

.cart__item:last-child,
.cart-item:last-child {
  border-bottom: none !important;
}

/* Título do carrinho */
.cart__title,
.drawer__heading {
  font-family: var(--font-display) !important;
  font-size: var(--text-2xl) !important;
  color: var(--nourish-dark) !important;
  margin-bottom: var(--space-lg) !important;
}

/* Subtotal */
.cart__footer,
.cart-drawer__footer {
  background-color: var(--nourish-cream) !important;
  padding: var(--space-xl) !important;
  border-radius: var(--radius-md) !important;
}

.totals__total,
.cart__total {
  font-family: var(--font-display) !important;
  font-size: var(--text-2xl) !important;
  font-weight: 700 !important;
  color: var(--nourish-dark) !important;
}

/**
 * ========================================
 * 11. FORMULÁRIOS
 * ========================================
 */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea,
.field__input {
  border: 2px solid var(--nourish-gray-200) !important;
  border-radius: var(--radius-sm) !important;
  padding: var(--space-md) !important;
  font-family: var(--font-body) !important;
  font-size: var(--text-base) !important;
  color: var(--nourish-dark) !important;
  transition: border-color var(--transition-base) !important;
  width: 100% !important;
}

input:focus,
textarea:focus,
.field__input:focus {
  border-color: var(--nourish-sage) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(107, 155, 124, 0.1) !important;
}

/* Labels */
label,
.field__label {
  font-weight: 600 !important;
  color: var(--nourish-dark) !important;
  margin-bottom: var(--space-xs) !important;
  display: block !important;
  font-size: var(--text-sm) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/**
 * ========================================
 * 12. FOOTER
 * ========================================
 */

footer,
.footer,
.site-footer {
  background-color: var(--nourish-dark) !important;
  color: var(--nourish-cream) !important;
  padding: var(--space-3xl) var(--space-xl) var(--space-xl) !important;
}

.footer__heading,
.footer-block__heading {
  font-family: var(--font-display) !important;
  font-size: var(--text-xl) !important;
  color: white !important;
  margin-bottom: var(--space-md) !important;
}

.footer__list-social a,
.footer a {
  color: var(--nourish-cream) !important;
  transition: color var(--transition-base) !important;
}

.footer__list-social a:hover,
.footer a:hover {
  color: var(--nourish-mint) !important;
}

/* Newsletter no footer */
.footer__newsletter,
.newsletter-form {
  background-color: rgba(255, 255, 255, 0.05) !important;
  padding: var(--space-xl) !important;
  border-radius: var(--radius-md) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/**
 * ========================================
 * 13. BADGES & TRUST SIGNALS
 * ========================================
 * Selos de confiança (Vegano, Cruelty-Free, etc.)
 */

.trust-badge,
.trust-signal,
[class*="badge-trust"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: var(--space-xs) !important;
  padding: var(--space-sm) var(--space-md) !important;
  background-color: var(--nourish-mint) !important;
  color: var(--nourish-forest) !important;
  border-radius: var(--radius-full) !important;
  font-size: var(--text-sm) !important;
  font-weight: 600 !important;
}

/* Ícone do badge */
.trust-badge svg,
.trust-signal svg {
  width: 20px !important;
  height: 20px !important;
}

/**
 * ========================================
 * 14. ANIMAÇÕES & MICRO-INTERAÇÕES
 * ========================================
 */

/* Fade in ao scroll */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-on-scroll,
[data-aos] {
  animation: fadeInUp 0.6s ease-out;
}

/* Loading spinner customizado */
.loading-overlay__spinner {
  border-color: var(--nourish-sage) !important;
  border-top-color: transparent !important;
}

/* Skeleton loading (placeholders) */
.skeleton,
[class*="placeholder"] {
  background: linear-gradient(
    90deg,
    var(--nourish-gray-200) 25%,
    var(--nourish-gray-100) 50%,
    var(--nourish-gray-200) 75%
  ) !important;
  background-size: 200% 100% !important;
  animation: skeleton-loading 1.5s ease-in-out infinite !important;
}

@keyframes skeleton-loading {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/**
 * ========================================
 * 15. RESPONSIVIDADE MOBILE
 * ========================================
 */

@media (max-width: 768px) {
  /* Aumentar padding em mobile */
  .container,
  .page-width {
    padding-left: var(--space-md) !important;
    padding-right: var(--space-md) !important;
  }
  
  /* Botões full-width em mobile */
  .btn,
  .button,
  .product-form__submit {
    width: 100% !important;
  }
  
  /* Ajustar tamanhos de fonte */
  h1, .h1 {
    font-size: var(--text-3xl) !important;
  }
  
  h2, .h2 {
    font-size: var(--text-2xl) !important;
  }
  
  /* Grid de produtos: 2 colunas em mobile */
  .grid--2-col-tablet,
  .grid--3-col-tablet,
  .grid--4-col-desktop {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/**
 * ========================================
 * 16. ACESSIBILIDADE
 * ========================================
 */

/* Focus visível para navegação por teclado */
*:focus-visible {
  outline: 3px solid var(--nourish-sage) !important;
  outline-offset: 2px !important;
}

/* Skip to content link */
.skip-to-content-link:focus {
  position: fixed !important;
  top: var(--space-md) !important;
  left: var(--space-md) !important;
  z-index: 9999 !important;
  background: var(--nourish-sage) !important;
  color: white !important;
  padding: var(--space-md) var(--space-lg) !important;
  border-radius: var(--radius-sm) !important;
}

/* Respeitar preferências de movimento reduzido */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/**
 * ========================================
 * 17. UTILITIES (Classes Utilitárias)
 * ========================================
 */

/* Texto em destaque (itálico verde) */
.text-accent {
  color: var(--nourish-sage) !important;
  font-style: italic !important;
  font-family: var(--font-display) !important;
}

/* Container centralizado */
.container-narrow {
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Espaçamento de seções */
.section-spacing {
  padding-top: var(--space-4xl) !important;
  padding-bottom: var(--space-4xl) !important;
}

/* Background alternado */
.bg-sand {
  background-color: var(--nourish-sand) !important;
}

.bg-cream {
  background-color: var(--nourish-cream) !important;
}

/* Sombra suave */
.shadow-soft {
  box-shadow: var(--shadow-md) !important;
}

/**
 * ========================================
 * 18. OVERRIDES ESPECÍFICOS (Ajustes Finos)
 * ========================================
 * Use esta seção para sobrescrever estilos
 * específicos do tema atual que estão resistindo
 */

/* Forçar remoção de estilos inline problemáticos */
[style*="background"] {
  background-color: inherit !important;
}

/* Garantir que imagens sejam responsivas */
img {
  max-width: 100% !important;
  height: auto !important;
}

/* Remover estilos de lista padrão */
ul, ol {
  list-style: none !important;
}

/**
 * ========================================
 * 19. SEÇÃO CUSTOMIZADA: "INGREDIENTES"
 * ========================================
 * Estilização especial para showcase de princípios ativos
 */

.ingredients-section {
  background: linear-gradient(135deg, var(--nourish-cream) 0%, var(--nourish-sand) 100%) !important;
  padding: var(--space-4xl) var(--space-xl) !important;
  border-radius: var(--radius-xl) !important;
}

.ingredient-card {
  background: white !important;
  padding: var(--space-xl) !important;
  border-radius: var(--radius-lg) !important;
  text-align: center !important;
  box-shadow: var(--shadow-sm) !important;
  transition: all var(--transition-base) !important;
}

.ingredient-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: var(--shadow-lg) !important;
}

.ingredient-icon {
  width: 80px !important;
  height: 80px !important;
  margin: 0 auto var(--space-md) !important;
  background: var(--nourish-cream) !important;
  border-radius: var(--radius-full) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/**
 * ========================================
 * 20. PRINT STYLES
 * ========================================
 * Para quando o cliente imprimir páginas
 */

@media print {
  header, footer, .header, .footer {
    display: none !important;
  }
  
  body {
    background: white !important;
    color: black !important;
  }
  
  .product__media-wrapper img {
    max-width: 300px !important;
  }
}

/**
 * ========================================
 * FIM DO CSS CUSTOMIZADO
 * ========================================
 * 
 * CHANGELOG:
 * v1.0.0 - 02/02/2026 - Versão inicial
 * 
 * MANUTENÇÃO:
 * - Para ajustar cores: edite as variáveis em :root
 * - Para ajustar tamanhos: edite as variáveis --text-* e --space-*
 * - Sempre teste em mobile, tablet e desktop
 * 
 * SUPORTE:
 * - Se algum estilo não aplicar, adicione !important
 * - Se houver conflito, use a seção 18 (Overrides Específicos)
 * 
 * ========================================
 */