@media (max-width: 1024px) {
    .grid-4 { grid-template-columns: repeat(2, 1fr); }
    .grid-3 { grid-template-columns: repeat(2, 1fr); }
    .blog-layout { grid-template-columns: 1fr; }
    .sidebar { position: static; }
    .benefits-grid { grid-template-columns: repeat(2, 1fr); }
    .related-articles { grid-template-columns: repeat(2, 1fr); }
    .services-overview-grid { grid-template-columns: 1fr; }
    .trust-grid { grid-template-columns: repeat(2, 1fr); }
    .procedure-info { grid-template-columns: repeat(3, 1fr); }
    .hero-split { grid-template-columns: 1fr 280px; gap: var(--spacing-lg); }
    .hero-image img { height: 460px; }
    .about-home-grid { grid-template-columns: 1fr; }
    .seo-content-grid { grid-template-columns: 1fr; }
    .process-grid { grid-template-columns: repeat(2, 1fr); }
    .info-box { position: static; }
}
@media (max-width: 768px) {
    :root {
        --font-size-5xl: 2.25rem;
        --font-size-4xl: 1.875rem;
        --font-size-3xl: 1.5rem;
        --font-size-2xl: 1.25rem;
        --spacing-4xl: 3rem;
        --spacing-3xl: 2.5rem;
        --spacing-2xl: 2rem;
    }
    .container { padding: 0 var(--spacing-md); }
    .section { padding: var(--spacing-2xl) 0; }
    .hero { padding: var(--spacing-2xl) 0; }
    .hero h1 { font-size: var(--font-size-3xl); }
    .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
    .blog-grid { grid-template-columns: 1fr; }
    .benefits-grid { grid-template-columns: 1fr; }
    .related-articles { grid-template-columns: 1fr; }
    .trust-grid { grid-template-columns: repeat(2, 1fr); }
    .procedure-info { grid-template-columns: 1fr; gap: var(--spacing-md); }
    .service-hero .trust-badges { flex-direction: column; gap: var(--spacing-sm); }

    .timeline::before { left: 18px; }
    .timeline-number { width: 40px; height: 40px; font-size: var(--font-size-base); }
    .timeline-step { gap: var(--spacing-md); }

    .cta-banner { padding: var(--spacing-2xl) 0; }
    .cta-banner h2 { font-size: var(--font-size-2xl); }
    .hero-split { grid-template-columns: 1fr; min-height: auto; }
    .hero-home .hero-content { padding: var(--spacing-2xl) 0 var(--spacing-lg); text-align: center; }
    .hero-home .hero-content p { margin-left: auto; margin-right: auto; }
    .hero-home .hero-buttons { justify-content: center; }
    .hero-image { margin-right: 0; display: flex; justify-content: center; }
    .hero-image img {
        height: 320px;
        max-width: 260px;
        -webkit-mask-image:
            linear-gradient(to bottom, black 0%, black 65%, transparent 100%),
            linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);
        -webkit-mask-composite: source-in;
        mask-image:
            linear-gradient(to bottom, black 0%, black 65%, transparent 100%),
            linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);
        mask-composite: intersect;
    }
    .hero-stats { flex-direction: row; flex-wrap: wrap; gap: var(--spacing-md); justify-content: center; border-top: none; padding-top: 0; }
    .hero-stat-divider { display: none; }
    .process-grid { grid-template-columns: 1fr; }
    .trust-cards { grid-template-columns: 1fr 1fr; }

    /* Homepage hero & banners */
    .hero-home { min-height: auto; }
    .home-doctors-banner { padding: 48px 0; }
    .home-doctors-title { font-size: clamp(1.5rem, 5vw, 2rem); }

    /* Homepage ref-about section */
    .ref-about-card { padding: var(--spacing-lg); }
    .ref-features-row { grid-template-columns: repeat(2, 1fr); gap: var(--spacing-md); }

    /* Contact hero section */
    .contact-hero-section { padding: var(--spacing-2xl) 0 var(--spacing-xl); }

    /* Consultation bar: stack form elements */
    .consultation-bar-form .btn-cta { width: 100%; }

    /* Footer ratings */
    .footer-ratings { flex-wrap: wrap; }
}
@media (max-width: 480px) {
    :root {
        --spacing-4xl: 2rem;
        --spacing-3xl: 1.5rem;
        --spacing-2xl: 1.5rem;
    }
    .trust-grid { grid-template-columns: 1fr; gap: var(--spacing-md); }
    .trust-item { padding: var(--spacing-md); }
    .pagination { gap: 4px; }
    .pagination a, .pagination span { min-width: 38px; min-height: 38px; padding: 6px 10px; font-size: var(--font-size-sm); }

    /* Hero stats stack vertically */
    .hero-stats { flex-direction: column; text-align: center; }

    /* Features row: 2 columns with smaller gap */
    .ref-features-row { grid-template-columns: 1fr 1fr; gap: var(--spacing-sm); }
    .ref-feature-item { padding: var(--spacing-md); }
    .ref-feature-item svg { width: 32px; height: 32px; }

    /* Contact cards stack */
    .ref-contact-cards { grid-template-columns: 1fr; }

    /* Blog card body padding */
    .blog-card-body { padding: var(--spacing-md); }

    /* Accordion tighter on small screens */
    .accordion-header { padding: var(--spacing-sm) var(--spacing-md); }
    .accordion-body { padding: 0 var(--spacing-md) var(--spacing-sm); }

    /* Hero buttons stack */
    .hero-buttons { flex-direction: column; align-items: stretch; }
    .hero-buttons .btn { text-align: center; }
}