/* =========================================================
   SALLAI — Tema "Natural Bordô" (v27 — bordô da logo, verde no Comprar, fundo marfim)
   Feito com os nomes reais das partes da loja.
   Apague qualquer CSS anterior e cole só este.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Manrope:wght@400;500;600;700&display=swap');

/* ---------- 1. Cores e fontes do próprio tema da loja ---------- */
html:root {
  --base-color: #2B2B2B !important;
  --sec-color: #A0011A !important;
  --btn-color: #4A5D3A !important;         /* verde-oliva dos botões de compra */
  --btn-detail-color: #3A4A2D !important;
  --btn-tellme-color: #A0011A !important;
  --bg-shop: #F7F4F0 !important;
  --bg-color: #F7F4F0 !important;
  --font-title: 'Manrope', Helvetica, sans-serif !important;
  --font-base: 'Manrope', Helvetica, sans-serif !important;
  --menu-color: #F7F4F0 !important;
  --menu-text-color: #2B2B2B !important;
  --footer-color: #2B2B2B !important;
  --footer-text-color: #D8D2C8 !important;
  --text-color: #2B2B2B !important;
  --title-color: #2B2B2B !important;
  --header-color: #F7F4F0 !important;
  --header-text-color: #2B2B2B !important;
}

body.pages {
  background: #F7F4F0 !important;
  color: #2B2B2B;
  font-family: 'Manrope', Helvetica, sans-serif !important;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
a:hover { text-decoration: none !important; }

/* (Topo e cabeçalho: ver seção 14 no final) */

/* ---------- 4. Menu de categorias ---------- */
#nav-main .element-menu-category,
#nav-main #menu-category {
  background: #F7F4F0 !important;
  border-top: none !important;
  border-bottom: 1px solid #E2DAD0 !important;
  width: 100% !important;
}
/* Menu em uma linha só, centralizado */
#nav-main #menu-category .menu-category-list {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 auto !important;
}
#nav-main #menu-category .menu-category-list > li {
  float: none !important;
  display: block !important;
  flex: 0 0 auto !important;
}
#nav-main #menu-category .menu-category-list > li > a {
  color: #2B2B2B !important;
  background: transparent !important;
  font-family: 'Manrope', Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  padding: 16px 14px !important;
  line-height: 20px !important;
  border: none !important;
}
/* Telas médias: aperta o espaçamento para continuar em uma linha */
@media (max-width: 1100px) {
  #nav-main #menu-category .menu-category-list > li > a {
    font-size: 12px !important;
    letter-spacing: 0.02em !important;
    padding: 14px 9px !important;
  }
}
/* Tablets e celulares: quebra em linhas centralizadas, sem cortar */
@media (max-width: 860px) {
  #nav-main #menu-category .menu-category-list {
    flex-wrap: wrap !important;
  }
  #nav-main #menu-category .menu-category-list > li > a {
    padding: 10px 10px !important;
  }
}
#nav-main #menu-category .menu-category-list > li > a:hover,
#nav-main #menu-category .menu-category-list > li:hover > a {
  color: #A0011A !important;
  background: transparent !important;
}
/* Submenus */
#nav-main #menu-category .menu-category-list li ul {
  background: #FFFFFF !important;
  border: 1px solid #E2DAD0 !important;
  border-radius: 6px !important;
  box-shadow: 0 14px 32px rgba(43, 43, 43, 0.10) !important;
  padding: 8px 0 !important;
}
#nav-main #menu-category .menu-category-list li ul li a {
  color: #2B2B2B !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  padding: 8px 18px !important;
  border: none !important;
}
#nav-main #menu-category .menu-category-list li ul li a:hover {
  color: #A0011A !important;
  background: #F7F4F0 !important;
}

/* Esconde do menu os itens repetidos (sapato, sapato casual, camisa, CAMISA SOCIAL).
   As páginas continuam existindo. Para mostrar de novo, apague este bloco. */
#menu-category .menu-category-list > li > a[href$="/sapato"],
#menu-category .menu-category-list > li > a[href$="/sapato-casual"],
#menu-category .menu-category-list > li > a[href$="/camisa"],
#menu-category .menu-category-list > li > a[href*="/camisa-social-67e7eaff86af4"] {
  display: none !important;
}

/* ---------- 5. Banners ---------- */
#nav-main .element-banner-main .bx-wrapper,
#nav-main .element-banner-main .bx-viewport {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
#banner-main img,
#banner-stripe img {
  border-radius: 8px !important;
}

/* ---------- 6. Título "Produtos em Destaque" ---------- */
#vitrine .header-box-content {
  background: transparent !important;
  border: none !important;
  text-align: center !important;
  margin: 24px 0 28px !important;
}
#vitrine .header-box-content .title-secundary {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 40px !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
  color: #2B2B2B !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  background: transparent !important;
  border: none !important;
}

/* ---------- 7. Vitrine de produtos ---------- */
#product-list .product-list-item .product-list-item-inner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#product-list .product-list-item .product-image a:not(.label-unavailable) {
  background: #FFFFFF !important;
  border-radius: 8px !important;
}
#product-list .product-list-item .product-image img {
  transition: transform .4s ease;
}
#product-list .product-list-item:hover .product-image img.image-main {
  transform: translate(-50%, -50%) scale(1.03) !important;
}

/* Nome do produto */
#product-list .product-list-item .product-name h2,
#product-list .product-list-item .product-name a {
  font-family: 'Manrope', Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #2B2B2B !important;
  text-transform: none !important;
}

/* Preços */
#product-list .product-list-item .product-sell-price,
#product-list .product-list-item .product-sell-price ins {
  color: #2B2B2B !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
#product-list .product-list-item .product-sell-price span:first-child {
  color: #5E5A54 !important;
  font-weight: 400 !important;
}
#product-list .product-list-item .product-cash-price,
#product-list .product-list-item .product-parcelled-price {
  color: #5E5A54 !important;
}
#product-list .product-list-item .product-cash-price .product-big-price,
#product-list .product-list-item .product-price-off {
  color: #A0011A !important;
  font-weight: 700 !important;
}
#product-list .product-list-item .product-parcelled-price .product-big-price {
  font-size: 13px !important;
  color: #2B2B2B !important;
}

/* Etiquetas Promoção / Lançamento */
#product-list .product-list-item .label-promo,
#product-list .product-list-item .label-launch {
  background: #A0011A !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  width: auto !important;
  height: auto !important;
  padding: 2px 12px !important;
  margin: 10px 6px 0 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  text-transform: none !important;
  text-indent: 0 !important;
}
#product-list .product-list-item .label-launch {
  background: #8B5E3C !important;
}

