.elementor-1153 .elementor-element.elementor-element-7441d5f5{--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;--justify-content:space-between;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1153 .elementor-element.elementor-element-785ba408{--display:flex;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#C2C2C2;--border-color:#C2C2C2;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1153 .elementor-element.elementor-element-3e1796ff{border-style:none;}.elementor-1153 .elementor-element.elementor-element-662e348c{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1153 .elementor-element.elementor-element-ee26175{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1153 .elementor-element.elementor-element-1006d0b5 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:700;line-height:28px;}.elementor-1153 .elementor-element.elementor-element-5ec61ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1153 .elementor-element.elementor-element-5379bca8{--grid-columns:4;--grid-row-gap:20px;--e-loop-nothing-found-message-align:start;--e-loop-nothing-found-message-color:var( --e-global-color-primary );}.elementor-1153 .elementor-element.elementor-element-5379bca8 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1153 .elementor-element.elementor-element-5379bca8 .e-loop-item > .elementor-section, .elementor-1153 .elementor-element.elementor-element-5379bca8 .e-loop-item > .elementor-section > .elementor-container, .elementor-1153 .elementor-element.elementor-element-5379bca8 .e-loop-item > .e-con, .elementor-1153 .elementor-element.elementor-element-5379bca8 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1153 .elementor-element.elementor-element-5379bca8 .elementor-pagination{text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:700;line-height:28px;margin-top:0px;}.elementor-1153 .elementor-element.elementor-element-5379bca8 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-primary );}.elementor-1153 .elementor-element.elementor-element-5379bca8 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-primary );}.elementor-1153 .elementor-element.elementor-element-5379bca8 .elementor-pagination .page-numbers.current{color:var( --e-global-color-primary );}body:not(.rtl) .elementor-1153 .elementor-element.elementor-element-5379bca8 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 0px/2 );}body:not(.rtl) .elementor-1153 .elementor-element.elementor-element-5379bca8 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 0px/2 );}body.rtl .elementor-1153 .elementor-element.elementor-element-5379bca8 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 0px/2 );}body.rtl .elementor-1153 .elementor-element.elementor-element-5379bca8 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 0px/2 );}.elementor-1153 .elementor-element.elementor-element-5379bca8 .e-loop-nothing-found-message__text{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:500;line-height:28px;}@media(max-width:1366px){.elementor-widget-theme-archive-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(min-width:768px){.elementor-1153 .elementor-element.elementor-element-7441d5f5{--content-width:1800px;}.elementor-1153 .elementor-element.elementor-element-785ba408{--width:20%;}.elementor-1153 .elementor-element.elementor-element-662e348c{--width:80%;}}@media(max-width:1366px) and (min-width:768px){.elementor-1153 .elementor-element.elementor-element-785ba408{--width:25%;}.elementor-1153 .elementor-element.elementor-element-662e348c{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1153 .elementor-element.elementor-element-662e348c{--width:100%;}.elementor-1153 .elementor-element.elementor-element-ee26175{--width:400px;}}@media(min-width:2400px){.elementor-widget-theme-archive-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:1024px){.elementor-1153 .elementor-element.elementor-element-7441d5f5{--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-1153 .elementor-element.elementor-element-785ba408.e-con{--order:99999 /* order end hack */;}.elementor-1153 .elementor-element.elementor-element-662e348c{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--flex-wrap:wrap;}.elementor-widget-theme-archive-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1153 .elementor-element.elementor-element-5379bca8{--grid-columns:2;}}@media(max-width:767px){.elementor-1153 .elementor-element.elementor-element-7441d5f5{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-widget-theme-archive-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1153 .elementor-element.elementor-element-5379bca8{--grid-columns:2;--grid-row-gap:20px;}}/* Start custom CSS for html, class: .elementor-element-3e1796ff *//* =============================================
   CF SHOP — FILTRO (coluna esquerda)
   Widget: HTML com o <aside id="cf-shop-filters">
   ============================================= */

.cf-shop-layout {
  display: grid;
  grid-template-columns: 100% 1fr;
  gap: px;
  align-items: start;
}

.cf-shop-filters {
  position: sticky;
  top: 120px;
  border-radius: 20px;
  padding: 0px 20px 0px 0px;
}

.cf-ver-mais-aromas,
.cf-ver-menos-aromas {
  display: block;
  margin-top: 10px;
  border: none !important;
  background: none !important;
  padding: 0;
  cursor: pointer;
  font-family: "Plus Jakarta Sans";
  font-size: 13px;
  font-weight: 600;
  color: #75561E;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.cf-ver-mais-aromas:hover,
.cf-ver-menos-aromas:hover {
  opacity: 1;
  color: #75561E;
}

/* ─── Título "Filtro" — só desktop ─── */
.cf-filter-title {
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-weight: 700;
  color: #75561E !important;
  margin: 0 0 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid #EFE7D6;
}

/* ─── Separador entre grupos ─── */
.cf-filter-group + .cf-filter-group {
  margin-top: 0;
  padding-top: 0;
  border-top: 1px solid #EFE7D6;
}

/* ─── Accordion: botão de cabeçalho ─── */
.cf-accordion-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 0;
  border: none;
  background: none !important;
  cursor: pointer;
  text-align: left;
  gap: 10px;
}

.cf-accordion-trigger h3 {
  font-family: "Plus Jakarta Sans";
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #75561E;
  font-weight: 600;
}

/* Ícone da seta */
.cf-accordion-icon {
  display: block;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  transition: opacity 0.2s ease;
}

/* ─── Accordion: corpo (conteúdo) ─── */
.cf-accordion-body {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0px 0px 0px 10px;
}

/* Grupo aberto */
.cf-filter-group.is-open .cf-accordion-body {
  max-height: 1200px;
  padding-bottom: 16px;
}

/* ─── Labels das opções ─── */
.cf-filter-group label {
  font-family: "Plus Jakarta Sans";
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 16px;
  color: #5D5D5D;
  cursor: pointer;
}

.cf-filter-group label:last-child {
  margin-bottom: 0;
}

.cf-filter-group input[type="checkbox"],
.cf-filter-group input[type="radio"] {
  margin-top: 2px;
  flex-shrink: 0;
}

/* ─── Campos de preço ─── */
.cf-filter-price {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.cf-filter-price input {
  font-family: "Plus Jakarta Sans";
  width: 100%;
  height: 44px;
  border: 1px solid #D9D9D9;
  border-radius: 12px;
  padding: 0 12px;
  font-size: 14px;
}

/* ─── Botão Limpar filtros ─── */
.cf-filter-actions {
  margin-top: 24px;
}

#cf-clear-filters {
  width: 100%;
  height: 46px;
  border: none;
  border-radius: 30px;
  background: #75561E;
  color: #FDF8E7;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

/* ─── Utilitário ─── */
.cf-product-hidden {
  display: none !important;
}

/* ─── Toggle mobile — oculto em desktop ─── */
.cf-filter-toggle {
  display: none;
}

/* ═══════════════════════════════════════════
   MOBILE — Popup (drawer) do filtro
   ═══════════════════════════════════════════ */

@media (max-width: 1024px) {

  .cf-filter-title {
    display: none;
  }

  .cf-shop-layout {
    grid-template-columns: 1fr;
  }

  /* Botão "Filtrar produtos" */
  .cf-filter-toggle {
    font-family: "Plus Jakarta Sans";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    padding: 0 18px;
    border: none;
    border-radius: 30px;
    background: #75561E !important;
    color: #FDF8E7 !important;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
  }

  /* Ícone dentro do botão */
  .cf-filter-toggle img {
    display: block;
    width: 18px;
    height: 18px;
    /* Força branco para combinar com o texto */
    filter: brightness(0) invert(1);
  }

  /* ── Overlay escuro atrás do drawer ── */
  .cf-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 999;
    /* Fade in */
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .cf-modal-overlay.is-open {
    display: block;
    opacity: 1;
  }

  /* ── Drawer / popup do filtro ── */
  .cf-shop-filters {
    /* Posicionamento fixo — desliza da direita */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(360px, 90vw);
    z-index: 1000;

    /* Aparência */
    background: #FFFDF8;
    border-radius: 20px 0 0 20px;
    padding: 0;
    overflow-y: auto;
    overscroll-behavior: contain;

    /* Animação: começa fora da tela */
    transform: translateX(100%);
    transition: transform 0.35s ease;

    /* Garante que nunca seja display:none em mobile —
       a visibilidade é controlada pelo transform */
    display: block !important;
  }

  .cf-shop-filters.is-open {
    transform: translateX(0);
  }

  /* ── Cabeçalho do drawer (título + botão fechar) ── */
  .cf-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 16px;
    border-bottom: 1px solid #EFE7D6;
    position: sticky;
    top: 0;
    background: #FFFDF8;
    z-index: 1;
  }

  .cf-modal-title {
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-weight: 700;
    color: #373737;
  }

  .cf-modal-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
  }

  .cf-modal-close img {
    width: 16px;
    height: 16px;
    /* Força cor escura para contraste no fundo claro */
    filter: brightness(0);
  }

  /* Formulário com padding lateral no mobile */
  .cf-shop-filters form {
    padding: 0 20px;
  }

  /* Botão "Limpar filtros" com margem extra no mobile */
  .cf-filter-actions {
    margin-bottom: 32px;
  }
}

/* ── Em desktop o cabeçalho do modal fica oculto ── */
@media (min-width: 1025px) {
  .cf-modal-overlay {
    display: none !important;
  }

  .cf-modal-header {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5ec61ea */.rank-math-breadcrumb,
.rank-math-breadcrumb a,
.rank-math-breadcrumb span {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    color: #75561E !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d78b093 */.cf-shop-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0px;
}
 
/* Linha que agrupa: label + tags + limpar tudo */
.cf-toolbar-active-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
 
/* Texto "Filtro ativo:" — oculto até haver filtros */
.cf-active-filters-label {
  font-family: "Plus Jakarta Sans";
  display: none;
  font-size: 14px;
  line-height: 20px;
  color: #5D5D5D;
  white-space: nowrap;
  font-weight: 600;
}
 
.cf-active-filters-label.is-visible {
  display: inline;
}
 
/* Lista de tags ativas */
.cf-shop-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
 
/* Tag individual */
.cf-active-filter {
  font-family: "Plus Jakarta Sans";
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 30px;
  background: #75561E;
  font-size: 14px;
  line-height: 20px;
  color: #FDF8E7;
}
 
/* Botão X — centralizado dentro da tag */
.cf-active-filter button {
  font-family: "Plus Jakarta Sans";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0;
  cursor: pointer;
  line-height: 1;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
 
/* Ícone SVG externo — forçado para branco */
.cf-active-filter button img {
  display: block;
  width: 14px;
  height: 14px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
 
/* Botão "Limpar tudo" */
.cf-clear-all {
  font-family: "Plus Jakarta Sans";
  border: none;
  background: none !important;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  color: #D8B572;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: underline;
  text-underline-offset: 2px;
}
 
.cf-clear-all:hover {
  color: #D8B572;
}

@media (max-width: 1024px) {
  .cf-toolbar-active-row {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-5379bca8 *//* Faz o grid adaptar automaticamente */
.elementor-element-5379bca8 .elementor-loop-container.elementor-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 20px !important;
}

/* Remove a largura fixa do card */
.elementor-226 .elementor-element.elementor-element-408a4d7 {
  --width: 100% !important;
  width: 100% !important;
}

@media (max-width: 767px) {
  .elementor-element-5379bca8 .elementor-loop-container.elementor-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}/* End custom CSS */