/* =====================================================
   SANTINHA CONCEPT - Estilo do Site Publico (v2)
   Paleta oficial: bege + dourado + marrom + offwhite + oliva + rose
   ===================================================== */

:root{
  --bege:        #E8D8C0;
  --dourado:     #B08A4A;
  --marrom:      #6E4B2A;
  --offwhite:    #F5EFE6;
  --oliva:       #8A8F6A;
  --rose:        #D6AFA2;
  --marrom-fundo:#5b3d22;
  --texto:       #4a3322;
  --texto-suave: #7d6a55;
  --linha:       #e3d4bf;
  --serif:'Playfair Display', Georgia, serif;
  --sans:'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--sans);
  background:var(--offwhite);
  color:var(--texto);
  font-size:15px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;display:block;}
a{color:var(--marrom);text-decoration:none;transition:color .2s;}
a:hover{color:var(--dourado);}
.container{max-width:1320px;margin:0 auto;padding:0 32px;}

/* ============ TOPBAR ============ */
.topbar{
  background:var(--marrom);color:var(--offwhite);
  text-align:center;font-size:11px;letter-spacing:3px;
  text-transform:uppercase;padding:9px;font-weight:400;
}

/* ============ HEADER ============ */
.site-header{
  background:var(--offwhite);
  border-bottom:1px solid var(--linha);
  position:sticky;top:0;z-index:50;
}
.site-header .container{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:14px;padding-bottom:14px;gap:24px;
}

/* Logo - configuravel via admin */
.logo-link{display:flex;align-items:center;}
.logo-img{
  display:block;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 2px 10px rgba(110,75,42,.12);
  /* height definido inline via PHP */
}
.logo-texto{
  font-family:var(--serif);
  color:var(--marrom);
  text-decoration:none;
}
.logo-texto .nome{font-size:28px;font-weight:700;letter-spacing:5px;line-height:1;}
.logo-texto .tag{
  font-family:var(--sans);font-size:9px;letter-spacing:3px;
  color:var(--texto-suave);font-weight:400;margin-top:4px;
  text-transform:uppercase;
}

/* Nav */
.site-nav ul{list-style:none;display:flex;gap:32px;}
.site-nav a{
  font-size:12px;letter-spacing:1.8px;text-transform:uppercase;
  font-weight:500;color:var(--texto);position:relative;padding:4px 0;
  transition:color .25s;
}
.site-nav a::after{
  content:'';position:absolute;left:0;bottom:-2px;
  width:0;height:1.5px;background:var(--dourado);transition:width .3s;
}
.site-nav a:hover{color:var(--dourado);}
.site-nav a:hover::after,.site-nav a.ativo::after{width:100%;}

