/*
Theme Name: Tema Cataloguin
Theme URI: https://eciladigital.com.br/cataloguin/
Author: Ecila
Author URI: https://eciladigital.com.br
Description: Este tema é exclusivo da plataforma Cataloguin.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: temacataloguin
*/


/* ===========================================
  VARIÁVEIS CSS - OTIMIZADO
  Neste arquivo você vai encontrar as variáveis do site:
  - Cores
  - Fontes
  - Espaçamentos
  - Bordas
  - Sombras
  - Transições
=========================================== */

:root {
  /* ========================================
     CORES PRINCIPAIS
     ======================================== */
  
  --color-primary: #005eff;              /* Cor principal do site */
  --color-primary-dark: #0048cc;         /* Variação escura da cor principal */
  --color-primary-light: #3380ff;        /* Variação clara da cor principal */
  
  --color-secondary: #ff9b00;            /* Cor secundária do site */
  --color-secondary-dark: #cc7c00;       /* Variação escura da cor secundária */
  --color-secondary-light: #ffb033;      /* Variação clara da cor secundária */
  
  --color-contrast: #ffffff;             /* Cor de contraste */
  
  /* ========================================
     CORES DE TEXTO
     ======================================== */
  
  --color-text: #333333;                 /* Cor do texto padrão */
  --color-heading: #000000;              /* Cor dos títulos */
  
  /* ========================================
     CORES NEUTRAS (CINZAS)
     ======================================== */
  
  --color-white: #ffffff;                /* Branco puro */
  --color-black: #000000;                /* Preto puro */
  --color-gray-50: #f9fafb;              /* Cinza muito claro */
  --color-gray-100: #f4f4f4;             /* Cinza claro */
  --color-gray-200: #eeeeee;             /* Cinza claro médio */
  --color-gray-300: #d1d5db;             /* Cinza médio claro */
  --color-gray-400: #9ca3af;             /* Cinza médio */
  --color-gray-500: #6b7280;             /* Cinza */
  --color-gray-600: #4b5563;             /* Cinza médio escuro */
  --color-gray-700: #374151;             /* Cinza escuro */
  --color-gray-800: #222222;             /* Cinza muito escuro */
  --color-gray-900: #111111;             /* Quase preto */
  
  /* ========================================
     TOPBAR (Barra Superior de Contatos)
     ======================================== */
  
  --topbar-bg: #f4f4f4;                  /* Fundo da barra superior */
  --topbar-text: #111111;                /* Texto da barra superior */
  
  /* ========================================
     HEADER (Cabeçalho)
     ======================================== */
  
  --header-bg: #ffffff;                  /* Fundo do cabeçalho */
  --header-text: #111111;                /* Texto do cabeçalho */
  --header-link-hover: #005eff;          /* Cor dos links no hover */
  --header-btn: #222222;                 /* Fundo do botão redes sociais */
  --header-icon: #ffffff;                /* Cor do ícone redes sociais */
  
  /* ========================================
     BOTÕES
     ======================================== */
  
  --btn-bg: #000000;                     /* Fundo dos botões */
  --btn-text: #ffffff;                   /* Texto dos botões */
  --btn-bg-hover: #ff0000;               /* Fundo dos botões no hover */
  --btn-text-hover: #ffffff;             /* Texto dos botões no hover */
  
  /* ========================================
     BARRA DE TÍTULOS (Páginas Internas)
     ======================================== */
  
  --pagebar-bg: #eeeeee;                 /* Fundo da barra de título */
  --pagebar-text: #111111;               /* Texto da barra de título */
  
  /* ========================================
     FOOTER (Rodapé)
     ======================================== */
  
  --footer-bg: #000000;                  /* Fundo do rodapé */
  --footer-text: #ffffff;                /* Texto do rodapé */
  --footer-btn: #222222;                 /* Fundo do botão redes sociais */
  --footer-icon: #ffffff;                /* Cor do ícone redes sociais */
  
  /* ========================================
     TIPOGRAFIA - FONTES
     ======================================== */
  
  /* Famílias de Fonte */
  --font-primary: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Fira Code", "Courier New", monospace;
  
  /* Pesos de Fonte */
  --font-weight-light: 300;              /* Leve */
  --font-weight-normal: 400;             /* Normal/Regular */
  --font-weight-medium: 500;             /* Médio */
  --font-weight-semibold: 600;           /* Semi-negrito */
  --font-weight-bold: 700;               /* Negrito */
  --font-weight-extrabold: 800;          /* Extra negrito */
  
  /* ========================================
     TIPOGRAFIA - TAMANHOS DE FONTE (FLUIDOS)
     Responsivos automaticamente
     ======================================== */
  
  --font-size-xs: clamp(0.75rem, 0.9vw, 0.875rem);     /* 12-14px */
  --font-size-sm: clamp(0.875rem, 1vw, 1rem);          /* 14-16px */
  --font-size-base: clamp(1rem, 1.1vw, 1.125rem);      /* 16-18px */
  --font-size-lg: clamp(1.125rem, 1.2vw, 1.25rem);     /* 18-20px */
  --font-size-xl: clamp(1.25rem, 1.5vw, 1.5rem);       /* 20-24px */
  --font-size-2xl: clamp(1.5rem, 2vw, 1.875rem);       /* 24-30px */
  --font-size-3xl: clamp(1.875rem, 2.5vw, 2.25rem);    /* 30-36px */
  --font-size-4xl: clamp(2.25rem, 3vw, 3rem);          /* 36-48px */
  
  /* ========================================
     TIPOGRAFIA - ALTURAS DE LINHA
     ======================================== */
  
  --line-height-tight: 1.25;             /* Apertado - para títulos */
  --line-height-snug: 1.375;             /* Justo */
  --line-height-normal: 1.5;             /* Normal - para textos */
  --line-height-relaxed: 1.625;          /* Relaxado */
  --line-height-loose: 2;                /* Solto - para textos longos */
  
  /* ========================================
     ESPAÇAMENTOS
     Sistema baseado em múltiplos de 4px
     ======================================== */
  
  --space-0: 0;                          /* 0px */
  --space-1: 0.25rem;                    /* 4px */
  --space-2: 0.5rem;                     /* 8px */
  --space-3: 0.75rem;                    /* 12px */
  --space-4: 1rem;                       /* 16px */
  --space-5: 1.25rem;                    /* 20px */
  --space-6: 1.5rem;                     /* 24px */
  --space-7: 1.75rem;                    /* 28px */
  --space-8: 2rem;                       /* 32px */
  --space-10: 2.5rem;                    /* 40px */
  --space-12: 3rem;                      /* 48px */
  --space-15: 3.75rem;                   /* 60px */
  --space-16: 4rem;                      /* 64px */
  --space-20: 5rem;                      /* 80px */
  --space-24: 6rem;                      /* 96px */
  --space-30: 7.5rem;                    /* 120px */
  
  /* ========================================
     BORDAS - RAIOS
     ======================================== */
  
  --radius-none: 0;                      /* Sem arredondamento */
  --radius-sm: 0.25rem;                  /* 4px - Pequeno */
  --radius-md: 0.5rem;                   /* 8px - Médio */
  --radius-lg: 0.75rem;                  /* 12px - Grande */
  --radius-xl: 1rem;                     /* 16px - Extra grande */
  --radius-2xl: 1.25rem;                 /* 20px */
  --radius-3xl: 1.875rem;                /* 30px */
  --radius-full: 9999px;                 /* Totalmente arredondado */
  --radius-circle: 50%;                  /* Circular */
  
  /* Bordas - Espessuras */
  --border-thin: 1px;                    /* Fina */
  --border-medium: 2px;                  /* Média */
  --border-thick: 4px;                   /* Grossa */
  
  /* ========================================
     SOMBRAS
     ======================================== */
  
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);           /* Pequena */
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);         /* Média */
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);       /* Grande */
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);       /* Extra grande */
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);    /* Gigante */
  --shadow-none: none;                   /* Sem sombra */
  
  /* ========================================
     TRANSIÇÕES
     ======================================== */
  
  --transition-fast: 150ms ease;         /* Rápida */
  --transition-base: 300ms ease;         /* Padrão */
  --transition-slow: 500ms ease;         /* Lenta */
  
  /* Curvas de animação */
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  
  /* ========================================
     Z-INDEX (Camadas)
     ======================================== */
  
  --z-base: 0;                           /* Base */
  --z-dropdown: 1000;                    /* Dropdowns */
  --z-sticky: 1020;                      /* Elementos sticky */
  --z-fixed: 1030;                       /* Elementos fixos */
  --z-modal-backdrop: 1040;              /* Fundo do modal */
  --z-modal: 1050;                       /* Modal */
  --z-popover: 1060;                     /* Popover */
  --z-tooltip: 1070;                     /* Tooltip */
  
  /* ========================================
     LARGURAS MÁXIMAS (Containers)
     ======================================== */
  
  --container-sm: 640px;                 /* Pequeno */
  --container-md: 768px;                 /* Médio */
  --container-lg: 1024px;                /* Grande */
  --container-xl: 1170px;                /* Extra grande (padrão do site) */
  --container-2xl: 1280px;               /* Gigante */
}

