/* Estilo "elegante" (Natural Cosméticos): perfumaria editorial. Logo centralizada, categorias em caixa alta
   espaçada, cantos retos, banner de ponta a ponta, muito respiro e rodapé ameixa. O checkout só herda cores e fontes. */
.est-elegante { --raio-banner: 0px; --rodape-destaque: var(--acento); }
.est-elegante h1, .est-elegante h2, .est-elegante h3 { font-weight: 600; letter-spacing: 0; }
.est-elegante:not(.is-checkout) .btn { border-radius: 2px; text-transform: uppercase; letter-spacing: .14em; font-size: 12.5px; font-weight: 700; }
.est-elegante:not(.is-checkout) .btn-lg { font-size: 13px; }
.est-elegante .announce { letter-spacing: .08em; text-transform: uppercase; font-size: 11.5px; }

/* Cabeçalho: logo no centro, busca discreta à esquerda e atalhos à direita */
.est-elegante .hdr { background: var(--superficie); }
.est-elegante .search input { border-radius: 2px; background: var(--fundo); }
.est-elegante .search input:focus { border-color: var(--botao); box-shadow: none; }
.est-elegante .cart-count { background: var(--botao); }
.est-elegante .hdr-nav-in { justify-content: center; gap: 44px; }
.est-elegante .hdr-nav a { text-transform: uppercase; letter-spacing: .16em; font-size: 11.5px; font-weight: 700; color: var(--texto); }
.est-elegante .hdr-nav a::after { height: 1px; background: var(--acento); }
.est-elegante .hdr-nav .nav-all .i { display: none; }

/* Títulos de seção centralizados em serifa alta */
.est-elegante .section { padding-top: 64px; }
.est-elegante .sec-head { flex-direction: column; align-items: center; text-align: center; gap: 12px; margin-bottom: 30px; }
.est-elegante .sec-head h2 { font-size: clamp(32px, 3.6vw, 48px); line-height: 1.05; }
.est-elegante .sec-sub { font-size: 14.5px; }
.est-elegante .sec-eyebrow, .est-elegante .sl-eyebrow { color: var(--acento); letter-spacing: .22em; }
.est-elegante .link-arrow { text-transform: uppercase; letter-spacing: .14em; font-size: 11.5px; font-weight: 700; padding-bottom: 3px; border-bottom: 1px solid currentColor; }
.est-elegante .link-arrow .i { display: none; }

/* Carrossel de ponta a ponta, títulos grandes */
.est-elegante .sl-title { font-size: clamp(36px, 9.6vw, 48px); font-weight: 600; line-height: 1; }
.est-elegante .hx-dots button[aria-current] { background: var(--acento); }

/* Categorias em retrato com o nome em caixa alta */
.est-elegante .cat2-name { text-transform: uppercase; letter-spacing: .16em; font-size: 11.5px; font-weight: 700; }
.est-elegante .chip-big { border-radius: 2px; }
.est-elegante .chip-big .i { color: var(--acento); }

/* Produtos sem moldura, texto centralizado */
.est-elegante .pcard-media { border-radius: 0; }
.est-elegante .pcard-body { align-items: center; text-align: center; padding-top: 14px; }
.est-elegante .pcard-title { font-size: 13.5px; }
.est-elegante .price, .est-elegante .price-pix { justify-content: center; }
.est-elegante .tag { border-radius: 0; text-transform: uppercase; letter-spacing: .1em; font-size: 10px; }
.est-elegante .tag:not(.tag-off) { background: var(--superficie); color: var(--texto); box-shadow: inset 0 0 0 1px var(--linha); }

/* Banners e editoriais com cantos retos */
.est-elegante .bnr-title { font-size: clamp(24px, 2.4vw, 34px); }
.est-elegante .vb-copy > strong { font-size: clamp(22px, 1.9vw, 28px); }
.est-elegante .bnr-link, .est-elegante .bc-link { text-transform: uppercase; letter-spacing: .14em; font-size: 11.5px; }
.est-elegante .faixa { border-radius: 0; }
.est-elegante .faixa-code { border-radius: 0; }
.est-elegante .edit-copy h2 { font-size: clamp(32px, 3.4vw, 46px); }

