/* ============================================
   um cadim de arte · css da loja (v2, segue o DS | um cadim de arte)
   proporção: 60% branco · 30% preto e cinzas · 10% vermelho
   branco #ffffff · névoa #ededed · tinta #1e1e1e · grafite #8a8a8a
   vermelho-cadim #fe1616 · borda #d6d6d6 · fita-crepe #d9d9d9
   títulos: gowun batang · apoio: open sans · à mão: shadows into light two
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Open+Sans:wght@300;400;600;700&family=Shadows+Into+Light+Two&display=swap');

/* ---------- base ---------- */
body,
body * {
  font-family: 'Open Sans', sans-serif;
}
body {
  background: #ffffff !important;
  color: #1e1e1e;
}
#cabecalho,
.menu.superior,
#corpo,
.secao-principal,
.conteiner-principal {
  background: transparent !important;
}
[class^="icon-"], [class*=" icon-"],
.fa, .fas, .fab, .far {
  font-family: FontAwesome, 'Font Awesome 5 Free', 'Font Awesome 5 Brands' !important;
}
a:hover { color: #fe1616; }

/* ---------- cabeçalho ---------- */
#cabecalho {
  background: #ffffff !important;
  border-bottom: 1px solid #ededed;
}
#cabecalho .logo {
  padding: 20px 0 20px 8px !important;
  margin: 0 !important;
}
#cabecalho .logo img {
  max-height: 66px !important;
  width: auto !important;
}
#cabecalho .busca input,
#cabecalho input.ui-autocomplete-input {
  background: #ededed !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #1e1e1e;
  height: 42px !important;
  padding-left: 20px !important;
  box-shadow: none !important;
  font-weight: 300;
}
#cabecalho .botao,
#cabecalho .botao:hover,
#cabecalho .fundo-principal,
#cabecalho .fundo-secundario {
  background: transparent !important;
  color: #1e1e1e !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#cabecalho #form-buscar { position: relative; }
#cabecalho #form-buscar .botao-busca {
  position: absolute !important;
  right: 8px; top: 50%;
  transform: translateY(-50%);
  margin: 0 !important;
}
#cabecalho .qtd-carrinho {
  background: #fe1616 !important;
  color: #fff !important;
  border-radius: 999px !important;
  text-align: center;
}

/* ícones de traço fino */
#cabecalho i.fa-comments,
#cabecalho i.fa-truck,
#cabecalho i.fa-user,
#cabecalho i.icon-shopping-cart {
  font-size: 0 !important;
  width: 24px !important;
  height: 24px !important;
  display: inline-block !important;
  vertical-align: middle;
  background: #1e1e1e !important;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  transition: background .2s ease;
}
#cabecalho a:hover i.fa-comments,
#cabecalho a:hover i.fa-truck,
#cabecalho a:hover i.fa-user,
#cabecalho a:hover i.icon-shopping-cart {
  background: #fe1616 !important;
}
#cabecalho i.fa-comments::before,
#cabecalho i.fa-truck::before,
#cabecalho i.fa-user::before,
#cabecalho i.icon-shopping-cart::before { content: none !important; }
#cabecalho i.fa-comments { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E"); }
#cabecalho i.fa-truck { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3z'/%3E%3Cpath d='M14 9h4l3 3v4h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3z'/%3E%3Cpath d='M14 9h4l3 3v4h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E"); }
#cabecalho i.fa-user { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E"); }
#cabecalho i.icon-shopping-cart { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14l-1.5 11h-11z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14l-1.5 11h-11z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E"); }
/* ícones alinhados numa linha só */
#cabecalho .span4:has(.carrinho) {
  display: flex !important;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  gap: 22px;
  align-self: center;
  min-height: 106px;
}
#cabecalho .carrinho,
#cabecalho .minha-conta,
#cabecalho .rastreio-btn,
#cabecalho .contato-top {
  float: none !important;
  position: static !important;
  top: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  height: 24px;
}
#cabecalho .carrinho a,
#cabecalho .minha-conta a,
#cabecalho .minha-conta .btn-group,
#cabecalho .rastreio-topo,
#cabecalho .contato-evtop {
  display: flex !important;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  height: 24px;
}
#cabecalho .minha-conta a span,
#cabecalho .carrinho a span:not(.qtd-carrinho) {
  display: none !important;
}
#cabecalho .qtd-carrinho {
  font-size: 10px !important;
  min-width: 16px;
  height: 16px;
  line-height: 16px !important;
  padding: 0 4px !important;
  margin: -14px 0 0 -8px !important;
}

