.elementor-2066 .elementor-element.elementor-element-74ecde12{margin:90px 50px calc(var(--kit-widget-spacing, 0px) + 35px) 60px;}.elementor-2066 .elementor-element.elementor-element-74ecde12 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:40px;font-weight:500;color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-29b59338{width:var( --container-widget-width, 42% );max-width:42%;margin:-20px 50px calc(var(--kit-widget-spacing, 0px) + 35px) 60px;--container-widget-width:42%;--container-widget-flex-grow:0;}.elementor-2066 .elementor-element.elementor-element-29b59338 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:21px;color:#F4F1EA;}.elementor-2066 .elementor-element.elementor-element-3db0aae4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2066 .elementor-element.elementor-element-3db0aae4.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:28px 28px 28px 28px;}.elementor-2066 .elementor-element.elementor-element-3db0aae4.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-2066 .elementor-element.elementor-element-3db0aae4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-2066 .elementor-element.elementor-element-3db0aae4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-3db0aae4 *//* =====================================================
   O PERFUME DA BRUXA
   VELAS E LUZES — GRADE PREMIUM V2
   ELEMENTOR PRO — ARCHIVE PRODUCTS

   CSS EXCLUSIVO DO WIDGET
   Desktop: 4 colunas
   Tablet: 2 colunas
   Mobile: 1 coluna
===================================================== */

/* ==========================================
   01 — VARIÁVEIS DA MARCA
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 {
  --opb-roxo: #332B4B;
  --opb-roxo-escuro: #241A2C;
  --opb-lilas: #595770;
  --opb-dourado: #C6A15B;
  --opb-cobre: #9A6C3A;
  --opb-marfim: #FAF7F2;
  --opb-fundo: #F6F2ED;
  --opb-borda: #E5D8C8;

  width: 100%;

  font-family:
    "Montserrat", Arial, sans-serif;

  color: var(--opb-roxo);
}

/* ==========================================
   02 — GRADE DE PRODUTOS
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce ul.products,
.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products {

  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;

  gap: 30px 20px !important;

  width: 100% !important;

  margin: 22px 0 40px !important;
  padding: 0 !important;

  list-style: none !important;
  clear: both;
}

/* EVITAR INTERFERÊNCIA DO CLEARFIX */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products::before,
.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products::after {
  display: none !important;
  content: none !important;
}

/* ==========================================
   03 — CARDS PREMIUM
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce ul.products li.product,
.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product {

  position: relative;

  display: flex !important;
  flex-direction: column;

  float: none !important;

  width: auto !important;
  max-width: none !important;
  min-width: 0;

  margin: 0 !important;
  padding: 14px 14px 20px !important;

  background: linear-gradient(
    180deg,
    #FFFFFF 0%,
    var(--opb-marfim) 100%
  ) !important;

  border: 1px solid var(--opb-borda);
  border-radius: 20px;

  overflow: hidden;

  box-shadow:
    0 8px 26px rgba(51,43,75,.07);

  text-align: center;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

/* HOVER */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product:hover {

  transform: translateY(-5px);

  border-color:
    rgba(198,161,91,.55);

  box-shadow:
    0 18px 36px rgba(51,43,75,.14);
}

/* ==========================================
   04 — LINKS DOS PRODUTOS
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product
.woocommerce-LoopProduct-link {

  display: flex;
  flex-direction: column;

  flex: 1;
  min-width: 0;
  width: 100%;

  text-decoration: none !important;
}

/* ==========================================
   05 — FOTOGRAFIAS DAS VELAS
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product img {

  display: block;

  width: 100% !important;
  height: auto;

  aspect-ratio: 1122 / 1402;

  object-fit: contain;
  object-position: center;

  margin: 0 0 16px !important;
  padding: 8px;

  border-radius: 14px;

  background: linear-gradient(
    145deg,
    #F8F4F6,
    #EBE5ED
  );

  transition:
    transform .35s ease;
}

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product:hover img {
  transform: scale(1.025);
}

/* ==========================================
   06 — NOMES DOS PRODUTOS
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product
.woocommerce-loop-product__title {

  margin: 0 0 12px !important;
  padding: 0 !important;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif !important;

  font-size: 25px !important;
  font-weight: 600 !important;

  line-height: 1.12 !important;

  color: var(--opb-roxo) !important;

  text-align: center;

  transition: color .25s ease;
}

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product:hover
.woocommerce-loop-product__title {

  color: var(--opb-cobre) !important;
}

/* ==========================================
   07 — PREÇOS
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product .price {

  display: block;

  margin: auto 0 16px !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  color: var(--opb-roxo) !important;

  font-size: 17px !important;
  font-weight: 700 !important;

  text-align: center;
}

/* PREÇO ORIGINAL */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product .price del {

  display: inline-block;

  margin-right: 5px;

  color: #99909D !important;
  opacity: .8;

  font-size: 12px !important;
  font-weight: 400;
}

/* PREÇO PROMOCIONAL */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product .price ins {

  background: transparent !important;

  text-decoration: none !important;

  color: var(--opb-cobre) !important;
  font-weight: 700 !important;
}

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product
.price .amount {

  color: inherit;
}

