/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 02 2026 | 00:48:34 */
/* ==========================================================
   Bella e Fashion — Diagramação: vitrines, benefícios, títulos de seção
   ========================================================== */

/* ---------- Vitrines: todos os cards no mesmo padrão ---------- */
ul.products li.product .woocommerce-loop-product__title {
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  min-height: calc(1.35em * 2);
  margin: 10px 0 6px !important;
  padding: 0 !important;
}
ul.products li.product .price {
  font-size: 15px !important;
  font-weight: 600 !important;
  margin: 0 0 10px !important;
}
ul.products li.product .price del { font-size: 13px !important; font-weight: 400 !important; }
/* Botões alinhados na base do card */
ul.products li.product { display: flex !important; flex-direction: column; }
ul.products li.product .product-inner { display: flex; flex-direction: column; flex: 1 1 auto; height: 100%; }
ul.products li.product .product-inner-contents { display: flex; flex-direction: column; flex: 1 1 auto; }
ul.products li.product .product-inner-contents > [class*="button-cart"] { margin-top: auto !important; }
ul.products li.product a.button {
  font-size: 11px !important;
  letter-spacing: .6px !important;
  padding: 10px 16px !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}
@media (max-width: 767px) {
  ul.products li.product .woocommerce-loop-product__title { font-size: 12px !important; }
  ul.products li.product .price { font-size: 13px !important; }
  ul.products li.product a.button { font-size: 10px !important; padding: 9px 10px !important; white-space: normal; }
}

