.elementor-1819 .elementor-element.elementor-element-17e991f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1819 .elementor-element.elementor-element-b5df97d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1819 .elementor-element.elementor-element-31f8374{width:var( --container-widget-width, 26.648% );max-width:26.648%;--container-widget-width:26.648%;--container-widget-flex-grow:0;text-align:center;}.elementor-1819 .elementor-element.elementor-element-31f8374.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1819 .elementor-element.elementor-element-31f8374 .elementor-heading-title{font-family:"Rozha One", Sans-serif;font-size:28px;font-weight:400;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#694646;}.elementor-1819 .elementor-element.elementor-element-2e292b6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1819 .elementor-element.elementor-element-3f0f3f8{--grid-columns:4;}.elementor-1819 .elementor-element.elementor-element-3f0f3f8 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1819 .elementor-element.elementor-element-3f0f3f8 .e-loop-item > .elementor-section, .elementor-1819 .elementor-element.elementor-element-3f0f3f8 .e-loop-item > .elementor-section > .elementor-container, .elementor-1819 .elementor-element.elementor-element-3f0f3f8 .e-loop-item > .e-con, .elementor-1819 .elementor-element.elementor-element-3f0f3f8 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-1819 .elementor-element.elementor-element-3f0f3f8{--grid-columns:2;}}@media(min-width:768px){.elementor-1819 .elementor-element.elementor-element-b5df97d{--content-width:1270px;}.elementor-1819 .elementor-element.elementor-element-2e292b6{--content-width:1270px;}}@media(max-width:767px){.elementor-1819 .elementor-element.elementor-element-31f8374{width:var( --container-widget-width, 244.594px );max-width:244.594px;--container-widget-width:244.594px;--container-widget-flex-grow:0;}.elementor-1819 .elementor-element.elementor-element-31f8374 .elementor-heading-title{font-size:26px;}.elementor-1819 .elementor-element.elementor-element-3f0f3f8{--grid-columns:2;}}/* Start custom CSS for loop-grid, class: .elementor-element-3f0f3f8 */@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&display=swap');


/* CARD GERAL */
.produto-card-fashion {
  width: 100%;
  font-family: inherit;
  position: relative;
}

/* CONTAINER DA IMAGEM */
.produto-card-imagem {
  position: relative !important;
  width: 100%;
  background: #f4f4f4;
  overflow: hidden;
}

/* IMAGEM DO PRODUTO */
.produto-card-imagem img,
.produto-card-foto img {
  width: 100% !important;
  height: auto !important;
  display: block;
  object-fit: cover;
}

/* CORAÇÃO */
.produto-card-favorito {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 5;
  cursor: pointer;
}

.produto-card-favorito svg,
.produto-card-favorito i {
  width: 22px;
  height: 22px;
}

/* TAMANHOS LATERAIS */

/* Faixa clara lateral igual à referência */
.produto-card-imagem::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 100%;
  background: rgba(245, 245, 245, 0.55);
  z-index: 2;
  pointer-events: none;
}

/* Posiciona o widget HTML dentro da faixa lateral */
.produto-card-imagem .produto-card-tamanhos-widget {
  position: absolute !important;
  right: 0 !important;
  top: 30% !important;
  z-index: 6 !important;

  width: 44px !important;
  max-width: 44px !important;
  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  justify-content: center !important;
}