/* ===========================================
  RESET CSS OTIMIZADO PARA PERFORMANCE
  - Minimalista: apenas o essencial
  - Seletores específicos (evita * quando possível)
  - Sem redundâncias
  - Otimizado para rendering
  =========================================== */

  /* 1) Box-sizing - Método mais performático */
  html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
  }

  *,
  *::before,
  *::after {
    box-sizing: inherit; /* inherit é mais rápido que repetir border-box */
  }

  /* 2) Reset de margens/paddings - Seletores específicos */
  body, h1, h2, h3, h4, h5, h6, p, 
  ul, ol, li, figure, figcaption, 
  blockquote, dl, dd {
    margin: 0;
    padding: 0;
  }

  /* 3) Body - Base otimizada */
  body {
    min-height: 100vh;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /* 4) Imagens e mídia - Crítico para CLS (Cumulative Layout Shift) */
  img,
  picture,
  video,
  svg {
    display: block;
    max-width: 100%;
    height: auto;
  }

  /* 5) Forms - Reset mínimo necessário */
  input,
  button,
  textarea,
  select {
    font: inherit; /* Mais conciso que font-family + font-size + line-height */
  }

  /* 6) Links - Apenas o essencial */
  a {
    color: inherit;
    text-decoration: none;
  }

  /* 7) Listas */
  ul, ol {
    list-style: none;
  }

  /* 8) Tabelas */
  table {
    border-collapse: collapse;
    width: 100%;
  }

  /* 9) Acessibilidade - Focus */
  :focus-visible {
    outline: 2px solid var(--c1);
    outline-offset: 2px;
  }

  /* 10) Reduced motion - Performance + Acessibilidade */
  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }

  /* 11) Utilitários essenciais */
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  /* ===========================================
    DEFINIÇÕES CONTRA RESET
    (Específicas do seu tema)
  =========================================== */
  
  .box-conteudo-ctp p { 
    margin-bottom: var(--space-5); 
  }

  .box-conteudo-ctp strong,
  .box-conteudo-ctp b {
    font-weight: 700;
  }

  .box-conteudo-ctp em, 
  .box-conteudo-ctp i {
    font-style: italic;
  }

  .box-conteudo-ctp ul,
  .box-conteudo-ctp ol {
    margin-bottom: 16px;
    padding-left: 24px;
  }

  .box-conteudo-ctp ul {
    list-style: disc;
  }

  .box-conteudo-ctp ol {
    list-style: decimal;
  }

  .box-conteudo-ctp a {
    color: var(--color-primary, #0066cc);
    text-decoration: underline;
  }

  .box-conteudo-ctp h1,
  .box-conteudo-ctp h2,
  .box-conteudo-ctp h3,
  .box-conteudo-ctp h4,
  .box-conteudo-ctp h5,
  .box-conteudo-ctp h6 {
    margin-bottom: 12px;
    font-weight: 700;
    line-height: 1.2;
  }

  .titulo-box-conteudo-ctp {
    display: block;
    margin-bottom: var(--space-8) !important; 
  }

/* FIM RESET */


/* GERAL */

  html {
    scroll-behavior: smooth;
  }
  body {
    font-family: var(--font-primary);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-normal);
    font-weight: var(--font-weight-normal);
    color: var(--txt);
  }
  .site-main {
    display: flex;
    flex-direction: column;
  }
  .sec-ecila-site {
    padding: var(--space-15) 0;
    transition: order 0.3s ease;
  }
  .sec-page-padaro {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 0;
  }
  .sec-page-padaro .woocommerce-breadcrumb {
    font-size: var(--font-size-xs);
    opacity: 0.8;
  }
  .sec-ecila-slider {
    padding: var(--space-0);
  }
  .sec-conteudo-produto-woo {
    padding-top: var(--space-2);
  }
  .sec-lista-produtos-woo {
    padding-top: var(--space-2);
  }
  .sec-lista-produtos-woo .woocommerce-breadcrumb {
    padding: var(--space-4) 0;
  }
  .sec-produto-woo {
    padding-top: var(--space-8);
  }
  .sec-404 {
    border-top: 1px solid #eee;
  }
  .container-produto-woo-prime {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  .container-destaque-home {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .container {
    width: var(--container-xl);
    margin: auto;
    padding: 0 var(--space-3);
  }
  .container-info-principal-lojinha {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .limite-404 {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20PX;
  }
  .titulo-primario {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-bold);
    color: var(--ttl);
  }
  .titulo-secundario {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    color: var(--ttl);
  }
  .titulo-terceario {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    color: var(--ttl);
  }
  .titulo-menu-categorias {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
  }
  .titulo-sidebar {
    font-size: var(--font-size-base);
    color: var(--ttl);
  }
  .container__title-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

/* FIM GERAL */


/* HEADER LOJINHA */

  .header-site {
    background-color: var(--head-bg);
  }
  .box-banner-topo {
    background-color: var(--top-bg);
    padding: var(--space-5) 0;
    color: var(--top-txt);
  }
  .box-itens-principal-topo {
    border-bottom: 1px solid #00000014;
  }
  .ajuste-topo-principal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-3);
    gap: 30px;
  }
  .custom-logo-link {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 200px;
	  height: 80px;
	  flex-shrink: 0;
	}
	.custom-logo {
	  width: 200px;
	  height: 80px;
	  max-width: 100%;
	  object-fit: contain;
	  object-position: left center;
	}
  .box-elementos-topo {
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: flex-end;
    flex: auto;
  }
  .agrupa-acoes-topo {
    display: flex;
    align-items: center;
    gap: 25px;
  } 
  .bt-topo-catalogo {
    cursor: pointer;
    position: relative;
  }
  .bt-topo-catalogo.ico-car {
    margin-right: 12px;
  }
  .qtd-carrinho {
    background-color: var(--c1);
    color: white;
    border-radius: var(--radius-circle);
    width: 22px;
    height: 22px;
    display: block;
    text-align: center;
    line-height: 18px;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    top: -6px;
    right: -10px;
    border: 2px solid var(--head-bg);
}
  .box-search-mobile {
    display: none;
  }
  .box-inf-topo {
    width: 100%;
    padding: var(--space-4) 0;
    border-bottom: 1px solid #00000014;
  }

/* FIM HEADER LOJINHA */

