.elementor-2218 .elementor-element.elementor-element-5bffe08{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2218 .elementor-element.elementor-element-5bffe08:not(.elementor-motion-effects-element-type-background), .elementor-2218 .elementor-element.elementor-element-5bffe08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.nela.tools/wp-content/uploads/2025/09/Untitled-design-1.png");}.elementor-2218 .elementor-element.elementor-element-625095f{--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-2218 .elementor-element.elementor-element-d28c979{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;}.elementor-2218 .elementor-element.elementor-element-d28c979 .archive-title{margin:0;padding:0;color:#FFFFFF;font-family:"Trebuchet MS", Sans-serif;font-size:23px;font-weight:600;text-transform:uppercase;}.elementor-2218 .elementor-element.elementor-element-344261c{--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-2218 .elementor-element.elementor-element-33a40aa{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:right;}.elementor-2218 .elementor-element.elementor-element-33a40aa .elementor-heading-title{font-family:"Trebuchet MS", Sans-serif;font-size:24px;font-weight:500;color:#FFFFFF;}.elementor-2218 .elementor-element.elementor-element-1b0096d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2218 .elementor-element.elementor-element-cac55b6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;font-family:"Trebuchet MS", Sans-serif;font-size:15px;color:#646464;}.elementor-2218 .elementor-element.elementor-element-cac55b6 a{color:#6D6D6D;}.elementor-2218 .elementor-element.elementor-element-2c82ced{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2218 .elementor-element.elementor-element-2c82ced.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2218 .elementor-element.elementor-element-cd2afcd{--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-2218 .elementor-element.elementor-element-3c61b41 .elementor-button{background-color:#FFFFFF00;font-family:"Trebuchet MS", Sans-serif;font-weight:700;fill:#A50707;color:#A50707;border-style:solid;border-width:1px 1px 1px 1px;border-color:#A50707;border-radius:2px 2px 2px 2px;}.elementor-2218 .elementor-element.elementor-element-3c61b41 .elementor-button:hover, .elementor-2218 .elementor-element.elementor-element-3c61b41 .elementor-button:focus{background-color:#A50707;color:#FFFFFF;}.elementor-2218 .elementor-element.elementor-element-3c61b41{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2218 .elementor-element.elementor-element-3c61b41 .elementor-button:hover svg, .elementor-2218 .elementor-element.elementor-element-3c61b41 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2218 .elementor-element.elementor-element-be87901{--display:flex;}.elementor-2218 .elementor-element.elementor-element-cc4ecb0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2218 .elementor-element.elementor-element-cc4ecb0.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-2218 .elementor-element.elementor-element-cc4ecb0.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Trebuchet MS", Sans-serif;}.elementor-2218 .elementor-element.elementor-element-cc4ecb0.elementor-wc-products ul.products li.product .price{font-family:"Trebuchet MS", Sans-serif;}.elementor-2218 .elementor-element.elementor-element-cc4ecb0.elementor-wc-products ul.products li.product .price del {font-family:"Trebuchet MS", Sans-serif;}.elementor-2218 .elementor-element.elementor-element-cc4ecb0.elementor-wc-products ul.products li.product .button{font-family:"Trebuchet MS", Sans-serif;}.elementor-2218 .elementor-element.elementor-element-cc4ecb0.elementor-wc-products .added_to_cart{font-family:"Trebuchet MS", Sans-serif;}.elementor-2218 .elementor-element.elementor-element-cc4ecb0 nav.woocommerce-pagination{font-family:"Trebuchet MS", Sans-serif;}.elementor-2218 .elementor-element.elementor-element-cc4ecb0.elementor-wc-products ul.products li.product span.onsale{display:block;font-family:"Trebuchet MS", Sans-serif;}.elementor-2218 .elementor-element.elementor-element-cc4ecb0 .elementor-products-nothing-found{font-family:"Trebuchet MS", Sans-serif;}@media(max-width:1024px){.elementor-2218 .elementor-element.elementor-element-f75ad71{--e-transform-translateX:-9px;--e-transform-translateY:-40px;--e-transform-scale:0.9;}.elementor-2218 .elementor-element.elementor-element-cc4ecb0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-2218 .elementor-element.elementor-element-625095f{--width:50%;}.elementor-2218 .elementor-element.elementor-element-344261c{--width:50%;}.elementor-2218 .elementor-element.elementor-element-2c82ced{--width:205.61%;}.elementor-2218 .elementor-element.elementor-element-cd2afcd{--width:100%;}}@media(max-width:767px){.elementor-2218 .elementor-element.elementor-element-d28c979 .shopengine-archive-title{text-align:center;}.rtl .elementor-2218 .elementor-element.elementor-element-d28c979.elementor-align-left .shopengine-archive-title{text-align:right;}.rtl .elementor-2218 .elementor-element.elementor-element-d28c979.elementor-align-right .shopengine-archive-title{text-align:left;}.elementor-2218 .elementor-element.elementor-element-d28c979 .archive-title{font-size:30px;}.elementor-2218 .elementor-element.elementor-element-cc4ecb0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-cc4ecb0 *//* ================================
   BuildSmart • Archive Products
   Grid 3x + Card + Botões
================================ */

/* 1) GRID – 3 colunas desktop, 2 no tablet/mobile */
.woocommerce ul.products,
.shopengine-product-archive .shopengine-products,
.elementor-widget-woocommerce-archive-products ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 22px !important;
  row-gap: 28px !important;
  margin-top: 28px !important;
  background: #fff !important;
  font-family: "Trebuchet MS","Trebuchet",Arial,sans-serif !important;
}

