/* Mobile-first refinements */
@media (max-width: 991.98px) { 
  .navbar-collapse { 
    padding: 1rem 0 .5rem; 
  } 
  
  .navbar-nav { 
    align-items: flex-start !important; 
  } 
  
  .nav-link { 
    padding: .55rem 0 !important; 
  } 
  
  .navbar .btn { 
    display: inline-block; 
    margin: .7rem 0 0 !important; 
  } 
  
  .hero-image { 
    margin: 0 auto; 
    max-width: 29rem; 
  } 
}

@media (max-width: 575.98px) { 
  .section { 
    padding: 4.6rem 0; 
  }

  .hero { 
    padding: 2.8rem 0 4.5rem; 
  } 
  
  .hero-copy { 
    padding-top: .5rem; 
  } 
  
  h1 { 
    font-size: clamp(3.4rem, 16vw, 4.5rem); 
  } 
  
  .hero-note { 
    bottom: -1.5rem; 
    right: -.4rem; 
    transform: rotate(-6deg) scale(.85); 
    transform-origin: bottom right; 
  } 
  
  .purpose-stamp { 
    bottom: -1.25rem; 
    right: -.5rem; 
    transform: rotate(10deg) scale(.75); 
    transform-origin: bottom right; 
  } 
    
  .location-card { 
    min-height: 15rem; 
    padding: 1.5rem; 
  } 
  
  .location-card h3 { 
    font-size: 1.75rem; 
  } 
  
  .instagram-grid { 
    grid-template-columns: repeat(3, 1fr); 
  } 
  
  .instagram-grid a:nth-child(n+4) { 
    display: none; 
  } 
  
  .newsletter-form { 
    flex-direction: column; gap: .6rem; 
  } 
  
  .newsletter-form input, .newsletter-form button { 
    width: 100%; 
  } 

  .order-hero { 
    background: var(--cream); 
  }

  .order-product { 
    grid-template-columns: 4.5rem 1fr; 
  }

  .order-product img { 
    height: 4.5rem; 
    width: 4.5rem; 
  }

  .order-product .quantity-control { 
    grid-column: 2; 
    justify-self: start; 
  }

  .order-summary { 
    position: static; 
  }
}