/* ---------- títulos: gowun batang bold, tracking negativo ---------- */
h1, h2, h3, h4,
.titulo-categoria,
.titulo-categoria strong,
.titulo-categoria span,
.nome-produto {
  font-family: 'Gowun Batang', Georgia, serif !important;
  color: #1e1e1e !important;
  text-transform: lowercase !important;
}
.titulo-categoria {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center;
  margin: 64px 0 36px !important;
}
.titulo-categoria::before { display: none !important; }
.titulo-categoria strong,
.titulo-categoria span {
  display: block !important;
  float: none !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
}
.titulo-categoria::after { display: none !important; }

/* ---------- vitrine: quadros pendurados ---------- */
.listagem .listagem-item,
.listagem-item {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 16px 0 24px !important;
}
.listagem-item .imagem-produto {
  position: relative;
  background: #ffffff !important;
  height: auto !important;
  padding: 10px !important;
  border-radius: 2px;
  box-shadow: 0 14px 32px rgba(51, 38, 26, 0.18);
  transition: transform .3s ease, box-shadow .3s ease;
}
.listagem-item:hover .imagem-produto {
  transform: rotate(-1.5deg) translateY(-4px);
  box-shadow: 0 22px 40px rgba(51, 38, 26, 0.22);
}
.listagem-item .imagem-produto img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border: 0 !important;
}
/* segunda foto (troca ao passar o mouse) fica por cima da primeira */
.listagem-item .imagem-produto img.imagem-zoom {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  width: calc(100% - 20px) !important;
  height: calc(100% - 20px) !important;
  object-fit: cover;
  aspect-ratio: auto;
}
.listagem-item .info-produto {
  padding-top: 18px !important;
}
.listagem-item .nome-produto {
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  min-height: 0 !important;
}

/* preços */
.preco-produto,
.preco-produto * {
  text-transform: none !important;
}
.preco-produto .preco-venda,
.preco-produto .preco-promocional,
.preco-produto strong {
  color: #1e1e1e !important;
  font-weight: 700 !important;
}
.preco-a-partir,
.preco-parcela,
.desconto-a-vista {
  color: #1e1e1e !important;
  font-weight: 300 !important;
}
.desconto-a-vista strong {
  color: #fe1616 !important;
  font-weight: 700 !important;
}

/* ---------- botões: pílula tinta, vermelho no hover ---------- */
.botao,
a.botao,
button.botao,
.botao.principal,
.botao-comprar,
.tag-comprar {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 600 !important;
  text-transform: lowercase !important;
  transition: background .2s ease;
}
.botao *, .botao-comprar * {
  color: #ffffff !important;
  text-transform: lowercase !important;
}
.botao:hover,
.botao-comprar:hover,
.tag-comprar:hover {
  background: #fe1616 !important;
  color: #ffffff !important;
}
body .listagem-item a.botao.botao-comprar {
  color: #ffffff !important;
  padding: 10px 26px !important;
  font-size: 15px !important;
}
body .listagem-item a.botao.botao-comprar i { display: none !important; }