@media (max-width: 1024px) {
  .woocommerce ul.products,
  .shopengine-product-archive .shopengine-products,
  .elementor-widget-woocommerce-archive-products ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 18px !important;
    row-gap: 22px !important;
  }
}
@media (max-width: 700px) {
  .woocommerce ul.products,
  .shopengine-product-archive .shopengine-products,
  .elementor-widget-woocommerce-archive-products ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 12px !important;
    row-gap: 14px !important;
  }
}

/* 2) CARD DO PRODUTO */
.woocommerce ul.products li.product,
.shopengine-product-archive .shopengine-products .product {
  position: relative !important;
  text-align: left !important;
  background: #fff !important;
  border: none !important;
  padding: 2px !important;
  transition: transform 0.15s, box-shadow 0.15s !important;
  display: grid !important;
  grid-template-rows: auto minmax(3.1em, auto) auto 1fr auto !important;
  align-content: start !important;
  border-radius: 8px !important;
  overflow: visible !important;
}
.woocommerce ul.products li.product:hover,
.shopengine-product-archive .shopengine-products .product:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 8px 22px rgba(0,0,0,0.08);
  z-index: 1;
}

/* 3) IMAGEM SEM CORTE / SEM ZOOM */
.woocommerce ul.products li.product img,
.shopengine-product-archive .shopengine-products .product img,
.elementor-widget-woocommerce-archive-products ul.products li.product img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
  border-radius: 10px !important;
  margin: 0 auto 12px auto !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}
.woocommerce ul.products li.product a img,
.shopengine-product-archive .shopengine-products .product a img {
  object-fit: contain !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  display: block !important;
}
.woocommerce ul.products li.product a:hover img,
.shopengine-product-archive .shopengine-products .product a:hover img {
  transform: none !important;
  scale: 1 !important;
  transition: none !important;
}

/* 4) TÍTULO */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.shopengine-product-archive .shopengine-products .product .woocommerce-loop-product__title {
  margin: 6px 0 8px !important;
  font-size: 17px !important;
  line-height: 1.26 !important;
  font-weight: 400 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: #222 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.shopengine-product-archive .shopengine-products .product .woocommerce-loop-product__title a {
  text-decoration: none !important;
  color: #222 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover,
.shopengine-product-archive .shopengine-products .product .woocommerce-loop-product__title a:hover {
  color: #A30D0D !important;
}

/* 5) PREÇO */
.woocommerce ul.products li.product .price,
.shopengine-product-archive .shopengine-products .product .price {
  font-size: 16px !important;
  color: #A30D0D !important;
  font-weight: 700 !important;
  text-align: left !important;
  line-height: 26px !important;
  min-height: 26px !important;
  margin-bottom: 8px !important;
}
.woocommerce ul.products li.product .price del {
  color: #777 !important;
  font-weight: 400 !important;
  margin-right: 6px !important;
}
.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
}