/* HEADE CATÁLOGO */
  .header-catalogo .box-inf-topo {
    width: 100%;
    padding: 0;
  }
  .box-elementos-topo-essencial {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
  }
  .box-elementos-topo-essencial .custom-logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    border-radius: var(--radius-circle);
    position: relative;
    z-index: 1;
  }
  .box-elementos-topo-essencial .custom-logo {
    width: 100px;
    height: 100px;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
    border-radius: var(--radius-circle);
  }
  .box-itens-box-essecial {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
  }
  .ie-status-badge {
    padding: 4px 10px;
    font-size: 13px;
  }
  .container-header-catalogo {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
  }
  
  .nome-header {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-bold);
    width: 100%;
    color: var(--head-txt);
  }

  .container-header-catalogo .search-form {
    width: 100%;
    border-right: 1px solid #00000014;
    align-items: stretch;
  }

  .container-header-catalogo .search-submit {
    top: 50%;
    transform: translate(0%, -50%);
  }

  .container-header-catalogo .search-field {
    border: 1px solid var(--head-bg);
    border-radius: var(--radius-none);
    background-color: var(--head-bg);
    color: var(--head-txt);
  }

  .container-header-catalogo .search-field:hover,
  .container-header-catalogo .search-field:focus {
    border-color: var(--head-txt) !important;
  }

  .container-header-catalogo .search-field::placeholder {
    color: var(--head-txt);
  }

  .box-chama-menu {
    border-right: 1px solid #00000014;
    border-left: 1px solid #00000014;
    display: flex;
    align-items: center;
    flex: auto;
    padding: var(--space-5) var(--space-10);
    gap: 10px;
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    color: var(--head-txt);
  }

  /* RESPONSIVO HEADER CATÁLOGO */
  @media (max-width: 1024px) {
    .container-header-catalogo {
      padding: 0;
    }
    .box-chama-menu {
      border-left: 0px solid #00000014;
      padding: var(--space-5) var(--space-5) var(--space-5) var(--space-4);
    }
    .container-header-catalogo .search-form {
      border-right: 0px solid #00000014;
    }
  }

  @media (max-width: 720px) {
    .box-chama-menu {
      padding: var(--space-5) var(--space-3) var(--space-5) var(--space-3);
      font-size: var(--font-size-xs);
      gap: 5px;
    }
  }
  @media (max-width: 570px) {
    .box-elementos-topo-essencial {
      display: flex;
      flex-direction: column;
      gap: 15px;
      align-items: center;
      width: 100%;
    }
    .box-itens-box-essecial {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-direction: column;
      text-align: center;
    }
    .header-catalogo .box-elementos-topo {
      gap: 20px;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: var(--space-3);
    }
    .header-catalogo .agrupa-acoes-topo {
      width: 100%;
      justify-content: space-between;
    }
    .ajuste-container-header-catalogo {
      padding: var(--space-6) !important;
    }
  }
  

/* FIM HEADER CATÁLOGO */