/* Etiquetas na página do produto e no resto da loja */
.label-product.label-promo,
.label-promo {
  background: #A0011A !important;
  color: #FFFFFF !important;
  border-color: #A0011A !important;
  border-radius: 999px !important;
}
.label-product.label-launch,
.label-launch {
  background: #8B5E3C !important;           /* marrom couro */
  color: #FFFFFF !important;
  border-color: #8B5E3C !important;
  border-radius: 999px !important;
}
.label-product.label-freeshiping,
.label-freeshiping {
  background: #E7ECDF !important;           /* oliva claro */
  color: #3A4A2D !important;
  border: 1px solid #C9D4BA !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}
/* Frete grátis: selo em destaque, verde-oliva */
#product-list .product-list-item .label-freeshiping {
  display: block !important;
  width: fit-content !important;
  height: auto !important;
  margin: 12px auto 0 !important;
  padding: 6px 16px 6px 14px !important;
  background: #E7ECDF !important;
  border: 1px solid #C9D4BA !important;
  border-radius: 999px !important;
  color: #3A4A2D !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  text-indent: 0 !important;
  overflow: visible !important;
}
#product-list .product-list-item .label-freeshiping::before {
  content: "✓";
  display: inline-block;
  margin-right: 6px;
  font-weight: 700;
}

/* Botão Comprar: verde-oliva */
#product-list .btn-buy,
.btn.btn-buy {
  background: #4A5D3A !important;
  border-color: #4A5D3A !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
}
#product-list .btn-buy:hover,
.btn.btn-buy:hover {
  background: #3A4A2D !important;
  border-color: #3A4A2D !important;
}

/* Caixa de tamanhos/cores ao passar o mouse */
#product-list .product-list-item .wrapper-product-combination {
  background: #FFFFFF !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 14px 28px rgba(43, 43, 43, 0.10) !important;
}

/* ---------- 8. Rodapé ---------- */
#footer-main,
#footer-main .footer-main-inner,
#footer-main .footer-1,
#footer-main .footer-2,
#footer-main .footer-3 {
  background: #2B2B2B !important;
  color: #D8D2C8 !important;
  border: none !important;
}
#footer-main a { color: #D8D2C8 !important; }
#footer-main a:hover { color: #FFFFFF !important; }

#footer-main .title-footer,
#footer-main .menu-footer-list > li > a {
  color: #F7F4F0 !important;
  font-family: 'Manrope', Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Ícones de pagamento em "pílulas" claras */
#footer-main .element-payment-methods .payment-methods-list .payment-methods-item {
  background: #FFFFFF !important;
  border: none !important;
  border-radius: 4px !important;
}

/* Newsletter */
#footer-main .newsletter-input input {
  background: #FFFFFF !important;
  border: 1px solid #4A4743 !important;
  border-radius: 999px !important;
  color: #2B2B2B !important;
  padding: 0 16px !important;
}
#footer-main .btn-newsletter-submit {
  background: #A0011A !important;
  border-color: #A0011A !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
}
#footer-main .btn-newsletter-submit:hover { background: #7A0014 !important; }

/* Linha final "Loja criada por" */
#footer-main .copyright {
  background: #232323 !important;
  color: #B5AEA3 !important;
}

/* ---------- 9. Botões flutuantes de contato ---------- */
/* Messenger: removido (pouco usado e poluía o canto da tela) */
.fb-chat-wrapper {
  display: none !important;
}

/* WhatsApp: botão redondo só com o ícone, no canto inferior direito */
.wa-chat-wrapper .wa-chat-header,
.wa-chat-wrapper.wa-chat-left .wa-chat-header,
.fb-chat-wrapper.fb-chat-left + .wa-chat-wrapper.wa-chat-left .wa-chat-header {
  left: auto !important;
  right: 24px !important;
  bottom: 24px !important;
  padding: 13px !important;
  background: #4A5D3A !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 18px rgba(43, 43, 43, 0.22) !important;
}
.wa-chat-wrapper .wa-chat-header:hover {
  background: #3A4A2D !important;
}
.wa-chat-wrapper .wa-chat-header .wa-chat-title {
  display: none !important;
}

@media (max-width: 768px) {
  .wa-chat-wrapper .wa-chat-header,
  .wa-chat-wrapper.wa-chat-left .wa-chat-header,
  .fb-chat-wrapper.fb-chat-left + .wa-chat-wrapper.wa-chat-left .wa-chat-header {
    right: 16px !important;
    bottom: 16px !important;
  }
}

/* ---------- 10. Botão "Ajuda" (Zendesk) ---------- */
/* Removido: o WhatsApp já faz esse papel e ocupa o mesmo canto.
   Para trazer de volta, apague este bloco. */
iframe#launcher,
#launcher,
iframe[title*="mensagens"],
iframe[title*="messaging"],
iframe[title*="Ajuda"],
iframe[title*="Help"] {
  display: none !important;
}

