/* Breakpoints: 1199 / 991 / 767 / 575 (Bootstrap defaults) */
@media(max-width:1199px){
  .hero-card{left:-4%}
  .spin-badge{right:0}
}
@media(max-width:991px){
  .section{padding:80px 0}
  .sf-nav{background:rgba(21,32,27,.96);padding:12px 0}
  .sf-nav .navbar-collapse{background:var(--forest-2);border:1px solid var(--line-d);border-radius:14px;padding:16px;margin-top:12px}
  .sf-nav .nav-link::after{display:none}
  .hero{text-align:center;padding-top:120px}
  .hero .d-flex,.hero-meta{justify-content:center}
  .hero .lead-m{margin-inline:auto}
  .hero-visual{margin:30px auto 0;max-width:420px}
  .hero-card{left:0}
  .collage{max-width:520px;margin-inline:auto}
  .feature-post{grid-template-columns:1fr}
  .feature-post img{min-height:240px}
  .panel.sticky{position:static}
  .faq-nav{position:static;display:flex;gap:6px;flex-wrap:wrap}.faq-nav a{border:1px solid var(--line);border-radius:30px;padding:6px 16px}
  .offer{padding:36px}
  .tasting{padding:32px 26px}
}
@media(max-width:767px){
  body{font-size:1rem}
  .section{padding:62px 0}
  .page-head{padding:132px 0 56px}
  .cart-row{grid-template-columns:60px 1fr;gap:12px 14px}
  .cart-row img{width:60px;height:60px}
  .cart-row>:nth-child(n+3){grid-column:2;justify-self:start}
  .toast-wrap{left:16px;right:16px}
  .masonry{columns:2 140px}
  .spin-badge{width:98px;height:98px;top:2%}
  .marquee-track{font-size:1.2rem;gap:36px}.marquee-track span{gap:36px}
  .stepper span+span::before{width:14px}
  .hero-meta{gap:22px}
  .cta-band{padding:56px 22px}
  .author-box{flex-direction:column;text-align:center}
}
@media(max-width:575px){
  .hero h1{font-size:2.7rem}
  .btn-sf,.btn-ghost,.btn-cream{padding:.75rem 1.4rem}
  .pager{flex-direction:column}.pager a{max-width:100%}
  .feature-post .in{padding:28px}
  .menu-line h3{font-size:1.1rem}
  .collage .stamp{width:84px;height:84px;font-size:.8rem}.collage .stamp b{font-size:1.4rem}
}
/* Bootstrap's g-5 gutter is wider than the container padding on phones and caused sideways scroll */
@media(max-width:575px){.row.g-5{--bs-gutter-x:1.5rem}.row.g-4{--bs-gutter-x:1.5rem}}