/** Shopify CDN: Minification failed

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

**/
/* ═══════════════════════════════════════════════
   DUPET DISTRIBUIDORA — Theme Override
   Aplicar em: Online Store → Themes → Edit Code
   → assets → Adicionar arquivo → shopify_dupet.css
   → Em theme.liquid, antes de </head> adicionar:
   {{ 'shopify_dupet.css' | asset_url | stylesheet_tag }}
═══════════════════════════════════════════════ */

/* ── Variáveis de marca ── */
:root {
  /* Primary tokens */
  --dupet-green:   #2D6A4F;
  --dupet-green2:  #40916C;
  --dupet-green3:  #52B788;
  --dupet-orange:  #F58634;
  --dupet-bg:      hsl(38,32%,96%);   /* atualizado: era hsl(37,100%,90%) */
  --dupet-dark:    #141414;
  --dupet-font:    'Montserrat', sans-serif;
  --dupet-serif:   'Playfair Display', serif;

  /* Short-name aliases — interop with section liquid files */
  --green:         var(--dupet-green);
  --orange:        var(--dupet-orange);
  --bg:            var(--dupet-bg);
  --playfair:      var(--dupet-serif);
  --font:          var(--dupet-font);
  --dark:          var(--dupet-dark);
  --muted:         #8c8279;           /* cinza quente — era azulado */
  --surface:       #ffffff;
  --border:        hsl(37,14%,90%);
}

/* ── Google Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,700;0,800;0,900;1,700&display=swap');

/* ── Fundo geral ── */
body { background: var(--dupet-bg); font-family: var(--dupet-font); }

/* ── Esconder header padrão do tema — substituído pelo .hdr customizado Dupet ── */
#header-group { display: none !important; }

/* ── Fundo geral do tema ── */
.header, .site-header, header { background: #fff !important; }
.header__heading a, .site-header__logo a { color: var(--dupet-green) !important; }

/* ── Botões primários ── */
.btn, .button, .btn--primary, .shopify-payment-button__button,
.product-form__submit, [class*="button--primary"] {
  background: var(--dupet-green) !important;
  border-color: var(--dupet-green) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-family: var(--dupet-font) !important;
  font-weight: 800 !important;
  letter-spacing: .5px !important;
}
.btn:hover, .button:hover, .btn--primary:hover {
  background: var(--dupet-green2) !important;
  border-color: var(--dupet-green2) !important;
}

/* ── Botão secundário / CTA laranja ── */
.btn--secondary, [class*="button--secondary"] {
  background: var(--dupet-orange) !important;
  border-color: var(--dupet-orange) !important;
  color: #fff !important;
  border-radius: 999px !important;
}

/* ── Links e acentos ── */
a { color: var(--dupet-green); }
a:hover { color: var(--dupet-green2); }

/* ── Títulos ── */
h1, h2, h3, .heading { font-family: var(--dupet-serif) !important; color: var(--dupet-dark); }
h4, h5, h6, .subheading { font-family: var(--dupet-font) !important; }

/* ── Preços ── */
.price__regular, .price--large, .product__price { color: var(--dupet-green) !important; font-weight: 800 !important; }

/* ── Badges / tags ── */
.badge, .product-label, [class*="badge"] {
  background: var(--dupet-orange) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-family: var(--dupet-font) !important;
  font-weight: 700 !important;
}

/* ── Cards de produto ── */
.card, .product-card, [class*="card--product"] {
  border-radius: 20px !important;
  border: 1.5px solid rgba(45,106,79,.12) !important;
  transition: transform .2s, box-shadow .2s !important;
}
.card:hover, .product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.1) !important;
}

/* ── Footer ── */
footer, .footer { background: var(--dupet-dark) !important; color: #aaa !important; }
footer a, .footer a { color: rgba(255,255,255,.6) !important; }
footer a:hover, .footer a:hover { color: #fff !important; }

/* ── Collection header ── */
.collection-hero, .section-header { background: var(--dupet-green) !important; color: #fff !important; }

/* ── Announcement bar ── */
.announcement-bar, [class*="announcement"] {
  background: var(--dupet-green) !important;
  color: #fff !important;
  font-family: var(--dupet-font) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* ── Inputs e formulários ── */
input:focus, textarea:focus, select:focus {
  border-color: var(--dupet-green) !important;
  box-shadow: 0 0 0 2px rgba(45,106,79,.15) !important;
  outline: none !important;
}

/* ── Paginação ── */
.pagination .active, .pagination__item--current {
  background: var(--dupet-green) !important;
  color: #fff !important;
}