/* ========================================================================== 
   IndoSurgicals Mobile Refinement Patch 2.11
   Homepage Full Card System
   MOBILE/TABLET ONLY — desktop >= 901px remains untouched.
   ========================================================================== */

@media only screen and (max-width: 900px) {
    /* Keep one consistent page rhythm: every major homepage section becomes
       the same restrained white surface as the approved opening hero card. */
    html body .isp-home {
        padding: 0 0 10px !important;
        background: #ffffff !important;
    }

    html body .isp-home > .isp-home-intro,
    html body .isp-home > .isp-home-buyer-paths,
    html body .isp-home > .isp-home-section {
        width: calc(100% - 16px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        border: 1px solid #dfe8ea !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        background-image: none !important;
        box-shadow: 0 5px 16px rgba(31, 58, 75, .035) !important;
    }

    html body .isp-home > .isp-home-intro {
        margin-top: 6px !important;
        margin-bottom: 0 !important;
    }

    html body .isp-home > .isp-home-buyer-paths,
    html body .isp-home > .isp-home-section {
        margin-top: 8px !important;
        margin-bottom: 0 !important;
    }

    /* Remove old full-width section borders now that the section itself is a
       card. Internal card/list borders remain intact. */
    html body .isp-home > .isp-home-buyer-paths {
        padding: 10px !important;
        border-top-color: #dfe8ea !important;
        border-bottom-color: #dfe8ea !important;
    }

    html body .isp-home > .isp-home-section {
        padding: 18px 12px !important;
    }

    /* Avoid double gutters inside the outer surfaces. */
    html body .isp-home > .isp-home-buyer-paths > .isp-home-width,
    html body .isp-home > .isp-home-section > .isp-home-width {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Keep all previously coloured full-width homepage sections neutral. The
       brand colour remains in typography, controls, icons and inner cards. */
    html body .isp-home > .isp-home-categories,
    html body .isp-home > .isp-home-quality,
    html body .isp-home > .isp-home-clients,
    html body .isp-home > .isp-home-testimonial {
        background: #ffffff !important;
    }

    /* Section-specific legacy mobile padding is superseded by the common card
       padding above, producing a compact and predictable vertical rhythm. */
    html body .isp-home > .isp-home-quality,
    html body .isp-home > .isp-home-clients,
    html body .isp-home > .isp-home-testimonial {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }

    html body .isp-home > .isp-home-categories .isp-home-section-head,
    html body .isp-home > .isp-home-clients .isp-home-section-head {
        margin-top: 0 !important;
    }

    /* Keep slider/touch content inside the new rounded section boundary. */
    html body .isp-home > .isp-home-clients,
    html body .isp-home > .isp-home-categories,
    html body .isp-home > .isp-home-quality,
    html body .isp-home > .isp-home-testimonial {
        overflow: hidden !important;
    }
}

@media only screen and (max-width: 430px) {
    html body .isp-home > .isp-home-intro,
    html body .isp-home > .isp-home-buyer-paths,
    html body .isp-home > .isp-home-section {
        width: calc(100% - 12px) !important;
        border-radius: 14px !important;
    }

    html body .isp-home > .isp-home-buyer-paths {
        padding: 8px !important;
    }

    html body .isp-home > .isp-home-section {
        padding: 15px 10px !important;
    }

    html body .isp-home > .isp-home-quality,
    html body .isp-home > .isp-home-clients,
    html body .isp-home > .isp-home-testimonial {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}