/* cores de destaque do tema */
.cor-principal { color: #1e1e1e !important; }
.fundo-principal { background-color: #1e1e1e !important; }
.borda-principal { border-color: #ededed !important; }

/* carrosséis */
.flex-control-paging li a {
  background: #d6d6d6 !important;
  box-shadow: none !important;
}
.flex-control-paging li a.flex-active {
  background: #fe1616 !important;
}

/* ---------- newsletter: bloco de impacto em vermelho ---------- */
#barraNewsletter,
.newsletter {
  background: #fe1616 !important;
  border: 0 !important;
}
#barraNewsletter {
  padding: 48px 0 !important;
}
#barraNewsletter .titulo,
#barraNewsletter .texto-newsletter {
  font-family: 'Gowun Batang', Georgia, serif !important;
  color: #ffffff !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  text-transform: lowercase !important;
}
#barraNewsletter .titulo i { display: none !important; }
#barraNewsletter input {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 999px 0 0 999px !important;
  height: 44px !important;
  padding-left: 20px !important;
  box-shadow: none !important;
}
#barraNewsletter .newsletter-assinar {
  background: #1e1e1e !important;
  color: #ffffff !important;
  height: 44px !important;
  border-radius: 0 999px 999px 0 !important;
}

/* ---------- rodapé ---------- */
#rodape .institucional,
#rodape .fundo-secundario {
  background: #1e1e1e !important;
  color: #ededed !important;
}
#rodape .titulo {
  font-family: 'Gowun Batang', Georgia, serif !important;
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  text-transform: lowercase !important;
  border-color: #3a3a3a !important;
}
#rodape a,
#rodape li,
#rodape p,
#rodape span {
  color: #ededed !important;
  font-weight: 300;
}
#rodape .links-rodape a,
#rodape .links-rodape li {
  text-transform: lowercase !important;
}
#rodape a:hover {
  color: #fe1616 !important;
}
#rodape .direitos,
#rodape .direitos * {
  color: #8a8a8a !important;
  font-size: 11px !important;
  background: transparent !important;
}

/* ============================================
   página de produto
   ============================================ */
.pagina-produto h1.nome-produto {
  font-size: 42px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 8px !important;
}
.pagina-produto .codigo-produto,
.pagina-produto .codigo-produto * {
  font-size: 11px !important;
  color: #8a8a8a !important;
}
.pagina-produto hr {
  border-color: #ededed !important;
}

/* foto como quadro pendurado */
.pagina-produto .conteiner-imagem,
.pagina-produto .conteiner-imagem > div {
  background: transparent !important;
}
.pagina-produto #imagemProduto {
  background: #ffffff;
  padding: 14px;
  border: 0 !important;
  border-radius: 2px !important;
  box-shadow: 0 14px 32px rgba(51, 38, 26, 0.18);
}

/* opções (com / sem moldura) */
.atributos .atributo-comum > span {
  font-size: 14px !important;
  color: #1e1e1e !important;
  font-weight: 300;
  text-transform: lowercase;
}
.atributos .atributo-comum > span b {
  font-weight: 700;
}
.atributos ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0 0 !important;
}
.atributos ul li {
  margin: 0 !important;
  float: none !important;
}
.atributos ul li a.atributo-item {
  display: inline-flex !important;
  align-items: center;
  height: auto !important;
  padding: 11px 24px !important;
  border: 1px solid #d6d6d6 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #1e1e1e !important;
  box-shadow: none !important;
  transition: all .2s ease;
}
.atributos ul li a.atributo-item span {
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: lowercase !important;
}
.atributos ul li a.atributo-item:hover {
  border-color: #1e1e1e !important;
}
.atributos ul li.active a.atributo-item {
  background: #1e1e1e !important;
  border-color: #1e1e1e !important;
  color: #ffffff !important;
}
.atributos ul li.active a.atributo-item::after {
  content: '';
  width: 8px;
  height: 8px;
  margin-left: 10px;
  border-radius: 50%;
  background: #fe1616;
}

/* preço */
.pagina-produto .preco-produto .preco-promocional,
.pagina-produto .preco-produto .preco-venda {
  font-size: 32px !important;
}

