/* Homepage hero — full-bleed operating theatre image */
.sm-hero{background-color:#0d1e36;}
.sm-hero__media{
	background-image:linear-gradient(100deg,rgba(11,28,51,.88) 0%,rgba(11,28,51,.66) 30%,rgba(11,28,51,.34) 55%,rgba(11,28,51,.18) 100%),url("https://doctorsafwat.com/wp-content/uploads/2026/09/example-222.png");
	background-size:cover,cover;
	background-position:center,center;
	background-repeat:no-repeat;
}
.sm-hero .sm-hero__title,
.sm-hero .sm-hero__text,
.sm-hero .sm-hero__tags{color:#ffffff;}
.sm-hero .sm-eyebrow{color:#5AC5C6;}
.sm-hero .sm-btn--ghost{color:#ffffff;border-color:rgba(255,255,255,.6);background:transparent;}
.sm-hero .sm-btn--ghost:hover{background:rgba(255,255,255,.14);border-color:#ffffff;color:#ffffff;}
@media (max-width:781px){
	.sm-hero__media{
		background-image:linear-gradient(180deg,rgba(11,28,51,.82) 0%,rgba(11,28,51,.62) 60%,rgba(11,28,51,.7) 100%),url("https://doctorsafwat.com/wp-content/uploads/2026/09/example-222.png");
		background-position:center,62% center;
	}
}
/* Hero copy aligned to the site container, matching the header logo */
.sm-hero .sm-hero__content{max-width:1280px;margin-left:auto;margin-right:auto;}
.sm-hero .sm-hero__title,
.sm-hero .sm-hero__text{max-width:660px;}

}

/* =========================================================
   iPHONE MOBILE MEGA-MENU SCROLL FIX
   ========================================================= */

@media (max-width: 781px) {

    /* Mobile header stays above the open navigation */
    .sm-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 10000 !important;
    }

    /*
     * The open mobile navigation must occupy only the available
     * viewport and scroll internally.
     */
    .sm-mobile-nav,
    .sm-mobile-menu,
    .sm-nav-mobile,
    .sm-mega-menu,
    .sm-mega,
    .sm-header__nav {
        max-height: calc(100dvh - 145px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;

        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-y: contain !important;

        /* Space so final menu item isn't hidden by Appointment */
        padding-bottom: 100px !important;
    }

    /*
     * iOS fallback for versions where dynamic viewport units
     * behave inconsistently.
     */
    @supports not (height: 100dvh) {
        .sm-mobile-nav,
        .sm-mobile-menu,
        .sm-nav-mobile,
        .sm-mega-menu,
        .sm-mega,
        .sm-header__nav {
            max-height: calc(100vh - 145px) !important;
        }
    }

    /* Prevent the mega-menu from creating sideways scrolling */
    .sm-mega-menu,
    .sm-mega,
    .sm-mobile-menu {
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }

    /* Smooth iPhone touch scrolling */
    .sm-mega-menu *,
    .sm-mega *,
    .sm-mobile-menu * {
        box-sizing: border-box;
    }

    html,
    body {
        max-width: 100%;
        overflow-x: hidden !important;
    }
}