/* ---------- 12. Página do produto: descrição e informações ---------- */
.element-product-description,
.element-product-info {
  display: block !important;
  width: 100% !important;
}
.element-product-description .product-view-content,
.element-product-info .product-view-content {
  max-width: 780px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  color: #2B2B2B !important;
  font-family: 'Manrope', Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

/* Título da seção ("Descrição do Produto", "Informações do Produto") */
.element-product-description h2,
.element-product-info h2,
.element-product-description .title-secundary,
.element-product-info .title-secundary {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 34px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: #2B2B2B !important;
  text-align: center !important;
  margin: 48px auto 28px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #E2DAD0 !important;
  max-width: 780px !important;
}

/* Texto: tamanho único e legível, mesmo onde o texto foi colado com fonte pequena */
.element-product-description .product-view-content p,
.element-product-description .product-view-content span,
.element-product-description .product-view-content li,
.element-product-description .product-view-content div,
.element-product-info .product-view-content p,
.element-product-info .product-view-content span,
.element-product-info .product-view-content li,
.element-product-info .product-view-content div {
  font-family: 'Manrope', Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #2B2B2B !important;
}
.element-product-description .product-view-content p,
.element-product-info .product-view-content p {
  margin: 0 0 16px !important;
}
/* Subtítulos em negrito viram pequenos títulos */
.element-product-description .product-view-content p > strong:only-child,
.element-product-description .product-view-content p > b:only-child,
.element-product-info .product-view-content p > strong:only-child,
.element-product-info .product-view-content p > b:only-child {
  display: block !important;
  margin-top: 32px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #A0011A !important;
}
.element-product-description .product-view-content strong,
.element-product-info .product-view-content strong {
  font-weight: 700 !important;
}
.element-product-description .product-view-content ul,
.element-product-info .product-view-content ul {
  list-style: disc !important;
  padding-left: 22px !important;
  margin: 0 0 16px !important;
}

/* Vídeos do YouTube: largura total da coluna, proporção 16:9, cantos suaves */
.element-product-description iframe,
.element-product-info iframe {
  display: block !important;
  width: 100% !important;
  max-width: 780px !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  margin: 12px auto 36px !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 28px rgba(43, 43, 43, 0.12) !important;
}
/* Imagens dentro da descrição (ex.: tabela de medidas) */
.element-product-description .product-view-content img,
.element-product-info .product-view-content img {
  max-width: 100% !important;
  height: auto !important;
  margin: 16px auto !important;
  border-radius: 8px !important;
}

/* ---------- 13. Botões de compartilhar ---------- */
/* Em tons neutros, coloridos só ao passar o mouse */
iframe[src*="facebook.com/plugins/share"],
iframe[src*="facebook.com/plugins/like"],
iframe[src*="platform.twitter.com"],
span[class*="PIN_"],
a[data-pin-do] {
  filter: grayscale(1) !important;
  opacity: 0.75 !important;
  transition: filter .25s ease, opacity .25s ease !important;
}
iframe[src*="facebook.com/plugins/share"]:hover,
iframe[src*="facebook.com/plugins/like"]:hover,
iframe[src*="platform.twitter.com"]:hover,
span[class*="PIN_"]:hover,
a[data-pin-do]:hover {
  filter: none !important;
  opacity: 1 !important;
}

/* "Recomendar produto" como botão de contorno */
a[class*="recommend"]:not(.recommend-store-btn) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 18px !important;
  border: 1px solid #CFC4B5 !important;
  border-radius: 999px !important;
  color: #2B2B2B !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: transparent !important;
}
a[class*="recommend"]:not(.recommend-store-btn):hover {
  border-color: #A0011A !important;
  color: #A0011A !important;
}

/* ---------- 14. Cabeçalho moderno e compacto ---------- */

/* 14a. Faixa de avisos no topo: benefícios à esquerda, telefones à direita */
#header-main .header-1 {
  background: #2B2B2B !important;
  border: none !important;
}
#header-main .header-1 .container-12 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}
#header-main .header-1 .container-12::before {
  content: "Frete grátis para todo o Brasil  ·  6% de desconto no Pix  ·  Troca grátis na primeira compra";
  white-space: pre;
  color: #F7F4F0;
  font-family: 'Manrope', Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
#header-main .header-1 .element-social-header,
#header-main .header-1 .clear,
#header-main .header-1 .info-title,
#header-main .header-1 .info-email,
#header-main .header-1 .info-time,
#header-main .header-1 .icon-phone {
  display: none !important;
}
#header-main .header-1 .element-info,
#header-main .header-1 .grid-info {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}
#header-main .header-1 .info-inner {
  display: flex !important;
  gap: 20px !important;
  align-items: center !important;
}
#header-main .header-1 .info-phone,
#header-main .header-1 .info-phone a,
#header-main .header-1 .info-phone span {
  color: #F7F4F0 !important;
  font-family: 'Manrope', Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  margin: 0 !important;
}
#header-main .header-1 a:hover,
#header-main .header-1 a:hover span { color: #FFFFFF !important; text-decoration: underline !important; }

/* 14b. Linha principal: logo | busca | conta e carrinho */
#header-main,
#header-main .header-main-inner,
#header-main .header-2 {
  background: #F7F4F0 !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 0 !important;
}
#header-main .header-2 {
  border-bottom: 1px solid #E2DAD0 !important;
  padding: 0 !important;
}
#header-main .header-2 .container-12 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
  height: auto !important;
}
#header-main .header-2 .clear { display: none !important; }
#header-main .header-2 [class^="element-"] {
  margin: 0 !important;
  padding: 0 !important;
  top: auto !important;
}
#header-main .header-2 [class*="grid-"] {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Logo */
#header-main .element-logo { flex: 0 0 auto !important; }
#header-main .element-logo .logo,
#header-main .element-logo .logo a {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
#header-main .element-logo .logo img {
  width: 110px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

/* Busca */
#header-main .element-search {
  flex: 1 1 auto !important;
  max-width: 560px !important;
}
#header-main .element-search .grid-search { width: 100% !important; }
#header-main .element-search .welcome-message { display: none !important; }
#header-main .element-search form,
#header-main .element-search .search-inner {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
}
#header-main .element-search .search-field {
  height: 44px !important;
  padding: 0 56px 0 20px !important;
  font-size: 14px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2DAD0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
#header-main .element-search .btn-search {
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  bottom: auto !important;
  left: auto !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  background-color: #A0011A !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#header-main .element-search .btn-search .btn-text { display: none !important; }

/* Conta e carrinho, lado a lado */
#header-main .element-shopping-cart { flex: 0 0 auto !important; }
#header-main .element-shopping-cart .grid-shopping-cart {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}
#header-main .element-shopping-cart .element-menu-top {
  margin: 0 !important;
}
#header-main .element-shopping-cart .menu-top-list {
  display: flex !important;
  gap: 16px !important;
}
#header-main .element-shopping-cart .menu-top-list li { float: none !important; }
#header-main .element-shopping-cart .menu-top-list a {
  color: #2B2B2B !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}
#header-main .element-shopping-cart .menu-top-list a:hover { color: #A0011A !important; }
#header-main .link-shopping-cart {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 16px !important;
  margin: 0 !important;
  border: 1px solid #E2DAD0 !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  position: relative !important;
  white-space: nowrap !important;
}
#header-main .link-shopping-cart:hover { border-color: #A0011A !important; }
#header-main .link-shopping-cart .shopping-cart-total-price {
  font-size: 14px !important;
}

/* 14c. Remove faixas cinzas entre o cabeçalho e o conteúdo */
#nav-main,
#content-main,
#nav-bottom {
  background: #F7F4F0 !important;
  border: none !important;
  box-shadow: none !important;
}
#nav-main .element-menu-category { box-shadow: none !important; }

/* 14d. Tablet */
@media (max-width: 1024px) {
  #header-main .element-shopping-cart .element-menu-top { display: none !important; }
  #header-main .header-2 .container-12 { gap: 20px !important; }
}