/* 6) REMOVER ÍCONES SOLTOS SHOPENGINE (coração/olho pequenos) */
a.shopengine_add_to_list_action.shopengine-wishlist.badge.se-btn.inactive,
a.shopengine-quickview-trigger.se-btn {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 7) ÁREA DOS BOTÕES – ORGANIZAÇÃO */
.ct-woo-card-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

/* Ordem dos itens dentro de .ct-woo-card-actions */
.ct-woo-card-actions .add_to_cart_button { order: 1; }
.ct-woo-card-actions .tinv-wraper { order: 2; }
.ct-woo-card-actions .shopengine_comparison_add_to_list_action { order: 3; }
.ct-woo-card-actions .yith-wcqv-button,
.ct-woo-card-actions .button.yith-wcqv-button { order: 4; }

/* Add to cart + Wishlist NA MESMA LINHA */
.ct-woo-card-actions .add_to_cart_button,
.ct-woo-card-actions .tinv-wraper {
  flex: 1 1 calc(50% - 4px) !important;
}

/* O botão real do TI Wishlist ocupa 100% dentro do wraper */
.ct-woo-card-actions .tinv-wraper .tinvwl_add_to_wishlist_button {
  width: 100% !important;
}

/* Compare + Quick View embaixo, largura total */
.ct-woo-card-actions .shopengine_comparison_add_to_list_action,
.ct-woo-card-actions .yith-wcqv-button,
.ct-woo-card-actions .button.yith-wcqv-button {
  flex: 1 1 100% !important;
  text-align: center !important;
}

/* 8) ESTILO VISUAL DOS BOTÕES (cores / bordas) */
.woocommerce ul.products li.product .button,
.shopengine-product-archive .shopengine-products .product .button,
.add_to_cart_button,
.button.product_type_simple,
.button.product_type_variable,
.tinvwl_add_to_wishlist_button {
  border: 1.5px solid #A30D0D !important;
  background: #fff !important;
  color: #A30D0D !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 7px 10px !important;
  border-radius: 6px !important;
  transition: all 0.25s ease !important;
  text-transform: none !important;
  box-sizing: border-box !important;
}
.woocommerce ul.products li.product .button:hover,
.shopengine-product-archive .shopengine-products .product .button:hover,
.add_to_cart_button:hover,
.button.product_type_simple:hover,
.button.product_type_variable:hover,
.tinvwl_add_to_wishlist_button:hover {
  background: #A30D0D !important;
  color: #fff !important;
  border-color: #A30D0D !important;
}

/* Ícones do coração dentro do Wishlist TI */
.tinvwl_add_to_wishlist_button .tinvwl-icon-heart:before,
.tinvwl_add_to_wishlist_button i,
.tinvwl_add_to_wishlist_button:before {
  color: #A30D0D !important;
  font-size: 15px !important;
}
.tinvwl_add_to_wishlist_button:hover .tinvwl-icon-heart:before,
.tinvwl_add_to_wishlist_button:hover i {
  color: #fff !important;
}

/* Remove tooltip azul do TI Wishlist */
.tinvwl-tooltip {
  display: none !important;
}

