/* ============================================================
   Ajustes do site próprio bellarecestas.com (29/09/2026)
   Objetivo principal: WhatsApp BEM visível (antes era discreto)
   ============================================================ */

/* Em cada cesta: link verde "Tirar dúvida no WhatsApp" logo abaixo do botão */
.cat-duvida-whats{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:10px;padding:10px 12px;
  border-radius:12px;
  background:#E3F6E9;color:#137A3A;
  font-size:14px;font-weight:600;text-decoration:none;
  transition:background .2s ease;
}
.cat-duvida-whats:hover{background:#d2f0dc;}
.cat-duvida-whats svg{width:18px;height:18px;flex:0 0 18px;}

/* Botões de WhatsApp do topo/hero em verde WhatsApp (reconhecimento imediato) */
.btn.btn-whats{background:#1FAF54;color:#fff;}
.btn.btn-whats:hover{background:#178f44;}

/* Fonte mínima de 14px (padrão do Rafael) */
.cookie-banner p,.cookie-banner .btn{font-size:14px;}

/* Sem balão flutuante: o rodapé não precisa mais reservar espaço pra ele */
.footer-bottom{padding-right:0;}

/* ============================================================
   LOJA EM LISTA (21/10/2026, modelo que a Tai escolheu)
   Celular: lista (foto pequena à esquerda, nome, resumo, preço, sacolinha)
   + barra de atalhos embaixo. Computador: grade de cartões enxutos.
   Tocar na cesta abre o detalhe (fotos grandes + itens).
   ============================================================ */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------- topo ---------- */
.header-acoes{display:flex;align-items:center;gap:10px;}
.topo-lupa{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:14px;border:none;cursor:pointer;flex-shrink:0;
  background:var(--white);color:var(--sage-darker);box-shadow:var(--shadow);
}
.topo-lupa svg{width:21px;height:21px;}
.header-busca{display:none;position:relative;}
.header-busca .busca{height:46px;}
.header-busca .busca-btn{display:none;}
.header-busca .busca-resultados{right:auto;width:min(440px,90vw);max-height:70vh;}
@media(min-width:1100px){
  .header-busca{display:block;width:280px;}
  .topo-lupa{display:none;}
  .header-location{display:none !important;}
  .nav{gap:26px;}
}
/* celular: carrinho e WhatsApp ficam na barra de baixo (num lugar só, sem repetir no topo) */
@media(max-width:859px){
  .header-acoes .nav-cart-btn{display:none;}
  .header-inner{padding:10px 16px;}
  .logo img{height:44px;}
}

/* ---------- caixa de busca ---------- */
.busca{position:relative;display:flex;align-items:center;gap:6px;
  background:var(--white);border:1px solid rgba(87,105,79,.25);border-radius:999px;padding:5px 5px 5px 16px;height:54px;}
.busca:focus-within{border-color:var(--sage-dark);box-shadow:0 0 0 3px rgba(113,136,106,.18);}
.busca-lupa{display:flex;color:var(--text-muted);}
.busca-lupa svg{width:20px;height:20px;}
.busca input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:16px;color:var(--text);}
.busca input::-webkit-search-cancel-button{-webkit-appearance:none;}
.busca-btn{
  height:100%;padding:0 18px;border:0;border-radius:999px;cursor:pointer;
  background:var(--sage-darker);color:#fff;font:inherit;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
}
.busca-resultados{
  position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:130;
  display:flex;flex-direction:column;gap:2px;max-height:62vh;overflow-y:auto;
  background:var(--white);border-radius:18px;box-shadow:var(--shadow-hover);padding:8px;
  border:1px solid rgba(87,105,79,.12);
}
.busca-resultados[hidden]{display:none;}
.busca-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;color:var(--text);}
.busca-item:hover,.busca-item:focus{background:var(--cream-soft);}
.busca-item img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0;background:var(--cream-soft);}
.busca-item strong{display:block;font-size:15px;font-weight:600;line-height:1.3;}
.busca-item small{display:block;font-size:14px;color:var(--text-muted);}
.busca-vazio{font-size:14px;color:var(--text-muted);padding:10px 8px;}

