@media(max-width:767px){
  /* navbar */
  .navbar-inner{flex-wrap:wrap}
  .navbar-col{width:100%}
  .navbar-col--logo{text-align:center;justify-content:center;align-items:center}
  .navbar-logo-widget{text-align:center;width:100%}
  .navbar-logo-widget img{max-width:100px;margin:0 auto;display:block}
  .navbar-col--cta{align-items:center}
  .btn-order{font-size:25px}

  /* hero badges menores no mobile */
  .hero-badges{justify-content:center;gap:10px}
  .hero-badge-item{width:68px;height:68px}
  .hero-badge-item img{width:58px;height:58px}

  /* pricing cards — 2-column layout mobile */
  .pricing-row{flex-direction:column;align-items:center;padding:40px 16px 20px}
  .pricing-card{width:100%;max-width:480px;padding:10px}
  .card-header,.card-best-tag{font-size:26px;padding:12px 0}

  /* override flex → grid for 2-column layout */
  .card-body{display:grid!important;grid-template-columns:1fr 1fr;column-gap:10px;row-gap:4px;align-items:start;padding:12px 8px 0}

  /* LEFT column — explicit rows */
  .card-body .card-bottles{grid-column:1;grid-row:1;font-size:26px;text-align:center}
  .card-body .card-supply{grid-column:1;grid-row:2;font-size:18px;text-align:center}
  .card-body .card-img-link:has(.card-product-img){grid-column:1;grid-row:3/span 4}

  /* RIGHT column — price image ou price-box ocupa rows 1-2 */
  .card-body .card-img-link:has(.card-price-img){grid-column:2;grid-row:1/span 2;align-self:center}
  .card-price-img{width:100%}
  .card-body .price-box{grid-column:2;grid-row:1/span 2;align-self:center;padding:6px 8px;gap:5px}
  .card-body .price-box .currency{font-size:1.3rem;padding-bottom:6px}
  .card-body .price-box .amount{font-size:3.6rem;letter-spacing:-2px}
  .card-body .price-box .per,.card-body .price-box .bottle{font-size:.9rem;letter-spacing:.5px}

  /* RIGHT column — badges e total centralizados (rows 3+) */
  .card-body .card-badge{grid-column:2;font-size:14px;justify-content:center;white-space:nowrap}
  .card-body .card-total{grid-column:2;font-size:14px;text-align:center}
  .card-body .card-img-link:has(.card-cards-img){display:none}

  /* BUY NOW full-width na última linha */
  .card-body .card-btn-buy{grid-column:1/-1;grid-row:7;font-size:22px;padding:16px;margin:10px 0 0;width:100%;border-radius:8px}

  /* image sizing — 6x maior, 3x médio, 2x menor */
  .card-product-img{max-width:none}
  .pricing-card--basic .card-product-img{width:72%}
  .pricing-card--popular .card-product-img{width:85%}
  .card-product-img--best{width:100%}
  .card-cards-img{width:100%;max-width:none}

  /* mobile card order: 6x → 3x → 2x */
  .pricing-card--best{order:1}
  .pricing-card--popular{order:2}
  .pricing-card--basic{order:3}

  /* hero */
  .hero-inner{flex-wrap:wrap}
  .hero-col{width:100%}
  .hero-heading{font-size:32px}
  .hero-subtext{font-size:21px}
  .hero-col--product{align-items:center}
  .hero-product{width:45%;max-width:170px;margin:0 auto}
}