.header-whats{
  background:var(--marrom);color:var(--offwhite);
  padding:11px 22px;border-radius:2px;font-size:11px;
  letter-spacing:2px;text-transform:uppercase;font-weight:500;
  transition:background .25s;white-space:nowrap;
  display:inline-flex;align-items:center;gap:8px;
}
.header-whats:hover{background:var(--dourado);color:#fff;}

/* Container das ações do header (lupa + whatsapp) */
.header-acoes{display:flex;align-items:center;gap:14px;}

/* Botão de busca (ícone lupa) */
.btn-busca-icone{
  background:none;border:1.5px solid var(--marrom);color:var(--marrom);
  width:42px;height:42px;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .25s;padding:0;
}
.btn-busca-icone:hover{background:var(--marrom);color:var(--offwhite);}
.btn-busca-icone:hover svg{color:var(--offwhite);}

/* ============ MODAL DE BUSCA ============ */
.busca-modal{
  position:fixed;inset:0;z-index:200;
  opacity:0;pointer-events:none;
  transition:opacity .25s;
}
.busca-modal.aberta{opacity:1;pointer-events:auto;}
.busca-backdrop{
  position:absolute;inset:0;
  background:rgba(70,51,34,.45);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.busca-painel{
  position:relative;
  max-width:760px;
  margin:60px auto 30px;
  background:var(--offwhite);
  border-radius:6px;
  padding:42px 44px 36px;
  box-shadow:0 30px 80px rgba(70,51,34,.35);
  transform:translateY(-20px);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  max-height:calc(100vh - 100px);
  overflow-y:auto;
}
.busca-modal.aberta .busca-painel{transform:translateY(0);}

.busca-fechar{
  position:absolute;top:18px;right:18px;
  background:none;border:none;cursor:pointer;
  width:38px;height:38px;border-radius:50%;
  font-size:24px;color:var(--marrom);
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;line-height:1;
}
.busca-fechar:hover{background:var(--bege);}

.busca-titulo{text-align:center;margin-bottom:26px;}
.busca-titulo .mini{
  font-size:11px;letter-spacing:4px;text-transform:uppercase;
  color:var(--dourado);font-weight:600;display:block;margin-bottom:6px;
}
.busca-titulo h2{
  font-family:var(--serif);font-size:28px;
  color:var(--marrom);font-weight:600;letter-spacing:1px;
}

/* Campo de busca */
.busca-campo-wrap{
  position:relative;margin-bottom:14px;
}
.busca-lupa{
  position:absolute;left:18px;top:50%;transform:translateY(-50%);
  color:var(--marrom);pointer-events:none;
}
.busca-campo{
  width:100%;
  background:#fff;
  border:1.5px solid var(--linha);
  border-radius:4px;
  padding:18px 50px 18px 52px;
  font-size:16px;
  font-family:var(--sans);
  color:var(--texto);
  outline:none;
  transition:border .2s,box-shadow .2s;
}
.busca-campo:focus{
  border-color:var(--marrom);
  box-shadow:0 0 0 4px rgba(110,75,42,.08);
}
.busca-limpar{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  background:none;border:none;cursor:pointer;
  width:30px;height:30px;border-radius:50%;
  font-size:22px;color:var(--texto-suave);
  display:none;align-items:center;justify-content:center;line-height:1;
}
.busca-limpar.visivel{display:flex;}
.busca-limpar:hover{background:var(--bege);color:var(--marrom);}

/* Status */
.busca-status{
  text-align:center;font-size:13px;color:var(--texto-suave);
  padding:14px 0;letter-spacing:.5px;
}
.busca-status.erro{color:#c0392b;}

/* Resultados */
.busca-resultados{display:flex;flex-direction:column;gap:0;}
.busca-resultado{
  display:flex;align-items:center;gap:16px;
  padding:14px;
  border-radius:4px;
  text-decoration:none;color:var(--texto);
  transition:background .2s;
  border-bottom:1px solid var(--linha);
}
.busca-resultado:last-child{border-bottom:none;}
.busca-resultado:hover{background:var(--bege);}
.busca-resultado img{
  width:64px;height:80px;object-fit:cover;
  border-radius:3px;background:var(--bege);
  flex-shrink:0;
}
.busca-resultado .info{flex:1;min-width:0;}
.busca-resultado .info .cat{
  font-size:10px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--oliva);margin-bottom:4px;
}
.busca-resultado .info h4{
  font-family:var(--serif);font-size:16px;font-weight:500;
  color:var(--texto);margin-bottom:5px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.busca-resultado .info .preco{
  font-size:14px;color:var(--marrom);font-weight:600;
}
.busca-resultado .info .preco-velho{
  color:var(--texto-suave);text-decoration:line-through;
  margin-right:6px;font-weight:400;font-size:12px;
}
.busca-resultado .seta{
  color:var(--marrom);font-size:18px;
  transition:transform .2s;flex-shrink:0;
}
.busca-resultado:hover .seta{transform:translateX(4px);}

@media(max-width:640px){
  .busca-painel{
    margin:0;border-radius:0;
    min-height:100vh;max-height:100vh;
    padding:30px 22px 28px;
  }
  .busca-titulo h2{font-size:22px;}
  .busca-campo{font-size:15px;padding:15px 46px 15px 46px;}
  .busca-resultado img{width:54px;height:68px;}
  .busca-resultado .info h4{font-size:14px;}
}

/* Menu mobile */
.menu-toggle{
  display:none;background:none;border:none;
  width:38px;height:38px;cursor:pointer;
  flex-direction:column;justify-content:center;align-items:center;gap:5px;
}
.menu-toggle span{width:24px;height:1.5px;background:var(--marrom);transition:.3s;}

/* ============ CARROSSEL ============ */
.banner-carousel{
  position:relative;width:100%;overflow:hidden;background:var(--bege);
}
.banner-track{
  display:flex;
  transition:transform .7s cubic-bezier(.65,0,.35,1);
  width:100%;
}
.banner-slide{min-width:100%;position:relative;}
.banner-slide img{
  width:100%;height:auto;display:block;
  aspect-ratio:1920/600;
  object-fit:cover;
}

/* Botão CTA CENTRAL do carrossel (Comprar Agora) */
.banner-cta-central{
  position:absolute;
  left:50%;
  bottom:72px;
  transform:translateX(-50%);
  background:var(--marrom);
  color:var(--offwhite);
  padding:16px 42px;
  font-size:13px;
  letter-spacing:3px;
  text-transform:uppercase;
  font-weight:600;
  font-family:var(--sans);
  border-radius:2px;
  z-index:6;
  transition:all .3s;
  box-shadow:0 10px 28px rgba(91,61,34,.35);
  white-space:nowrap;
}
.banner-cta-central:hover{
  background:var(--dourado);
  color:#fff;
  transform:translateX(-50%) translateY(-3px);
  box-shadow:0 14px 36px rgba(176,138,74,.45);
}
.banner-cta-central::after{
  content:'→';margin-left:10px;display:inline-block;transition:transform .3s;
}
.banner-cta-central:hover::after{transform:translateX(5px);}
.banner-cta-central.escondido{display:none;}

/* Setas */
.banner-prev,.banner-next{
  position:absolute;top:50%;transform:translateY(-50%);
  width:52px;height:52px;border-radius:50%;
  background:rgba(245,239,230,.92);color:var(--marrom);
  border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;font-family:var(--serif);z-index:5;
  transition:all .25s;backdrop-filter:blur(6px);
  box-shadow:0 4px 14px rgba(110,75,42,.18);
}
.banner-prev:hover,.banner-next:hover{background:var(--marrom);color:var(--offwhite);}
.banner-prev{left:24px;}
.banner-next{right:24px;}

/* Dots */
.banner-dots{
  position:absolute;bottom:24px;left:50%;transform:translateX(-50%);
  display:flex;gap:10px;z-index:5;
}
.banner-dots button{
  width:34px;height:3px;background:rgba(110,75,42,.3);
  border:none;cursor:pointer;padding:0;border-radius:0;
  transition:all .3s;
}
.banner-dots button.ativo{background:var(--marrom);width:50px;}

/* ============ FAIXA VALORES (opcional - aparece se quiser) ============ */
.valores-faixa{background:var(--marrom);color:var(--bege);padding:26px 0;}
.valores-faixa .container{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;}
.valor-item{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;}
.valor-item .ic{
  width:34px;height:34px;border:1px solid var(--dourado);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--dourado);font-size:15px;
}

/* ============ SECOES GERAIS ============ */
.secao{padding:90px 0;}
.secao-titulo{text-align:center;margin-bottom:56px;}
.secao-titulo .mini{
  font-size:12px;letter-spacing:4px;text-transform:uppercase;
  color:var(--dourado);font-weight:600;margin-bottom:14px;
}
.secao-titulo h2{
  font-family:var(--serif);font-size:42px;color:var(--marrom);
  font-weight:600;letter-spacing:1px;
}
.secao-titulo .linha{width:54px;height:2px;background:var(--dourado);margin:18px auto 0;}

/* ============ CATEGORIAS ============ */
.categorias-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:18px;
}
.categoria-card{
  position:relative;height:200px;border-radius:3px;overflow:hidden;
  display:flex;align-items:flex-end;padding:20px;
  transition:transform .4s;
  background:linear-gradient(135deg,var(--bege),var(--rose));
  text-decoration:none;
}
.categoria-card:nth-child(6n+1){background:linear-gradient(135deg,var(--rose),#c89384);}
.categoria-card:nth-child(6n+2){background:linear-gradient(135deg,var(--oliva),#6f7553);}
.categoria-card:nth-child(6n+3){background:linear-gradient(135deg,var(--dourado),#8e6d35);}
.categoria-card:nth-child(6n+4){background:linear-gradient(135deg,var(--bege),#cbb491);}
.categoria-card:nth-child(6n+5){background:linear-gradient(135deg,var(--rose),#b88575);}
.categoria-card:nth-child(6n+6){background:linear-gradient(135deg,var(--oliva),#7a8060);}
.categoria-card:hover{transform:translateY(-6px);}
.categoria-card::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to top,rgba(70,51,34,.5),transparent 60%);
  transition:background .4s;
}
.categoria-card:hover::after{background:linear-gradient(to top,rgba(70,51,34,.65),transparent 70%);}
.categoria-card span{
  position:relative;z-index:2;color:#fff;
  font-family:var(--serif);font-size:19px;letter-spacing:1.5px;font-weight:500;
}

/* ============ PRODUTOS ============ */
.produtos-secao{background:linear-gradient(180deg,var(--bege) 0%,var(--offwhite) 100%);}
.produtos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px;}
.produto-card{
  background:#fff;border:1px solid var(--linha);border-radius:3px;
  overflow:hidden;transition:all .35s;text-decoration:none;display:block;
}
.produto-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(110,75,42,.12);}
.produto-card .img-wrap{
  position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--bege);
}
.produto-card .img-wrap img{
  width:100%;height:100%;object-fit:cover;transition:transform .5s;
}
.produto-card:hover .img-wrap img{transform:scale(1.05);}
.produto-card .badge-promo{
  position:absolute;top:14px;left:14px;background:var(--marrom);
  color:#fff;font-size:9px;padding:5px 11px;letter-spacing:1.5px;
  text-transform:uppercase;border-radius:2px;
}
.produto-card .info{padding:20px 22px 24px;text-align:center;}
.produto-card .cat-min{
  font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:var(--oliva);margin-bottom:7px;
}
.produto-card h3{
  font-family:var(--serif);font-size:17px;color:var(--texto);
  font-weight:500;margin-bottom:9px;min-height:42px;line-height:1.3;
}
.produto-card .preco{font-size:16px;color:var(--marrom);font-weight:600;}
.produto-card .preco-velho{
  color:var(--texto-suave);text-decoration:line-through;
  margin-right:7px;font-weight:400;font-size:13px;
}

/* ============ PAGINA DE PRODUTO ============ */
.produto-detalhe{
  display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px 0;
}
.produto-galeria .principal{
  background:var(--bege);aspect-ratio:3/4;overflow:hidden;margin-bottom:16px;
}
.produto-galeria .principal img{width:100%;height:100%;object-fit:cover;}
.produto-galeria .miniaturas{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.produto-galeria .miniaturas button{
  background:var(--bege);border:2px solid transparent;cursor:pointer;
  padding:0;aspect-ratio:1;overflow:hidden;
}
.produto-galeria .miniaturas button.ativa{border-color:var(--marrom);}
.produto-galeria .miniaturas img{width:100%;height:100%;object-fit:cover;}

.produto-info .categoria-tag{
  font-size:11px;letter-spacing:2px;text-transform:uppercase;
  color:var(--texto-suave);margin-bottom:16px;display:inline-block;
}
.produto-info h1{
  font-family:var(--serif);font-size:32px;font-weight:500;
  color:var(--texto);margin-bottom:20px;line-height:1.2;
}
.produto-info .precos{
  display:flex;align-items:baseline;gap:14px;margin-bottom:30px;
  padding-bottom:30px;border-bottom:1px solid var(--linha);
}
.produto-info .preco-atual{font-size:30px;font-weight:600;color:var(--marrom);}
.produto-info .preco-antigo{font-size:18px;color:var(--texto-suave);text-decoration:line-through;}
.produto-info .descricao{color:var(--texto-suave);margin-bottom:28px;line-height:1.7;}
.produto-info .grupo-variacao{margin-bottom:24px;}
.produto-info .grupo-variacao label{
  display:block;font-size:12px;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--texto-suave);margin-bottom:10px;
  font-weight:500;
}
.tamanhos{display:flex;gap:8px;flex-wrap:wrap;}
.tamanhos button{
  background:#fff;border:1px solid var(--linha);
  padding:10px 16px;cursor:pointer;font-family:var(--sans);
  font-size:13px;font-weight:500;color:var(--texto);
  min-width:48px;transition:all .2s;
}
.tamanhos button.selecionado{border-color:var(--marrom);background:var(--marrom);color:#fff;}
.cores{display:flex;gap:12px;flex-wrap:wrap;}
.cores button{position:relative;padding:0;border:none;cursor:pointer;background:none;}
.cores .swatch{
  width:36px;height:36px;border-radius:50%;
  border:2px solid var(--linha);transition:all .2s;display:block;
}
.cores button.selecionado .swatch{
  border-color:var(--marrom);box-shadow:0 0 0 2px rgba(110,75,42,.2);
}
.cores .nome-cor{
  display:block;font-size:10px;margin-top:6px;
  color:var(--texto-suave);letter-spacing:.5px;
}

.btn-whatsapp{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  background:#25D366;color:#fff;padding:18px 40px;
  font-size:15px;letter-spacing:1.5px;text-transform:uppercase;
  font-weight:600;border:none;cursor:pointer;width:100%;
  transition:all .2s;font-family:var(--sans);text-decoration:none;
}
.btn-whatsapp:hover{
  background:#1eb858;color:#fff;
  transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,211,102,.3);
}

.btn-marrom{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--marrom);color:#fff;padding:14px 32px;
  font-size:13px;letter-spacing:2.5px;text-transform:uppercase;
  font-weight:500;border:none;cursor:pointer;
  transition:all .2s;font-family:var(--sans);text-decoration:none;
}
.btn-marrom:hover{background:var(--dourado);color:#fff;}

.btn-borda{
  display:inline-block;border:1.5px solid var(--marrom);
  color:var(--marrom);padding:15px 44px;font-size:12px;
  letter-spacing:2.5px;text-transform:uppercase;font-weight:500;
  border-radius:2px;transition:all .3s;text-decoration:none;
}
.btn-borda:hover{background:var(--marrom);color:var(--offwhite);}

/* ============ FOOTER ============ */
.site-footer{
  background:var(--marrom-fundo);color:var(--bege);
  padding:70px 0 30px;margin-top:80px;
}
.footer-grid{
  display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;
  gap:46px;margin-bottom:46px;
}
.site-footer h4{
  font-family:var(--serif);font-size:17px;letter-spacing:1.5px;
  margin-bottom:18px;color:var(--offwhite);
}
.site-footer .logo-footer{
  font-family:var(--serif);font-size:26px;letter-spacing:5px;
  color:var(--offwhite);margin-bottom:16px;
}
.site-footer p,.site-footer a{color:var(--bege);font-size:13px;opacity:.85;}
.site-footer ul{list-style:none;}
.site-footer ul li{margin-bottom:10px;font-size:13px;opacity:.82;transition:opacity .2s;}
.site-footer ul li:hover{opacity:1;}
.site-footer a:hover{color:#fff;opacity:1;}

.redes-sociais{display:flex;gap:12px;margin-top:18px;}
.redes-sociais a{
  width:38px;height:38px;border:1px solid var(--dourado);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--dourado);transition:all .25s;
}
.redes-sociais a:hover{background:var(--dourado);color:var(--marrom-fundo);}

.footer-bottom{
  border-top:1px solid rgba(232,216,192,.18);padding-top:24px;
  text-align:center;font-size:11px;letter-spacing:1.5px;
  opacity:.7;text-transform:uppercase;
}

/* ============ WHATSAPP FLUTUANTE PULSANTE ============ */
.whats-flutuante{
  position:fixed;bottom:24px;right:24px;
  width:58px;height:58px;background:#25D366;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:28px;z-index:80;
  animation:whatsPulse 2s ease-out infinite;
  text-decoration:none;
}
.whats-flutuante::before,
.whats-flutuante::after{
  content:'';position:absolute;inset:0;border-radius:50%;
  background:#25D366;z-index:-1;
  animation:whatsRing 2s ease-out infinite;
}
.whats-flutuante::after{animation-delay:1s;}
.whats-flutuante:hover{
  animation:none;transform:scale(1.08);background:#1eb858;color:#fff;
}
.whats-flutuante:hover::before,
.whats-flutuante:hover::after{animation:none;}

@keyframes whatsPulse{
  0%,100%{box-shadow:0 6px 20px rgba(37,211,102,.4);}
  50%{box-shadow:0 6px 28px rgba(37,211,102,.6);}
}
@keyframes whatsRing{
  0%{transform:scale(1);opacity:.55;}
  100%{transform:scale(1.9);opacity:0;}
}

/* ============ BREADCRUMB ============ */
.breadcrumb{
  padding:20px 0;font-size:12px;color:var(--texto-suave);
  letter-spacing:1px;text-transform:uppercase;
}
.breadcrumb a{color:var(--texto-suave);}
.breadcrumb a:hover{color:var(--marrom);}
.breadcrumb .sep{margin:0 8px;}

/* ============ RESPONSIVO ============ */
@media(max-width:1200px){
  .categorias-grid{grid-template-columns:repeat(4,1fr);}
}
@media(max-width:1000px){
  .container{padding:0 22px;}
  .site-nav{
    display:none;position:absolute;top:100%;left:0;right:0;
    background:var(--offwhite);flex-direction:column;
    border-bottom:1px solid var(--linha);
    box-shadow:0 8px 16px rgba(0,0,0,.05);
  }
  .site-nav.aberta{display:block;}
  .site-nav ul{flex-direction:column;gap:0;padding:14px 0;}
  .site-nav a{padding:14px 28px;display:block;}
  .site-nav a::after{display:none;}
  .menu-toggle{display:flex;}
  .header-acoes{gap:8px;}
  .btn-busca-icone{width:38px;height:38px;}
  .header-whats{padding:9px 16px;font-size:10px;}
  .banner-prev,.banner-next{width:42px;height:42px;font-size:18px;}
  .banner-prev{left:12px;}.banner-next{right:12px;}
  .banner-cta-central{padding:13px 30px;font-size:11px;letter-spacing:2px;bottom:60px;}
  .categorias-grid{grid-template-columns:repeat(3,1fr);gap:14px;}
  .categoria-card{height:170px;padding:16px;}
  .categoria-card span{font-size:17px;}
  .produto-detalhe{grid-template-columns:1fr;gap:30px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .secao{padding:60px 0;}
  .secao-titulo{margin-bottom:36px;}
  .secao-titulo h2{font-size:32px;}
}
@media(max-width:640px){
  .site-header .container{padding-top:10px;padding-bottom:10px;gap:12px;}
  .header-acoes{gap:6px;}
  .btn-busca-icone{width:34px;height:34px;}
  .btn-busca-icone svg{width:16px;height:16px;}
  .header-whats{padding:8px 12px;font-size:9px;letter-spacing:1.2px;}
  .topbar{font-size:9px;letter-spacing:2px;padding:7px;}
  .banner-prev,.banner-next{width:36px;height:36px;font-size:16px;}
  .banner-cta-central{padding:11px 24px;font-size:10px;letter-spacing:1.5px;bottom:48px;}
  .banner-dots{bottom:14px;}
  .banner-dots button{width:24px;}
  .banner-dots button.ativo{width:36px;}
  .valores-faixa .container{flex-direction:column;gap:14px;align-items:flex-start;}
  .valor-item{font-size:11px;}
  .categorias-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .categoria-card{height:140px;padding:14px;}
  .categoria-card span{font-size:15px;letter-spacing:1px;}
  .produtos-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
  .produto-card h3{font-size:14px;}
  .secao{padding:50px 0;}
  .secao-titulo h2{font-size:26px;}
  .produto-info h1{font-size:24px;}
  .produto-info .preco-atual{font-size:24px;}
  .footer-grid{grid-template-columns:1fr;gap:28px;}
  .whats-flutuante{width:52px;height:52px;font-size:24px;bottom:18px;right:18px;}
}
@media(max-width:420px){
  .produtos-grid{grid-template-columns:1fr;}
  .logo-texto .nome{font-size:20px;letter-spacing:3px;}
}