/* Remove espaçamento padrão do Elementor */
.produto-card-tamanhos-widget .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Visual dos tamanhos */
.produto-card-tamanhos {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 34px !important;

  width: 100% !important;

  font-size: 13px !important;
  font-weight: 400 !important;
  color: #111 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.produto-card-tamanhos span {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

/* BLOCO DE INFORMAÇÕES */
.produto-card-info {
  padding-top: 8px;
}

/* TÍTULO */
.produto-card-titulo,
.produto-card-titulo h1,
.produto-card-titulo h2,
.produto-card-titulo h3,
.produto-card-titulo a {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #111 !important;
  text-transform: uppercase;
  line-height: 1.25 !important;
  margin: 0 !important;
  text-decoration: none !important;
  letter-spacing: 0;
}

/* SKU / CÓDIGO */
.produto-card-sku,
.produto-card-sku h1,
.produto-card-sku h2,
.produto-card-sku h3,
.produto-card-sku p,
.produto-card-sku span {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #8a8a8a !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

/* PREÇO */
.produto-card-preco,
.produto-card-preco .price,
.produto-card-preco span,
.produto-card-preco bdi {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #111 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

/* Remove espaçamentos estranhos do preço WooCommerce */
.produto-card-preco p,
.produto-card-preco .amount {
  margin: 0 !important;
}

/* PARCELAMENTO */
.produto-card-parcela,
.produto-card-parcela h1,
.produto-card-parcela h2,
.produto-card-parcela h3,
.produto-card-parcela p,
.produto-card-parcela span {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #555 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

.produto-card-parcela strong {
  color: #111;
  font-weight: 700;
}

/* CORES */
.produto-card-cores {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  flex-wrap: wrap;
}

.produto-card-cores .cor {
  width: 15px;
  height: 15px;
  border-radius: 999px;
  display: inline-block;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.produto-card-cores .cor-preto {
  background: #111;
  border-color: #111;
}

.produto-card-cores .cor-verde {
  background: #cdeedc;
}

.produto-card-cores .cor-bege {
  background: #f2d8c4;
}

.produto-card-cores .cor-azul {
  background: #bfd9ef;
}

.produto-card-cores .cor-branco {
  background: #f7f7f7;
}

.produto-card-cores .mais-cores {
  font-size: 10px;
  color: #555;
  text-decoration: underline;
  margin-left: 2px;
  line-height: 1;
}

/* HOVER OPCIONAL */
.produto-card-fashion:hover .produto-card-imagem img {
  transform: scale(1.02);
}

.produto-card-imagem img {
  transition: transform 0.25s ease;
}

/* MOBILE */
@media (max-width: 767px) {
  .produto-card-imagem .produto-card-tamanhos-widget {
    right: 11px !important;
    top: 30% !important;
  }

  .produto-card-tamanhos {
    gap: 18px !important;
    font-size: 12px !important;
  }

  .produto-card-favorito {
    top: 10px !important;
    right: 10px !important;
  }

  .produto-card-titulo,
  .produto-card-titulo h1,
  .produto-card-titulo h2,
  .produto-card-titulo h3,
  .produto-card-titulo a {
    font-size: 11px !important;
  }

  .produto-card-sku,
  .produto-card-sku h1,
  .produto-card-sku h2,
  .produto-card-sku h3,
  .produto-card-sku p,
  .produto-card-sku span {
    font-size: 10px !important;
  }

  .produto-card-preco,
  .produto-card-preco .price,
  .produto-card-preco span,
  .produto-card-preco bdi {
    font-size: 18px !important;
  }

  .produto-card-parcela,
  .produto-card-parcela h1,
  .produto-card-parcela h2,
  .produto-card-parcela h3,
  .produto-card-parcela p,
  .produto-card-parcela span {
    font-size: 10px !important;
  }

  .produto-card-cores {
    gap: 6px;
  }

  .produto-card-cores .cor {
    width: 14px;
    height: 14px;
  }
}

/* AJUSTE FINAL - TAMANHOS LATERAIS */

/* Faixa lateral mais transparente e levemente rosada */
.produto-card-imagem::after {
  background: rgba(252, 238, 235, 0.42) !important;
}

/* Fonte mais elegante dos tamanhos */
.produto-card-tamanhos {
  font-family: "Jost", "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.035em !important;
  color: #171212 !important;
  line-height: 1 !important;
  text-align: center !important;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Garante que cada tamanho fique centralizado dentro da faixa */
.produto-card-tamanhos span {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

/* Ajuste mobile */
@media (max-width: 767px) {
  .produto-card-imagem::after {
    width: 42px;
    background: rgba(252, 238, 235, 0.40) !important;
  }

  .produto-card-imagem .produto-card-tamanhos-widget {
    right: 0 !important;
    width: 42px !important;
    max-width: 42px !important;
  }

  .produto-card-tamanhos {
    font-size: 12.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.035em !important;
    gap: 22px !important;
  }
}

/* CORES DINÂMICAS DO CARD */
.cores-produto {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  margin-top: 6px !important;
}

.cores-produto .cor {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;

  border-radius: 50% !important;
  border: 2px solid #d9d9d9 !important;
  background: transparent !important;

  padding: 3px !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: none !important;
}

.cores-produto .cor::before {
  content: "" !important;
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  border-radius: 50% !important;
  background: var(--cor) !important;
}

.cores-produto .cor.active {
  border-color: #000 !important;
}

.cores-produto .cor:hover {
  border-color: #777 !important;
}

.produto-card-imagem img.trocando-cor,
.produto-card-foto img.trocando-cor {
  opacity: 0.75;
}

.produto-card-imagem img,
.produto-card-foto img {
  transition: opacity 0.18s ease, transform 0.25s ease;
}

/* AJUSTE FINO - BOLINHAS DE COR */

/* Mantém o tamanho total da bolinha, mas reduz o espaço interno */
.cores-produto .cor {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;

  padding: 2.4px !important;
  border-width: 2px !important;
}

/* Borda das cores NÃO selecionadas mais visível */
.cores-produto .cor:not(.active) {
  border-color: #bfbfbf !important;
}

/* Mantém a cor selecionada com borda preta forte */
.cores-produto .cor.active,
.cores-produto .cor.active:hover {
  border-color: #000000 !important;
}

/* Hover das cores não selecionadas */
.cores-produto .cor:not(.active):hover {
  border-color: #8f8f8f !important;
}

/* TAMANHOS DINÂMICOS CLICÁVEIS */

/* Remove aparência padrão de botão */
.produto-card-tamanhos .tamanho-opcao {
  appearance: none !important;
  -webkit-appearance: none !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  margin: 0 !important;
  padding: 0 !important;

  width: 100% !important;
  display: block !important;

  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  color: inherit !important;

  text-align: center !important;
  cursor: pointer !important;
}

/* Tamanho selecionado */
.produto-card-tamanhos .tamanho-opcao.active {
  color: #000000 !important;
  font-weight: 600 !important;
}

/* Hover */
.produto-card-tamanhos .tamanho-opcao:not(.is-disabled):hover {
  color: #000000 !important;
  transform: scale(1.05);
}

/* Tamanho sem estoque */
.produto-card-tamanhos .tamanho-opcao.is-disabled {
  opacity: 0.28 !important;
  cursor: not-allowed !important;
  text-decoration: line-through !important;
}

/* Evita animação brusca */
.produto-card-tamanhos .tamanho-opcao {
  transition: color 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
}/* End custom CSS */