/* ==========================================================================
   GOOD NEWS IVF - CENTRAL STYLESHEET ENTRY POINT
   This stylesheet imports modularized CSS files for easier maintenance.
   ========================================================================== */

@import url('global.css?v=38.0');
@import url('home.css?v=35.3');
@import url('about.css?v=35.0');
@import url('services.css?v=35.0');
@import url('contact.css?v=35.0');
@import url('blog.css?v=35.0');
@import url('appointment.css?v=35.0');
@import url('spacing.css?v=35.0');


/* --- GLOBAL MOBILE GAP FIX --- */
@media (max-width: 767px) {
    .page-section, .contact-section, .about-section, .services-section, .doctors-section, .blog-section, .gallery-section, .faq-section { padding: 4px 0 !important; margin-top: 0 !important; margin-bottom: 8px !important; }
    .section-header { margin-bottom: 12px !important; }
    .section-title { margin-bottom: 6px !important; font-size: 1.3rem !important; }
    .section-subtitle, .section-desc { margin-bottom: 10px !important; }
    .card, .service-card, .doctor-card, .blog-card, .contact-card { padding: 10px 8px !important; margin-bottom: 8px !important; }
    .grid-container, .row { gap: 8px !important; margin-bottom: 8px !important; }
    .container { padding-left: 10px !important; padding-right: 10px !important; }
    .banner-content { padding: 20px 10px !important; }
    * { gap: inherit; }
}



/* --- GLOBAL MOBILE GAP FIX FOR ALL SECTIONS --- */
@media (max-width: 767px) {
    section, [class*="section"] { padding-top: 4px !important; padding-bottom: 4px !important; margin-top: 2px !important; margin-bottom: 6px !important; }
    .page-hero-card { margin-bottom: 6px !important; padding: 10px !important; }
    .abt-section { padding: 4px 0 !important; margin-bottom: 6px !important; }
    .gnivf-contact-section { padding: 4px 0 !important; margin-bottom: 6px !important; }
    .section-title, .home-sec-title, [class*="title"] { margin-bottom: 4px !important; }
    .section-sub, .home-sec-sub, [class*="sub"], p { margin-bottom: 0px !important; }
}