/* ---------- menu lateral (lista simples, igual ao modelo) ---------- */
.menu-fundo{
  position:fixed;inset:0;z-index:290;background:rgba(30,32,24,.4);
  opacity:0;pointer-events:none;transition:opacity .3s ease;
}
html.menu-aberto .menu-fundo{opacity:1;pointer-events:auto;}
html.menu-aberto, html.menu-aberto body, html.folha-aberta, html.folha-aberta body{overflow:hidden;}
.mobile-nav.menu-simples{
  inset:0 auto 0 0;width:min(88vw,400px);
  display:flex;flex-direction:column;gap:14px;padding:16px 20px 24px;
  background:var(--white);border-radius:0 24px 24px 0;overflow-y:auto;
  transform:translateX(-105%);transition:transform .38s cubic-bezier(.2,.9,.25,1);
}
.mobile-nav.menu-simples.open{transform:translateX(0);box-shadow:20px 0 60px rgba(30,32,24,.2);}
.menu-simples a{font-family:'Jost',sans-serif;font-size:inherit;padding:0;border:0;color:inherit;}
.menu-cab{display:flex;align-items:center;justify-content:space-between;}
.menu-logo img{height:44px;width:auto;}
.menu-simples .menu-fechar{
  width:44px;height:44px;border-radius:50%;padding:0;border:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;background:var(--cream-soft);color:var(--text);
}
.menu-simples .menu-fechar svg{width:20px;height:20px;}
.menu-lista{display:flex;flex-direction:column;border-top:1px solid rgba(87,105,79,.15);}
.menu-simples .menu-item{
  display:flex;align-items:center;justify-content:space-between;width:100%;
  padding:18px 2px;background:none;border:0;border-bottom:1px solid rgba(87,105,79,.15);
  font-family:'Jost',sans-serif;font-size:18px;font-weight:600;color:var(--text);text-align:left;cursor:pointer;
}
.menu-simples .menu-item.atual{color:var(--sage-darker);}
.menu-seta{
  width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:#EFE8DD;color:var(--text);transition:transform .25s ease;
}
.menu-seta svg{width:20px;height:20px;}
.menu-grupo.aberto .menu-seta{transform:rotate(180deg);}
.menu-grupo.aberto .menu-acordeao{border-bottom:0;}
.menu-sub{display:none;flex-direction:column;padding:0 0 10px 14px;border-bottom:1px solid rgba(87,105,79,.15);}
.menu-grupo.aberto .menu-sub{display:flex;}
.menu-simples .menu-sub-link{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 6px;font-size:17px;color:var(--text-muted);border-radius:10px;
}
.menu-simples .menu-sub-link.atual{color:var(--sage-darker);font-weight:700;}
.menu-sub-link small{
  min-width:32px;text-align:center;padding:2px 8px;border-radius:999px;
  background:var(--cream-soft);font-size:14px;font-weight:600;color:var(--text-muted);
}
.menu-simples .menu-loja{
  display:flex;align-items:center;gap:12px;margin-top:auto;
  padding:14px;border-radius:18px;background:var(--sage-darker);color:#fff;
}
.menu-loja-icone{
  width:40px;height:40px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);
}
.menu-loja-icone svg{width:20px;height:20px;}
.menu-loja > span:last-child{min-width:0;flex:1;}
.menu-loja strong{display:block;font-size:15px;}
.menu-loja small{display:block;font-size:14px;opacity:.85;}

/* ---------- barra de atalhos embaixo (só celular) ----------
   Vidro FLUTUANTE igual à do financeiro (estilo WhatsApp novo no iPhone, 21/10/2026):
   solta das bordas, cantos bem redondos, transparente com a loja aparecendo
   desfocada por trás. Some enquanto a pessoa digita. */
