/** Shopify CDN: Minification failed

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

**/
/* ================================================================
   ANTI-CONFLITO — previne CSS MeLi de quebrar o novo header mobile
   ================================================================ */

/* Reset absoluto do header MeLi para o novo DOM Frávega */
.frv-m-header * { box-sizing: border-box; }

/* Garante que o topbar nunca quebre linha */
.frv-m-topbar {
  flex-wrap: nowrap !important;
  overflow: hidden !important;
}

/* Impede que regras MeLi do .nav-logo adicionem text-indent enorme */
.frv-m-logo .nav-logo,
.frv-m-logo { 
  text-indent: 0 !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  background-image: none !important;
}

/* Impede que .nav-search herde border-radius que quebra layout */
.frv-m-search-wrap .nav-search,
.frv-m-search-wrap form {
  border-radius: 4px !important;
  height: 34px !important;
  max-height: 34px !important;
}

/* Botão de submit da busca — nunca pode ser grande */
.frv-m-search-wrap button,
.frv-m-search-wrap .nav-search-btn {
  background: none !important;
  padding: 0 9px !important;
  height: 100% !important;
  max-height: 34px !important;
  border-radius: 0 !important;
  color: #888 !important;
  border-left: 1px solid #e8e8e8 !important;
}
.frv-m-search-wrap button svg { stroke: #888 !important; }

/* Drawer: nunca afetado por regras nav-header */
.frv-drawer, .frv-drawer * { box-sizing: border-box !important; }

/* Cards mobile novos — isolados de regras MeLi */
.frv-card, .frv-card * { box-sizing: border-box; }
.frv-card img { max-width: 100% !important; height: auto !important; }

/* Evita que poly-card--list conflite com frv-cards-grid */
.frv-cards-grid .poly-card,
.frv-cards-grid .poly-card--list { 
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

/* ================================================================
   FRÁVEGA — CSS GLOBAL MASTER
   Substitui 100% da identidade MeLi por Frávega Argentina
   ================================================================ */

/* --- Work Sans via Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800&display=swap');

/* ----------------------------------------------------------------
   1. RESET DE FONTE GLOBAL
   ---------------------------------------------------------------- */
*, body, html,
.nav-header, .nav-menu, .nav-search-input,
.poly-card, .poly-component__title,
.andes-money-amount, .ui-recommendations-title,
.dynamic-access-card-item__title,
.dynamic-access-card-item__item-title,
.andes-carousel-snapped,
.ui-card, .collections-slide-title,
h1, h2, h3, h4, h5, h6, p, a, span, li, button, input {
  font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
}

/* ----------------------------------------------------------------
   2. CSS CUSTOM PROPERTIES
   ---------------------------------------------------------------- */
:root {
  --frv-roxo:         #4a148c;
  --frv-roxo-dark:    #38006b;
  --frv-roxo-light:   #f3e5f5;
  --frv-lilac:        #ede7f6;
  --frv-lilac-mid:    #ce93d8;
  --frv-white:        #ffffff;
  --frv-gray-bg:      #f5f5f5;
  --frv-gray-border:  #e0e0e0;
  --frv-gray-text:    #616161;
  --frv-gray-dark:    #424242;
  --frv-black:        #212121;
  --frv-green:        #1a8917;
  --frv-green-light:  #e6f4ea;
  --frv-red:          #b71c1c;
  --frv-loader:       #ce93d8;
}

/* ----------------------------------------------------------------
   3. BODY / BASE
   ---------------------------------------------------------------- */
body {
  background: var(--frv-gray-bg) !important;
  color: var(--frv-black) !important;
}

/* ----------------------------------------------------------------
   4. HEADER — BARRA PRINCIPAL
   ---------------------------------------------------------------- */
.nav-header,
.nav-header.nav-header-plus,
.nav-header.ui-navigation-v2,
header[role="banner"] {
  background-color: var(--frv-white) !important;
  background:       var(--frv-white) !important;
  border-bottom: 2px solid var(--frv-roxo) !important;
  box-shadow: 0 2px 8px rgba(74,20,140,.10) !important;
}

.nav-bounds, .nav-bounds-with-cart {
  background: var(--frv-white) !important;
}

/* Logo: esconde img MeLi, mostra texto Frávega */
.nav-logo {
  background-image: none !important;
  text-indent: 0 !important;
  overflow: visible !important;
  width: auto !important;
  height: auto !important;
  color: var(--frv-roxo) !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  text-decoration: none !important;
}
.nav-logo::before { content: "Frávega" !important; }

/* Barra de busca */
.nav-search {
  border: 1.5px solid var(--frv-gray-border) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: var(--frv-white) !important;
}
.nav-search-input, .nav-search input[type="text"] {
  background: var(--frv-white) !important;
  border: none !important;
  color: var(--frv-black) !important;
  font-size: 15px !important;
}
.nav-search-input::placeholder { color: #9e9e9e !important; }
.nav-search-btn,
.nav-search button[type="submit"] {
  background: var(--frv-roxo) !important;
  border: none !important;
  color: var(--frv-white) !important;
  border-radius: 0 6px 6px 0 !important;
}

/* Carrinho */
.nav-cart, .nav-icon-cart { color: var(--frv-roxo) !important; }

/* Links do nav */
.nav-menu-item-link, .nav-menu-categories-link { color: var(--frv-black) !important; }
.nav-menu-item-link:hover, .nav-menu-categories-link:hover { color: var(--frv-roxo) !important; }

/* CP/localização */
.nav-menu-cp, .nav-header-cp-anchor { color: var(--frv-gray-text) !important; font-size: 13px !important; }
#cep2 { display: none !important; }

/* ----------------------------------------------------------------
   5. LOADER
   ---------------------------------------------------------------- */
.loaderCEO {
  border-color: var(--frv-lilac-mid) !important;
  border-top-color: transparent !important;
}

/* ----------------------------------------------------------------
   6. BOTÕES GLOBAIS
   ---------------------------------------------------------------- */
.btn-primary,
.andes-button--loud,
.ui-pdp-action--primary,
[class*="btn-add"],
[class*="comprar"],
[class*="add-to-cart"] {
  background-color: var(--frv-roxo) !important;
  border-color:     var(--frv-roxo) !important;
  color: var(--frv-white) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}
.btn-primary:hover, .andes-button--loud:hover, .ui-pdp-action--primary:hover {
  background-color: var(--frv-roxo-dark) !important;
  border-color:     var(--frv-roxo-dark) !important;
}

/* Links azul → roxo */
a[style*="color: #3483fa"], a[style*="color:#3483fa"],
.ui-pdp-action-modal__link, .andes-button--transparent,
.poly-component__title { color: var(--frv-roxo) !important; }

/* ----------------------------------------------------------------
   7. BADGE DE DESCONTO — pílula roxa
   ---------------------------------------------------------------- */
.andes-money-amount__discount,
.discount-info,
[class*="discount-badge"],
.poly-component__discount {
  background: var(--frv-roxo) !important;
  color: var(--frv-white) !important;
  border-radius: 20px !important;
  padding: 2px 9px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  line-height: 1.5 !important;
}
.andes-money-amount__discount *,
.discount-info * { color: var(--frv-white) !important; }

/* Remove cor verde do desconto MeLi */
.ui-pdp-price__second-line__label.ui-pdp-color--GREEN,
.ui-pdp-color--GREEN .andes-money-amount__discount {
  color: var(--frv-white) !important;
}

/* ----------------------------------------------------------------
   8. PREÇOS
   ---------------------------------------------------------------- */
.poly-price__current .andes-money-amount,
.andes-money-amount--size-large,
.ui-search-price__second-line .andes-money-amount,
.price-tag-fraction,
.andes-money-amount__fraction { color: var(--frv-black) !important; font-weight: 700 !important; }

/* Preço anterior riscado */
.andes-money-amount--previous,
s.andes-money-amount { color: #9e9e9e !important; }

/* Parcelamento */
.poly-text-positive,
.poly-price__installments { color: var(--frv-green) !important; }

/* ----------------------------------------------------------------
   9. CARDS DE PRODUTO (poly-card, dynamic-access)
   ---------------------------------------------------------------- */
.poly-card--grid,
.poly-card,
.andes-card,
.dynamic-access-card,
.ui-card,
.poly-card__portada { background: var(--frv-white) !important; }

.poly-card--grid {
  border-radius: 12px !important;
  border: 1px solid var(--frv-gray-border) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
  overflow: hidden !important;
  transition: box-shadow .2s !important;
}
.poly-card--grid:hover { box-shadow: 0 4px 20px rgba(74,20,140,.14) !important; }

/* Coração / wishlist — oculto */
.poly-component__bookmark,
[class*="wishlist"], [class*="heart-icon"],
.ui-pdp-action--secondary [class*="heart"],
.andes-button--quiet.ui-pdp-action--secondary { display: none !important; }

/* Ícone FULL raio verde — oculto */
.ui-homes-icon--full,
[class*="shipping-full"],
.font-color--GREEN .ui-homes-icon,
svg.ui-homes-icon--full { display: none !important; }

/* Estrelas azuis — troca para roxo */
svg.ui-review-capability-comments__comment__rating__star-empty,
svg[class*="star"] { fill: var(--frv-roxo) !important; stroke: var(--frv-roxo) !important; }

/* Tags de entrega inline */
.frv-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: var(--frv-green) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border: 1.5px solid var(--frv-green) !important;
  background: var(--frv-green-light) !important;
  border-radius: 4px !important;
  padding: 2px 8px !important;
  margin-top: 4px !important;
}

/* Frete grátis MeLi text → oculto */
.dynamic-access-card-item__shipping,
[class*="shipping-label"],
.font-color--GREEN.font-size--XXXSMALL { display: none !important; }

/* ----------------------------------------------------------------
   10. SEÇÃO DYNAMIC ACCESS (ícones/cards de categoria)
   ---------------------------------------------------------------- */
.dynamic-access { background: var(--frv-white) !important; padding: 12px 0 !important; }
.dynamic-access-card { border-radius: 10px !important; border: 1px solid var(--frv-gray-border) !important; }
.dynamic-access-card-item__title {
  color: var(--frv-gray-dark) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* ----------------------------------------------------------------
   11. SEÇÃO CARROSSEL HERO (slider)
   ---------------------------------------------------------------- */
.andes-carousel-snapped__control {
  background: var(--frv-white) !important;
  border: 1px solid var(--frv-gray-border) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.12) !important;
}

/* ----------------------------------------------------------------
   12. SEÇÃO COLEÇÕES (colecao-desktop01)
   ---------------------------------------------------------------- */
.collections-slide { background: var(--frv-white) !important; border-radius: 12px !important; border: 1px solid var(--frv-gray-border) !important; }
.collections-slide_title-wrapper a,
.collections-slide-title { color: var(--frv-black) !important; font-weight: 700 !important; }

/* ----------------------------------------------------------------
   13. ICONES INFO (site-shopping-info)
   ---------------------------------------------------------------- */
.site-shopping-info { background: var(--frv-white) !important; border-top: 1px solid var(--frv-gray-border) !important; }
.info-slide h2 { color: var(--frv-roxo) !important; font-weight: 700 !important; }
.info-slide a { color: var(--frv-roxo) !important; font-weight: 600 !important; }

/* ----------------------------------------------------------------
   14. FOOTER — limpo, branco
   ---------------------------------------------------------------- */
.nav-footer,
footer[role="contentinfo"],
#footer222, #version-cell,
.nav-footer-access {
  background: var(--frv-white) !important;
  border-top: 1px solid var(--frv-gray-border) !important;
  color: var(--frv-gray-text) !important;
}

/* Banner app MeLi → oculto */
.nav-footer-downloadapp-banner,
.nav-footer-downloadapp,
[class*="downloadapp"] { display: none !important; }

/* Links footer */
.nav-footer a, footer a,
.nav-footer-navigation__link,
.nav-footer-mobile-links a { color: var(--frv-gray-text) !important; font-size: 13px !important; }
.nav-footer a:hover, .nav-footer-navigation__link:hover { color: var(--frv-roxo) !important; }

/* Títulos col footer */
.nav-footer-access-title, .nav-footer-access h3 { color: var(--frv-black) !important; font-weight: 700 !important; }
#nav-footer-access-switch { color: var(--frv-roxo) !important; background: none !important; border: none !important; }
.nav-footer-copyright, small[class*="copyright"] { color: #9e9e9e !important; font-size: 12px !important; }

/* ----------------------------------------------------------------
   15. PURGE DE CORES MELI INLINE
   ---------------------------------------------------------------- */
/* Amarelos */
[style*="#fff159"], [style*="#FFF159"],
[style*="#ffe600"], [style*="#FFE600"],
[style*="#ffca00"] {
  background-color: var(--frv-white) !important;
  background:       var(--frv-white) !important;
  color: var(--frv-black) !important;
}
/* Azul primário */
[style*="background-color: #3483fa"], [style*="background-color:#3483fa"],
[style*="background: #3483fa"],        [style*="background:#3483fa"] {
  background-color: var(--frv-roxo) !important;
  background:       var(--frv-roxo) !important;
}
[style*="color: #3483fa"], [style*="color:#3483fa"] { color: var(--frv-roxo) !important; }

/* ----------------------------------------------------------------
   16. BADGES / TAGS GENÉRICAS
   ---------------------------------------------------------------- */
.nav-link-tag, [class*="badge-new"] {
  background: var(--frv-roxo) !important;
  color: var(--frv-white) !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  padding: 1px 6px !important;
}

/* ----------------------------------------------------------------
   17. TABS / PILLS (featured-collection)
   ---------------------------------------------------------------- */
.nav-link.active, .nav-pills .nav-link.active {
  background: var(--frv-roxo) !important;
  color: var(--frv-white) !important;
}
.nav-link { color: var(--frv-roxo) !important; }

/* ----------------------------------------------------------------
   18. SPLIDE CAROUSEL (featured-collection arrows/dots)
   ---------------------------------------------------------------- */
.splide__arrow { background: var(--frv-roxo) !important; opacity: 1 !important; }
.splide__arrow svg { fill: var(--frv-white) !important; }
.splide__pagination__page.is-active { background: var(--frv-roxo) !important; }

/* ----------------------------------------------------------------
   19. SEÇÃO BLOCOS FRÁVEGA (medios pago / créditos)
   ---------------------------------------------------------------- */
.frv-info-blocks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 16px 20px;
  background: var(--frv-white);
}
@media (max-width: 767px) { .frv-info-blocks { grid-template-columns: 1fr; } }

.frv-info-block {
  background: var(--frv-white);
  border: 1px solid var(--frv-gray-border);
  border-radius: 12px;
  padding: 18px 20px;
  display: flex; align-items: center; gap: 14px;
  cursor: pointer; transition: box-shadow .2s;
}
.frv-info-block:hover { box-shadow: 0 4px 16px rgba(74,20,140,.12); }
.frv-info-block__icon {
  width: 42px; height: 42px; border-radius: 10px;
  background: var(--frv-lilac); flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
}
.frv-info-block__icon svg { width: 22px; height: 22px; fill: var(--frv-roxo); }
.frv-info-block__title { font-size: 14px; font-weight: 700; color: var(--frv-black); }
.frv-info-block__sub   { font-size: 13px; font-weight: 600; color: var(--frv-roxo); }

/* ----------------------------------------------------------------
   20. FOOTER FRÁVEGA NEWSLETTER
   ---------------------------------------------------------------- */
.frv-footer-nl {
  background: var(--frv-white);
  border-top: 1px solid var(--frv-gray-border);
  padding: 28px 20px;
}
.frv-footer-nl__title { font-size: 15px; font-weight: 700; color: var(--frv-black); margin-bottom: 12px; }
.frv-footer-nl__form  { display: flex; gap: 8px; max-width: 420px; }
.frv-footer-nl__input {
  flex: 1; border: 1.5px solid var(--frv-gray-border);
  border-radius: 8px; padding: 10px 14px; font-size: 14px; color: var(--frv-black);
  outline: none;
}
.frv-footer-nl__input:focus { border-color: var(--frv-roxo); }
.frv-footer-nl__btn {
  background: var(--frv-roxo); color: var(--frv-white);
  border: none; border-radius: 8px; padding: 10px 20px;
  font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap;
  letter-spacing: .5px;
}
.frv-footer-nl__btn:hover { background: var(--frv-roxo-dark); }

/* ----------------------------------------------------------------
   PURGE FINAL — qualquer amarelo/azul ML que escape de inline styles
   ---------------------------------------------------------------- */
/* Hack: força override máximo em todos os contextos do nav */
body .nav-header,
body header[role="banner"],
body .nav-header .nav-bounds,
body .nav-header-plus {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Theme color meta */
meta[name="theme-color"] { content: "#4a148c"; }

/* Elementos de cor amarela dentro do HTML (impossível afetar via CSS puro, 
   mas garantimos que qualquer elemento com essa cor inline seja sobrescrito
   através dos seletores de attribute, que já estão no bloco 15 acima) */