/* Global responsive utilities for Sika site */
:root{--max-width:1200px}
/* Container adjustments */
.container{max-width:var(--max-width);margin:0 auto;padding:0 16px}

/* Typography scaling */
.hero-inner h1{font-size:44px}
.hero-inner p{font-size:16px}

/* Listings and cards */
.listings{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card img,.rest-card img{height:auto}
.rest-card img{height:160px}
.rest-card h4{font-size:15px;padding:6px 8px}

/* Forms */
form .grid{grid-template-columns:1fr 1fr;gap:12px}
form .full{grid-column:1/-1}
@media (max-width:760px){
  form .grid{grid-template-columns:1fr}
  .hero-inner h1{font-size:28px}
  .hero-full{height:320px}
  .hero-inner p{font-size:15px}
  .rest-card img{height:140px}
}

@media (max-width:480px){
  .container{padding:0 12px}
  .hero-inner h1{font-size:22px}
  .hero-full{height:260px}
  .app-cta{right:10px;bottom:10px;padding:10px 12px}
  .scroll-item img{width:140px;height:96px}
  .rest-card img{height:120px}
  .brand img{width:46px;height:46px}
  .navlinks{gap:8px}
}

/* Gallery adjustments */
.scroll-row{gap:10px}

/* Footer */
@media (max-width:880px){
  .footer-grid{grid-template-columns:1fr}
}

/* Accessibility helpers */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