.barra-app{display:none;}
@media(max-width:859px){
  .barra-app{
    position:fixed;z-index:200;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom, 0px));
    display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:6px;border-radius:32px;
    background:rgba(255,255,255,.58);
    -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);
    border:1px solid rgba(255,255,255,.75);
    box-shadow:0 10px 30px rgba(43,42,34,.16), 0 1px 0 rgba(255,255,255,.6) inset;
    transition:transform .2s ease, opacity .2s ease;
  }
  /* navegador sem vidro: fundo quase branco pra continuar legível */
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    .barra-app{background:rgba(255,255,255,.96);}
  }
  .digitando .barra-app{transform:translateY(160%);opacity:0;pointer-events:none;}
  /* espaço pro fim da página não ficar escondido atrás da barra */
  body{padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px));}
}
.barra-item{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  min-height:56px;padding:6px 2px;border:0;border-radius:26px;background:none;cursor:pointer;
  font:inherit;font-size:14px;font-weight:600;line-height:1.1;color:var(--text-muted);
  -webkit-tap-highlight-color:transparent;transition:background .2s ease;
}
.barra-item svg{width:24px;height:24px;}
.barra-item:active{background:rgba(87,105,79,.1);}
.barra-item.atual{color:var(--sage-darker);background:rgba(87,105,79,.13);font-weight:700;}
.barra-whats{color:#13994A;font-weight:700;}
.barra-badge{
  position:absolute;top:4px;left:calc(50% + 6px);min-width:20px;height:20px;padding:0 5px;border-radius:999px;
  display:none;align-items:center;justify-content:center;
  background:var(--cb-acento);color:var(--cb-acento-texto);font-size:12px;font-weight:700;font-style:normal;
}

/* ---------- aviso de cookies: cartão de vidro flutuante ----------
   Antes ele ficava "escondido" só empurrado pra baixo e cobria a barra,
   bloqueando os toques. Agora, fechado, ele não existe pro dedo. */
.cookie-banner{
  left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom, 0px));
  flex-wrap:nowrap;gap:12px;padding:12px 12px 12px 18px;border-radius:24px;
  background:rgba(255,255,255,.72);color:var(--text);
  -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 10px 30px rgba(43,42,34,.18), 0 1px 0 rgba(255,255,255,.6) inset;
  transform:translateY(20px);opacity:0;visibility:hidden;pointer-events:none;
  transition:transform .35s ease, opacity .35s ease, visibility .35s;
}
.cookie-banner.show{transform:none;opacity:1;visibility:visible;pointer-events:auto;}
.cookie-banner p{font-size:14px;line-height:1.35;color:var(--text);}
.cookie-banner .btn{flex-shrink:0;padding:12px 20px;font-size:14px;border-radius:999px;}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .cookie-banner{background:rgba(255,255,255,.97);}
}
@media(min-width:860px){.cookie-banner{left:auto;right:24px;bottom:24px;max-width:460px;}}
/* no celular ele flutua logo acima da barra de vidro */
@media(max-width:859px){.cookie-banner{bottom:calc(92px + env(safe-area-inset-bottom, 0px));}}