/* COMPONENTES */

  /* Botões */
    .btn {
      display: flex;
      padding: var(--space-2) var(--space-8);
      background-color: var(--bt-bg);
      color: var(--bt-tx);
      text-decoration: none;
      border-radius: var(--radius-full);
      font-size: var(--font-size-sm);
      font-weight: var(--font-weight-semibold);
      transition: var(--transition-base);
      border: var(--border-thin) solid var(--bt-bg);
      justify-content: center;
      margin: 0;
      cursor: pointer;
    }

    .btn:hover {
      background: var(--bt-bg-h);
      border: 1px solid var(--bt-bg-h);
      color: var(--bt-tx-h);
    }

    .wcatcl-btn--in-cart {
      opacity: 1 !important;
    }

  /* Fim - Botões */

  /* Paginação */
    .nav-links {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px;
      padding-top: var(--space-16);
    }
    .page-numbers {
      padding: var(--space-3) var(--space-5);
      background: #eee;
      color: var(--txt);
      border-radius: var(--radius-lg);
      border: 1px solid #eee;
      transition: var(--transition-base);
      font-weight: var(--font-weight-medium);
    }
    .page-numbers.current {
      background: var(--c1);
      color: #fff;
      border: 1px solid var(--c1);
      font-weight: var(--font-weight-semibold);
    }
    .page-numbers:hover {
      background: transparent;
      color: var(--c1);
      border: 1px solid var(--c1);
    }


  /* Fim - Paginação */

  /* BREADCRUMBS (MIGALHAS DE PÃO)  Verificar necessidade */
    .breadcrumbs {
      margin-bottom: 30px;
    }

    .breadcrumbs-container {
      max-width: 1280px;
      margin: 0 auto;
      font-size: 14px;
    }

    .breadcrumbs a {
      color: rgba(255, 255, 255, 0.6);
      text-decoration: none;
      transition: color 0.3s ease;
    }

    .breadcrumbs a:hover {
      color: white;
      text-decoration: none;
    }

    .breadcrumb-separator {
      color: #999;
      margin: 0 8px;
    }

    .breadcrumb-current {
      color: #ffffff;
      font-weight: 600;
    }

    .breadcrumb-home {
      font-weight: 500;
    }

  /* Fim - BREADCRUMBS (MIGALHAS DE PÃO)  Verificar necessidade */

  /* Campo de Busca */
    .search-form {
      display: flex;
      gap: 8px;
      align-items: center;
      position: relative;
      width: 72%;
    }
    .search-field {
      flex: 1;
      padding: var(--space-3) var(--space-15) var(--space-3) var(--space-6);
      border: 1px solid #ddd;
      border-radius: var(--radius-full);
      font-size: var(--font-size-xs);
      transition: 400ms;
      background-color: #fefefe;
    }
    
    .search-field:hover {
      outline: none !important;
      border-color: var(--c1) !important;
    }
    .search-field:focus {
      outline: none !important;
      border-color: var(--c1) !important;
    }
    .search-submit {
      cursor: pointer;
      width: 36px;
      height: 36px;
      display: flex;
      justify-content: center;
      transition: 400ms;
      position: absolute;
      right: var(--space-3);
      border-radius: var(--radius-circle);
      border: 1px solid var(--c1);
      background-color: var(--c1);
    }
    .search-submit:hover,
    .search-submit:hover path {
      opacity: 0.6;
    }
  /* Fim - Campo de Busca */

  /* Modal Variações */
    .modal {
      display: none;
      position: fixed;
      z-index: 999;
      inset: 0;
      background: rgba(0,0,0,0.6);
    }
    .modal-content {
      background: #fff;
      max-width: 500px;
      margin: 5% auto;
      padding: 20px;
      border-radius: 10px;
    }
    .fechar {
      float: right;
      cursor: pointer;
      font-size: 20px;
    }

  /* Fim - Modal Variações */

  /* Modal Menu Lateral */

    body.lsm-no-scroll { overflow: hidden; }
    #lsm-overlay {
      position: fixed; 
      inset: 0; 
      background: rgba(0,0,0,0.3); 
      opacity: 0; 
      pointer-events: none; 
      transition: opacity 0.22s ease; 
      z-index: 10;
    }
    #lsm-overlay.lsm-on { opacity: 1; pointer-events: all; }
    #lsm-panel {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 280px; 
      background: #fff; 
      border-right: 0.5px solid rgba(0,0,0,0.12); 
      display: flex;
      flex-direction: column;
      transform: translateX(-110%); 
      transition: transform 0.28s cubic-bezier(0.4,0,0.2,1); 
      z-index: 20;
    }
    #lsm-panel.lsm-open {transform: translateX(0);}
    #lsm-close {
      width: 28px;
      height: 28px;
      position: absolute;
      top: 50px;
      right: -14px;
      background: #222;
      border-radius: var(--radius-circle);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: opacity 0.2s, transform 0.2s;
      padding: 6px;
      cursor: pointer;
      border: none;
    }
    #lsm-close:hover {transform: scale(1.2);}
    .lsm-body { 
      flex: 1; 
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .user-logado {
      font-size: var(--font-size-sm);
      padding: var(--space-5);
      border-bottom: 1px solid #ddd;
    }
    .box-lista-categorias {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: var(--space-5) !important;
    }
    

  /* Fim - Modal Menu Lateral */

  /* Carrinho lateral */

    .modal-lateral-direito {
      position: fixed;
      top: 0;
      left: -380px;
      width: 320px;
      height: 100%;
      background: #fff;
      box-shadow: 4px 0 10px rgba(0,0,0,0.1);
      transition: left 0.3s ease;
      z-index: 1001;
      padding: 20px;
    }
    .modal-lateral-direito.ativo {
      left: 0;
    }
    .cart-drawer {
      position: fixed;
      inset: 0;
      z-index: 9999;
      pointer-events: none;
    }
    /* overlay */
    .cart-overlay {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.5);
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    /* conteúdo (carrinho) */
    .cart-content {
      position: absolute;
      right: 0;
      top: 0;
      width: 350px;
      height: 100%;
      background: #fff;
      padding: 0px;
      /*overflow-y: auto;*/
      transform: translateX(110%);
      transition: transform 0.3s ease;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .agrupa-divs-sacola {
      padding: var(--space-6);
      overflow: auto;
    }
    /* estado ativo */
    .cart-drawer.active {
        pointer-events: auto;
    }
    .cart-drawer.active .cart-overlay {
      opacity: 1;
    }
    .cart-drawer.active .cart-content {
      transform: translateX(0);
    }
    .cart-count {
      transition: 0.2s;
    }
    .cart-count.updated {
      transform: scale(1.2);
    }
    .fechar-cart {
      width: 28px;
      height: 28px;
      position: absolute;
      top: 45px;
      left: -14px;
      background: #222;
      border-radius: var(--radius-circle);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: opacity 0.2s, transform 0.2s;
      padding: 6px;
      cursor: pointer;
    }
    .fechar-menu {
      width: 28px;
      height: 28px;
      position: absolute;
      top: 45px;
      right: -14px;
      background: #222;
      border-radius: var(--radius-circle);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: opacity 0.2s, transform 0.2s;
      border: none !important;
      cursor: pointer;
      padding: 6px !important;
    }
    .fechar-cart:hover,
    .fechar-menu:hover {
      transform: scale(1.2);
    }
    .fechar-menu {
      top: 45px !important;
      right: -14px !important;
    }
    .cart-body {
      margin-top: var(--space-3);
    }
    .cart-footer {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: var(--space-5);
      padding: var(--space-6);
      border-top: solid 1px #eee;
    }
    .cont-botoes-car-lateral {
      display: flex;
      gap: 10px;
      justify-content: space-between;
    }
    .bt-carrinho  {
      width: 50px;
      padding: 0;
      background: #eee;
      border: solid 1px #eee;
      color: #444;
    }
    .bt-carrinho:hover  {
      background: #444;
      border: solid 1px #444;
      color: #fff;
    }
    .bt-carrinho svg:hover  {
      stroke-color: #fff;
    }
    .bt-checkout {
      padding: var(--space-3) var(--space-8);
      flex: auto;
    }
  
  /* Fim - Carrinho lateral */

  /*  Card Produto - Carrinho */
    .cart-card {
      display: flex;
      gap: 12px;
      padding: 12px 0;
      border-bottom: 1px solid #ebebeb;
    }
    .cart-card__thumb img {
      width: 72px;
      height: 72px;
      object-fit: cover;
      border-radius: 8px;
      display: block;
    }
    .cart-card__info {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 4px;
      min-width: 0;
    }
    .cart-card__name {
      font-size: 0.88rem;
      font-weight: 700;
      color: #1a1a1a;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .cart-card__variations {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
    }
    .cart-card__variations li {
      font-size: 0.72rem;
      background: #f5f5f5;
      border-radius: 4px;
      padding: 2px 6px;
      color: #666;
    }
    .cart-card__price {
      font-size: 0.9rem;
      font-weight: 700;
      color: var(--c1);
    }
    .cart-card__actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 4px;
    }
    .cart-card__qty {
      display: flex;
      align-items: center;
      border: 1px solid #ddd;
      border-radius: 6px;
      overflow: hidden;
    }
    .qty-btn {
      width: 28px;
      height: 28px;
      border: none;
      background: #f5f5f5;
      font-size: 1rem;
      cursor: pointer;
      transition: var(--transition-base);
    }
    .qty-btn:hover {
      background: #ddd;
      color: #222;
    }
    .cart-card__qty span {
      min-width: 28px;
      text-align: center;
      font-size: 0.88rem;
      font-weight: 700;
    }
    .cart-card__remove {
      font-size: 1rem;
      text-decoration: none;
      opacity: 0.4;
      transition: opacity 0.2s, transform 0.2s;
    }
    .cart-card__remove:hover {
      opacity: 1;
      transform: scale(1.1);
    }
    .cart-subtotal {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 0 var(--space-2) 0;
      font-size: 0.95rem;
      color: var(--txt);
    }
    .cart-subtotal strong {
      color: var(--c1);
      font-size: 1.05rem;
    }

  /*  Fim - Card Produto */

  .grid-produtos {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px;
  }

  /* Card Produto */
    .meu-card {
      display: flex;
    }
    .card-produto-woo {
      height: 100%;
      width: 100%;
      border: 1px solid #ddd;
      border-radius: var(--radius-md);
      overflow: hidden;
      background: #fff;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: relative;
      transition: var(--transition-base);
    }
    .card-produto-woo:hover {
      border: 1px solid var(--c1);
    }
    .card-link-woo {
      text-decoration: none;
      color: inherit;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
    }
    .card-img-woo {
      width: 100%;
      aspect-ratio: 1 / 1;
      background: #f5f5f5;
      overflow: hidden;
      border-radius: var(--radius-md);
    }
    .card-img-woo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    /* Corrige galeria do WooCommerce no mobile */
    .woocommerce div.product div.images {
        width: 100%;
    }
    .woocommerce div.product div.images img {
        width: 100%;
        height: auto;
        display: block;
    }
    .woocommerce-product-gallery {
        width: 100%;
    }
    .woocommerce-product-gallery__wrapper {
        width: 100%;
    }
    .flex-viewport {
      border-radius: 12px;
    }
    .woocommerce-product-gallery__image {
      width: 100%;
    }
    .flex-control-thumbs {
      display: flex;
      gap: 8px;
      margin-top: 10px;
      overflow-x: auto;
      padding-bottom: 5px;
    }
    .flex-control-thumbs li {
      min-width: 70px;
    }
    .flex-control-thumbs img {
      width: 100%;
      border-radius: 6px;
    }
    .flex-control-thumbs {
      scrollbar-width: none;
    }
    .flex-control-thumbs::-webkit-scrollbar {
      display: none;
    }
    .card-info-woo {
      padding: var(--space-3);
      flex-grow: 1;
    }
    .titulo-woo {
      font-size: var(--font-size-sm);
      margin-bottom: 5px;
      font-weight: var(--font-weight-normal);
    }
    .card-acoes-woo {
      display: flex;
      padding: var(--space-3);
      margin-top: auto;
      border-top: 1px solid #eee;
      flex-direction: column;
      justify-content: space-between;
      gap: 10px;
    }
    .card-acoes-woo a.button {
      display: block;
      width: 100%;
      text-align: center;
    }
    .card-acoes-woo .btn {
      flex: auto;
    }
    .cont-icones-bt {
      width: 32px;
      height: 32px;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after {
      display: none;
    }
    .loading:after {
      display: none;
    }
    .badge-carrinho {
      display: inline-block;
      background: green;
      color: #fff;
      font-size: 12px;
      padding: 4px 8px;
      border-radius: 5px;
      margin-bottom: 5px;
    }
    .badge-carrinho-qtd {
      width: 20px;
      height: 20px;
      border-radius: var(--radius-circle);
      background-color: red;
      color: white;
      position: absolute;
      top: -6px;
      right: -8px;
      font-size: 11px;
      font-weight: var(--font-weight-semibold);
      text-align: center;
      line-height: 20px;
    }
    .badge-carrinho-qtd {
      display: none;
    }
    .badge-carrinho-qtd.tem-qtd {
      display: inline-block;
    }


  /* 
   Botão de compra WooCommerce — bwoo
   Ative apenas UM bloco de estilo por vez (a, b, c ou d)
  */

    /* Base compartilhada */
    .bwoo {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      font-size: 14px;
      font-weight: 500;
      font-family: inherit;
      text-decoration: none;
      cursor: pointer;
      border: none;
      transition: background .18s, color .18s, border-color .18s,
      transform .12s, opacity .18s, box-shadow .18s;
    }
 
    .bwoo:hover {
      text-decoration: none;
    }
    .bwoo:active {
      transform: scale(.97);
    }
    .bwoo .ck {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .wcatcl-btn__check {
      display: none !important;
    }
    .wrp-list-header__title {
      font-size: 18px !important;
    }


    /* ESTILO A — Sólido moderno (padrão ativo) */
    .bwoo {
      height: 46px;
      padding: 0 22px;
      border-radius: var(--radius-full);
      background: #111111;
      color: #ffffff;
    }
    
    .bwoo:hover {
      background: #333333;
      color: #ffffff;
      transform: translateY(-1px);
    }
    
    .bwoo.produto-no-carrinho {
      background: #1a7a3c;
    }
    
    .bwoo.produto-no-carrinho:hover {
      background: #145f2e;
    }
    
    .bwoo .ck {
      background: rgba(255, 255, 255, .25);
    }

    .card-acoes-woo .ck {
      display: none !important;
    }

    

  /* Fim Botão de compra WooCommerce — bwoo */



    .added_to_cart.wc-forward {
      display: none !important;
    }
    .badge-desconto {
      position: absolute;
      top: 10px;
      right: 10px;
      background: #e60023;
      color: #fff;
      padding: var(--space-1) var(--space-3);
      font-size: 12px;
      font-weight: var(--font-weight-semibold);
      border-radius: var(--radius-full);
    }
    /* Indicador: produto já no carrinho */
    .btn-ico-card-woo-ecila {
      position: relative;
    }
    .btn-ico-card-woo-ecila.produto-no-carrinho {
      border-color: #2d8653;
      color: #2d8653;
      background-color: #f0faf4;
    }
    .cont-icones-bt .ico-sacola-woo {
      width: 32px;
      height: 32px;
      background-color: #ffffff38;
      border-radius: var(--radius-circle);
    }
    .check-no-carrinho {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 32px;
      height: 32px;
      background: #ffffff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: none;
      fill: var(--bt-bg) !important;
      color: var(--bt-bg);
      stroke: var(--bt-bg) !important;
    }
    .check-no-carrinho svg {
        stroke: var(--bt-bg) !important;
    }

    /* Animações globais */
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(20px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    .preco-woo {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      font-size: var(--font-size-xs);
      margin-top: var(--space-2);
    }
    .wcpc-preco {
      align-items: center !important;
    }
    .preco-woo, .wc-melhor-parcela .woocommerce-Price-amount {
      font-size: 13px !important;
    }
    .sp-info-pagamento, .wc-melhor-parcela .woocommerce-Price-amount {
      font-size: 14px !important;
    }
    .wc-pix-price svg {
      width: 15px;
    }
    .wc-boleto-price svg {
      width: 17px;
    }
    .preco-woo .woocommerce-Price-amount {
      font-size: var(--font-size-base);
      font-weight: var(--font-weight-bold);
      color: var(--c1);
      position: relative;
      top: 1px;
    }
    .preco-woo .wcpc-preco-prefixo {
      font-size: 13px;
      position: relative;
      top: -1px;
    }
    

  /* Fim - Card Produto */

  /* Card Post */
    .card-post {
      background: rgb(255, 255, 255);
      border-radius: var(--radius-lg);
      overflow: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
    }
    .card-imagem {
      display: block;
      position: relative;
      overflow: hidden;
      height: auto;
      border-radius: var(--radius-md);
      background-color: #f0f0f0;
      aspect-ratio: 1 / 1;
      width: 100%;
    }
    /* Imagem preenche o container reservado */
    .card-imagem img,
    .card-imagem picture {
      width: 100%;
      height: 100%;
      display: block;
    }
    .card-imagem img {
      object-fit: cover;
      transition: transform 0.8s ease;
    }
    .card-post:hover .card-imagem img  {
      transform: scale(1.1);
    }
    .card-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: var(--c2);
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    .card-post:hover .card-overlay {
      opacity: 0.3;
    }

  /* Fim - Card Post */

  /* Compartilhar */
    .share-post {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
    }
    .share-post a {
      width: 35px;
      height: 35px;
      border-radius: var(--radius-circle);
      background-color: var(--c1);
      display: flex;
      justify-content: center;
      align-items: center;
      transition: var(--transition-base);
      color: var(--bt-tx);
    }
    .share-post a:hover {
      opacity: 0.8;
    }
    .box-compartilhar-post {
      border-top: 1px solid #eee;
      padding-top: var(--space-5);
    }
    .box-compartilha-produto {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      padding: var(--space-5) 0;
      font-size: var(--font-size-sm);
      font-weight: var(--font-weight-semibold);
    }
    .box-compartilha-produto .share-post a {
      width: 30px;
      height: 30px;
    }
    .box-compartilha-produto .share-post svg {
      width: 18px;
      height: 18px;
    }

  /* Fim - Compartilhar */



/* FIM COMPONENTES */


/* LISTA DE PRODUTOS */
  .box-listagem-produtos-woo .sp-related__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  .sp-related__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }

  .div-boxes-listatagem {
    display: flex;
    gap: 30px;
  }
  .box-titulo-cat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-10);
  }
  .box-filtros-lateral {
    width: 25%;
  }
  .box-listagem-produtos-woo {
    width: 75%;
  }
  .ordenacao .woocommerce-ordering {
    margin: 0px !important;
  }
  .resultado .woocommerce-result-count {
    margin: 0 !important;
  }
  .paginacao {
    margin-top: var(--space-15);
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .paginacao .page-numbers {
    padding: 0px !important;
  }
  .woocommerce nav.woocommerce-pagination ul {
    display: flex;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border: 0px !important;
    border-right: 0;
    margin: 1px;
    background-color: transparent !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
  }
  .woocommerce nav.woocommerce-pagination ul li {
    border-right: 0px;
  }
  .woocommerce-pagination ul.page-numbers::before,
  .woocommerce-pagination ul.page-numbers::after {
    display: none;
  }
  .woocommerce nav.woocommerce-pagination ul li a,
  .woocommerce nav.woocommerce-pagination ul li span {
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 31px;
    background-color: #eee;
    color: var(--txt);
    border: none;
    border-radius: var(--radius-full);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-normal);
  }
  .woocommerce nav.woocommerce-pagination ul li a:hover,
  .woocommerce nav.woocommerce-pagination ul li span.current {
    background-color: var(--c1);
    color: #fff;
    font-weight: var(--font-weight-semibold);
  }

/* FIM - LISTA DE PRODUTOS */


/* SINGLE PRODUTO */

  .galeria-woo {
  position: relative;
  width: 55%;
  }
  .sp-info-pagamento .wcpc-preco-prefixo {
    font-size: var(--font-size-xs);
  }
  .sp-info-pagamento .wcpc-preco {
    display: flex;
    gap: 5px;
  }

  /* Preço */
    .box-tags-pagamento {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 10px;
    }
    .sp-info-pagamento {
      display: flex;
      align-items: flex-start;
      gap: 5px;
      flex-direction: column;
    }
    .sp-info__price {
      display: block;
      width: 100%;
    }
    .sp-info__price .woocommerce-Price-amount {
      font-size: 1.75rem;
      font-weight: 700;
      color: var(--c1);
    }
    .mais-pagamento {
      color: var(--txt);
      font-size: var(--font-size-xs);
      transition: var(--transition-base);
      border-radius: var(--radius-full);
    }
    .mais-pagamento:hover {
      color: var(--c1);
    }
    .sp-info-pagamento .wc-melhor-parcela {
      font-size: var(--font-size-xs);
    }
    

  /* Fim - Preço */

  /* Descrição curta */
    .sp-info__desc {
      font-size: var(--font-size-sm);
      color: var(--txt);
      line-height: 1.7;
      border-top: 1px solid #ebebeb;
      padding-top: var(--space-4);
      margin-bottom: var(--space-4);
    }
  
  /* Fim - Descrição curta */

  /* Botão adicionar ao carrinho */
    .sp-info__form .single_add_to_cart_button {
      background: var(--bt-bg) !important;
      color: var(--bt-tx) !important;
      border: none !important;
      border-radius: var(--radius-full) !important;
      padding: 20px 32px !important;
      font-size: var(--font-size-xs) !important;
      font-weight: var(--font-weight-semibold) !important;
      cursor: pointer;
      transition: background 0.2s !important;
      width: 100%;
    }
    .sp-info__form .single_add_to_cart_button:hover {
      background: var(--bt-bg-h) !important;
      columns: var(--bt-tx-h) !important;
    }
    .todas-info-metas {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .sp-info__meta {
      font-size: var(--font-size-xs);
      color: var(--txt);
    }
    .sp-info__meta a {
      transition: var(--transition-base);
    }
    .sp-info__meta a:hover {
      color: var(--c1);
    }
    .sp-info__form .cart {
      display: flex;
      flex-direction: row;
      gap: 10px;
    }
    .variations_form.cart {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .woocommerce-variation-add-to-cart {
      display: flex;
      flex-direction: row;
      gap: 10px;
    }

  /* Fim -Botão adicionar ao carrinho */

  /* Estoque */
    .sp-info__stock {
      font-size: var(--font-size-xs);
      padding: var(--space-4) 0
    }
    .sp-info__form .stock.in-stock {
      display: none;
    }
    .stock.low {
      font-size: var(--font-size-xs);
      color: #e63946;
      font-weight: var(--font-weight-semibold);
      padding: var(--space-1) var(--space-2);
      background: #e6394612;
      border-radius: var(--radius-full);
    }
    .stock.in {
      font-size: var(--font-size-xs);
      color: #2a9d8f;
      font-weight: var(--font-weight-semibold);
      padding: var(--space-1) var(--space-2);
      background: #2a9d8f17;
      border-radius: var(--radius-full);
    }
    .stock.out {
      font-size: var(--font-size-xs);
      color: #e63946;
      font-weight: var(--font-weight-semibold);
      padding: var(--space-1) var(--space-2);
      background: #e6394612;
      border-radius: var(--radius-full);
    }
    .stock.out-of-stock {display: none;}

  /* Fim - Estoque */

  /* Quantidade customizada */
    .quantity {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0;
      border: 1px solid #ddd;
      border-radius: var(--radius-full);
      overflow: hidden;
      width: 185px;
      padding: 0 6px;
    }
    .quantity .qty {
      width: 48px !important;
      height: 44px;
      border: none;
      text-align: center;
      font-size: var(--font-size-xs);
      font-weight: var(--font-weight-semibold);
      color: #1a1a1a;
      background: #fff;
      -moz-appearance: textfield;
    }
    .quantity .qty::-webkit-outer-spin-button,
    .quantity .qty::-webkit-inner-spin-button {
      -webkit-appearance: none;
    }
    .qty-single {
      width: 32px;
      height: 32px;
      border: none;
      border-radius: var(--radius-full);
      background: #f5f5f5;
      font-size: 18px;
      cursor: pointer;
      color: #1a1a1a;
      transition: background 0.15s, color 0.15s;
      flex-shrink: 0;
      line-height: 22px !important;
      padding: 0px !important;
    }
    .qty-single:hover {
      background: var(--c1);
      color: #fff;
    }

  /* Fim - Quantidade customizada */

  /* Select de variações */
    .variations select,
    .orderby {
      appearance: none;
      -webkit-appearance: none;
      background-color: #fff;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 12px center;
      border: 1.5px solid #ddd;
      border-radius: var(--radius-full);
      padding: var(--space-3) var(--space-10) var(--space-3) var(--space-5);
      font-size: var(--font-size-xs);
      font-weight: var(--font-weight-normal);
      color: #1a1a1a;
      cursor: pointer;
      min-width: 180px;
      transition: border-color 0.2s, box-shadow 0.2s;
    }
    .variations select:hover,
    .orderby:hover {
      border-color: var(--c1);
    }
    .variations select:focus,
    .orderby:focus {
      outline: none;
      border-color: var(--c1);
      box-shadow: 0 0 0 3px rgba(233, 30, 140, 0.1);
    }

    /* Label do atributo */
    .variations th.label label {
      font-size: 0.85rem;
      font-weight: 700;
      color: #1a1a1a;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    /* Linha da tabela de variações */
    .variations tr {
      display: flex;
      align-items: flex-start;
      gap: 2px;
      margin-bottom: var(--space-3);
      flex-direction: column;
    }
    .variations td,
    .variations th {
        border: none !important;
        padding: 0 !important;
    }
    .woocommerce-variation.single_variation {
      display: none !important;
    }

    /* Link "Limpar" */
    .reset_variations {
      font-size: 0.8rem;
      color: #999;
      text-decoration: none;
      display: inline-block;
      margin-top: 4px;
      transition: color 0.2s;
    }
    .reset_variations:hover {
      color: var(--c1);
    }

    /* Info */
    .sp-info {
      display: flex;
      flex-direction: column;
      gap: 16px;
      width: 42%;
    }
    .sp-info__cat {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
      margin-bottom: var(--space-1);
    }
    .sp-info__cat a {
      font-size: var(--font-size-xs);
      color: var(--txt);
      padding: var(--space-1) var(--space-3);
      border-radius: var(--radius-full);
      background: #eee;
      font-weight: var(--font-weight-normal);
      transition: var(--transition-base);
    }
    .sp-info__cat a:hover {
        color: #fff;
        background: var(--c1);
    }
    .sp-info__brand {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
      padding-bottom: var(--space-2);
    }
    .sp-info__brand a {
      color: var(--txt);
      font-weight: var(--font-weight-normal);
      transition: var(--transition-base);
    }
    .sp-info__brand a:hover {
      color: var(--c1);
    }

  /* Fim - Select de variações */

  .modal-header {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 24px 20px;
    border-bottom: 1px solid #f0f0f0;
}

.modal-produto-img {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid #f0f0f0;
}

.modal-produto-nome {
    font-size: 16px;
    font-weight: 600;
    color: #111;
    margin: 0 0 6px;
}

.modal-produto-preco {
    font-size: 18px;
    font-weight: 700;
    color: #1a7a3c;
    margin: 0;
}

#modal-body {
    padding: 20px 24px 28px;
}

/* Botão fechar do modal */
#modal-produto .fechar {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f5f5f5;
    border: 1px solid #eee;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #555;
    line-height: 1;
    transition: background .15s, color .15s;
    float: none;
}

#modal-produto .fechar:hover {
    background: #111;
    color: #fff;
}

/* Botão adicionar ao carrinho no modal */
#modal-body .single_add_to_cart_button {
    flex: 1;
    height: 48px;
    border: none !important;
    border-radius: var(--radius-full) !important;
    background: var(--bt-bg) !important;
    color: var(--bt-tx) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer;
    padding: 0 24px !important;
    transition: background .18s !important;
    width: auto !important;
}

