/* ====== BREWLY — Responsive ====== */
@media(max-width:900px){
  .hero-grid,.intro-grid,.contact-grid,.contact-premium,.closing-inner,.aroma-grid{grid-template-columns:1fr!important;gap:28px!important;text-align:center}
  .hero p,.intro-text p{margin-left:auto;margin-right:auto}
  .hero-actions,.intro-stats{justify-content:center}
  .hero-visual{max-width:220px;margin:20px auto 0!important}
  .hero-content .hero-visual{animation:none!important}
  .intensity-grid{grid-template-columns:repeat(2,1fr)}
  .builder-grid{grid-template-columns:1fr}
  .compare-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
  .footer-topline{grid-template-columns:1fr;text-align:center}
  .steps-3{grid-template-columns:1fr;gap:16px}
  .step-arrow{display:none}
  .aroma-grid{min-height:auto}
  .aroma-copy p,.aroma-steps{margin-left:auto;margin-right:auto}
  .aroma-steps{text-align:left}
  .aroma-visual{min-height:440px}
  .aroma-glass{width:min(76vw,330px)}
  .aroma-orbit{inset:16px 4% auto}
  .builder-info{grid-template-columns:repeat(3,1fr)!important}
  .selector-grid.cols-4{grid-template-columns:repeat(2,1fr)}
  .hero-pour,.hero-cup-fill,.hero-cup-ripple{display:none}
  .bean-rain{opacity:.02}
  .brewly-charm-field{opacity:.55}
}

@media(max-width:900px){
  .story-scroll .scene{grid-template-columns:1fr!important;gap:16px;text-align:center}
  .story-scroll{min-height:170vh}
  .story-scroll .bottle-col{display:none}
  .story-scroll .story-cup{width:clamp(160px,52vw,220px)}
  .story-scroll.video-ready .scene{grid-template-columns:1fr!important;max-width:100%;gap:22px}
  .story-scroll.video-ready .story-video-frame{width:min(92vw,520px)}
  .story-scroll .text-col{text-align:center}
  .story-scroll .text-col p{margin:0 auto}
}

@media(max-width:768px){
  .container{padding:0 16px}
  .reveal{transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}
  .reveal-d1,.reveal-d2,.reveal-d3,.reveal-d4,.reveal-d5,.reveal-d6{transition-delay:0s}
  .nav-links{position:fixed;top:0;left:0;right:0;bottom:0;
    background:rgba(253,246,236,0.98);flex-direction:column;
    justify-content:center;align-items:center;gap:24px;
    z-index:99;display:none;backdrop-filter:blur(20px);
  }
  [data-theme="dark"] .nav-links{background:rgba(26,15,10,0.98)}
  .nav-links.open{display:flex}
  .nav-links a{font-size:.95rem;color:var(--text)}
  .hamburger{display:flex}
  .theme-btn.hide-mob{display:none}
  .hero h1{font-size:2rem}
  .hero p{font-size:.85rem}
  .intro-stat{padding:12px;min-width:80px}
  .intensity-card{padding:16px 12px}
  .intensity-card .level{font-size:1.4rem}
  .compare-card{padding:20px}
  .calc-box{padding:20px}
  .testi-card{flex:0 0 260px}
  .footer-grid{grid-template-columns:1fr}
  .mobile-cart-fixed{display:flex}
  .back-top{bottom:80px}
  .whatsapp-btn{bottom:136px}
  .builder-wrap{padding:20px;margin:0 -8px;border-radius:12px}
  .bottle-preview{max-width:150px;margin-bottom:20px}
  .bottle-3d{cursor:default;transform:none!important}
  .bottle-3d:hover,.bottle-3d:active{transform:none!important}
  .builder-info{gap:4px!important;padding:10px!important}
  .builder-info .item .val{font-size:.72rem!important}
  .builder-info .item .lbl{font-size:.5rem!important}
  .ppc-wrap{font-size:.65rem;padding:4px 10px!important}
  .ppc-wrap .num{font-size:.85rem!important}
  .stock-wrap{font-size:.6rem;gap:4px}
  .subscribe-opt{font-size:.72rem;padding:8px 10px;width:100%}
  .subscribe-opt .sav{white-space:nowrap}
  #savingsDisplay{width:100%;margin-top:4px}
  .order-note input{font-size:.7rem}
  .assistant-inline{padding:16px!important;margin:0 -8px;border-radius:12px!important}
  .assistant-inline-header{gap:6px!important;flex-wrap:wrap}
  #testiTrack{scroll-snap-type:x mandatory!important}
  .testi-card{flex:0 0 240px!important;padding:20px 16px!important}
  .chart-week{padding:12px!important}
  .chart-week .bars{height:60px}
  .chart-week .bars .bar .val{font-size:.45rem;top:-12px}
  .chart-week .bars .bar .label{font-size:.42rem;bottom:-14px}
  .hero-pour,.hero-cup-fill,.hero-cup-ripple{display:none}
  .hero .word-anim{font-size:1.6rem!important}
  .newsletter-wrap{max-width:100%}
  .newsletter-wrap input{font-size:.68rem}
  .contact-form input,.contact-form textarea{font-size:.75rem!important}
  .contact-copy p,.closing-copy p{margin-left:auto;margin-right:auto}
  .closing-recipes{margin-left:auto;margin-right:auto;text-align:left}
  .contact-badges,.social-row,.closing-actions{justify-content:center}
  .closing-visual{min-height:260px}
  .closing-cup{width:min(86vw,320px)}
  .closing-video-card{width:min(92vw,520px)}
  .ritual-cup{width:90px;height:105px}
  #latteCanvas{height:35px}
  .ritual-timer{font-size:2.5rem}
  .ritual-msg{font-size:.75rem}
  .story-scroll .scene{padding:16px 18px}
  .story-scroll .story-cup{width:clamp(150px,60vw,210px)}
  .story-scroll .story-cup .pour-line{top:-54px;height:68px;width:5px}
  .story-scroll .story-cup .steam{top:-14px}
  .story-scroll .text-col h3{font-size:1.1rem}
  .story-scroll .text-col p{font-size:.78rem}
}

