/* ============================================================================
   CEYLON TRAILS — responsive styles
   ========================================================================== */

@media (max-width: 1024px) {
    .hero-inner { grid-template-columns: 1fr; gap: 40px; }
    .hero { padding: 70px 0 60px; }
    .trip-widget { max-width: 560px; }
    .tours-grid { grid-template-columns: repeat(2, 1fr); }
    .cat-grid { grid-template-columns: repeat(2, 1fr); }
    .dest-rail { grid-template-columns: repeat(2, 1fr); }
    .testi-grid { grid-template-columns: 1fr 1fr; }
    .experience-grid { grid-template-columns: 1fr; gap: 36px; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .detail-layout { grid-template-columns: 1fr; gap: 40px; }
    .detail-side, .booking-summary { position: static; }
    .booking-layout { grid-template-columns: 1fr; gap: 40px; }
    .contact-layout { grid-template-columns: 1fr; gap: 40px; }
    .contact-side { position: static; grid-template-columns: 1fr 1fr; }
    .gallery-grid--home { grid-template-columns: repeat(3, 1fr); }
    .gallery-grid--home .gallery-item:nth-child(n) { grid-column: span 1; }
    .gallery-grid--home .gallery-item:nth-child(1),
    .gallery-grid--home .gallery-item:nth-child(2),
    .gallery-grid--home .gallery-item:nth-child(6) { grid-column: span 3; }
    .newsletter-inner { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 820px) {
    .main-nav-list { display: none; }
    .nav-toggle { display: inline-flex; }
    .header-cta { display: none; }
    .stats { grid-template-columns: repeat(2, 1fr); }
    .dest-feature { grid-template-columns: 1fr; gap: 24px; }
    .dest-feature:nth-child(even) .dest-feature-img { order: 0; }
    .inclusions { grid-template-columns: 1fr; }
    .field-row { grid-template-columns: 1fr; }
    .contact-side { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    body { font-size: 16px; }
    .section { padding: 64px 0; }
    .top-strip p { display: none; }
    .top-strip-inner { justify-content: center; }
    .tours-grid, .tours-grid--full { grid-template-columns: 1fr; }
    .cat-grid, .dest-rail, .testi-grid { grid-template-columns: 1fr; }
    .gallery-grid, .gallery-grid--home { grid-template-columns: 1fr; }
    .gallery-grid--home .gallery-item:nth-child(n) { grid-column: span 1; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom { flex-direction: column; text-align: center; }
    .cta-band-inner { flex-direction: column; text-align: center; }
    .cta-strip { flex-direction: column; text-align: center; }
    .newsletter-form { grid-template-columns: 1fr; }
    .booking-form { padding: 24px; }
    .thanks-card { padding: 40px 22px; }
    .hero-actions { flex-direction: column; align-items: stretch; }
    .hero-actions .btn { width: 100%; }
    .cta-actions { flex-direction: column; width: 100%; }
    .cta-actions .btn { width: 100%; }
    .itinerary-list li { grid-template-columns: 1fr; gap: 6px; }
    .hero { padding: 56px 0 48px; }
}