/* 14e. Celular: logo e carrinho em cima, busca embaixo, faixa só com o aviso */
@media (max-width: 768px) {
  #header-main .header-1 .element-info { display: none !important; }
  #header-main .header-1 .container-12 { justify-content: center !important; }
  #header-main .header-1 .container-12::before {
    content: "Frete grátis para todo o Brasil  ·  6% no Pix";
    font-size: 11px;
  }
  #header-main .header-2 .container-12 {
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 12px 16px !important;
  }
  #header-main .element-logo .logo img { width: 92px !important; }
  #header-main .element-search {
    order: 3 !important;
    flex: 1 1 100% !important;
    max-width: none !important;
  }
}

/* ---------- 15. Alinhamento de ícones e altura do cabeçalho ---------- */

/* Carrinho: ícone ao lado do valor, sem sobrepor */
#header-main .link-shopping-cart .icon-shopping-cart {
  position: static !important;
  top: auto !important;
  left: auto !important;
  float: none !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
#header-main .link-shopping-cart .shopping-cart-title,
#header-main .link-shopping-cart .shopping-cart-total-products-wrapper {
  display: none !important;
}
#header-main .link-shopping-cart .shopping-cart-total-price-wrapper {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;          /* esconde a palavra "Subtotal" */
  line-height: 1 !important;
}
#header-main .link-shopping-cart .shopping-cart-total-price {
  font-size: 14px !important;
  line-height: 1 !important;
  color: #A0011A !important;
}

/* Cabeçalho mais baixo: remove a linha duplicada (boas-vindas) e sobras de altura */
#header-main .header-3 { display: none !important; }
#header-main,
#header-main .header-main-inner { padding: 0 !important; margin: 0 !important; }
#header-main .header-2 .container-12 { min-height: 0 !important; }
#header-main .header-2 [class^="element-"],
#header-main .header-2 .logo { height: auto !important; min-height: 0 !important; }

/* Faixa cinza e linha sob o menu */
#nav-main .element-banner-main,
#nav-main .element-banner-stripe,
#nav-main .element-menu-category .container-12,
#menu-category .menu-category-inner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ---------- 16. Telefones do topo (corrigido) ---------- */
#header-main .header-1 .element-info,
#header-main .header-1 .grid-info {
  flex: 0 0 auto !important;
}
#header-main .header-1 .info-inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 22px !important;
}
#header-main .header-1 .info-phone {
  display: inline-flex !important;
  align-items: center !important;
  height: 34px !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}
#header-main .header-1 .info-phone a {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 0 !important;
  height: 34px !important;
  line-height: 1 !important;
}
#header-main .header-1 .info-phone a::before,
#header-main .header-1 .info-phone::before {
  position: static !important;
  top: auto !important;
  margin: 0 7px 0 0 !important;
  line-height: 1 !important;
  transform: none !important;
}
#header-main .header-1 .info-phone .info-ddd {
  display: inline !important;
  margin: 0 4px 0 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
/* O ícone já indica que é WhatsApp */
#header-main .header-1 .info-label-whatsapp { display: none !important; }

/* ---------- 17. Lupa branca ---------- */
#header-main .element-search .btn-search .icon-search {
  color: #FFFFFF !important;
  filter: brightness(0) invert(1) !important;
  margin: 0 !important;
  position: static !important;
}

/* ---------- 18. Logo mais nítida ---------- */
#header-main .element-logo .logo img {
  image-rendering: auto !important;
  -webkit-backface-visibility: hidden !important;
}

/* ---------- 19. Selo do reCAPTCHA (atrás do WhatsApp) ---------- */
/* Fica invisível, mas a proteção contra spam continua funcionando.
   O Google pede que o aviso abaixo apareça no site quando o selo é ocultado. */
.grecaptcha-badge {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#footer-main .copyright::after {
  content: "Este site é protegido pelo reCAPTCHA. Aplicam-se a Política de Privacidade e os Termos de Serviço do Google.";
  display: block;
  margin-top: 6px;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  color: #8C857B;
}

/* ---------- 20. Cabeçalho e menu mais largos ---------- */
/* Faixa do topo, cabeçalho e menu usam até 1320px de largura
   (antes ficavam presos em ~970px, no centro da tela). */
#header-main .header-1 .container-12,
#header-main .header-2 .container-12,
#nav-main .element-menu-category .container-12 {
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  box-sizing: border-box !important;
}
#nav-main .element-menu-category,
#nav-main .element-menu-category .grid-12,
#nav-main #menu-category,
#nav-main #menu-category .menu-category-inner {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Logo encostada à esquerda, busca no meio, conta e carrinho à direita */
#header-main .header-2 .container-12 {
  justify-content: space-between !important;
  gap: 40px !important;
}
#header-main .element-search {
  flex: 1 1 auto !important;
  max-width: 640px !important;
  margin: 0 auto !important;
}

/* Menu espalhado por toda a largura */
#nav-main #menu-category .menu-category-list {
  justify-content: space-between !important;
}
#nav-main #menu-category .menu-category-list > li > a {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
#nav-main #menu-category .menu-category-list > li:first-child > a { padding-left: 0 !important; }
#nav-main #menu-category .menu-category-list > li:last-child > a { padding-right: 0 !important; }

@media (max-width: 1100px) {
  #header-main .header-1 .container-12,
  #header-main .header-2 .container-12,
  #nav-main .element-menu-category .container-12 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  #header-main .header-2 .container-12 { gap: 24px !important; }
}
@media (max-width: 860px) {
  #nav-main #menu-category .menu-category-list { justify-content: center !important; }
  #nav-main #menu-category .menu-category-list > li > a,
  #nav-main #menu-category .menu-category-list > li:first-child > a,
  #nav-main #menu-category .menu-category-list > li:last-child > a {
    padding: 10px 10px !important;
  }
}
@media (max-width: 768px) {
  #header-main .header-1 .container-12,
  #header-main .header-2 .container-12,
  #nav-main .element-menu-category .container-12 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ---------- 21. Correção: menu centralizado ---------- */
/* Os itens 10 a 13 do menu (sapato, sapato casual, camisa, CAMISA SOCIAL)
   ficavam invisíveis mas ainda ocupavam espaço à direita.
   Agora o item inteiro some. Atenção: se você adicionar ou remover
   categorias do menu no painel, a contagem muda e este bloco precisa de ajuste. */
#nav-main #menu-category .menu-category-list > li:nth-child(n+10) {
  display: none !important;
}
/* "Promoções" (9º item) encosta na direita */
#nav-main #menu-category .menu-category-list > li:nth-child(9) > a {
  padding-right: 0 !important;
}