/* 9) PAGINAÇÃO (tema Blocksy .ct-pagination) */
.ct-pagination .page-numbers {
  border-radius: 10px !important;
  padding: 8px 14px !important;
  font-size: 14px !important;
  text-decoration: none !important;
  border: 1px solid #e1e1e1 !important;
  background: #fff !important;
  color: #111 !important;
}
.ct-pagination .page-numbers.current {
  background: #A30D0D !important;
  border-color: #A30D0D !important;
  color: #fff !important;
}
.ct-pagination .next.page-numbers {
  border-radius: 999px !important;
  padding: 8px 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.ct-pagination .next.page-numbers:hover {
  background: #A30D0D !important;
  color: #fff !important;
}

/* Garantir que o SVG do botão NEXT herde a cor branca no hover */
.ct-pagination .next.page-numbers svg {
  width: 9px !important;
  height: 9px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c82ced *//* CENTRALIZAR E CRIAR GUTTER – aplique no Custom CSS da SECTION/CONTAINER PAI */
:where(@media all){}

/* Desktop: centraliza e define grid sidebar + conteúdo */
@media (min-width: 1024px){
  /* serve para Section clássica (.elementor-container) e para Containers (.e-con) */
  .elementor-2218 .elementor-element.elementor-element-2c82ced{
    max-width: 1200px;           /* ajuste para o mesmo max do seu site */
    margin: 0 auto;              /* centraliza */
    padding-inline: clamp(16px, 4vw, 32px); /* “respiro” lateral */
  }

  /* SE FOR SECTION + COLUMNS */
  .elementor-2218 .elementor-element.elementor-element-2c82ced > .elementor-container{
    align-items: flex-start;
    gap: 32px;
  }
  /* coluna ESQUERDA (sidebar) */
  .elementor-2218 .elementor-element.elementor-element-2c82ced > .elementor-container > .elementor-column:first-child{
    flex: 0 0 280px;             /* sidebar fixa */
    max-width: 280px;
  }
  /* coluna DIREITA (produtos) */
  .elementor-2218 .elementor-element.elementor-element-2c82ced > .elementor-container > .elementor-column:last-child{
    flex: 1 1 auto;
    max-width: none;
  }

  /* SE FOR CONTAINERS (Flexbox) */
  .elementor-2218 .elementor-element.elementor-element-2c82ced.e-con{
    display: grid !important;
    grid-template-columns: 280px 1fr; /* sidebar + conteúdo */
    column-gap: 32px;
    align-items: start;
  }
  /* Em alguns temas, os filhos diretos são .e-con também */
  .elementor-2218 .elementor-element.elementor-element-2c82ced.e-con > .e-con{
    min-width: 0; /* previne overflow da coluna direita */
  }
}

/* Tablet: sidebar um pouco menor */
@media (min-width: 768px) and (max-width: 1023.98px){
  .elementor-2218 .elementor-element.elementor-element-2c82ced{
    max-width: 1000px;
    margin: 0 auto;
    padding-inline: 20px;
  }
  /* Section + Columns */
  .elementor-2218 .elementor-element.elementor-element-2c82ced > .elementor-container{ gap: 24px; }
  .elementor-2218 .elementor-element.elementor-element-2c82ced > .elementor-container > .elementor-column:first-child{
    flex: 0 0 240px;
    max-width: 240px;
  }
  /* Containers (Flexbox) */
  .elementor-2218 .elementor-element.elementor-element-2c82ced.e-con{
    display: grid !important;
    grid-template-columns: 240px 1fr;
    column-gap: 24px;
    align-items: start;
  }
}

/* Mobile: empilha (sidebar acima dos produtos) e cria padding lateral */
@media (max-width: 767.98px){
  .elementor-2218 .elementor-element.elementor-element-2c82ced{
    padding-inline: 16px; /* respiro no mobile */
  }
  /* Section + Columns */
  .elementor-2218 .elementor-element.elementor-element-2c82ced > .elementor-container{
    display: block;
  }
  /* Containers (Flexbox) */
  .elementor-2218 .elementor-element.elementor-element-2c82ced.e-con{
    display: block !important;
  }
  /* dá um respiro extra abaixo da sidebar */
  .elementor-2218 .elementor-element.elementor-element-2c82ced .bs-shop-sidebar{ margin-bottom: 16px; }
}/* End custom CSS */