/* ---------- topo da categoria ---------- */
.cat-topo{padding:18px 0 4px;}
.migalha{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-muted);flex-wrap:wrap;}
.migalha a:hover{color:var(--sage-darker);}
.migalha svg{width:14px;height:14px;}
.cat-topo h1{font-size:clamp(32px,6vw,46px);margin:6px 0 8px;}
.cat-sobre{font-size:15px;color:var(--text-muted);max-width:760px;line-height:1.55;}
.cat-chips{display:flex;gap:8px;overflow-x:auto;margin-top:16px;padding-bottom:4px;scrollbar-width:none;}
.cat-chip{
  flex-shrink:0;padding:9px 16px;border-radius:999px;border:1px solid rgba(87,105,79,.25);
  background:var(--white);font:inherit;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;
}
.cat-chip.ativo{background:var(--sage-darker);border-color:var(--sage-darker);color:#fff;}
.cat-barra{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;}
.cat-total{font-size:15px;color:var(--text-muted);}
.cat-ordenar{position:relative;display:flex;align-items:center;}
.cat-ordenar select{
  -webkit-appearance:none;appearance:none;cursor:pointer;
  height:46px;padding:0 42px 0 16px;border-radius:14px;
  border:1px solid rgba(87,105,79,.25);background:var(--white);
  font:inherit;font-size:15px;color:var(--text);
}
.cat-ordenar svg{position:absolute;right:14px;width:18px;height:18px;pointer-events:none;color:var(--text-muted);}

/* ---------- lista de cestas (celular) ---------- */
.cestas-sec{padding:6px 0 64px;}
.cestas-lista{display:flex;flex-direction:column;}
.cestas-lista-home{margin-top:28px;}
.cesta{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid rgba(87,105,79,.15);}
.cesta-abrir{
  flex:1;min-width:0;display:flex;align-items:center;gap:14px;
  padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;
}
.cesta-foto{position:relative;width:110px;height:110px;flex-shrink:0;border-radius:16px;overflow:hidden;background:var(--white);}
.cesta-foto img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
.cesta-etiqueta{
  position:absolute;top:6px;left:6px;padding:3px 8px;border-radius:999px;
  background:var(--white);color:var(--sage-darker);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;
}
.cesta-nfotos{
  position:absolute;bottom:6px;left:6px;padding:2px 8px;border-radius:999px;
  background:rgba(30,30,24,.6);color:#fff;font-size:11px;font-weight:600;
}
.cesta-info{display:flex;flex-direction:column;gap:3px;min-width:0;}
.cesta-nome{font-size:17px;font-weight:600;line-height:1.25;color:var(--text);}
.cesta-resumo{
  font-size:14px;line-height:1.4;color:var(--text-muted);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.cesta-preco{font-size:18px;font-weight:700;color:var(--sage-darker);margin-top:2px;}
.cesta-sacola{
  flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px;
  width:50px;height:50px;border-radius:16px;cursor:pointer;
  background:var(--sage-darker);color:#fff;box-shadow:0 6px 16px rgba(87,105,79,.3);
  transition:transform .15s ease, background .2s ease;
}
.cesta-sacola:active{transform:scale(.92);}
.cesta-sacola svg{width:24px;height:24px;flex-shrink:0;}
.cesta-sacola span{display:none;}
.cesta-sacola-whats{background:#1FAF54;box-shadow:0 6px 16px rgba(31,175,84,.3);}

/* ---------- computador / tablet: grade de cartões enxutos ---------- */
@media(min-width:760px){
  .cestas-sec{padding:14px 0 88px;}
  .cestas-lista{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .cesta{
    flex-direction:column;align-items:stretch;gap:0;padding:0;border:0;
    background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .cesta:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);}
  .cesta:hover .cesta-foto img{transform:scale(1.06);}
  .cesta-abrir{flex-direction:column;align-items:stretch;gap:0;flex:1;}
  .cesta-foto{width:100%;height:auto;aspect-ratio:1/1;border-radius:0;}
  .cesta-etiqueta{top:12px;left:12px;font-size:12px;padding:4px 10px;}
  .cesta-nfotos{bottom:10px;left:10px;font-size:12px;}
  .cesta-info{padding:16px 18px 12px;gap:5px;flex:1;}
  .cesta-nome{font-size:18px;}
  .cesta-preco{font-size:20px;margin-top:auto;padding-top:4px;}
  .cesta-sacola{width:auto;height:46px;margin:0 18px 18px;border-radius:14px;font-size:15px;font-weight:700;}
  .cesta-sacola:hover{background:var(--sage-dark);}
  .cesta-sacola span{display:inline;}
  .cesta-sacola-whats:hover{background:#178f44;}
}
@media(min-width:1080px){.cestas-lista{grid-template-columns:repeat(4,1fr);}}

/* ---------- janela de detalhe da cesta ---------- */
.cesta-folha{
  position:fixed;inset:0;z-index:390;background:rgba(20,19,14,.5);
  display:flex;align-items:flex-end;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .3s ease;
}
.cesta-folha.open{opacity:1;pointer-events:auto;}
.cesta-folha-caixa{
  position:relative;width:100%;max-height:92vh;display:flex;flex-direction:column;
  background:var(--white);border-radius:24px 24px 0 0;overflow:hidden;
  transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.9,.25,1);
}
.cesta-folha.open .cesta-folha-caixa{transform:none;}
.cesta-folha-corpo{overflow-y:auto;overscroll-behavior:contain;}
.cesta-folha-fechar{
  position:absolute;top:12px;right:12px;z-index:10;
  width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.95);color:var(--text);box-shadow:0 4px 14px rgba(0,0,0,.15);
}
.cesta-folha-fechar svg{width:20px;height:20px;}
.cesta-galeria{border-radius:0;}
.cesta-detalhe-txt{padding:20px 20px 0;display:flex;flex-direction:column;}
.cesta-detalhe-cat{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--sage-dark);}
.cesta-detalhe-txt h2{font-size:28px;margin:4px 0 6px;}
.cesta-detalhe-frase{font-size:15px;color:var(--text-muted);font-style:italic;}
.cesta-detalhe-preco{font-size:26px;font-weight:700;color:var(--sage-darker);margin:8px 0 14px;}
.cesta-detalhe-rotulo{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text);margin-bottom:8px;}
.cesta-detalhe-txt .cat-items{gap:9px;margin:0 0 8px;}
.cesta-detalhe-txt .cat-items li{font-size:15px;}
/* botões sempre à mão no fim da janela, mesmo com a lista de itens comprida */
.cesta-detalhe-acoes{
  position:sticky;bottom:0;background:var(--white);
  margin:8px -20px 0;padding:12px 20px calc(14px + env(safe-area-inset-bottom));
  border-top:1px solid rgba(87,105,79,.12);
}
.cesta-detalhe-acoes .btn{width:100%;justify-content:center;padding:15px 20px;font-size:16px;}
.cesta-detalhe-acoes .btn svg{width:20px;height:20px;}
@media(min-width:860px){
  .cesta-folha{align-items:center;padding:24px;}
  .cesta-folha-caixa{
    width:min(1000px,100%);max-height:88vh;border-radius:24px;
    transform:translateY(24px) scale(.98);opacity:0;transition:transform .35s ease, opacity .35s ease;
  }
  .cesta-folha.open .cesta-folha-caixa{opacity:1;}
  .cesta-folha-corpo .cesta-detalhe{display:grid;grid-template-columns:1fr 1fr;align-items:start;}
  .cesta-folha-corpo .cesta-galeria{position:sticky;top:0;}
  .cesta-detalhe-txt{padding:36px 36px 0;}
  .cesta-detalhe-txt h2{font-size:34px;padding-right:40px;}
  .cesta-detalhe-acoes{margin:8px -36px 0;padding:14px 36px 24px;}
}