/* =========================================================
   22. SÓ A PÁGINA INICIAL
   Tudo abaixo vale apenas na home (body.pagina-home).
   Cabeçalho, menu, cores, botões e demais páginas seguem a v14.
   ========================================================= */

/* --- Faixa bordô de ponta a ponta com as tarjas (Troca grátis e Cupom) --- */
body.pagina-home #nav-main .element-banner-stripe {
  display: block !important;
  width: 100% !important;
  background: #7A0014 !important;
  padding: 72px 0 !important;
  margin: 40px 0 0 !important;
}
body.pagina-home #nav-main .element-banner-stripe .container-12 {
  width: 100% !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}
body.pagina-home #nav-main .element-banner-stripe .container-12::before {
  content: "Peças que vestem bem, do escritório ao fim de semana.";
  display: block;
  max-width: 720px;
  margin: 0 auto 40px;
  text-align: center;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 44px;
  font-weight: 500;
  line-height: 1.1;
  color: #EFE6D8;
}
body.pagina-home #nav-main .element-banner-stripe .grid-12 {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}
body.pagina-home #banner-stripe {
  display: flex !important;
  gap: 24px !important;
  margin: 0 !important;
}
body.pagina-home #banner-stripe .banner-stripe-item {
  flex: 1 1 0 !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}
body.pagina-home #banner-stripe img {
  width: 100% !important;
  height: auto !important;
  box-shadow: 0 0 0 1px rgba(239, 230, 216, 0.2), 0 16px 32px rgba(0, 0, 0, 0.18) !important;
}

/* --- Título da vitrine com chamada "Mais vendidos" --- */
body.pagina-home #content-main { padding-top: 72px !important; }
body.pagina-home #vitrine .header-box-content { margin: 0 0 36px !important; }
body.pagina-home #vitrine .header-box-content::before {
  content: "Mais vendidos";
  display: block;
  margin-bottom: 6px;
  text-align: center;
  font-family: 'Manrope', Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #A0011A;
}
body.pagina-home #vitrine .header-box-content .title-secundary {
  font-size: 46px !important;
}

/* --- Cartões de produto com leve elevação ao passar o mouse --- */
body.pagina-home #product-list .product-list-item .product-list-item-inner {
  transition: transform .25s ease, box-shadow .25s ease !important;
}
body.pagina-home #product-list .product-list-item:hover .product-list-item-inner {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 36px rgba(43, 43, 43, 0.10) !important;
}

/* Telas menores */
@media (max-width: 860px) {
  body.pagina-home #banner-stripe { flex-direction: column !important; gap: 14px !important; }
  body.pagina-home #nav-main .element-banner-stripe { padding: 48px 0 !important; }
  body.pagina-home #nav-main .element-banner-stripe .container-12::before { font-size: 32px; margin-bottom: 28px; }
  body.pagina-home #vitrine .header-box-content .title-secundary { font-size: 36px !important; }
}

/* =========================================================
   23. RODAPÉ (todas as páginas, computador)
   ========================================================= */

#footer-main .footer-1 { padding-top: 64px !important; }
#footer-main .footer-1 .container-12,
#footer-main .footer-2 .container-12 {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  box-sizing: border-box !important;
}

/* Títulos das colunas: pequenos, com linha fina embaixo */
#footer-main .title-footer,
#footer-main .menu-footer-list > li > a {
  display: block !important;
  padding-bottom: 12px !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid #45423E !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
}

/* Links sem o "+" na frente, mais próximos e com destaque bordô claro ao passar o mouse */
#footer-main .menu-footer-list ul li::before,
#footer-main .menu-footer-list ul li a::before {
  content: none !important;
  display: none !important;
}
#footer-main .menu-footer-list ul li a {
  display: inline-block !important;
  padding: 4px 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #CFC8BE !important;
  transition: color .2s ease, transform .2s ease !important;
}
#footer-main .menu-footer-list ul li a:hover {
  color: #FFFFFF !important;
  transform: translateX(3px) !important;
}

/* Atendimento: telefones em destaque */
#footer-main .element-phone .info-phone a {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #F7F4F0 !important;
}
#footer-main .element-phone .info-time {
  margin: 8px 0 !important;
  font-size: 13px !important;
  color: #A9A196 !important;
}

/* Redes sociais: quadrados neutros, coloridos só ao passar o mouse */
#footer-main .social-footer-list .social-footer-item { margin-right: 10px !important; }
#footer-main .social-footer-icon img {
  width: 40px !important;
  height: 40px !important;
  border-radius: 4px !important;
  filter: grayscale(1) brightness(0.9) !important;
  opacity: 0.8 !important;
  transition: filter .2s ease, opacity .2s ease !important;
}
#footer-main .social-footer-list a:hover .social-footer-icon img {
  filter: none !important;
  opacity: 1 !important;
}

/* Segunda linha: Endereço | Pagamento (mais largo) | Certificado | Newsletter */
#footer-main .footer-2 { padding: 40px 0 48px !important; }
#footer-main .footer-2 .container-12 {
  display: grid !important;
  grid-template-columns: 1fr 1.7fr 0.7fr 1.3fr !important;
  gap: 40px !important;
  align-items: start !important;
}
#footer-main .footer-2 .container-12 > .clear { display: none !important; }
#footer-main .footer-2 [class^="element-"],
#footer-main .footer-2 [class*="grid-"] {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  display: block !important;
}

/* Formas de pagamento: grade compacta, sem repetidos */
#footer-main .element-payment-methods .payment-methods-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
#footer-main .element-payment-methods .payment-methods-list .payment-methods-item {
  float: none !important;
  margin: 0 !important;
  padding: 2px 4px !important;
}
/* Boletos repetidos e HSBC (banco que não existe mais no Brasil) */
/* (posições na lista: 11 = HSBC, 15 = PagHiper/boleto, 16 = boleto bancário) */
#footer-main .payment-methods-list .payment-methods-item:nth-child(11),
#footer-main .payment-methods-list .payment-methods-item:nth-child(15),
#footer-main .payment-methods-list .payment-methods-item:nth-child(16) {
  display: none !important;
}

/* Certificado menor e discreto */
#footer-main .element-certificates img {
  max-width: 100px !important;
  height: auto !important;
  border-radius: 4px !important;
  opacity: 0.9 !important;
}