/* ==========================================
   08 — BOTÕES DE COMPRA
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product a.button,
.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product button.button {

  display: flex !important;

  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 45px;

  margin: auto 0 0 !important;
  padding: 12px 14px !important;

  background: linear-gradient(
    135deg,
    #D9BD85,
    #B58E69
  ) !important;

  border: 1px solid
    rgba(154,108,58,.25) !important;

  border-radius: 10px !important;

  color: var(--opb-roxo-escuro) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 10px !important;
  font-weight: 800 !important;

  letter-spacing: .07em;
  line-height: 1.3 !important;

  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;

  box-shadow: none !important;

  transition:
    background .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
}

/* HOVER DOS BOTÕES */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product a.button:hover,
.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product button.button:hover {

  background: var(--opb-roxo) !important;

  color: #FFFFFF !important;

  transform: translateY(-2px);

  box-shadow:
    0 8px 18px rgba(51,43,75,.18) !important;
}

/* ==========================================
   09 — VER CARRINHO
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product
.added_to_cart {

  display: block;

  margin: 10px auto 0;
  padding: 4px 0;

  color: var(--opb-roxo) !important;

  font-size: 11px;
  font-weight: 700;

  text-align: center;
  text-decoration: underline;
}

/* ==========================================
   10 — SELO DE PROMOÇÃO
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce span.onsale,
.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product .onsale {

  position: absolute;

  top: 22px !important;
  left: 22px !important;
  right: auto !important;

  z-index: 5;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-width: 0;
  min-height: 30px;

  width: auto;
  height: auto;

  margin: 0 !important;
  padding: 7px 11px !important;

  border-radius: 30px !important;

  background: var(--opb-dourado) !important;
  color: var(--opb-roxo-escuro) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 9px !important;
  font-weight: 800 !important;

  letter-spacing: .04em;
  line-height: 1.2 !important;

  box-shadow:
    0 4px 12px rgba(0,0,0,.08);
}

/* ==========================================
   11 — AVALIAÇÕES
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product
.star-rating {

  margin: 3px auto 12px !important;

  color: var(--opb-dourado) !important;
}

/* ==========================================
   12 — ORDENAÇÃO
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce-ordering {

  float: none !important;

  width: min(100%, 280px);

  margin: 0 0 24px auto !important;
}

.elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce-ordering select {

  width: 100%;
  min-height: 44px;

  padding: 10px 14px;

  background: #FFFFFF;
  color: var(--opb-roxo);

  border: 1px solid var(--opb-borda);
  border-radius: 10px;

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  font-size: 12px;

  cursor: pointer;
}

/* ==========================================
   13 — CONTADOR DE RESULTADOS
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce-result-count {

  color: var(--opb-lilas);
  font-size: 12px;
}

/* ==========================================
   14 — PAGINAÇÃO
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce-pagination {

  clear: both;

  padding: 15px 0 5px;

  text-align: center;
}

.elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce-pagination
ul.page-numbers {

  display: flex !important;

  justify-content: center;
  align-items: center;
  flex-wrap: wrap;

  gap: 8px;

  margin: 0 !important;
  padding: 0 !important;

  border: none !important;
  list-style: none !important;
}

.elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce-pagination
ul.page-numbers li {

  float: none !important;
  border: none !important;
}

.elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce-pagination
.page-numbers a,
.elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce-pagination
.page-numbers span {

  display: inline-flex;

  justify-content: center;
  align-items: center;

  min-width: 40px;
  min-height: 40px;

  padding: 8px 11px;

  border: 1px solid var(--opb-borda);
  border-radius: 9px;

  background: #FFFFFF;
  color: var(--opb-roxo);

  font-size: 12px;
  font-weight: 600;

  text-decoration: none;

  transition: .25s ease;
}

.elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce-pagination
.page-numbers .current,
.elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce-pagination
.page-numbers a:hover {

  background: var(--opb-roxo) !important;

  color: #FFFFFF !important;

  border-color: var(--opb-roxo) !important;
}

/* ==========================================
   15 — TABLET
========================================== */

@media (max-width: 1024px) {

  .elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce ul.products,
  .elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products {

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: 22px 16px !important;
  }

  .elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product
  .woocommerce-loop-product__title {

    font-size: 23px !important;
  }

}

/* ==========================================
   16 — CELULAR
========================================== */

@media (max-width: 599px) {

  .elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce ul.products,
  .elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products {

    grid-template-columns:
      minmax(0, 1fr) !important;

    gap: 20px !important;
  }

  .elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product {

    padding: 14px 14px 20px !important;
  }

  .elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product img {

    max-height: 350px;
  }

  .elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product
  .woocommerce-loop-product__title {

    font-size: 27px !important;
  }

  .elementor-2066 .elementor-element.elementor-element-3db0aae4 .woocommerce-ordering {

    width: 100%;

    margin: 0 0 18px !important;
  }

}

/* ==========================================
   17 — ACESSIBILIDADE
========================================== */

.elementor-2066 .elementor-element.elementor-element-3db0aae4 a:focus-visible,
.elementor-2066 .elementor-element.elementor-element-3db0aae4 button:focus-visible,
.elementor-2066 .elementor-element.elementor-element-3db0aae4 select:focus-visible {

  outline: 2px solid
    var(--opb-dourado) !important;

  outline-offset: 3px;
}

/* ==========================================
   18 — MOVIMENTO REDUZIDO
========================================== */

@media (prefers-reduced-motion: reduce) {

  .elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product,
  .elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product img,
  .elementor-2066 .elementor-element.elementor-element-3db0aae4 ul.products li.product a.button {

    transition: none !important;
  }

}

/* =====================================================
   FIM — GRADE PREMIUM VELAS E LUZES V2
===================================================== *//* End custom CSS */