#modal-body .single_add_to_cart_button:hover {
    background: var(--bt-bg-h) !important;
}

#modal-body .single_add_to_cart_button.disabled {
    background: #ccc !important;
    cursor: not-allowed;
}

  /* Galeria WooCommerce  */

    /* Imagem principal */
    .woocommerce-product-gallery__wrapper {
      border-radius: 12px;
      overflow: hidden;
    }
    .woocommerce-product-gallery__image img {
      width: 100%;
      border-radius: 12px;
      object-fit: cover;
    }

    /* Miniaturas em linha horizontal */
    .flex-control-thumbs {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px !important;
      padding: 0 !important;
    }
    .flex-control-thumbs li {
      width: auto !important;
      float: none !important;
      margin: 0 !important;
    }
    .flex-control-thumbs li img {
      width: 70px !important;
      height: 70px !important;
      object-fit: cover;
      border-radius: var(--radius-sm);
      border: 2px solid transparent;
      transition: border-color 0.2s;
      opacity: 1 !important;
    }
    .flex-control-thumbs li img.flex-active,
    .flex-control-thumbs li img:hover {
      border-color: var(--c1);
    }

    /* Ícone de zoom */
    .woocommerce-product-gallery__trigger {
      top: 12px !important;
      right: 12px !important;
      background: #fff !important;
      border-radius: 50% !important;
      width: 36px !important;
      height: 36px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
      opacity: 1 !important;
      position: absolute;
      z-index: 9;
    }
    .zoomImg {
      background-color: #fff;
    }
    .pswp__bg {
      background: #000000de !important;
    }

  /* Fim - Galeria WooCommerce  */

  /* Conteúdo do Produto */
    .box-elementos-page-produto {
      position: relative;
    }
    .links-ancora-boxes {
      position: sticky;
      top: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 0;
      border-bottom: 2px solid #ebebeb;
      background-color: #fff;
      z-index: 9;
    }
    .cont-links-produto {
      display: flex;
    }
    .lk-ancora-page {
      background: none;
      border: none;
      padding: 12px 24px;
      font-size: var(--font-size-sm);
      font-weight: var(--font-weight-semibold);
      color: var(--txt);
      cursor: pointer;
      border-bottom: 2px solid transparent;
      margin-bottom: -2px;
      transition: color 0.2s, border-color 0.2s;
    }
    .lk-ancora-page.active,
    .lk-ancora-page:hover {
      color: var(--c1) !important;
      border-bottom-color: var(--c1) !important;
    }
    .box-item-page-produto {
      padding: var(--space-20) 0;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 20px;
      border-bottom: 1px solid #ebebeb;
    }

  /* Fim - Conteúdo do Produto */

  /* Opções de Pagamento */
    .pagamentos-grid {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }
    .pagamento-item {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 10px 14px;
      background: #f7f7f7;
      border-radius: 8px;
      font-size: 14px;
      transition: .2s;
    }
    .pagamento-item:hover {
      background: #eee;
    }
    .pagamento-item .icon {
      width: 20px;
      height: 20px;
    }
    /* Ícones simples (pode trocar por SVG depois) */
    .pagamento-pix .icon {
      background: url('/icons/pix.svg') no-repeat center/contain;
    }
    .pagamento-bacs .icon {
      background: url('/icons/boleto.svg') no-repeat center/contain;
    }
    .pagamento-cod .icon {
      background: url('/icons/delivery.svg') no-repeat center/contain;
    }
    .pagamento-info {
      display: block;
      margin-top: 10px;
      color: #777;
      font-size: 12px;
    }
  
  /* Fim - Opções de Pagamento */

  /* Avaliações */
    .sp-info__rating {
      display: flex;
      align-items: center;
      gap: 4px;
    }
    .sp-info__rating .star { color: #ddd; font-size: 1.1rem; }
    .sp-info__rating .star.filled { color: var(--c1); }
    .sp-info__rating .star.half { color: var(--c1); opacity: 0.5; }
    .sp-info__rating-count {
      font-size: 0.8rem;
      color: #999;
      margin-left: 4px;
    }
  
   /* Fim - Avaliações */

  /* Vídeo do Produtos */
    .fspwoo-video-wrapper {
      border-radius: var(--radius-lg);
    }

  /* Fim - Vídeo do Produtos */

/* FIM SINGLE PRODUTO */


/* SINGLE POST */

  .post-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: var(--space-10);
  }
  .lk-tag {
    font-size: var(--fs-13);
    padding: var(--esp-5) var(--esp-15);
    border-radius: var(--borda-infinita);
    background: #f1f1f1;
    color: #333;
    text-decoration: none;
    font-weight: var(--peso-normal);
    transition: 400ms;
  }
  .lk-tag:hover {
    opacity: 0.7;
  }
	/* Oculta header e footter da página de links da bio */
  .page-template-page-links header,
  .page-template-page-links footer {
    display: none !important;
  }

  /* Comentário Post */
    .cont-comentarios-post {
      margin-top: var(--space-10);
      padding-top: var(--space-10);
      border-top: 1px solid #eee;
    }
    .comments-area {
      margin-top: var(--space-4);
    }
    .comment-list {
      list-style: none;
      padding: 0;
    }
    .comment-form {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }
    .comment-form label {
      font-size: var(--font-size-xs);
      font-weight: var(--font-weight-semibold);
    }
    .comment-form input,
    textarea {
      width: 100%;
      padding: var(--space-2) var(--space-3) !important;
      border: 1px solid #c2c2cc;
      border-radius: var(--radius-lg);
      font-size: var(--font-size-sm);
      transition: border-color 0.3s;
      box-sizing: border-box;
    }
    .comment-form input:focus,
    .comment-form textarea:focus {
      outline: none;
      border-color: var(--c2) !important;
    }
    .comment-form-comment,
    .comment-form-author,
    .comment-form-email,
    .comment-form-url {
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 5px;
    }
    .comment-form-cookies-consent {
      display: flex;
      align-items: start;
      align-items: center;
      gap: 5px;
      padding: var(--space-2) 0;
    }
    .comment-form-cookies-consent input {
      width: auto;
      padding: var(--space-2) !important;
    }
    .comment-form-cookies-consent label {
      font-weight: var(--font-weight-normal);
    }
    .comment-form-cookies-consent input[type="checkbox"] {
      appearance: none;
      -webkit-appearance: none;
      width: 16px;
      height: 16px;
      border: 2px solid var(--c2);
      border-radius: 4px;
      cursor: pointer;
      position: relative;
    }
    .comment-form-cookies-consent input[type="checkbox"]:checked::after {
      content: "✔";
      position: absolute;
      top: -3px;
      left: 3px;
      font-size: 14px;
      color: var(--c2);
    }
    .form-submit .submit {
      display: flex;
      padding: var(--space-3) var(--space-10);
      background-color: var(--bt-bg);
      color: var(--bt-tx);
      text-decoration: none;
      border-radius: var(--radius-full);
      font-size: var(--font-size-sm);
      font-weight: var(--font-weight-semibold);
      transition: 400ms;
      border: 1px solid var(--bt-bg) !important;
      justify-content: var(--jc-center);
      line-height: var(--lh-13);
    }
    .form-submit .submit:hover {
      background: var(--bt-bg-h);
      border: 1px solid var(--bt-bg-h) !important;
      color: var(--bt-tx-h);
    }
    .comment-body {
      border-bottom: 1px solid #eee;
      padding: var(--space-6) 0;
    }
    .comment-body p {
      white-space: pre-line;
      font-weight: var(--font-weight-normal);
    }
    .comment-author {
      font-weight: var(--font-weight-semibold);
      margin-bottom: var(--space-4);
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: var(--font-size-xs);
    }
    .comment-author img {
      border-radius: var(--radius-circle);
    }
    .comment-author .fn,
    .comment-author .says {
      font-style: normal;
    }
    .commentmetadata {
      font-size: 14px;
      color: #555;
      margin-bottom: var(--space-4);
    }
    .comment-content {
      margin-top: var(--space-4);
    }
    .comment-form textarea {
      width: 100%;
      min-height: 80px;
    }
    .comment-respond {
      padding-top: var(--space-8);
    }
    .comment-reply-title {
      font-size: var(--font-size-xl);
      font-weight: var(--font-weight-bold);
      margin-bottom: var(--space-5);
    }
    .comment-notes {
      display: flex;
      flex-direction: column;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: var(--space-4);
      gap: 5px;
    }
    .logged-in-as {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: var(--space-4);
    }
    .required-field-message {
      width: 100%;
    }
    .logged-in-as a {
      text-decoration: none !important;
      font-weight: var(--peso-normal);
      padding: var(--space-2) var(--space-5);
      background-color: #eee;
      color: #555;
      border-radius: var(--radius-full);
      transition: 400ms;
    }
    .logged-in-as a:hover {
      opacity: 0.6;
    }
    .reply {
      margin-top: var(--space-4);
    }
    .reply a {
      text-decoration: none !important;
      font-weight: var(--font-weight-semibold);
      padding: var(--space-2) var(--space-6);
      background-color: #eee;
      color: #555;
      font-size: 12px;
      border-radius: var(--radius-full);
      transition: 400ms;
    }
    .reply a:hover {
      opacity: 0.7;
    }

  /* Comentário Post */  

  /* Newslleter */
    #simple-newsletter-form {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }
    .box-newsletter-lateral>.simple-newsletter-form {
      background: transparent;
      padding: var(--space-5) 0 0 0;
      margin-top: var(--space-4);
      border-top: 1px solid #eee;
      border-radius: 0;
    }
    .box-newsletter-lateral>.simple-newsletter-form h2 {
      font-size: var(--font-size-lg);
      font-weight: var(--font-weight-semibold);
      margin-bottom: var(--space-2);
      color: var(--ttl);

    }
    .limite-newsletter>.simple-newsletter-form {
      background: transparent;
      width: 100% !important;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .limite-newsletter>.simple-newsletter-form h2 {
      font-size: var(--font-size-xl);
      font-weight: var(--font-weight-bold);
      color: var(--ttl);
    }
    .limite-newsletter>.simple-newsletter-form p {
      font-size: var(--font-size-base);
      color: var(--txt);
    }
    .limite-newsletter #simple-newsletter-form {
      display: flex !important;
      flex-wrap: wrap !important;
      /*align-items: flex-end;*/
      gap: 10px;
    }
    .limite-newsletter .form-group {
      flex: auto !important;
      margin-bottom: 0px !important;
    }
    .limite-newsletter .ajuste-especifico {
      width: auto !important;
      flex: auto !important;
    }

  /* Fim - Newslleter */

