/* ==========================================================================
   Limkolin Geriatri — Responsive
   ========================================================================== */

/* Large desktop down */
@media (max-width: 1100px) {
    .info-cards { grid-template-columns: repeat(2, 1fr); }
    .stats-grid { gap: 1rem; }
    .footer__grid { grid-template-columns: 1fr 1fr; }
}

/* Tablet */
@media (max-width: 980px) {
    .nav { display: none; }
    .nav-toggle { display: grid; }
    .header__cta { display: none; }

    .hero__inner { grid-template-columns: 1fr; gap: 2rem; }
    .hero__media { order: -1; max-width: 520px; }
    .hero__float--a { left: 0; }
    .hero__float--b { right: 0; }

    .hero-slider { height: clamp(520px, 86vh, 680px); }
    .hero-slide__overlay { background: linear-gradient(90deg, rgba(16,37,48,.82), rgba(16,37,48,.55) 70%, rgba(16,37,48,.35)), linear-gradient(0deg, rgba(16,37,48,.6), transparent 50%); }

    .split { grid-template-columns: 1fr; gap: 2rem; }
    .split--rev .split__media { order: 0; }

    .services-grid, .why-grid, .process, .blog-grid, .visual-band, .mv-grid { grid-template-columns: repeat(2, 1fr); }

    .detail-layout { grid-template-columns: 1fr; }
    .sidebar { position: static; grid-template-columns: 1fr 1fr; }
    .contact-grid { grid-template-columns: 1fr; }

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

/* Small tablet / large phone */
@media (max-width: 760px) {
    .topbar__left .topbar__item:nth-child(2) { display: none; }
    .topbar__loc { display: none !important; }

    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .stats-grid > div::after { display: none; }

    .cta-band__inner { flex-direction: column; align-items: flex-start; }
    .cta-band__actions { width: 100%; }
    .cta-band__actions .btn { flex: 1; }
}

/* Phone */
@media (max-width: 560px) {
    body { font-size: 15.5px; }
    .info-cards, .services-grid, .why-grid, .process, .blog-grid, .visual-band,
    .mv-grid, .values-grid, .form-grid, .sidebar { grid-template-columns: 1fr; }

    .hero__actions { width: 100%; }
    .hero__actions .btn { flex: 1; }
    .hero__float { display: none; }

    .hero-slider__arrow { width: 42px; height: 42px; }
    .hero-slider__arrow--prev { left: 10px; }
    .hero-slider__arrow--next { right: 10px; }
    .hero-slide__content .hero__actions .btn { flex: 1 1 auto; }
    .hero-slide__sub { margin-bottom: 1.3rem; }

    .section { padding: 2.6rem 0; }
    .footer__grid { grid-template-columns: 1fr; gap: 1.6rem; }
    .footer__bottom-inner { flex-direction: column; align-items: flex-start; gap: .8rem; }

    .wa-float { right: 14px; bottom: 14px; }
    .wa-btn { width: 54px; height: 54px; }
    .to-top { right: 14px; bottom: 80px; }

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

/* Tiny */
@media (max-width: 380px) {
    .container { padding-inline: 1.5rem; }
    .btn { padding: .75rem 1.1rem; font-size: .92rem; }
    .topbar { font-size: .76rem; }
}