/* =========================================
   SHAX N CAFE — Responsive
   ========================================= */

/* ── 1200px ── */
@media(max-width:1200px){
  .container{padding:0 28px}
  .nav-wrap{padding:0 28px}
  .info-4col{grid-template-columns:1fr 1fr}
  .footer-top{grid-template-columns:1fr 1fr;gap:32px}
  .why-grid{grid-template-columns:repeat(2,1fr)}
}

/* ── 1024px ── */
@media(max-width:1024px){
  /* Navbar collapse */
  .nav-left,.nav-right .nav-link{display:none}
  .nav-right .btn{display:none}
  .hamburger{display:flex}
  .nav-wrap{grid-template-columns:40px 1fr 40px}
  .nav-logo{grid-column:2;text-align:center}

  /* Hero */
  .hero-slide{grid-template-columns:1fr;min-height:auto}
  .hero-left{padding:80px 28px 40px;text-align:center}
  .hero-btns{justify-content:center}
  .hero-badge{display:none}
  .hero-right{padding:20px 28px 0;justify-content:center}
  .hero-food-img{width:min(420px,85vw)}
  .hero-pagination{left:50%;transform:translateX(-50%)}

  /* Offer */
  .offer-img-left,.offer-img-right{width:140px}

  /* Info grid */
  .info-4col{grid-template-columns:1fr 1fr}

  /* Footer */
  .footer-top{grid-template-columns:1fr 1fr}
  .nl-inner{grid-template-columns:1fr;gap:28px}
}

/* ── 768px ── */
@media(max-width:768px){
  .section-py{padding:50px 0}
  .container{padding:0 18px}

  /* hero */
  .hero-title{font-size:clamp(42px,10vw,68px)}
  .hero-right{padding:10px 18px 0}
  .hero-food-img{width:min(340px,80vw)}

  /* cats */
  .cat-swiper .swiper-slide{width:110px}
  .cat-card{padding:18px 10px 14px}
  .cat-icon{width:48px;height:48px;font-size:22px}

  /* Why */
  .why-grid{grid-template-columns:1fr 1fr}

  /* Offer */
  .offer-banner{grid-template-columns:1fr}
  .offer-img-left,.offer-img-right{display:none}
  .offer-body{padding:32px 20px}

  /* Info */
  .info-4col{grid-template-columns:1fr}

  /* Footer */
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:center;text-align:center}

  /* nl */
  .nl-form{flex-direction:column;gap:10px}
  .nl-input,.nl-btn{border-radius:var(--r-sm);border:1.5px solid var(--border)}
}

/* ── 480px ── */
@media(max-width:480px){
  .hero-title{font-size:42px}
  .hero-script{font-size:24px}
  .hero-btns{flex-direction:column;align-items:stretch}
  .hero-btns .btn{text-align:center;justify-content:center}
  .why-grid{grid-template-columns:1fr}
  .why-card{flex-direction:column;gap:12px;text-align:center}
  .why-icon{margin:0 auto}
  .bs-swiper .swiper-slide{width:180px}
  #ann-bar .ann-right{display:none}
  .footer-socials{flex-wrap:wrap}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}