/* FIM - SINGLE POST */

/* FINALIZAÇÃO DE PEDIDO */
.header-page-pedido {
  padding: var(--space-4) 0;
  border-bottom: 1px solid #ddd;
  background: var(--head-bg);
}
.footer-page-pedido {
  padding: var(--space-6) 0;
  border-top: 1px solid #ddd;
  font-size: var(--font-size-xs);
  color: #444;
}
.container-header-page-pedido,
.container-footer-page-pedido {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.container-header-page-pedido .custom-logo,
.container-header-page-pedido .custom-logo-link {
    width: 130px;
    height: 50px;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
}
.box-info-importante-checkout {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

/* FOOTER */
  .footer-site {
    background-color: var(--foot-bg);
    border-radius: var(--radius-lg) var(--radius-lg) 0px 0px;
  }
  .ajuste-footer {
    display: flex;
    padding: var(--space-15) var(--space-5);
    color: var(--foot-txt);
    gap: 40px;
  }
  .box-footer {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .alinhamento-elementos-superior {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sec-lista-padrao {
    padding-top: 0;
    margin-top: -60px;
    background-color: transparent;
    position: relative;
    z-index: 1;
  }
  .ajuste-zindex {
    position: relative;
    z-index: 2;
  }
  .ajuste-bloco-texto-conteudo {
		margin-top: 60px;
		padding-top: 40px;
		border-top: 1px solid #eee;
	}
  .t-footer {
    font-weight: var(--font-weight-semibold);
    display: block;
	  font-size: var(--font-size-sm);
  }
  .social-footer li a {
    color: var(--foot-ico);
    background-color: var(--foot-btn);
    border: 1px solid var(--foot-btn);
  }
  .social-footer li a:hover {
    background-color: transparent;
    color: var(--foot-btn);
  }
  #menu-menu-rodape {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  #menu-menu-rodape a {
    color: var(--foot-txt);
    text-decoration: none;
    transition: var(--transition-base);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-relaxed);
  }
  #menu-menu-rodape a:hover {
    opacity: 0.6;
  }
  #menu-menu-rodape .menu-item::after,
  #menu-menu-categorias-servico .menu-item::after {
    display: none;
  }
  .menu-item::after {
    display: none;
  }
  .ajuste-footer hr {
    display: none;
  }
	.footer-logo-link {
	  display: flex;
	  width: 160px;
	  height: 80px;
	  flex-shrink: 0;
	}
	.logo-rodape {
	  width: 160px;
	  height: 80px;
	  max-width: 100%;
	  object-fit: contain;
	  object-position: left top;
	}
  .grupo-contatos-footer {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .contatos-fixos,
  .contatos-whatsapp,
  .contatos-emails {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .contato-item a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: var(--font-size-xs);
    color: var(--foot-txt);
  }
  .box-complemento-footer {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
  }
  .box-endereco-footer {
    padding: 0;
  }
  .box-social-footer {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  /* Copy */
  .copy-ecila {
    background-color: var(--c1);
    padding: var(--space-8) 0;
    color: #fff;
    border-radius: var(--radius-lg) var(--radius-lg) 0px 0px;
  }
  .ajuste-copy-site {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .info-empresa-footer {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: var(--font-size-xs);
    flex-direction: column;
    gap: 6px;
  }
  .nome-footer {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    margin: 5px 0px;
  }
  .nome-copy-footer {
    display: flex;
  }
  .info-empresa-footer a {
    transition: var(--transition-base);
  }
  .info-empresa-footer a:hover {
    opacity: 0.6;
  }
  .ass-ecila {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--font-size-xs);
    flex-direction: row;
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.5px;
  }

/* FIM FOOTER */


/* MINHA CONTA */
  /* Reset de margens para a área da conta */
    .woocommerce-account .woocommerce {
      max-width: 1400px;
      margin: 0 auto;
      padding: 20px;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
      float: left;
      width: 100%;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
      float: right;
      width: 100%;
    }


/* FIM - MINHA CONTA */



/* RESPONSIVO */
/* 1280PX */

  @media (max-width: 1280px) {
    .container {
      width: 100%;
    }
  }

/* FIM 1280PX */

/* 1024PX */
  @media (max-width: 1024px) { 

    .box-elementos-topo {
      gap: 20px;
    }
    .agrupa-acoes-topo {
      gap: 20px;
    }
    .box-elementos-topo .search-form {
      display: none;
    } 
    .box-itens-principal-topo {
      padding: var(--space-0);
    }
    .ajuste-topo-principal {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: var(--space-3);
      flex-wrap: wrap;
      gap: 0px 15px;
    }
    .search-form {
        width: 100%;
    }
	  .box-search-mobile {
      width: 100%;
      display: block;
      margin-top: var(--space-4);
    }
    .box-filtros-lateral {
      width: 100%;
    }
    .grid-produtos {
      grid-template-columns: repeat(3, 1fr) !important;
    }
    .div-boxes-listatagem {
      display: flex;
      flex-direction: column;
    }
    .box-listagem-produtos-woo {
      width: 100%;
    }
    .box-listagem-produtos-woo .sp-related__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr) !important;
    }
    .container-produto-woo-prime {
      flex-direction: column;
      gap: 30px;
    }
    .sp-info {
      width: 100%;
    }
    .galeria-woo {
      position: relative;
      width: 100% !important;
    }
    .flex-control-thumbs li {
      min-width: 50px;
    }
    .flex-control-thumbs li img {
      width: 50px !important;
      height: 50px !important;
    }
    .social-footer {
		  display:flex;
	  }
    .ajuste-footer {
      flex-direction: column;
      gap: 20px;
    }
    .box-footer {
      width: 100%;
    }
    .ajuste-footer hr,
    .box-footer hr {
      width: 100%;
      opacity: 0.2;
      border: none;
      border-top: 1px solid var(--foot-txt);
      display: block;
    }
	  .hr-footer {
		  margin-top: 20px;
	  }
    .box-complemento-footer {
      padding: 0;
    }
    .ajuste-copy-site {
      gap: 20px;
    }
    .info-empresa-footer {
      width: 100%;
      justify-content: center;
    }
    .ass-ecila {
      width: 100%;
      /*flex-direction: column;*/
      justify-content: center;
      margin-top: var(--esp-20);
    }

  }

