/* Ajustes exclusivos para celulares. O layout desktop é preservado. */
.mobile-intro{display:none}
@media(max-width:736px){
  html{scroll-padding-top:12px}
  .site-nav{padding:8px 16px;min-height:56px}
  .site-nav .nav-links{width:100%;gap:16px;justify-content:space-between}
  .site-nav .nav-links a{font-size:12px;min-height:40px;display:flex;align-items:center;padding:6px 0}
  .site-nav .nav-links a:last-child{display:flex;padding:7px 12px;white-space:nowrap}
  .pour-story{height:200svh}
  .pour-stage{height:100svh;min-height:0;max-height:none;padding:18px 22px 20px;gap:12px;grid-template-rows:auto minmax(0,1fr);align-content:stretch;align-items:start}
  .pour-copy{width:100%;max-width:420px;margin:0 auto;text-align:center}
  .pour-copy .brand-banner{padding:0 0 12px}
  .pour-copy .brand-banner img{width:132px;max-width:60%;margin:0 auto}
  .pour-copy .eyebrow{font-size:8px!important;letter-spacing:.12em!important;line-height:1.5;margin:0 auto 8px;max-width:100%}
  .pour-copy h2{font-size:clamp(27px,7.2vw,34px);line-height:1.1;margin:0 auto 12px;max-width:330px;letter-spacing:-.035em}
  .pour-copy h2 br{display:none}
  .pour-copy p{font-size:13px;line-height:1.55;margin:0 auto 12px;max-width:34ch}
  .desktop-intro{display:none}.mobile-intro{display:inline}
  .pour-copy .whatsapp-hero{display:flex;align-items:center;justify-content:center;height:44px;line-height:1.2;width:100%;max-width:320px;margin:14px auto 0;font-size:12px!important}
  .pour-hint{font-size:8px;margin-top:12px;letter-spacing:.1em}
  .pour-progress{margin:9px auto 0;width:90px;height:2px}
  .pour-visual{height:100%;min-height:0;width:100%;max-width:350px;margin:0 auto}
  .pour-bottle{width:clamp(145px,46vw,185px);height:auto;aspect-ratio:2/3;left:calc(50% - 105px);top:10px}
  .pour-pool{bottom:17px;height:36px;left:5%;width:90%}
  .pour-caption{font-size:8px;bottom:0}
  #header{padding:38px 22px 28px;gap:20px}
  #header .content{max-width:420px;margin:auto;width:100%;text-align:left}
  #header .content .eyebrow{font-size:9px!important;margin-bottom:14px}
  #header h1{font-size:clamp(28px,7vw,35px);line-height:1.14;margin:0 0 18px}
  #header .content>p{font-size:14px;line-height:1.65;max-width:100%;margin-bottom:22px}
  #header .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
  #header .actions li{width:100%}
  #header .actions .button{width:100%;height:44px;line-height:44px;padding:0 8px;font-size:10px;white-space:nowrap}
  #header .hero-products{height:310px;max-width:340px;margin:0 auto}
  .wrapper{padding:44px 22px}
  .major h2{font-size:27px;line-height:1.2}
  .major p{font-size:14px;line-height:1.65}
  .sales-channels{gap:24px;margin-top:28px}
  .sales-channels h3{font-size:21px;margin:10px 0}
  .sales-channels p{font-size:14px}
  .sales-whatsapp{min-height:44px;margin-top:10px;display:inline-flex;align-items:center}
  #produtos.wrapper{padding:44px 18px}
  #produtos .inner.alt{gap:26px 14px}
  #produtos .inner.alt>header{margin-bottom:4px}
  #produtos .spotlight .image.product-image{height:190px;padding:12px}
  #produtos .spotlight .content{display:flex;flex-direction:column}
  #produtos .spotlight .content h3{font-size:17px;line-height:1.2;min-height:42px}
  #produtos .spotlight .content>p:not(.eyebrow):not(.product-note){font-size:12px;line-height:1.55;flex:1}
  #produtos .volume{align-self:flex-start}
  #produtos .product-whatsapp{height:44px!important;line-height:44px!important;font-size:11px!important;border-radius:7px}
  #fabrica .major h2{font-size:26px}
  #fabrica .major{margin-bottom:20px}
  .factory-photo{margin-top:20px}
  .factory-photo img{aspect-ratio:4/3;border-radius:10px}
  #contato .actions{display:flex;flex-direction:column;gap:12px}
  #contato .actions li{padding:0;width:100%}
  #contato .actions .button{width:100%;font-size:12px;min-height:46px}
  .whatsapp-float{right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:48px;height:48px;overflow:hidden;white-space:nowrap;padding:0;font-size:0;justify-content:center;gap:0;border-radius:50%;box-shadow:0 4px 18px #002b2b40}
  .whatsapp-float .icon{font-size:25px}
  #footer{padding:28px 22px 80px;gap:8px}
}
@media(max-width:736px) and (max-height:720px){
  .pour-stage{padding-top:10px;padding-bottom:12px;gap:6px}
  .pour-copy .brand-banner img{width:100px}
  .pour-copy .brand-banner{padding-bottom:7px}
  .pour-copy h2{font-size:26px;margin-bottom:8px}
  .pour-copy p{font-size:12px;margin-bottom:8px}
  .pour-copy .whatsapp-hero{margin-top:8px;height:40px}
  .pour-hint{display:none}.pour-progress{margin-top:8px}
  .pour-bottle{width:145px;left:calc(50% - 95px);top:4px}
}
@media(max-width:360px){
  .site-nav .nav-links{gap:10px}.site-nav .nav-links a{font-size:11px}
  #produtos .spotlight .image.product-image{height:160px}
  #produtos .spotlight .content h3{font-size:16px}
  #header .hero-products{height:270px}
}
@media(max-width:736px) and (max-height:500px){
  .pour-story{height:auto}.pour-stage{position:relative;height:auto;min-height:620px;grid-template-rows:auto 260px}
}
/* Mais respiro acima do frasco animado no celular. */
@media(max-width:736px){.pour-bottle{top:34px}}
@media(max-width:736px) and (max-height:720px){.pour-bottle{top:24px}}
/* Marca com mais presença na abertura mobile. */
@media(max-width:736px){.pour-copy .brand-banner img{width:172px;max-width:70%}}
@media(max-width:736px) and (max-height:720px){.pour-copy .brand-banner img{width:132px}}
/* Logo e frasco maiores, com eixo central equilibrado no mobile. */
@media(max-width:736px){
.pour-copy .brand-banner img{width:205px;max-width:76%;margin-left:auto;margin-right:auto}
.pour-copy .brand-banner{padding-bottom:10px}
.pour-bottle{width:clamp(185px,54vw,230px);left:50%;margin-left:calc(clamp(185px,54vw,230px) / -2);top:28px}
}
@media(max-width:736px) and (max-height:720px){
.pour-copy .brand-banner img{width:158px}
.pour-bottle{width:170px;left:50%;margin-left:-85px;top:24px}
}