/* Responsive orchestration */
html,body{overflow-x:hidden}
@media (max-width:1024px){.navbar{top:0}}
@media (max-width:900px){.logo-image{height:90px}}
@media (max-width:768px){
  .logo-image{height:62px}
  .hero{background-attachment:scroll;padding:2.25rem 0 3.25rem;min-height:auto}
  .hero-order-options{flex-direction:column;max-width:320px;margin:0 auto}
  .hero-order-options .btn{width:100%}
  .about-content{display:flex;flex-direction:column}
  .features{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
  .menu-items{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
}
@media (max-width:600px){
  .hero{padding:5.25rem 0 2.75rem;min-height:auto}
  .hero-content{padding:0 1rem}
  .hero-content h1{margin-top:0;font-size:clamp(2.1rem,7.5vw,2.55rem);line-height:1.08}
  .hero-subtitle{font-size:clamp(1.05rem,4.2vw,1.3rem);line-height:1.25;margin-top:.4rem}
  .hero-description{font-size:.92rem;line-height:1.45}
  .menu-items{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
  .features{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
  .hero-content h1{font-size:clamp(2rem,8vw,2.35rem)}
  .menu-items{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}
  .features{grid-template-columns:repeat(2,1fr)}
}