/* FIM 1024PX */


/* 768PX */

  @media (max-width: 768px) {

    .titulo-secundario {
      font-size: var(--font-size-lg);
    }
    .box-elementos-page-produto {
      padding: var(--space-0);
    }
    .box-item-page-produto {
      padding: var(--space-10) var(--space-3);
    }
    .links-ancora-boxes {
      overflow: scroll;
      display: block;
      padding-bottom: 2px;
    }
    .links-ancora-boxes::-webkit-scrollbar {
      width: 0px;
      height: 0px;
      background: transparent;
    }
    .cont-links-produto {
      width: 530px;
      display: flex;
    }
    .lk-ancora-page {
      padding: 12px 10px;
      font-size: var(--font-size-sm);
    }

    /* Depoimentos - Plugin */
    .wrp-card {
      padding: 20px 18px;
    }
    .wrp-card__author {
      font-size: 14px;
    }
    .wrp-card__title {
      font-size: 16px;
    }
    .wrp-card__content {
      font-size: 14px;  
    }
    .wrp-card__subs {
      gap: 8px;
      padding: 10px 12px;
    }
    .wrp-stars {
      display: flex;
      gap: 3px;
      justify-content: center;
    }
    .wrp-score-badge__count {
      font-size: 14px;
      margin-top: 10px;
      text-align: center;
    }
    .footer-logo-link {
      max-width: 180px;
    }
    .logo-rodape {
      max-width: 180px;
    }
    
  }