/* Vantagens: faixa branca de fios finos, ícone dourado em traço, título em caixa alta espaçada e divisória dourada curta */
.est-elegante .benefits { background: var(--superficie); }
.est-elegante .benefit-ico { width: 36px; height: 36px; background: transparent; border: 0; color: var(--acento); }
.est-elegante .benefit-ico .i { width: 26px; height: 26px; }
.est-elegante .benefit-txt strong { font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.est-elegante .benefit-txt small { margin-top: 3px; font-size: 13px; }
@media (max-width: 1023px) {
  .est-elegante .benefit, .est-elegante .benefit.is-dup { padding: 16px 30px 16px 18px; border-right: 1px solid var(--linha); }
}
@media (min-width: 1024px) {
  .est-elegante .benefit { position: relative; flex-direction: column; justify-content: flex-start; gap: 12px; padding: 30px 14px 28px; text-align: center; }
  .est-elegante .benefit ~ .benefit { border-left: 0; }
  .est-elegante .benefit ~ .benefit::before { content: ""; position: absolute; left: 0; top: 28%; bottom: 28%; width: 1px; background: color-mix(in srgb, var(--acento) 55%, transparent); }
  .est-elegante .benefit-txt { align-items: center; }
  .est-elegante .benefit-txt strong, .est-elegante .benefit-txt small { white-space: normal; text-wrap: balance; }
}
.est-elegante .faq-wrap .faq, .est-elegante .faq-help { border-radius: 0; }

/* Carrinho: ícones dourados em traço e rótulos em caixa alta espaçada, como os botões */
.est-elegante .cart-row-ico { color: var(--acento); }
.est-elegante .upsell-t, .est-elegante .cart-continue { text-transform: uppercase; letter-spacing: .14em; font-size: 11.5px; font-weight: 700; }
.est-elegante .ftr-col summary { text-transform: uppercase; letter-spacing: .16em; font-size: 11.5px; }

@media (min-width: 1024px) {
  .est-elegante .section { padding-top: 96px; }
  .est-elegante .hdr-in { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); height: 96px; gap: 24px; }
  .est-elegante .hdr-in > .logo { grid-column: 2; grid-row: 1; justify-self: center; }
  .est-elegante .search-d { grid-column: 1; grid-row: 1; justify-self: start; max-width: 300px; }
  .est-elegante .search-d input { height: 42px; padding-left: 0; border: 0; border-bottom: 1px solid var(--linha); border-radius: 0; background: transparent; }
  .est-elegante .search-d input:focus { border-bottom-color: var(--texto); }
  .est-elegante .hdr-actions { grid-column: 3; grid-row: 1; justify-self: end; }
  .est-elegante .hdr-link > span { font-size: 11.5px; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }
  .est-elegante .hdr-nav-in { height: 52px; }
  .est-elegante .sl-title { font-size: clamp(40px, 4.6vw, 72px); }
  .est-elegante .pgrid { gap: 48px 24px; }
}
@media (min-width: 768px) { .est-elegante .chips-row { justify-content: center; } }

/* Rodapé: fio dourado com losango no topo e faixa de atendimento em caixa alta espaçada */
.est-elegante .ftr-escuro { position: relative; }
.est-elegante .ftr-escuro::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--acento) 25%, var(--acento) 75%, transparent); opacity: .7; }
.est-elegante .ftr-escuro::after { content: ""; position: absolute; top: -5px; left: 50%; width: 10px; height: 10px; background: var(--acento); transform: translateX(-50%) rotate(45deg); }
.est-elegante .ftr-cta { border-radius: 4px; }
.est-elegante .ftr-cta-txt strong { font-size: 22px; }
.est-elegante .ftr-cta-btn { border-radius: 2px; text-transform: uppercase; letter-spacing: .12em; font-size: 12.5px; }
.est-elegante .ftr-handle { letter-spacing: .06em; }