.elementor-761 .elementor-element.elementor-element-d400dff{border-style:none;}.elementor-widget-theme-archive-title .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-761 .elementor-element.elementor-element-ce1a2c4{text-align:start;}.elementor-761 .elementor-element.elementor-element-ce1a2c4 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:700;line-height:28px;color:#6C5A4E;}.elementor-761 .elementor-element.elementor-element-c1ba7bc .woocommerce-breadcrumb{color:#606060;font-family:"Inter", Sans-serif;font-size:14px;text-align:start;}.elementor-761 .elementor-element.elementor-element-c1ba7bc .woocommerce-breadcrumb > a{color:#6C5A4E;}.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-761 .elementor-element.elementor-element-1ccc8df{--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-761 .elementor-element.elementor-element-1ccc8df .elementor-loop-container{grid-auto-rows:1fr;}.elementor-761 .elementor-element.elementor-element-1ccc8df .e-loop-item > .elementor-section, .elementor-761 .elementor-element.elementor-element-1ccc8df .e-loop-item > .elementor-section > .elementor-container, .elementor-761 .elementor-element.elementor-element-1ccc8df .e-loop-item > .e-con, .elementor-761 .elementor-element.elementor-element-1ccc8df .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-761 .elementor-element.elementor-element-1ccc8df .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-761 .elementor-element.elementor-element-1ccc8df .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-primary );}.elementor-761 .elementor-element.elementor-element-1ccc8df .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-primary );}.elementor-761 .elementor-element.elementor-element-1ccc8df .elementor-pagination .page-numbers.current{color:var( --e-global-color-primary );}body:not(.rtl) .elementor-761 .elementor-element.elementor-element-1ccc8df .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 0px/2 );}body:not(.rtl) .elementor-761 .elementor-element.elementor-element-1ccc8df .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 0px/2 );}body.rtl .elementor-761 .elementor-element.elementor-element-1ccc8df .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 0px/2 );}body.rtl .elementor-761 .elementor-element.elementor-element-1ccc8df .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 0px/2 );}.elementor-761 .elementor-element.elementor-element-1ccc8df .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:1024px){.elementor-761 .elementor-element.elementor-element-1ccc8df{--grid-columns:2;}}@media(max-width:767px){.elementor-761 .elementor-element.elementor-element-1ccc8df{--grid-columns:2;--grid-row-gap:20px;}}/* Start custom CSS for html, class: .elementor-element-d400dff *//* =============================================
   REVESTIR — FILTRO (coluna esquerda)
   Widget: HTML com o <aside id="cf-shop-filters">
   Paleta: bege / preto / cinza — premium e robusto
   ============================================= */

.cf-shop-layout {
  display: grid;
  grid-template-columns: 100% 1fr;
  gap: 40px; /* estava "gap: px" no original (valor inválido) */
  align-items: start;
}

.cf-shop-filters {
  position: sticky;
  top: 120px;
  border-radius: 20px;
  padding: 0px 20px 0px 0px;
}

/* ─── Título "Filtro" — só desktop ─── */
.cf-filter-title {
  font-family: "Manrope";
  font-size: 18px;
  font-weight: 700;
  color: #6C5A4E !important;
  margin: 0 0 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E4DED4;
}

/* ─── Separador entre grupos ─── */
.cf-filter-group + .cf-filter-group {
  margin-top: 0;
  padding-top: 0;
  border-top: 1px solid #E4DED4;
}

/* ─── 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: "Manrope";
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #6C5A4E;
  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: "Manrope";
  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;
  accent-color: #6C5A4E; /* marca de seleção no preto da marca */
}

/* ─── Botão Limpar filtros ─── */
.cf-filter-actions {
  margin-top: 24px;
}

#cf-clear-filters {
  width: 100%;
  height: 46px;
  border: none;
  border-radius: 30px;
  background: #6C5A4E;
  color: #FAF7F0;
  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: "Inter";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    padding: 0 18px;
    border: none;
    border-radius: 30px;
    background: #6C5A4E !important;
    color: #FAF7F0 !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: #FBF9F5;
    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 #E4DED4;
    position: sticky;
    top: 0;
    background: #FBF9F5;
    z-index: 1;
  }

  .cf-modal-title {
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-weight: 700;
    color: #1F1F1F;
  }

  .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 html, class: .elementor-element-6bf267e *//* =============================================
   REVESTIR — TOOLBAR (topo da listagem)
   Paleta: bege / preto / cinza
   ============================================= */

.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: #1F1F1F;
  font-size: 14px;
  line-height: 20px;
  color: #F4F0E9;
}

/* 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: #9A8A6B;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.cf-clear-all:hover {
  color: #9A8A6B;
}

@media (max-width: 1024px) {
  .cf-toolbar-active-row {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1ccc8df *//* Faz o grid adaptar automaticamente */
.elementor-element-5bfb3b8 .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-5bfb3b8 .elementor-loop-container.elementor-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}/* End custom CSS */