/* quantidade */
.qtde-adicionar-carrinho {
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  background: #ffffff !important;
  border: 1px solid #d6d6d6 !important;
  border-radius: 999px !important;
  padding: 4px 8px 4px 18px !important;
}
.qtde-adicionar-carrinho .qtde-carrinho-title {
  font-size: 12px !important;
  color: #1e1e1e !important;
  font-weight: 300;
  margin-right: 6px;
  text-transform: lowercase;
}
.qtde-adicionar-carrinho input.qtde-carrinho {
  width: 36px !important;
  height: 36px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center;
  font-size: 16px !important;
  color: #1e1e1e !important;
  -moz-appearance: textfield;
}
.qtde-adicionar-carrinho input::-webkit-outer-spin-button,
.qtde-adicionar-carrinho input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.qtde-adicionar-carrinho .quantity-nav {
  position: static !important;
  display: flex !important;
  flex-direction: row-reverse;
  gap: 4px;
  height: auto !important;
}
.qtde-adicionar-carrinho .quantity-button {
  position: static !important;
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
  background: #ededed !important;
  border: 0 !important;
  color: #1e1e1e !important;
  cursor: pointer;
  transition: background .2s ease;
}
.qtde-adicionar-carrinho .quantity-button:hover {
  background: #1e1e1e !important;
}
.qtde-adicionar-carrinho .quantity-button i {
  font-size: 11px !important;
  color: inherit !important;
}
.qtde-adicionar-carrinho .quantity-button:hover i {
  color: #ffffff !important;
}

/* botão comprar */
.pagina-produto a.botao.botao-comprar.grande {
  font-size: 18px !important;
  padding: 16px 32px !important;
}
.pagina-produto a.botao.botao-comprar.grande i {
  display: none !important;
}

/* caixa de parcelas */
.pagina-produto .parcelas-produto,
.pagina-produto .accordion {
  border: 1px solid #d6d6d6 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  overflow: hidden;
}
.pagina-produto .accordion-group {
  border: 0 !important;
}

/* calcular frete */
#formCalcularCep label {
  font-family: 'Gowun Batang', Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  color: #1e1e1e !important;
  text-transform: lowercase;
}
#formCalcularCep .input-append {
  display: inline-flex !important;
  align-items: center;
  background: #ededed;
  border-radius: 999px;
  padding: 4px;
}
#formCalcularCep input.input-cep {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  height: 36px !important;
  padding: 0 14px !important;
  font-size: 14px !important;
}
#formCalcularCep button.btn {
  height: 36px !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #1e1e1e !important;
  background-image: none !important;
  color: #ffffff !important;
  text-shadow: none !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  text-transform: lowercase;
}
#formCalcularCep button.btn:hover {
  background: #fe1616 !important;
}

/* descrição: a prosa por trás do quadro */
.pagina-produto .abas-custom {
  margin-top: 56px;
  padding: 48px 56px;
  background: #ededed;
  border-radius: 16px;
}
.pagina-produto .abas-custom p {
  font-size: 17px !important;
  line-height: 1.7 !important;
  font-weight: 300 !important;
  color: #1e1e1e !important;
  max-width: 680px;
}
.pagina-produto .abas-custom p:first-child {
  font-family: 'Gowun Batang', Georgia, serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  line-height: 1.2 !important;
}

/* sem moldura nem sombra na caixa da descrição */
.pagina-produto .abas-custom .tab-content,
.pagina-produto .abas-custom .tab-pane,
.pagina-produto .abas-custom .nav-tabs {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* botão voltar ao topo, minimalista */
a.scrollToTop {
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
  border: 1px solid #d6d6d6 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  transition: background .2s ease, border-color .2s ease;
}
a.scrollToTop span { display: none !important; }
a.scrollToTop i {
  font-size: 20px !important;
  line-height: 1 !important;
  color: #1e1e1e !important;
  margin: 0 !important;
}
a.scrollToTop:hover {
  background: #1e1e1e !important;
  border-color: #1e1e1e !important;
}
a.scrollToTop:hover i { color: #ffffff !important; }