/**
 * Section gutters for phones, tablets and small screens.
 * The section containers max out at 1280-1320px, so on ANY viewport up to ~1320px
 * (phones, iPad portrait AND landscape) the content would otherwise touch the edges.
 * This applies a graduated gutter — 15px floor on phones, scaling up to 32px on
 * tablets/small laptops — so content never touches the edges. True desktop (>1400px)
 * keeps its original centered layout untouched.
 * Section backgrounds stay full-bleed; only the inner content container is inset.
 * Note: nested inner containers (e.g. .about-stats-inner inside .about-container)
 * are intentionally excluded so padding never doubles up.
 */
@media (max-width: 1400px) {
    .prabha-hero-inner,
    .prabha-product-range-inner,
    .prabha-projects-inner,
    .prabha-about-inner,
    .prabha-wcu-inner,
    .prabha-testimonials-inner,
    .prabha-gallery-inner,
    .prabha-request-inner,
    .prabha-industries-inner,
    .prabha-page-header-inner,
    .about-container,
    .cat-hero-inner,
    .cat-section-inner,
    .pp-banner-inner,
    .pp-hero-inner,
    .pp-overview-inner,
    .pp-container,
    .pj-hero-inner,
    .pc-banner-inner,
    .pc-contact-inner,
    .pc-map-inner,
    .pd-banner-inner,
    .pd-container,
    .pd-detail-inner,
    .pd-features-inner,
    .acc-hero-inner,
    .acc-grid-inner,
    .ad-banner-inner,
    .ip-container,
    .ip-hero-inner,
    .pdp-hero-inner,
    .pdp-main-inner,
    .pdp-specs-inner {
        padding-left: clamp(15px, 3vw, 32px) !important;
        padding-right: clamp(15px, 3vw, 32px) !important;
        box-sizing: border-box;
    }
}