@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&display=swap');
/* Eron Modas - ajustes de layout (padrão Nuvemshop) 22/09/2026 */
/* Barras superiores pretas com texto dourado (aviso + benefícios formam uma faixa só) */
.aviso-importante-header, .avisos-importantes, .swiper-slide.aviso-importante-header { background:#161616 !important; color:#e4c655 !important; }
.aviso-importante-header *, .avisos-importantes * { color:#e4c655 !important; }
.ra-header .header-top.bg-base-color { background:#161616 !important; color:#e4c655 !important; }
.ra-header .header-top.bg-base-color *, .ra-header .header-top.bg-base-color a { color:#e4c655 !important; }
/* Menu em duas linhas: 13 categorias em cima (largura natural, uma linha), páginas embaixo (23/09/2026) */
.ra-header .header-bottom .container { max-width:1480px !important; }
.ra-header .header-bottom ul.flex.items-stretch { flex-wrap:wrap !important; justify-content:center !important; gap:0 !important; }
.ra-header .header-bottom ul.flex.items-stretch::after { content:''; flex:0 0 100%; order:1; height:0; }
.ra-header .header-bottom ul.flex.items-stretch > li { flex:0 0 auto !important; }
.ra-header .header-bottom ul.flex.items-stretch > li:nth-child(-n+13) { flex:1 1 auto !important; min-width:0 !important; width:auto !important; order:0; text-align:center; border-bottom:1px solid #eee; }
.ra-header .header-bottom ul.flex.items-stretch > li:nth-child(-n+13) > a { display:flex !important; align-items:center; justify-content:center; white-space:normal !important; text-align:center; line-height:1.2 !important; min-height:46px; padding:0 4px !important; font-size:13px !important; font-weight:600 !important; }
.ra-header .header-bottom ul.flex.items-stretch > li:nth-child(n+14) { flex:0 0 auto !important; order:2; }
.ra-header .header-bottom ul.flex.items-stretch > li:nth-child(n+14) > a { white-space:nowrap !important; padding:8px 14px !important; font-size:14px !important; font-weight:500 !important; }
/* Divisória reta entre cabeçalho e banner (sem a borda ondulada) */
.ra-header .pattern-svg, .header-bottom .pattern-svg, .pattern-svg { display:none !important; }
/* Títulos em serifa (Playfair Display) */
.produto h1, h2.bg-title, .bg-title, .categoria h1, .pagina h1, .titulo-pagina { font-family:'Playfair Display', Georgia, serif !important; color:#161616 !important; letter-spacing:.2px; }
.produto h1 { font-size:26px !important; line-height:1.2 !important; }
/* Botão comprar da página de produto: preto, hover dourado */
div#main-area div.produto div.main-produto .area-buy-product button.button,
button.button-buy { background:#161616 !important; border-color:#161616 !important; color:#fff !important; }
div#main-area div.produto div.main-produto .area-buy-product button.button:hover,
button.button-buy:hover { background:#e4c655 !important; border-color:#e4c655 !important; color:#161616 !important; }
/* Botão comprar das vitrines: preto, hover dourado */
button.btn-comprar-vitrine { background:#161616 !important; border-color:#161616 !important; color:#fff !important; }
button.btn-comprar-vitrine:hover { background:#e4c655 !important; border-color:#e4c655 !important; color:#161616 !important; }
/* Preços em preto (sem destaque verde-água do PIX) */
.price-pix, .price-primary, .holder-pix, .holder-pix * { color:#161616 !important; }
/* Sem selo "no PIX" na vitrine: não há desconto no PIX */
.vitrine-default .price-text { display:none !important; }
/* Avaliações ocultas até existirem avaliações */
.vitrine-default .rating, .informacoes-compra-produto .avaliacoes { display:none !important; }