@media(max-width:768px){
  .word-anim span{opacity:1!important;transform:none!important;animation:none!important}
}
@media(max-width:480px){
  .hero h1{font-size:1.5rem}
  .btn{padding:10px 16px;font-size:.65rem;letter-spacing:.08em}
  .hero-actions{gap:6px}
  .hero-actions .btn{flex:1;font-size:.6rem;padding:10px 12px}
  .intensity-grid{gap:8px;grid-template-columns:repeat(2,1fr)}
  .intensity-card .stats{font-size:.6rem}
  .builder-total{flex-direction:column;gap:10px}
  .builder-total .btn{width:100%;justify-content:center}
  .builder-total .price{font-size:1.2rem!important}
  .cart-drawer{width:100vw;max-width:100vw;padding:16px}
  .builder-info{grid-template-columns:repeat(2,1fr)!important;gap:4px!important;padding:8px!important}
  .selector-grid.cols-4{grid-template-columns:repeat(2,1fr);gap:8px}
  .selector-card{padding:12px 8px!important}
  .selector-card .name{font-size:.7rem}
  .selector-card .desc{font-size:.58rem}
  .selector-card .icon{font-size:1.2rem;margin-bottom:4px}
  .order-note{padding:8px 10px!important}
  .order-note input{font-size:.65rem}
  .stock-wrap{justify-content:center;font-size:.55rem;padding:2px 0 8px!important}
  .subscribe-opt{font-size:.65rem;padding:6px 8px}
  #savingsDisplay{width:100%}
  .assistant-inline{padding:14px!important}
  .assistant-inline-header{gap:4px!important}
  .assistant-inline-header div:last-child{display:none}
  .calc-box{padding:16px!important}
  .calc-box h3{font-size:1rem!important}
  .section{padding:40px 0}
  .section-title{font-size:1.35rem!important}
  .section-desc{font-size:.8rem!important}
  .testi-card{flex:0 0 200px!important;padding:16px 14px!important}
  .testi-card blockquote{font-size:.78rem!important}
  .chart-week{padding:10px!important;margin:16px -8px 0!important;border-radius:8px!important}
  .chart-week .bars{height:50px}
  .chart-week h4{font-size:.6rem!important;margin-bottom:8px}
  .aroma-flow{padding:58px 0!important}
  .aroma-mode{display:flex;width:100%;max-width:320px;margin-left:auto;margin-right:auto}
  .aroma-mode button{flex:1;font-size:.55rem;padding:9px 8px}
  .aroma-visual{min-height:390px}
  .aroma-glass{width:min(78vw,285px)}
  .aroma-pour{top:46px;height:128px}
  .aroma-orbit{font-size:.48rem;letter-spacing:.12em}
  .aroma-ice span{width:36px;height:30px}
  .aroma-swirl{width:86px;height:42px}
  .bean-rain{opacity:.015}
  .brewly-charm-field{opacity:.35}
  .hero .word-anim{font-size:1.3rem!important}
  .hero-badge{font-size:.55rem!important;padding:4px 10px!important}
  .hero-actions .btn-outline{display:none}
  .urge-badge{font-size:.55rem!important;padding:3px 10px!important}
  .footer-grid{text-align:center}
  .f-brand p{margin:0 auto}
  .polished-faq{padding:8px 12px;border-radius:14px}
  .closing-cta{padding:58px 0!important}
  .closing-recipes a{grid-template-columns:30px 1fr;gap:8px 10px}
  .closing-recipes small{grid-column:2}
  .contact-section{padding:58px 0!important}
  .contact-card{padding:18px}
  .newsletter-wrap{flex-direction:column;align-items:stretch;gap:6px}
  .newsletter-wrap .btn{width:100%}
  .contact-grid{text-align:center}
  .contact-grid .btn{width:100%}
  .intensity-grid > *{padding:16px 8px!important}
  .intensity-grid > * .count-up{font-size:1.2rem!important}
}

@media(max-width:380px){
  .hero h1{font-size:1.2rem!important}
  .hero p{font-size:.75rem!important}
  .selector-grid.cols-2,.selector-grid.cols-4{grid-template-columns:1fr;gap:6px}
  .ppc-wrap{font-size:.6rem;padding:3px 8px!important}
  .ppc-wrap .num{font-size:.75rem!important}
  .builder-info{grid-template-columns:1fr 1fr!important}
  .builder-info .item .val{font-size:.65rem!important}
  .builder-info .item .lbl{font-size:.45rem!important}
  .testi-card{flex:0 0 160px!important}
  .cart-drawer{padding:12px}
  .cart-item{gap:8px!important}
  .cart-item > div:first-child{width:40px!important;height:50px!important}
}

@media(min-width:769px){
  .mobile-cart-fixed{display:none!important}
  .hamburger{display:none!important}
}

/* ====== MOBILE PERFORMANCE ====== */
@media(max-width:768px){
  .aroma-orbit,.aroma-ice,.brewly-charm-field,.bean-rain{opacity:0!important;animation:none!important;pointer-events:none!important}
  .marquee{animation:none!important}
  .hero-pour,.hero-cup-fill,.hero-cup-ripple{display:none!important}
  .btn:active{transform:scale(.97)}
}
@media(max-width:480px){
  .btn:active{transform:scale(.95)}
}