/* ---------- Bloco de benefícios (frete, parcelamento, cupom, segurança) ---------- */
.elementor-element-154c6c0 .elementor-icon-box-title,
.elementor-element-154c6c0 .elementor-icon-box-title a {
  text-transform: uppercase !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .4px !important;
  line-height: 1.35 !important;
  margin-bottom: 4px !important;
}
.elementor-element-154c6c0 .elementor-icon-box-description {
  font-size: 12px !important;
  line-height: 1.4 !important;
}
@media (max-width: 767px) {
  .elementor-element-154c6c0 {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 22px 12px !important;
    align-items: start;
  }
  .elementor-element-154c6c0 > .elementor-widget-icon-box {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .elementor-element-154c6c0 .elementor-icon-box-wrapper { text-align: center !important; }
  .elementor-element-154c6c0 .elementor-icon-box-title,
  .elementor-element-154c6c0 .elementor-icon-box-title a { font-size: 12px !important; }
  .elementor-element-154c6c0 .elementor-icon-box-icon { margin-bottom: 8px !important; }
}

/* ---------- Títulos de seção (faixa preta + "Veja mais") ---------- */
.elementor-element-50dc2b0 .elementor-heading-title,
.elementor-element-89202d0 .elementor-heading-title,
.elementor-element-85792ed .elementor-heading-title,
.elementor-element-6056057 .elementor-heading-title,
.elementor-element-0c9582e .elementor-heading-title {
  text-transform: uppercase !important;
  letter-spacing: .8px !important;
  font-weight: 600 !important;
}
@media (max-width: 767px) {
  .elementor-element-a4eaf78,
  .elementor-element-0c89d32,
  .elementor-element-3571a7d,
  .elementor-element-8ab93c3 {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 12px !important;
  }
  /* a faixa preta ocupa o espaço disponível, texto numa linha quando couber */
  .elementor-element-50dc2b0,
  .elementor-element-89202d0,
  .elementor-element-85792ed,
  .elementor-element-6056057 {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 11px 14px !important;
    justify-content: center !important;
  }
  .elementor-element-50dc2b0 .elementor-heading-title,
  .elementor-element-89202d0 .elementor-heading-title,
  .elementor-element-85792ed .elementor-heading-title,
  .elementor-element-6056057 .elementor-heading-title,
  .elementor-element-0c9582e .elementor-heading-title {
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }
  /* linha decorativa some no celular */
  .elementor-element-0ca9ac2,
  .elementor-element-cbe4c19,
  .elementor-element-1d428eb { display: none !important; }
  /* "Veja mais" compacto à direita */
  .elementor-element-141560b,
  .elementor-element-9615003,
  .elementor-element-a9ddfc3 {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  .elementor-element-0c9582e { padding: 11px 14px !important; }
}

/* Benefícios: mesmo respiro em todos os itens (o primeiro tinha 30px extra) */
.elementor-element-154c6c0 > .elementor-widget-icon-box,
.elementor-element-154c6c0 > .elementor-widget-icon-box > .elementor-widget-container { padding: 0 !important; margin-top: 0 !important; }

/* ---------- Cabeçalho fixo no celular (ao rolar): compacto ---------- */
@media (max-width: 991px) {
  .fixed-header .site-branding img,
  .fixed-header .custom-logo {
    height: 44px !important;
    width: auto !important;
    max-width: none !important;
  }
  .fixed-header .site-branding { padding: 6px 0 !important; margin: 0 !important; }
  .fixed-header .fixed-header-inner { min-height: 0 !important; }
}

/* Vitrines do WooCommerce no celular com a mesma margem lateral das outras */
@media (max-width: 767px) {
  .elementor-widget-woocommerce-products { padding: 0 15px !important; box-sizing: border-box; }
  .elementor-widget-woocommerce-products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 14px !important; }
  .elementor-element-970d673 { justify-content: flex-end !important; }
}

/* Títulos de seção no computador: faixa do tamanho do texto, numa linha só */
@media (min-width: 768px) {
  .elementor-element-50dc2b0,
  .elementor-element-89202d0,
  .elementor-element-85792ed,
  .elementor-element-6056057 {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding: 12px 24px !important;
  }
  .elementor-element-50dc2b0 .elementor-heading-title,
  .elementor-element-89202d0 .elementor-heading-title,
  .elementor-element-85792ed .elementor-heading-title,
  .elementor-element-6056057 .elementor-heading-title {
    white-space: nowrap !important;
    font-size: 14px !important;
  }
  .elementor-element-0ca9ac2,
  .elementor-element-cbe4c19,
  .elementor-element-1d428eb { flex: 1 1 auto !important; width: auto !important; }
}

/* Vitrines do WooCommerce na mesma largura das outras seções; faixa "Para completar" no mesmo estilo */
@media (min-width: 768px) {
  .elementor-element-e322ae4,
  .elementor-element-96e6bfc { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; }
  .elementor-element-0c9582e { width: fit-content !important; max-width: none !important; flex: 0 0 auto !important; align-self: flex-start !important; padding: 12px 24px !important; }
  .elementor-element-0c9582e .elementor-heading-title { font-size: 14px !important; white-space: nowrap !important; }
}
.elementor-element-0c9582e { background-color: #252525 !important; }

/* Celular: título de seção cabendo numa linha */
@media (max-width: 767px) {
  .elementor-element-50dc2b0 .elementor-heading-title,
  .elementor-element-89202d0 .elementor-heading-title,
  .elementor-element-85792ed .elementor-heading-title,
  .elementor-element-6056057 .elementor-heading-title,
  .elementor-element-0c9582e .elementor-heading-title { letter-spacing: .2px !important; font-size: 11.5px !important; }
  .elementor-element-50dc2b0, .elementor-element-89202d0, .elementor-element-85792ed, .elementor-element-6056057 { padding: 11px 12px !important; }
}

/* Títulos de seção: o texto usa a largura toda da faixa (antes tinha largura fixa de ~110px) */
.elementor-element-4b446f7,
.elementor-element-8998fa1,
.elementor-element-19a38b5,
.elementor-element-21e6519,
.elementor-element-30d23f6 {
  width: auto !important;
  max-width: none !important;
  --container-widget-width: auto !important;
  --container-widget-flex-grow: 1 !important;
  flex: 1 1 auto !important;
}

/* ---------- Categorias e loja no celular ---------- */
@media (max-width: 767px) {
  body.archive ul.products,
  body.post-type-archive-product ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px 14px !important;
  }
  body.archive ul.products li.product { width: auto !important; margin: 0 !important; }
  body.archive .page-head,
  body.post-type-archive-product .page-head { padding: 22px 0 !important; min-height: 0 !important; }
  body.archive .page-head .page-title,
  body.post-type-archive-product .page-head .page-title { font-size: 26px !important; margin: 0 !important; }
  body.archive .site-content,
  body.post-type-archive-product .site-content,
  body.single-product .site-content { padding-top: 24px !important; }
  .woocommerce-ordering { margin: 0 0 18px !important; width: 100% !important; }
  .woocommerce-ordering select { width: 100% !important; }
}

/* WhatsApp no canto esquerdo (carrinho flutuante fica no direito, sem sobreposição) */
.joinchat { left: 20px !important; right: auto !important; }
.joinchat .joinchat__button { left: 8px !important; right: auto !important; }
.joinchat .joinchat__box,
.joinchat .joinchat__tooltip { left: 0 !important; right: auto !important; }