/* Página inicial: palavra BATIDINHA, trio de garrafinhas e título. */
.hero-b{
  --word:clamp(90px,15.4vw,240px);          /* tamanho da palavra; as garrafas se posicionam a partir dele */
  --bw:clamp(100px,14.5vw,210px);           /* largura da garrafa central (as laterais seguem a mesma) */
  position:relative;overflow:hidden;
  min-height:calc(100svh - 79px);display:flex;flex-direction:column;
  padding:20px var(--pad) 56px;
}
.hero-b-word{
  font-family:'Lilita One';font-weight:900;font-size:var(--word);line-height:.9;letter-spacing:-.01em;
  text-align:center;color:var(--accent);-webkit-text-stroke:.03em var(--accent);
  white-space:nowrap;overflow:hidden;user-select:none;margin-top:20px;
}

/* garrafinhas: só o topo delas encosta nas letras, para a palavra continuar legível */
.hero-b-center{position:absolute;left:50%;top:calc(var(--word) * .62);transform:translateX(-50%);width:var(--bw);aspect-ratio:9/25}
.hero-b-bottle{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 40px 50px rgba(0,0,0,.55))}
.hero-b-bottle.side{z-index:auto;transform-origin:50% 100%;opacity:.98}
.hero-b-bottle.side.l{inset:auto auto auto -64%;transform:rotate(-9deg) scale(.86)}
.hero-b-bottle.side.r{inset:auto -64% auto auto;transform:rotate(9deg) scale(.86)}

/* folhas e bolinhas de açaí */
.leaf{position:absolute;width:46%;aspect-ratio:2/1;background:#3F8F3A;border-radius:0 100% 0 100%}
.leaf.l1{left:-42%;top:15%;transform:rotate(-20deg)}
.leaf.l2{right:-46%;top:38%;transform:rotate(30deg) scaleX(-1);background:#57A548}
.leaf.l3{left:-30%;bottom:11%;transform:rotate(15deg);width:35%;background:#57A548}
.berry{position:absolute;width:13%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8b4fb0,#3a0f52 70%)}
.berry.r1{right:-23%;top:13%}
.berry.r2{right:-11%;top:21%;width:9%}
.berry.r3{left:-15%;top:63%}

/* título e chamada */
.hero-b-row{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end;
  margin:auto auto 0;padding-top:clamp(120px,13vw,180px);width:100%;max-width:var(--maxw)}
.hero-b h1{font-size:clamp(34px,5.2vw,76px);line-height:1;font-weight:800}
.hero-b h1 span{color:var(--hi)}
.hero-b-side p{font-size:18px;line-height:1.55;color:var(--soft);margin-bottom:24px}

/* PC: a garrafa encolhe se a tela for baixa, para nunca cobrir o título (altura da garrafa = 2,78 x largura) */
@media (min-width:821px){
  .hero-b{--bw:clamp(100px,min(14.5vw,calc((100svh - 329px - var(--word) * .62) / 2.78)),210px)}
  .hero-b-row{padding-top:max(clamp(120px,13vw,180px),calc(var(--bw) * 2.78 - var(--word) * .28 - 16px))}
}

@media (max-width:820px){
  .hero-b{--word:15.6vw;padding:8px 16px 56px}
  .hero-b-word{margin-top:24px}
  .hero-b-center{top:calc(var(--word) * .9)}
  .hero-b-bottle.side.l{inset:auto auto auto -72%}
  .hero-b-bottle.side.r{inset:auto -72% auto auto}
  .hero-b-row{grid-template-columns:1fr;gap:18px;padding-top:calc(var(--bw) * 2.78 - 8px)} /* reserva a altura das garrafas mesmo em celular baixo */
  .hero-b h1{font-size:40px}
  .hero-b-side p{font-size:16px;margin-bottom:18px}
}

.page-home footer{margin-top:0}

/* Avaliações: balões reais de clientes (imagens recortadas) */
.reviews{max-width:var(--maxw);margin:0 auto;padding:56px var(--pad) 72px}
.reviews h2{font-size:clamp(30px,4.4vw,58px);line-height:1.05;font-weight:800;margin:0 0 12px}
.reviews h2 span{color:var(--hi)}
.reviews-note{margin:0 0 28px;color:var(--soft);font-size:16px}
.reviews-grid{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;align-items:start}
.reviews-grid figure{margin:0;border-radius:22px;overflow:hidden;background:var(--bg2);border:1px solid var(--line)}
.reviews-grid img{display:block;width:100%;height:auto}
.reviews-grid figcaption{padding:10px 16px 12px;font-size:13px;font-weight:600;color:var(--soft)}
@media (max-width:820px){.reviews{padding:40px 16px 56px}}