/* Newsletter: frase de chamada, campos visíveis e botão */
#footer-main .newsletter-header::after {
  content: "Receba lançamentos e promoções em primeira mão.";
  display: block;
  margin: -6px 0 14px;
  font-size: 13px;
  line-height: 1.5;
  color: #A9A196;
}
#footer-main .newsletter-input { margin-bottom: 8px !important; }
#footer-main .newsletter-input input {
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  background: #FFFFFF !important;
  border: none !important;
  border-radius: 4px !important;
  color: #2B2B2B !important;
}
#footer-main .newsletter-input input::placeholder { color: #8C857B !important; opacity: 1 !important; }
#footer-main .btn-newsletter-submit {
  width: 100% !important;
  height: 46px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  letter-spacing: 0.06em !important;
}

/* Linha final */
/* Nome e CNPJ da loja (obrigatórios em loja virtual): em uma linha discreta */
#footer-main .footer-3 { padding: 0 0 24px !important; }
#footer-main .footer-3 .title-footer { display: none !important; }
#footer-main .footer-3 .name-cnpj-inner {
  display: flex !important;
  justify-content: center !important;
  gap: 16px !important;
  font-size: 12px !important;
  color: #8C857B !important;
}
#footer-main .footer-3 .name-cnpj-inner p { font-size: 12px !important; color: #8C857B !important; margin: 0 !important; }
#footer-main .copyright {
  border-top: 1px solid #3A3835 !important;
  padding: 18px 0 !important;
}

/* Telas médias: segunda linha em 2 colunas */
@media (max-width: 1000px) {
  #footer-main .footer-2 .container-12 { grid-template-columns: 1fr 1fr !important; }
}

/* ---------- 24. Rodapé: duas linhas alinhadas na mesma grade de 4 colunas ---------- */

/* Linha 1: Institucional | Informações úteis | Atendimento | Redes sociais */
#footer-main .footer-1 .container-12 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  column-gap: 40px !important;
  align-items: start !important;
}
#footer-main .footer-1 .container-12 > .clear { display: none !important; }
#footer-main .footer-1 [class^="element-"],
#footer-main .footer-1 [class*="grid-"] {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
/* O menu do rodapé ocupa as 2 primeiras colunas, uma lista em cada */
#footer-main .footer-1 .element-menu-footer { grid-column: 1 / 3 !important; }
#footer-main .menu-footer-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 40px !important;
}
#footer-main .menu-footer-list > li {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
#footer-main .menu-footer-list ul li {
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
  line-height: 1.4 !important;
}
#footer-main .menu-footer-list ul li a { padding: 5px 0 !important; }

/* Linha 2: Endereço + Certificado | Pagamento (2 colunas) | Newsletter */
#footer-main .footer-2 { padding: 24px 0 48px !important; }
#footer-main .footer-2 .container-12 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  column-gap: 40px !important;
  row-gap: 28px !important;
}
#footer-main .footer-2 .element-address { grid-column: 1 !important; grid-row: 1 !important; }
#footer-main .footer-2 .element-certificates { grid-column: 1 !important; grid-row: 2 !important; }
#footer-main .footer-2 .element-payment-methods { grid-column: 2 / 4 !important; grid-row: 1 / 3 !important; }
#footer-main .footer-2 .element-newsletter { grid-column: 4 !important; grid-row: 1 / 3 !important; }

/* Mesmo recuo lateral nas duas linhas */
#footer-main .footer-1 .container-12,
#footer-main .footer-2 .container-12 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

@media (max-width: 1000px) {
  #footer-main .footer-1 .container-12,
  #footer-main .footer-2 .container-12 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; row-gap: 32px !important; }
  #footer-main .footer-1 .element-menu-footer { grid-column: 1 / 3 !important; }
  #footer-main .footer-2 .element-address,
  #footer-main .footer-2 .element-certificates,
  #footer-main .footer-2 .element-payment-methods,
  #footer-main .footer-2 .element-newsletter { grid-column: auto !important; grid-row: auto !important; }
}

/* =========================================================
   25. PÁGINAS INTERNAS: Quem somos, Depoimentos e Categorias
   (body.pagina-personalizada = páginas de texto;
    body.pagina-categoria = Social, Casual, Acessórios...)
   ========================================================= */

/* Fundo areia em toda a página (sem as laterais cinzas) */
html, body.pagina-personalizada, body.pagina-categoria,
body.pagina-personalizada #content-main, body.pagina-categoria #content-main,
body.pagina-personalizada #vitrine, body.pagina-categoria #vitrine,
body.pagina-personalizada .element-content, body.pagina-categoria .element-content {
  background: #F7F4F0 !important;
  box-shadow: none !important;
  border: none !important;
}
body.pagina-personalizada #content-main,
body.pagina-categoria #content-main { padding: 56px 0 72px !important; }

/* Título da página: serifa grande, com chamada bordô em cima */
body.pagina-personalizada #vitrine .header-box-content,
body.pagina-categoria #vitrine .header-box-content {
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
}
body.pagina-personalizada #vitrine .header-box-content::before,
body.pagina-categoria #vitrine .header-box-content::before {
  display: block;
  margin-bottom: 8px;
  font-family: 'Manrope', Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #A0011A;
}
body.pagina-quem-somos #vitrine .header-box-content::before { content: "Nossa história"; }
body.pagina-depoimentos #vitrine .header-box-content::before { content: "Quem já comprou"; }
body.pagina-categoria #vitrine .header-box-content::before { content: "Coleção"; }
body.pagina-personalizada #vitrine .header-box-content h1,
body.pagina-categoria #vitrine .header-box-content h1 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 50px !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #2B2B2B !important;
  border: none !important;
  background: transparent !important;
}