@media (prefers-reduced-motion:reduce){
  .mobile-nav.menu-simples,.cesta-folha,.cesta-folha-caixa{transition:none;}
}

/* Celular: na página inicial a FOTO vem primeiro e o texto depois (04/10/2026, pedido do Rafael) */
@media(max-width:899px){
  .hero-grid > .hero-image-wrap{order:-1;}
  .hero-grid{gap:28px;}
  .hero:has(.hero-image-wrap){padding-top:20px;}
}

/* Endereço de entrega no carrinho (04/10/2026): número + complemento lado a lado */
.wa-modal-linha{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;}
.wa-modal-opcional{font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-muted);}
.wa-modal-dica{font-size:14px;color:var(--text-muted);margin:-6px 0 16px;}

/* contador "1/2" da foto no detalhe: à esquerda, pra não ficar atrás do X */
.cesta-galeria .gal-count{right:auto;left:14px;}

/* celular pequeno (até 379px): foto e botão menores pra sobrar espaço pro nome e preço */
.cesta-preco{white-space:nowrap;}
@media(max-width:379px){
  .cesta-foto{width:88px;height:88px;border-radius:14px;}
  .cesta-abrir{gap:12px;}
  .cesta-nome{font-size:16px;}
  .cesta-sacola{width:44px;height:44px;border-radius:14px;}
  .cesta-sacola svg{width:22px;height:22px;}
}

/* Celular: sem os 3 risquinhos no topo, a barra de baixo já faz esse papel
   (o botão "Categorias" dela abre o mesmo menu). 21/10/2026, pedido do Rafael */
.burger{display:none !important;}
/* galeria aceita deslizar o dedo pro lado sem travar a rolagem da página */
.cat-gallery,.lightbox-img{touch-action:pan-y;}

