/* ═══════════════════════════════════════════════════
   IRAWO STAR — RESPONSIVE STYLES
═══════════════════════════════════════════════════ */

/* Ultra-wide */
@media (min-width: 1600px) {
  .container { padding: 0 var(--sp-16); }
}

/* Laptop */
@media (max-width: 1280px) {
  .why-us__grid { grid-template-columns: repeat(2, 1fr); }
  .services__grid { grid-template-columns: repeat(2, 1fr); }
  .process__steps { grid-template-columns: repeat(3, 1fr); }
  .process__line { display: none; }
  
  .footer__grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-8); }
  .footer__brand { grid-column: span 2; }
  .footer__cta { flex-direction: column; }
}
}

/* Tablet */
@media (max-width: 1024px) {
  .nav__links { display: none; }
  .nav__cta   { display: none; }
  .nav__burger { display: flex; }

  .about__grid { grid-template-columns: 1fr; gap: var(--sp-8); }
  .about__content { padding-left: 0; }
  .about__img-badge { right: var(--sp-4); }
  .about__video-card { left: var(--sp-4); }
  .about__img { height: 380px; }

  .locations__layout { grid-template-columns: 1fr; }
  .locations__map-wrap { position: static; }
  .locations__map { aspect-ratio: 16/9; max-height: 420px; }

  .properties__grid { grid-template-columns: repeat(2, 1fr); }

  .contact__layout { grid-template-columns: 1fr; }

  .testi-card { min-width: calc(50% - var(--sp-3)); }

  .faq__layout { grid-template-columns: 1fr; }
  .faq__header { position: static; }
}

/* Large mobile */
@media (max-width: 768px) {
  .container { padding: 0 var(--sp-4); }

  .hero__stats {
    position: static;
    margin-top: var(--sp-8);
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--sp-4);
  }

  .hero__content { padding: calc(var(--nav-h) + var(--sp-8)) var(--sp-4) 0; }
  .hero__scroll  { display: none; }

  .why-us__grid { grid-template-columns: 1fr; }

  .services__grid { grid-template-columns: 1fr; }

  .properties__grid { grid-template-columns: 1fr; }

  .stats__grid { gap: var(--sp-4); }
  .stat-item + .stat-item::before { display: none; }

  .process__steps { grid-template-columns: repeat(2, 1fr); }

  .gallery__grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .gallery__item--tall  { grid-row: span 1; }
  .gallery__item--wide  { grid-column: span 2; }

  .testimonials__slider { width: 100%; }
  .testi-card { min-width: 100%; }

  .contact__form { grid-template-columns: 1fr; }
  .form-group--full { grid-column: span 1; }

  .footer__grid { grid-template-columns: 1fr; gap: var(--sp-8); }
  .footer__brand { grid-column: span 1; padding-right: 0; }
  .footer__cta { flex-direction: row; flex-wrap: wrap; }
  .footer__bottom .container { flex-direction: column; text-align: center; gap: var(--sp-4); }

  .float-cta { right: var(--sp-4); bottom: var(--sp-4); }

  .section__title { font-size: clamp(var(--text-3xl), 8vw, var(--text-4xl)); }
}

/* Small mobile */
@media (max-width: 480px) {
  :root { --sp-32: 4rem; --sp-24: 3rem; --sp-16: 2.5rem; }

  .hero__title { font-size: clamp(var(--text-3xl), 10vw, var(--text-4xl)); }
  .hero__actions { flex-direction: column; }
  .hero__actions .btn { width: 100%; justify-content: center; }

  .about__video-card { display: none; }

  .location-card__stats { flex-wrap: wrap; gap: var(--sp-3); }

  .process__steps { grid-template-columns: 1fr; }

  .gallery__grid { grid-template-columns: 1fr; }
  .gallery__item--wide { grid-column: span 1; }

  .footer__newsletter { flex-direction: column; }
  .footer__newsletter input { border-radius: var(--r-sm); }
  .footer__newsletter .btn { border-radius: var(--r-sm); }
}

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