/* Trilha (Home / Página): pequena e centralizada */
body.pagina-personalizada .element-breadcrumb,
body.pagina-categoria .element-breadcrumb {
  display: block !important;
  text-align: center !important;
  margin: 0 0 40px !important;
}
body.pagina-personalizada .breadcrumb-list,
body.pagina-categoria .breadcrumb-list {
  display: inline-flex !important;
  gap: 8px !important;
  float: none !important;
}
body.pagina-personalizada .breadcrumb-list li,
body.pagina-categoria .breadcrumb-list li { float: none !important; }
body.pagina-personalizada .breadcrumb-list a,
body.pagina-personalizada .breadcrumb-list span,
body.pagina-personalizada .breadcrumb-list h2,
body.pagina-categoria .breadcrumb-list a,
body.pagina-categoria .breadcrumb-list span,
body.pagina-categoria .breadcrumb-list h2 {
  font-family: 'Manrope', Helvetica, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #8C857B !important;
  margin: 0 !important;
}
body.pagina-personalizada .breadcrumb-list li.active a h2,
body.pagina-categoria .breadcrumb-list li.active a h2 { color: #A0011A !important; }

/* Texto das páginas: coluna confortável e tamanho único */
body.pagina-personalizada .page-content,
body.pagina-categoria .page-content {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}
body.pagina-personalizada .page-content p,
body.pagina-personalizada .page-content span,
body.pagina-personalizada .page-content li,
body.pagina-categoria .page-content p,
body.pagina-categoria .page-content span,
body.pagina-categoria .page-content li {
  font-family: 'Manrope', Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #2B2B2B !important;
}
body.pagina-personalizada .page-content p,
body.pagina-categoria .page-content p { margin: 0 0 14px !important; }
body.pagina-personalizada .page-content strong,
body.pagina-categoria .page-content strong { color: #A0011A !important; font-weight: 700 !important; }

/* Vídeos do YouTube: largura da coluna, 16:9, cantos e sombra */
body.pagina-personalizada .page-content iframe,
body.pagina-categoria .page-content iframe {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  margin: 8px auto 32px !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 36px rgba(43, 43, 43, 0.14) !important;
}

/* ---------- Depoimentos: cada print vira um cartão ---------- */
body.pagina-depoimentos .page-content { max-width: 640px !important; text-align: center !important; }
body.pagina-depoimentos .page-content p,
body.pagina-depoimentos .page-content strong {
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-align: center !important;
}
body.pagina-depoimentos .page-content strong { color: #A0011A !important; }
body.pagina-depoimentos .page-content img {
  display: block !important;
  width: 100% !important;
  max-width: 520px !important;
  height: auto !important;
  margin: 14px auto 56px !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  background: #FFFFFF !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 40px rgba(43, 43, 43, 0.12) !important;
}
body.pagina-depoimentos .page-content br + br { display: none !important; }

/* ---------- Quem somos (texto novo — ver arquivo quem-somos.html) ---------- */
.sallai-sobre { text-align: left; }
.sallai-sobre .sobre-lead {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 28px !important;
  line-height: 1.3 !important;
  color: #2B2B2B !important;
  text-align: center !important;
  margin: 0 0 32px !important;
}
.sallai-sobre .sobre-numeros {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 36px !important;
  padding: 0 !important;
  list-style: none !important;
}
.sallai-sobre .sobre-numeros li {
  background: #FFFFFF !important;
  border-radius: 10px !important;
  padding: 18px 12px !important;
  text-align: center !important;
  font-size: 13px !important;
  color: #5E5A54 !important;
  line-height: 1.4 !important;
}
.sallai-sobre .sobre-numeros li strong {
  display: block !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  color: #A0011A !important;
  line-height: 1.1 !important;
  margin-bottom: 4px !important;
}
.sallai-sobre h3 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  color: #2B2B2B !important;
  margin: 40px 0 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #E2DAD0 !important;
}
.sallai-sobre .sobre-blocos {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 40px !important;
}
.sallai-sobre .sobre-bloco {
  background: #FFFFFF !important;
  border-radius: 10px !important;
  padding: 22px 24px !important;
}
.sallai-sobre .sobre-bloco h4 {
  margin: 0 0 10px !important;
  font-family: 'Manrope', Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #A0011A !important;
}
.sallai-sobre .sobre-bloco p { margin: 0 0 4px !important; font-size: 15px !important; }
.sallai-sobre .sobre-final {
  margin-top: 36px !important;
  text-align: center !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 26px !important;
  font-style: italic !important;
  color: #A0011A !important;
}

/* ---------- Categorias ---------- */
/* "Ordenar por" alinhado à direita, discreto */
body.pagina-categoria .wrapper-order-select {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  margin: -16px 1% 20px !important;
}
body.pagina-categoria .wrapper-order-select .label-block {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #8C857B !important;
  margin: 0 !important;
}
body.pagina-categoria .wrapper-order-select .grid-3 { width: 200px !important; float: none !important; margin: 0 !important; }
body.pagina-categoria .select-box-placeholder {
  border: 1px solid #E2DAD0 !important;
  border-radius: 4px !important;
  background: #FFFFFF !important;
  color: #2B2B2B !important;
}
/* Cartões com leve elevação ao passar o mouse (igual à página inicial) */
body.pagina-categoria #product-list .product-list-item .product-list-item-inner {
  transition: transform .25s ease, box-shadow .25s ease !important;
}
body.pagina-categoria #product-list .product-list-item:hover .product-list-item-inner {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 36px rgba(43, 43, 43, 0.10) !important;
}
/* Texto da categoria (abaixo dos produtos) separado por uma linha */
body.pagina-categoria .page-content {
  margin-top: 48px !important;
  padding-top: 36px !important;
  border-top: 1px solid #E2DAD0 !important;
}

/* ---------- 26. Depoimentos legíveis ----------
   Os prints voltam ao tamanho original (sem encolher),
   numa coluna mais larga; só reduzem se forem maiores que a coluna. */
body.pagina-depoimentos .page-content { max-width: 980px !important; }
body.pagina-depoimentos .page-content img {
  width: auto !important;
  max-width: 100% !important;
  padding: 8px !important;
}