/* FIM 768PX */


/* 640PX */

  @media (max-width: 640px) {
    
    .custom-logo-link {
      width: 120px;
    }
    .grid-produtos {
      grid-template-columns: repeat(2, 1fr) !important;
    }
    .box-listagem-produtos-woo .sp-related__grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr) !important;
    }
    .box-titulo-cat {
      display: flex;
      margin-bottom: var(--space-5);
      flex-direction: column;
      gap: 10px;
      align-items: flex-start;
    }
    .ordenacao {
      width: 100%;
    }
    .ordenacao .woocommerce-ordering {
      width: 100%;
    }
    .woocommerce .woocommerce-ordering select {
      width: 100%;
    }

  }

/* FIM 640PX */


/* 576PX */

  @media (max-width: 576px) {
    
    .sec-pedidos-whatsapp {
      padding: var(--space-8) 0;
    }
    .ico-conta {
      display: none;
    }
    .titulo-primario {
      font-size: var(--font-size-xl);
    }
    .grid-produtos {
      gap: 6px;
    }
    .card-info-woo {
      padding: var(--space-3);
    }
    .card-acoes-woo {
      padding: var(--space-3);
      flex-direction: column-reverse;
      align-items: stretch;
      gap: 5px;
    }
    .card-acoes-woo .btn {
      padding: var(--space-2) var(--space-3);
    }
    .btn-ico-card-woo-ecila {
      width: auto !important;
      border-radius: var(--radius-full) !important;
      padding: 0px !important;
    }
    .sp-info__form .cart {
      flex-direction: column;
    }
    .quantity {
      width: 100%;
    }

  }

/* FIM 576PX */