/* Celular: logo CENTRALIZADA e lupa pequena e discreta à direita (21/10/2026) */
@media(max-width:859px){
  .header-inner{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;}
  .header-brand{grid-column:2;justify-content:center;}
  .header-acoes{grid-column:3;justify-self:end;}
  .topo-lupa{width:40px;height:40px;border-radius:50%;background:transparent;box-shadow:none;color:var(--text);}
  .topo-lupa svg{width:22px;height:22px;}
  .topo-lupa:active{background:rgba(87,105,79,.1);}
}

/* ---------- preço por quantidade (tabela no detalhe da cesta e na janela de compra) ---------- */
.faixas-qtd{border:1px solid var(--linha,#E6E2D9);border-radius:10px;padding:10px 14px;margin:-4px 0 18px;background:var(--papel,#F6F4EF);}
.faixas-qtd:empty{display:none;}
.faixas-qtd-tit{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--tinta,#232B1E);margin-bottom:6px;}
.faixas-qtd-linha{display:flex;justify-content:space-between;gap:10px;padding:6px 8px;margin:0 -8px;border-radius:6px;font-size:15px;color:var(--tinta,#232B1E);transition:background .2s;}
.faixas-qtd-linha strong{font-weight:700;white-space:nowrap;}
.faixas-qtd-linha small{font-weight:500;font-size:13px;color:var(--tinta-2,#5E6558);}
.faixas-qtd-linha.atual{background:var(--sage-darker,#33422C);color:#fff;}
.faixas-qtd-linha.atual small{color:rgba(255,255,255,.85);}
.wa-modal-qtd{margin-bottom:18px;}
.wa-modal-qtd > span{display:block;font-size:13px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;}
.wa-modal-qtd-passo{display:inline-flex;align-items:center;border:1.5px solid var(--linha,#E6E2D9);border-radius:999px;overflow:hidden;margin-bottom:12px;background:#fff;}
.wa-modal-qtd-passo button{width:46px;height:46px;border:0;background:none;font-size:22px;font-weight:700;color:var(--sage-darker);cursor:pointer;}
.wa-modal-qtd-passo input{width:72px;height:46px;border:0;text-align:center;font-size:18px;font-weight:700;color:var(--tinta,#232B1E);-moz-appearance:textfield;appearance:textfield;background:none;}
.wa-modal-qtd-passo input::-webkit-outer-spin-button,.wa-modal-qtd-passo input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.wa-modal-qtd .faixas-qtd{margin:0 0 8px;}
.wa-modal-qtd-dica{font-size:14px;font-weight:600;color:var(--sage-darker);margin:0;}
.wa-modal-qtd-dica:empty{display:none;}
.carrinho-qtd input{width:52px;border:0;text-align:center;font-weight:700;font-size:15px;background:none;color:inherit;-moz-appearance:textfield;appearance:textfield;}
.carrinho-qtd input::-webkit-outer-spin-button,.carrinho-qtd input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.carrinho-item-faixa{display:block;font-size:13px;color:var(--sage-darker);font-weight:600;margin-top:2px;}

/* ---------- Finalizar: pagar no site ou pelo WhatsApp (27/10/2026) ---------- */
.carrinho-finalizar{display:flex;flex-direction:column;gap:10px;margin-top:16px;}
.carrinho-finalizar-titulo{font-size:15px;font-weight:700;color:var(--text,#232B1E);}
.carrinho-finalizar .btn{width:100%;justify-content:center;flex-wrap:wrap;text-align:center;}
.carrinho-finalizar .btn svg{width:20px;height:20px;flex:0 0 20px;}
.btn.carrinho-pagar-site{padding-top:14px;padding-bottom:14px;}
.btn.carrinho-pagar-site small{flex-basis:100%;font-size:14px;font-weight:500;opacity:.92;margin-top:2px;}
.btn.btn-whats-claro{background:#E3F6E9;color:#137A3A;border:1.5px solid #1FAF54;}
.btn.btn-whats-claro:hover{background:#d2f0dc;}
.carrinho-finalizar .btn[disabled]{opacity:.6;cursor:wait;}

/* Janela depois de voltar do Mercado Pago */
.pg-volta .wa-modal-inner{text-align:center;max-width:440px;}
.pg-volta-icone{font-size:44px;line-height:1;margin:6px 0 10px;}
.pg-volta h3{margin-bottom:8px;}
.pg-volta p{font-size:15px;line-height:1.55;color:var(--text-muted,#5b6155);margin:0 0 16px;}
.pg-volta .btn{width:100%;justify-content:center;margin-top:8px;}
/* bloco "Pedido corporativo": separado do preço principal, para não parecer o preço de 1 unidade */
.faixas-qtd-sub{display:block;font-size:14px;color:var(--tinta-2,#5E6558);margin:-2px 0 8px;line-height:1.4;}
.cesta-faixa-aviso{display:block;font-size:13px;font-weight:600;color:var(--sage-dark,#4C5E43);margin-top:2px;}

/* ---------- abas de compra: "Para você" / "Para empresa" ----------
   As duas com contorno verde para ficar claro que dá para trocar; a escolhida fica verde cheia. */
.compra-abas{margin:6px 0 4px;}
.compra-abas-bts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;}
.compra-abas-bts button{display:flex;align-items:center;justify-content:center;gap:10px;text-align:left;padding:13px 12px;border:1.5px solid var(--sage-darker,#33422C);border-radius:10px;
  background:var(--papel,#F6F4EF);color:var(--sage-darker,#33422C);font:inherit;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;min-width:0;}
.compra-abas-bts button:hover{background:#ECE8DD;}
.compra-abas-bts button svg{width:24px;height:24px;flex-shrink:0;}
.compra-abas-bts button span{min-width:0;}
.compra-abas-bts button b{display:block;font-size:15px;font-weight:700;line-height:1.2;}
.compra-abas-bts button small{display:block;font-size:13px;font-weight:500;opacity:.85;line-height:1.25;}
.compra-abas-bts button.ativo{background:var(--sage-darker,#33422C);color:#fff;box-shadow:0 6px 16px rgba(var(--cb-rgb),.25);}
.compra-abas-bts button:focus-visible{outline:2px solid var(--sage-darker,#33422C);outline-offset:2px;}
.compra-painel .cesta-detalhe-preco small{font-size:15px;font-weight:500;color:var(--tinta-2,#5E6558);}
.compra-painel .faixas-qtd{margin:0 0 14px;}
.compra-rot{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--tinta,#232B1E);margin-bottom:8px;}
.compra-passo{display:inline-flex;align-items:center;border:1.5px solid var(--linha,#E6E2D9);border-radius:999px;background:#fff;}
.compra-passo button{width:44px;height:44px;border:0;background:none;font-size:21px;font-weight:700;color:var(--sage-darker,#33422C);cursor:pointer;}
.compra-passo input{width:64px;height:44px;border:0;text-align:center;font-size:17px;font-weight:700;background:none;color:var(--tinta,#232B1E);-moz-appearance:textfield;appearance:textfield;}
.compra-passo input::-webkit-outer-spin-button,.compra-passo input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.compra-total{font-size:15px;color:var(--tinta-2,#5E6558);margin:10px 0 14px;}
.compra-total b{font-size:18px;color:var(--tinta,#232B1E);}

/* Perguntas de personalização na janela de compra (28/10/2026) */
.wa-modal-perguntas{display:grid;gap:10px;margin-bottom:14px}
.wa-modal-pergunta{display:grid;gap:5px;font-size:14px;font-weight:700}
.wa-modal-pergunta input,.wa-modal-pergunta select{width:100%;font:inherit;font-size:16px;padding:10px 12px;border:1.5px solid #ddd;border-radius:10px;background:#fff}

/* "Que tal incluir?" no carrinho (28/10/2026) */
.carrinho-ofertas[hidden]{display:none}
.carrinho-ofertas{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px;padding:12px;border:1.5px dashed #d9cfc0;border-radius:14px}
.carrinho-ofertas-tit{flex-basis:100%;font-size:14px;font-weight:800}
.carrinho-oferta{display:flex;align-items:center;gap:8px;border:1.5px solid #e2ddd3;background:#fff;border-radius:999px;padding:6px 12px 6px 6px;font:inherit;font-size:14px;cursor:pointer}
.carrinho-oferta img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.carrinho-oferta b{color:var(--musgo,#3F5A37)}

/* Datas que vendem: cesta do tema depois do último dia de pedido (31/10/2026) */
.cb-encerrada{position:relative;opacity:.75}
.cb-encerrada-aviso{position:absolute;left:8px;right:8px;top:8px;z-index:3;background:var(--musgo);color:#fff;font-size:14px;font-weight:700;line-height:1.25;border-radius:8px;padding:6px 10px;text-align:center}

/* cupom de desconto no carrinho (29/10/2026) */
.wa-modal-cupom{margin:0 0 14px;}
.wa-modal-cupom summary{cursor:pointer;font-size:15px;font-weight:700;color:var(--sage-darker,#2F3A2A);text-decoration:underline;text-underline-offset:3px;list-style:none;padding:4px 0;}
.wa-modal-cupom summary::-webkit-details-marker{display:none;}
.wa-modal-cupom-linha{display:flex;gap:8px;margin-top:8px;}
.wa-modal-cupom .wa-modal-cupom-linha input{flex:1 1 0;width:auto;min-width:0;margin:0;font:inherit;font-size:16px;padding:11px 12px;border:1.5px solid rgba(87,105,79,0.3);border-radius:12px;text-transform:uppercase;background:#fff;color:var(--text,#232B1E);}
.wa-modal-cupom .wa-modal-cupom-linha .btn{flex:0 0 auto;width:auto;margin:0;padding:11px 18px;font-size:15px;}
.wa-modal-cupom-msg{margin:6px 0 0;font-size:14px;min-height:0;}
.wa-modal-cupom-msg.ok{color:#137A3A;font-weight:700;}
.wa-modal-cupom-msg.erro{color:#B4453A;}
.wa-modal-cupom-msg button{background:none;border:0;padding:0 0 0 6px;font:inherit;font-size:14px;color:inherit;text-decoration:underline;cursor:pointer;}
.wa-modal-desconto strong{color:#137A3A;}
.cb-pic{display:contents;}

/* Compartilhar esta cesta (29/10/2026): link discreto abaixo dos botões */
.cb-compartilhar{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;color:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;}
.cb-compartilhar:hover{background:#F6F3EE;}
.cb-compartilhar svg{width:18px;height:18px;flex:0 0 18px;}

/* Pedido mínimo (29/10/2026): aviso no carrinho e botões de finalizar apagados até chegar no valor */
.carrinho-minimo{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#FDECEA;color:#9B2C1F;font-size:14px;font-weight:600;text-align:center;}
.carrinho-abaixo-minimo{opacity:.5;}

/* ---------- etiqueta da cesta (ex.: "Queridinha das clientes") ----------
   03/11/2026: na lista do celular a foto é pequena (110px) e a etiqueta tampava a cesta
   (caso Bem Benê). Agora a etiqueta sai da foto no celular e aparece acima do nome.
   No computador e nos carrosséis (foto grande) ela continua na foto, sem encostar no
   ícone de "várias fotos" do canto direito. */
.cesta-etiqueta-foto{max-width:calc(100% - 52px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cesta-etiqueta-info{display:none;}
@media(max-width:759px){
  .cestas-lista .cesta-etiqueta-foto{display:none;}
  .cestas-lista .cesta-etiqueta-info{
    display:inline-block;position:static;align-self:flex-start;max-width:100%;
    margin-bottom:2px;padding:3px 9px;font-size:12px;line-height:1.3;border-radius:10px;
    /* sem caixa alta no celular: o texto cabe inteiro; se for longo, quebra em 2 linhas em vez de cortar */
    text-transform:none;letter-spacing:0;white-space:normal;
    /* contorno leve na cor da loja: se o fundo da etiqueta for branco, ela não some na lista */
    box-shadow:inset 0 0 0 1px rgba(var(--cb-rgb),.25);
  }
}