/* ---------- 27a. Promoções e busca: mesmo visual das categorias ---------- */
body.pagina-busca,
body.pagina-busca #content-main,
body.pagina-busca #vitrine,
body.pagina-busca .element-content {
  background: #F7F4F0 !important;
  box-shadow: none !important;
  border: none !important;
}
body.pagina-busca #content-main {
  padding: 56px 0 72px !important;
}
body.pagina-busca #vitrine .header-box-content {
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
}
body.pagina-busca #vitrine .header-box-content::before {
  display: block;
  margin-bottom: 8px;
  font-family: "Manrope", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #A0011A;
}
body.pagina-busca #vitrine .header-box-content h1 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 50px !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #2B2B2B !important;
  border: none !important;
  background: transparent !important;
}
body.pagina-busca .element-breadcrumb {
  display: block !important;
  text-align: center !important;
  margin: 0 0 40px !important;
}
body.pagina-busca .breadcrumb-list {
  display: inline-flex !important;
  gap: 8px !important;
  float: none !important;
}
body.pagina-busca .breadcrumb-list li {
  float: none !important;
}
body.pagina-busca .breadcrumb-list a,
body.pagina-busca .breadcrumb-list span,
body.pagina-busca .breadcrumb-list h2 {
  font-family: "Manrope", Helvetica, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #8C857B !important;
  margin: 0 !important;
}
body.pagina-busca .breadcrumb-list li.active a h2 {
  color: #A0011A !important;
}
body.pagina-busca .page-content {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}
body.pagina-busca .page-content p,
body.pagina-busca .page-content span,
body.pagina-busca .page-content li {
  font-family: "Manrope", Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #2B2B2B !important;
}
body.pagina-busca .page-content p {
  margin: 0 0 14px !important;
}
body.pagina-busca .page-content strong {
  color: #A0011A !important; font-weight: 700 !important;
}
body.pagina-busca .page-content iframe {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  margin: 8px auto 32px !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 36px rgba(43, 43, 43, 0.14) !important;
}
body.pagina-busca .wrapper-order-select {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  margin: -16px 1% 20px !important;
}
body.pagina-busca .wrapper-order-select .label-block {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #8C857B !important;
  margin: 0 !important;
}
body.pagina-busca .wrapper-order-select .grid-3 {
  width: 200px !important; float: none !important; margin: 0 !important;
}
body.pagina-busca .select-box-placeholder {
  border: 1px solid #E2DAD0 !important;
  border-radius: 4px !important;
  background: #FFFFFF !important;
  color: #2B2B2B !important;
}
body.pagina-busca #product-list .product-list-item .product-list-item-inner {
  transition: transform .25s ease, box-shadow .25s ease !important;
}
body.pagina-busca #product-list .product-list-item:hover .product-list-item-inner {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 36px rgba(43, 43, 43, 0.10) !important;
}
body.pagina-busca .page-content {
  margin-top: 48px !important;
  padding-top: 36px !important;
  border-top: 1px solid #E2DAD0 !important;
}

/* ---------- 27. Promoções/busca + correções de categoria ---------- */
/* Chamada da página de Promoções e da busca */
body.pagina-busca #vitrine .header-box-content::before { content: "Ofertas e resultados"; }

/* Título, trilha e "Ordenar por" um embaixo do outro (sem encavalar) */
body.pagina-categoria #vitrine .element-content > .header-box-content,
body.pagina-busca #vitrine .element-content > .header-box-content,
body.pagina-categoria #vitrine .element-content > .element-breadcrumb,
body.pagina-busca #vitrine .element-content > .element-breadcrumb {
  display: block !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
}
body.pagina-categoria #vitrine .header-box-content h1,
body.pagina-busca #vitrine .header-box-content h1 {
  display: block !important;
  width: 100% !important;
  float: none !important;
}
body.pagina-categoria .element-breadcrumb .breadcrumb,
body.pagina-busca .element-breadcrumb .breadcrumb {
  float: none !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}
body.pagina-categoria .wrapper-order-select,
body.pagina-busca .wrapper-order-select {
  float: none !important;
  position: static !important;
  clear: both !important;
  width: auto !important;
  margin: 0 1% 24px !important;
}

/* "Nenhum produto encontrado" */
#product-list .list-product-empty {
  font-family: 'Manrope', Helvetica, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  color: #8C857B !important;
  padding: 40px 0 80px !important;
}
#product-list .list-product-empty::after {
  content: "Novidades chegando em breve. Enquanto isso, veja as outras categorias no menu.";
  display: block;
  margin-top: 8px;
  font-size: 14px;
  color: #A9A196;
}

/* ---------- 28. Correção: descrição do produto ----------
   1) Negritos no meio da frase voltam a ficar na mesma linha.
   2) Remove os fundos brancos que vieram junto com o texto colado.
   3) Títulos dentro da descrição: menores, alinhados à esquerda, sem linha. */
.element-product-description .product-view-content p > strong:only-child,
.element-product-description .product-view-content p > b:only-child,
.element-product-info .product-view-content p > strong:only-child,
.element-product-info .product-view-content p > b:only-child {
  display: inline !important;
  margin: 0 !important;
  font-size: inherit !important;
  color: #2B2B2B !important;
}
.element-product-description .product-view-content strong,
.element-product-description .product-view-content b,
.element-product-info .product-view-content strong,
.element-product-info .product-view-content b {
  display: inline !important;
  font-weight: 700 !important;
  color: #2B2B2B !important;
}
.element-product-description .product-view-content *,
.element-product-info .product-view-content * {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.element-product-description .product-view-content h1,
.element-product-description .product-view-content h2,
.element-product-description .product-view-content h3,
.element-product-description .product-view-content h4,
.element-product-info .product-view-content h1,
.element-product-info .product-view-content h2,
.element-product-info .product-view-content h3,
.element-product-info .product-view-content h4 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  text-align: left !important;
  color: #A0011A !important;
  margin: 32px 0 10px !important;
  padding: 0 !important;
  border: none !important;
  max-width: none !important;
}
.element-product-description .product-view-content h1 strong,
.element-product-description .product-view-content h2 strong,
.element-product-description .product-view-content h3 strong,
.element-product-description .product-view-content h4 strong,
.element-product-info .product-view-content h1 strong,
.element-product-info .product-view-content h2 strong,
.element-product-info .product-view-content h3 strong,
.element-product-info .product-view-content h4 strong {
  font-weight: 500 !important;
  color: inherit !important;
}
/* Imagens e vídeos dentro da descrição mantêm o próprio fundo */
.element-product-description .product-view-content img,
.element-product-info .product-view-content img { box-shadow: none !important; }

/* ---------- 29. Botão "Comprar" que aparece ao passar o mouse na vitrine ----------
   Antes ele surgia por cima do preço e do selo de frete grátis.
   Agora fica num espaço reservado embaixo do cartão: aparece suave ao passar
   o mouse, sem cobrir nada e sem o cartão "pular". */
#vitrine #product-list .product-list-item .product-list-item-inner .wrapper-btn-product,
#vitrine #product-list .product-list-item .product-list-item-inner.hide-btn .wrapper-btn-product,
#vitrine #product-list .product-list-item .product-list-item-inner.show-btn .wrapper-btn-product {
  display: block !important;
  position: static !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: opacity .2s ease !important;
}
#vitrine #product-list .product-list-item:hover .product-list-item-inner .wrapper-btn-product {
  visibility: visible !important;
  opacity: 1 !important;
}
#vitrine #product-list .product-list-item .wrapper-btn-product .wrapper-btn-buy { margin: 0 !important; }
#vitrine #product-list .product-list-item .wrapper-btn-product .btn-buy {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  height: 44px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
/* Selo de frete grátis sempre visível acima do botão */
#vitrine #product-list .product-list-item .label-freeshiping { position: relative !important; z-index: 1 !important; }