/* ============================================================
   LUXURY — ملف CSS خاص بهذا التمبلت فقط
   كل شيء مُقيّد بـ body.tpl-luxury → التعديلات لا تتسرّب لغيره.
   يُحمّل آخر ملف فيغلب على أي ستايل مشترك.
   ============================================================ */

/* ---------- الهيدر (Header) ---------- */
body.tpl-luxury .lx-header {
    /* padding-block: 16px; */
}
body.tpl-luxury .lx-header__row {
    /* min-height: 64px; */
}

/* ---------- الأقسام / المسافات (Sections) ---------- */
body.tpl-luxury .lx-section {
    /* padding-block: 56px; */
}

/* ---------- الفوتر (Footer) ---------- */
body.tpl-luxury .lx-footer {
    /* padding: 40px 0 28px; */
}

/* ---------- الموبايل ---------- */
@media (max-width: 991px) {
    body.tpl-luxury .lx-header {
        /* padding-block: 12px; */
    }
    body.tpl-luxury .lx-footer {
        /* padding: 28px 0 20px; */
    }
}

/* ===== AL-MUNIR MOBILE PREMIUM SHOP NAV START ===== */
@media (max-width: 991px) {

    /*
     * REAL mobile header wrapper is .alm-header-grid
     * Row 1 = menu / logo / actions
     * Row 2 = Men / Kids / Branches
     */

    body.tpl-luxury .alm-header-main {
        width: 100% !important;
        background: #FFFFFF !important;
    }

    body.tpl-luxury .alm-header-main > .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }

    body.tpl-luxury .alm-header-grid {
        display: grid !important;

        grid-template-columns:
            minmax(72px, 1fr)
            auto
            minmax(72px, 1fr) !important;

        grid-template-rows:
            72px
            48px !important;

        width: 100% !important;
        min-height: 120px !important;

        column-gap: 0 !important;
        row-gap: 0 !important;

        align-items: center !important;
        padding: 0 14px !important;
    }

    /*
     * Shopping modes occupy complete second row
     */
    body.tpl-luxury .alm-header-grid > .alm-shopping-modes {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        grid-column: 1 / -1 !important;
        grid-row: 2 !important;

        justify-self: stretch !important;
        align-self: stretch !important;

        position: relative !important;
        inset: auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 48px !important;

        /*
         * Cancel parent horizontal padding so navy bar
         * reaches both edges of viewport.
         */
        margin-left: -14px !important;
        margin-right: -14px !important;

        padding: 0 !important;
        gap: 0 !important;

        direction: rtl !important;

        background: #001330 !important;

        border: 0 !important;
        border-radius: 0 !important;

        overflow: hidden !important;
        z-index: 2 !important;
    }

    body.tpl-luxury .alm-shopping-mode {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 48px !important;
        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 6px !important;

        background: #001330 !important;
        color: #FFFFFF !important;

        border: 0 !important;
        border-radius: 0 !important;

        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        text-align: center !important;
        text-decoration: none !important;
        white-space: nowrap !important;

        overflow: hidden !important;
    }

    body.tpl-luxury .alm-shopping-mode span {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        color: #FFFFFF !important;

        text-align: center !important;
        white-space: nowrap !important;

        overflow: hidden !important;
        text-overflow: clip !important;
    }

    /* Fine vertical separators */
    body.tpl-luxury .alm-shopping-mode + .alm-shopping-mode {
        border-inline-start:
            1px solid rgba(255,255,255,.16) !important;
    }

    /* Active section */
    body.tpl-luxury .alm-shopping-mode.is-active {
        background: #071c39 !important;
        color: #FFFFFF !important;
    }

    body.tpl-luxury .alm-shopping-mode.is-active::after {
        content: "" !important;

        position: absolute !important;

        right: 25% !important;
        bottom: 0 !important;
        left: 25% !important;

        height: 3px !important;

        background: #B7811E !important;
        border-radius: 2px 2px 0 0 !important;
    }

    body.tpl-luxury .alm-shopping-mode:hover,
    body.tpl-luxury .alm-shopping-mode:focus,
    body.tpl-luxury .alm-shopping-mode:active {
        background: #071c39 !important;
        color: #FFFFFF !important;
    }

    /*
     * Main category desktop nav remains hidden on mobile.
     * Only our 3 primary shopping modes are visible.
     */
    body.tpl-luxury .alm-category-nav {
        display: none !important;
    }
}

@media (max-width: 380px) {

    body.tpl-luxury .alm-shopping-mode {
        padding-inline: 3px !important;
        font-size: 12px !important;
    }
}
/* ===== AL-MUNIR MOBILE PREMIUM SHOP NAV END ===== */


/* ===== AL-MUNIR MOBILE NAV TEXT FIX START ===== */
@media (max-width: 991px) {

    body.tpl-luxury .alm-shopping-mode {
        line-height: 1.45 !important;
        overflow: visible !important;
    }

    body.tpl-luxury .alm-shopping-mode span {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        height: 100% !important;
        line-height: 1.45 !important;

        padding-top: 2px !important;
        padding-bottom: 2px !important;

        overflow: visible !important;
    }
}
/* ===== AL-MUNIR MOBILE NAV TEXT FIX END ===== */

/* AL-MUNIR MOBILE DRAWER V2 START */

@media (max-width: 991px) {

    /*
    |--------------------------------------------------------------------------
    | Overlay
    |--------------------------------------------------------------------------
    */

    html body .lx-mobile-overlay {
        position:
            fixed !important;

        inset:
            0 !important;

        z-index:
            2147482000 !important;

        background:
            rgba(0,0,0,.46) !important;

        backdrop-filter:
            blur(1px);
    }


    /*
    |--------------------------------------------------------------------------
    | Drawer shell
    |--------------------------------------------------------------------------
    */

    html body .lx-mobile-menu.alm-mobile-drawer-v2 {
        position:
            fixed !important;

        top:
            0 !important;

        bottom:
            0 !important;

        width:
            min(88vw, 390px) !important;

        max-width:
            390px !important;

        height:
            100vh !important;

        height:
            100dvh !important;

        max-height:
            100vh !important;

        max-height:
            100dvh !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        padding:
            0 !important;

        overflow:
            hidden !important;

        background:
            #fff !important;

        color:
            #111 !important;

        box-shadow:
            0 0 34px rgba(0,0,0,.16) !important;

        z-index:
            2147482001 !important;

        transition:
            transform .28s cubic-bezier(.22,.8,.3,1) !important;

        overscroll-behavior:
            contain;
    }


    html[dir="rtl"]
    body
    .lx-mobile-menu.alm-mobile-drawer-v2 {
        right:
            0 !important;

        left:
            auto !important;

        transform:
            translateX(100%) !important;
    }


    html[dir="ltr"]
    body
    .lx-mobile-menu.alm-mobile-drawer-v2 {
        right:
            auto !important;

        left:
            0 !important;

        transform:
            translateX(-100%) !important;
    }


    html body
    .lx-mobile-menu.alm-mobile-drawer-v2.is-open {
        transform:
            translateX(0) !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Header
    |--------------------------------------------------------------------------
    */

    .alm-drawer-head {
        flex:
            0 0 auto;

        min-height:
            88px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            space-between;

        gap:
            20px;

        padding:
            14px 20px;

        border-bottom:
            1px solid #eeeeea;

        background:
            #fff;
    }


    .alm-drawer-logo {
        width:
            64px;

        height:
            60px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        text-decoration:
            none !important;
    }


    .alm-drawer-logo img {
        display:
            block;

        width:
            auto;

        max-width:
            64px;

        height:
            auto;

        max-height:
            58px;

        object-fit:
            contain;
    }


    .alm-drawer-logo strong {
        color:
            #001330;

        font-size:
            14px;
    }


    .alm-drawer-close {
        width:
            42px;

        height:
            42px;

        display:
            inline-flex;

        align-items:
            center;

        justify-content:
            center;

        padding:
            0;

        border:
            0;

        background:
            transparent;

        color:
            #111;

        cursor:
            pointer;
    }


    .alm-drawer-close i {
        font-size:
            29px;
    }


    /*
    |--------------------------------------------------------------------------
    | Scrollable content
    |--------------------------------------------------------------------------
    */

    .alm-drawer-scroll {
        flex:
            1 1 auto;

        min-height:
            0;

        width:
            100%;

        padding:
            16px 20px 24px;

        overflow-x:
            hidden;

        overflow-y:
            auto;

        -webkit-overflow-scrolling:
            touch;

        overscroll-behavior:
            contain;

        scrollbar-width:
            thin;

        scrollbar-color:
            rgba(183,129,30,.45)
            transparent;
    }


    .alm-drawer-scroll::-webkit-scrollbar {
        width:
            4px;
    }


    .alm-drawer-scroll::-webkit-scrollbar-thumb {
        border-radius:
            20px;

        background:
            rgba(183,129,30,.45);
    }


    /*
    |--------------------------------------------------------------------------
    | Men / Kids / Branches
    |--------------------------------------------------------------------------
    */

    .alm-drawer-primary {
        width:
            100%;
    }


    .alm-drawer-primary > a {
        min-height:
            48px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            space-between;

        gap:
            12px;

        padding:
            12px 2px;

        border-bottom:
            1px solid #ececec;

        color:
            #111 !important;

        background:
            transparent !important;

        font-size:
            16px;

        font-weight:
            700;

        text-decoration:
            none !important;
    }


    .alm-drawer-primary > a i {
        color:
            #001330;

        font-size:
            21px;

        font-weight:
            400;
    }


    .alm-drawer-primary > a.is-active {
        color:
            #B7811E !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Quick actions
    |--------------------------------------------------------------------------
    */

    .alm-drawer-quick {
        display:
            grid;

        grid-template-columns:
            repeat(2, minmax(0,1fr));

        gap:
            10px;

        margin-top:
            18px;
    }


    .alm-drawer-quick-item {
        min-height:
            46px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        gap:
            8px;

        padding:
            10px 12px;

        border:
            0 !important;

        border-radius:
            3px;

        background:
            #f5f5f4 !important;

        color:
            #111 !important;

        font-family:
            inherit;

        font-size:
            14px;

        font-weight:
            600;

        text-decoration:
            none !important;

        cursor:
            pointer;
    }


    .alm-drawer-quick-item i {
        color:
            #001330;

        font-size:
            20px;
    }


    /*
    |--------------------------------------------------------------------------
    | Categories
    |--------------------------------------------------------------------------
    */

    .alm-drawer-category-title {
        margin:
            28px 0 9px;

        color:
            #8b8b87;

        font-size:
            11px;

        font-weight:
            700;

        letter-spacing:
            .02em;
    }


    .alm-drawer-categories {
        width:
            100%;
    }


    .alm-drawer-category,
    .alm-drawer-category-link {
        width:
            100%;
    }


    .alm-drawer-category {
        border-bottom:
            1px solid #eeeeec;
    }


    .alm-drawer-category summary,
    .alm-drawer-category-link {
        min-height:
            49px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            space-between;

        gap:
            12px;

        padding:
            12px 2px;

        color:
            #222 !important;

        background:
            #fff;

        font-size:
            14px;

        font-weight:
            600;

        text-decoration:
            none !important;

        cursor:
            pointer;

        list-style:
            none;
    }


    .alm-drawer-category summary::-webkit-details-marker {
        display:
            none;
    }


    .alm-drawer-category summary i,
    .alm-drawer-category-link i {
        color:
            #777;

        font-size:
            19px;

        transition:
            transform .2s ease;
    }


    .alm-drawer-category[open] summary i {
        transform:
            rotate(45deg);
    }


    .alm-drawer-subcategories {
        padding:
            0 14px 11px;

        background:
            #faf9f6;
    }


    .alm-drawer-subcategories a {
        min-height:
            42px;

        display:
            flex;

        align-items:
            center;

        padding:
            8px 6px;

        border-bottom:
            1px solid #eeeeea;

        color:
            #555 !important;

        font-size:
            13px;

        font-weight:
            500;

        text-decoration:
            none !important;
    }


    .alm-drawer-subcategories a:last-child {
        border-bottom:
            0;
    }


    .alm-drawer-subcategory-all {
        color:
            #B7811E !important;

        font-weight:
            700 !important;
    }


    .alm-drawer-scroll-spacer {
        height:
            20px;
    }


    /*
    |--------------------------------------------------------------------------
    | Fixed bottom utility
    |--------------------------------------------------------------------------
    */

    .alm-drawer-bottom {
        flex:
            0 0 auto;

        width:
            100%;

        padding:
            12px 20px
            calc(
                12px
                + env(safe-area-inset-bottom)
            );

        border-top:
            1px solid #eaeae6;

        background:
            rgba(255,255,255,.98);

        box-shadow:
            0 -8px 24px rgba(0,0,0,.035);

        z-index:
            3;
    }


    .alm-drawer-account {
        min-height:
            46px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        gap:
            8px;

        width:
            100%;

        padding:
            10px 14px;

        border-radius:
            3px;

        background:
            #f5f5f4;

        color:
            #111 !important;

        font-size:
            15px;

        font-weight:
            700;

        text-decoration:
            none !important;
    }


    .alm-drawer-account i {
        color:
            #001330;

        font-size:
            20px;
    }


    .alm-drawer-bottom-row {
        min-height:
            46px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            space-between;

        gap:
            14px;

        margin-top:
            10px;

        padding-top:
            10px;

        border-top:
            1px solid #eeeeea;
    }


    /*
    |--------------------------------------------------------------------------
    | Language
    |--------------------------------------------------------------------------
    */

    .alm-drawer-language {
        position:
            relative;

        flex:
            1;
    }


    .alm-drawer-language summary {
        display:
            inline-flex;

        align-items:
            center;

        gap:
            7px;

        color:
            #222;

        font-size:
            13px;

        font-weight:
            600;

        cursor:
            pointer;

        list-style:
            none;
    }


    .alm-drawer-language summary::-webkit-details-marker {
        display:
            none;
    }


    .alm-drawer-language summary i {
        font-size:
            16px;
    }


    .alm-drawer-language-menu {
        position:
            absolute;

        right:
            0;

        bottom:
            calc(100% + 10px);

        min-width:
            125px;

        padding:
            5px;

        border:
            1px solid #e6e3dc;

        border-radius:
            5px;

        background:
            #fff;

        box-shadow:
            0 12px 28px rgba(0,0,0,.12);

        z-index:
            10;
    }


    html[dir="ltr"]
    .alm-drawer-language-menu {
        right:
            auto;

        left:
            0;
    }


    .alm-drawer-language-menu a {
        display:
            block;

        padding:
            9px 11px;

        border-radius:
            3px;

        color:
            #222 !important;

        font-size:
            13px;

        text-decoration:
            none !important;
    }


    .alm-drawer-language-menu a.is-active {
        background:
            #F8F7F3;

        color:
            #B7811E !important;

        font-weight:
            700;
    }


    /*
    |--------------------------------------------------------------------------
    | Currency
    |--------------------------------------------------------------------------
    */

    .alm-drawer-currency {
        display:
            inline-flex;

        align-items:
            center;

        gap:
            6px;

        color:
            #222;

        font-size:
            13px;

        font-weight:
            600;
    }


    .alm-drawer-flag {
        font-size:
            18px;
    }


    /*
    |--------------------------------------------------------------------------
    | Small phones
    |--------------------------------------------------------------------------
    */

    @media (max-width: 390px) {

        html body
        .lx-mobile-menu.alm-mobile-drawer-v2 {
            width:
                calc(100vw - 24px) !important;
        }


        .alm-drawer-head {
            min-height:
                78px;

            padding:
                10px 16px;
        }


        .alm-drawer-scroll {
            padding:
                13px 16px 20px;
        }


        .alm-drawer-bottom {
            padding-right:
                16px;

            padding-left:
                16px;
        }

    }

}

/* AL-MUNIR MOBILE DRAWER V2 END */

/* ============================================================
   AL-MUNIR MOBILE DRAWER LAYER FIX V3
   ============================================================ */

@media (max-width: 991px) {

    /*
    |--------------------------------------------------------------------------
    | Overlay MUST stay behind drawer
    |--------------------------------------------------------------------------
    */

    html body .lx-mobile-overlay,
    html body.lx-menu-open .lx-mobile-overlay,
    html body.alm-menu-layer-open .lx-mobile-overlay {
        position: fixed !important;
        inset: 0 !important;

        z-index: 2147483000 !important;

        background: rgba(0,0,0,.42) !important;

        pointer-events: auto !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Drawer MUST stay above overlay
    |--------------------------------------------------------------------------
    */

    html body .lx-mobile-menu.alm-mobile-drawer-v2,
    html body.lx-menu-open .lx-mobile-menu.alm-mobile-drawer-v2,
    html body.alm-menu-layer-open .lx-mobile-menu.alm-mobile-drawer-v2 {

        z-index: 2147483640 !important;

        opacity: 1 !important;

        visibility: visible !important;

        filter: none !important;

        backdrop-filter: none !important;

        pointer-events: auto !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Never dim drawer contents
    |--------------------------------------------------------------------------
    */

    html body .alm-mobile-drawer-v2,
    html body .alm-mobile-drawer-v2 *,
    html body.lx-menu-open .alm-mobile-drawer-v2,
    html body.lx-menu-open .alm-mobile-drawer-v2 * {

        opacity: 1;

        filter: none !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Drawer white background
    |--------------------------------------------------------------------------
    */

    html body .alm-mobile-drawer-v2,
    html body .alm-drawer-head,
    html body .alm-drawer-scroll,
    html body .alm-drawer-bottom {

        background-color: #fff !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Prevent header stacking context from trapping drawer
    |--------------------------------------------------------------------------
    */

    html body .alm-header:has(.alm-mobile-drawer-v2.is-open) {

        z-index: 2147483500 !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Correct Kuwait flag
    |--------------------------------------------------------------------------
    */

    .alm-drawer-flag {

        width: 22px;
        height: 14px;

        display: inline-block;

        position: relative;

        overflow: hidden;

        border: 1px solid rgba(0,0,0,.10);

        background:
            linear-gradient(
                to bottom,
                #007a3d 0 33.333%,
                #ffffff 33.333% 66.666%,
                #ce1126 66.666% 100%
            );

        font-size: 0 !important;
        line-height: 0 !important;
    }


    .alm-drawer-flag::before {

        content: "";

        position: absolute;

        top: 0;
        bottom: 0;
        left: 0;

        width: 7px;

        background: #000;

        clip-path: polygon(
            0 0,
            100% 22%,
            100% 78%,
            0 100%
        );
    }


    /*
    |--------------------------------------------------------------------------
    | Bottom utility clarity
    |--------------------------------------------------------------------------
    */

    .alm-drawer-bottom {

        position: relative !important;

        z-index: 5 !important;

        border-top: 1px solid #e7e7e3 !important;

        box-shadow:
            0 -7px 20px rgba(0,0,0,.045) !important;
    }


    .alm-drawer-account {

        background: #f4f4f2 !important;

        color: #001330 !important;
    }

}


/* ============================================================
   END AL-MUNIR MOBILE DRAWER LAYER FIX V3
   ============================================================ */


/* =========================================================
   AL-MUNEER MOBILE MEN / KIDS WHITE NAV V1
   ========================================================= */
@media (max-width: 991px) {

    body.tpl-luxury .alm-shopping-mode:not(.alm-shopping-mode--stores),
    body.tpl-luxury .alm-shopping-mode:not(.alm-shopping-mode--stores).is-active,
    body.tpl-luxury .alm-shopping-mode:not(.alm-shopping-mode--stores):hover,
    body.tpl-luxury .alm-shopping-mode:not(.alm-shopping-mode--stores):focus,
    body.tpl-luxury .alm-shopping-mode:not(.alm-shopping-mode--stores):active {
        background: #FFFFFF !important;
        color: #000000 !important;
    }

    body.tpl-luxury .alm-shopping-mode:not(.alm-shopping-mode--stores) span,
    body.tpl-luxury .alm-shopping-mode:not(.alm-shopping-mode--stores).is-active span,
    body.tpl-luxury .alm-shopping-mode:not(.alm-shopping-mode--stores):hover span,
    body.tpl-luxury .alm-shopping-mode:not(.alm-shopping-mode--stores):focus span,
    body.tpl-luxury .alm-shopping-mode:not(.alm-shopping-mode--stores):active span {
        color: #000000 !important;
    }

    body.tpl-luxury .alm-shopping-mode:not(.alm-shopping-mode--stores)
    + .alm-shopping-mode:not(.alm-shopping-mode--stores) {
        border-inline-start: 1px solid #E7E7E7 !important;
    }

    body.tpl-luxury .alm-shopping-mode:not(.alm-shopping-mode--stores).is-active::after {
        background: #000000 !important;
    }
}
/* AL-MUNEER MOBILE MEN / KIDS WHITE NAV V1 END */

/* =========================================================
   AL-MUNEER CLIENT FIXES V2
   1) MOBILE MEN / KIDS / BRANCHES = WHITE
   2) SEARCH = NO FULL-SCREEN DARK BACKGROUND
   ========================================================= */


/* =========================
   MOBILE TOP SHOP NAV
   ========================= */
@media (max-width: 991px) {

    html body.tpl-luxury .alm-shopping-mode,
    html body.tpl-luxury .alm-shopping-mode.is-active,
    html body.tpl-luxury .alm-shopping-mode:hover,
    html body.tpl-luxury .alm-shopping-mode:focus,
    html body.tpl-luxury .alm-shopping-mode:active,
    html body.tpl-luxury .alm-shopping-mode--stores,
    html body.tpl-luxury .alm-shopping-mode--stores.is-active,
    html body.tpl-luxury .alm-shopping-mode--stores:hover,
    html body.tpl-luxury .alm-shopping-mode--stores:focus,
    html body.tpl-luxury .alm-shopping-mode--stores:active {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        color: #000000 !important;
    }

    html body.tpl-luxury .alm-shopping-mode span,
    html body.tpl-luxury .alm-shopping-mode.is-active span,
    html body.tpl-luxury .alm-shopping-mode:hover span,
    html body.tpl-luxury .alm-shopping-mode:focus span,
    html body.tpl-luxury .alm-shopping-mode:active span {
        color: #000000 !important;
    }

    html body.tpl-luxury .alm-shopping-mode + .alm-shopping-mode {
        border-inline-start: 1px solid #E2E2E2 !important;
    }

    html body.tpl-luxury .alm-shopping-mode.is-active::after {
        background: #B7811E !important;
    }
}


/* =========================
   SEARCH
   REMOVE DARK SCREEN
   ========================= */

html body.tpl-luxury #lxSearch,
html body.tpl-luxury #lxSearch.is-open {
    background: transparent !important;
    background-color: transparent !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html body.tpl-luxury #lxSearch::before,
html body.tpl-luxury #lxSearch::after {
    background: transparent !important;
    background-color: transparent !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}


/* Search box only */
html body.tpl-luxury #lxSearch .lx-search__form {
    width: min(560px, calc(100% - 32px)) !important;
    max-width: 560px !important;

    min-height: 56px !important;

    background: #FFFFFF !important;
    background-color: #FFFFFF !important;

    border: 1px solid #D8D8D8 !important;
    border-radius: 4px !important;

    box-shadow: 0 8px 28px rgba(0,0,0,.14) !important;

    overflow: hidden !important;
}


/* Search input */
html body.tpl-luxury #lxSearch .lx-search__form input {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;

    color: #111111 !important;

    border: 0 !important;
    outline: 0 !important;

    box-shadow: none !important;
}

html body.tpl-luxury #lxSearch .lx-search__form input::placeholder {
    color: #6B6B6B !important;
    opacity: 1 !important;
}


/* Search submit icon */
html body.tpl-luxury #lxSearch .lx-search__form button[type="submit"],
html body.tpl-luxury #lxSearch .lx-search__form button[type="submit"] i {
    color: #111111 !important;
}


/* Close button */
html body.tpl-luxury #lxSearch .lx-search__close {
    color: #111111 !important;

    background: #FFFFFF !important;
    background-color: #FFFFFF !important;

    border: 1px solid #E1E1E1 !important;
    border-radius: 50% !important;

    width: 42px !important;
    height: 42px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-shadow: 0 4px 16px rgba(0,0,0,.12) !important;
}


/* Mobile search sizing */
@media (max-width: 767px) {

    html body.tpl-luxury #lxSearch .lx-search__form {
        width: calc(100% - 40px) !important;
        max-width: none !important;
        min-height: 54px !important;
    }

}


/* AL-MUNEER CLIENT FIXES V2 END */

/* =========================================================
   AL-MUNEER DESKTOP HEADER + HERO OVERFLOW FIX V1
   ========================================================= */

/* Never allow header content to enlarge the whole document */
html,
body.tpl-luxury {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
}

body.tpl-luxury .alm-header,
body.tpl-luxury .main-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}


/* =========================================================
   DESKTOP CATEGORY NAV
   Keep overflow INSIDE category bar, not on the page.
   ========================================================= */

@media (min-width: 992px) {

    body.tpl-luxury .alm-category-nav {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        overflow: hidden !important;
    }

    body.tpl-luxury .alm-category-nav > .container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-right: auto !important;
        margin-left: auto !important;

        padding-right: 22px !important;
        padding-left: 22px !important;

        overflow: hidden !important;
    }

    body.tpl-luxury .alm-category-track {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 0 !important;

        overflow-x: auto !important;
        overflow-y: visible !important;

        overscroll-behavior-inline: contain !important;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    body.tpl-luxury .alm-category-track::-webkit-scrollbar {
        display: none !important;
    }

    body.tpl-luxury .alm-nav-item {
        position: relative !important;

        flex: 0 0 auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    body.tpl-luxury .alm-nav-link {
        display: flex !important;
        align-items: center !important;

        width: auto !important;
        max-width: none !important;

        white-space: nowrap !important;
    }
}


/* =========================================================
   HERO
   Hero follows viewport width and can never create overflow.
   ========================================================= */

body.tpl-luxury .lx-premium-hero-host,
body.tpl-luxury .lx-premium-hero,
body.tpl-luxury .lx-premium-hero__viewport {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin-right: 0 !important;
    margin-left: 0 !important;

    overflow: hidden !important;
}

body.tpl-luxury .lx-premium-hero__image,
body.tpl-luxury .lx-premium-hero__poster,
body.tpl-luxury .lx-premium-hero__video {
    max-width: 100% !important;
}


/* Protect dashboard announcement too */
body.tpl-luxury .lx-dashboard-announcement,
body.tpl-luxury .lx-dashboard-announcement__viewport {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    overflow: hidden !important;
}

/* AL-MUNEER DESKTOP HEADER + HERO OVERFLOW FIX V1 END */


/* =========================================================
   AL-MUNEER DESKTOP CATEGORY NAV CLEAN FIX V2
   ========================================================= */

@media (min-width: 992px) {

    body.tpl-luxury .alm-category-nav {
        width: 100% !important;
        max-width: 100% !important;

        background: #ffffff !important;
        border-top: 1px solid #eeeeee !important;
        border-bottom: 1px solid #eeeeee !important;

        overflow: hidden !important;
    }

    body.tpl-luxury .alm-category-nav > .container {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;

        padding-right: 20px !important;
        padding-left: 20px !important;

        overflow: hidden !important;
    }

    body.tpl-luxury .alm-category-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 66px !important;

        padding: 0 14px !important;
        margin: 0 !important;

        gap: 28px !important;

        direction: rtl !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-behavior: smooth !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    body.tpl-luxury .alm-category-track::-webkit-scrollbar {
        display: none !important;
    }

    body.tpl-luxury .alm-nav-item {
        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }

    body.tpl-luxury .alm-nav-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 66px !important;

        padding: 0 2px !important;

        color: #111111 !important;

        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;

        white-space: nowrap !important;

        text-decoration: none !important;
    }

    body.tpl-luxury .alm-nav-link:hover {
        color: #B7811E !important;
    }

}

/* AL-MUNEER DESKTOP CATEGORY NAV CLEAN FIX V2 END */


/* =========================================================
   AL-MUNEER DESKTOP CENTERED NAV + MORE CATEGORIES V3
   Inspired by centered editorial navigation layout
   ========================================================= */

@media (min-width: 992px) {

    body.tpl-luxury .alm-category-nav > .container {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        padding-right: 190px !important;
        padding-left: 190px !important;
    }


    /* Main categories centered */
    body.tpl-luxury .alm-category-track {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 66px !important;

        padding: 0 !important;
        margin: 0 !important;

        gap: clamp(16px, 1.7vw, 30px) !important;

        overflow: visible !important;
    }


    body.tpl-luxury .alm-nav-item {
        flex: 0 0 auto !important;
    }


    body.tpl-luxury .alm-nav-link {
        min-height: 66px !important;

        padding: 0 !important;

        font-size: 14px !important;
        font-weight: 500 !important;

        white-space: nowrap !important;
    }


    /* =====================================================
       MORE CATEGORIES — fixed on LEFT in Arabic layout
       ===================================================== */

    body.tpl-luxury .alm-more-categories {
        position: absolute !important;

        left: 20px !important;
        top: 50% !important;

        z-index: 50 !important;

        transform: translateY(-50%) !important;
    }


    body.tpl-luxury .alm-more-categories__button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 6px !important;

        min-height: 42px !important;

        padding: 0 14px !important;

        border: 0 !important;

        background: transparent !important;
        color: #111 !important;

        font-size: 14px !important;
        font-weight: 600 !important;

        white-space: nowrap !important;

        cursor: pointer !important;
    }


    body.tpl-luxury .alm-more-categories__button i {
        font-size: 17px !important;

        transition: transform .2s ease !important;
    }


    body.tpl-luxury .alm-more-categories:hover
    .alm-more-categories__button {
        color: #B7811E !important;
    }


    body.tpl-luxury .alm-more-categories:hover
    .alm-more-categories__button i {
        transform: rotate(180deg) !important;
    }


    /* Dropdown */
    body.tpl-luxury .alm-more-categories__menu {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        left: 0 !important;

        width: 240px !important;

        padding: 8px !important;

        background: #fff !important;

        border: 1px solid #e8e8e8 !important;
        border-radius: 4px !important;

        box-shadow:
            0 14px 35px rgba(0,0,0,.10) !important;

        opacity: 0 !important;
        visibility: hidden !important;

        transform: translateY(8px) !important;

        pointer-events: none !important;

        transition:
            opacity .18s ease,
            visibility .18s ease,
            transform .18s ease !important;
    }


    body.tpl-luxury .alm-more-categories:hover
    .alm-more-categories__menu,
    body.tpl-luxury .alm-more-categories:focus-within
    .alm-more-categories__menu {
        opacity: 1 !important;
        visibility: visible !important;

        transform: translateY(0) !important;

        pointer-events: auto !important;
    }


    body.tpl-luxury .alm-more-categories__link {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        min-height: 42px !important;

        padding: 0 12px !important;

        color: #181818 !important;

        border-radius: 3px !important;

        font-size: 13px !important;
        font-weight: 400 !important;

        text-decoration: none !important;
    }


    body.tpl-luxury .alm-more-categories__link:hover {
        background: #f7f6f2 !important;
        color: #B7811E !important;
    }

}


/* Hide desktop More Categories on mobile */
@media (max-width: 991.98px) {

    body.tpl-luxury .alm-more-categories {
        display: none !important;
    }

}

/* AL-MUNEER DESKTOP CENTERED NAV + MORE CATEGORIES V3 END */


/* =========================================================
   AL-MUNEER MORE CATEGORIES DROPDOWN LAYER FIX V4
   ========================================================= */

@media (min-width: 992px) {

    body.tpl-luxury .alm-header {
        position: relative !important;
        z-index: 1000 !important;
        overflow: visible !important;
    }

    body.tpl-luxury .alm-category-nav {
        position: relative !important;
        z-index: 1100 !important;

        overflow: visible !important;
    }

    body.tpl-luxury .alm-category-nav > .container {
        position: relative !important;

        overflow: visible !important;
    }

    body.tpl-luxury .alm-category-track {
        position: relative !important;

        overflow: visible !important;
    }

    body.tpl-luxury .alm-more-categories {
        position: absolute !important;

        z-index: 5000 !important;

        overflow: visible !important;
    }

    body.tpl-luxury .alm-more-categories__menu {
        z-index: 6000 !important;

        overflow: visible !important;

        top: calc(100% + 6px) !important;

        background: #ffffff !important;

        box-shadow:
            0 18px 45px rgba(0,0,0,.14) !important;
    }

    /* Make sure content below header never covers the dropdown */
    body.tpl-luxury .main-content,
    body.tpl-luxury .lx-dashboard-announcement {
        position: relative !important;
        z-index: 1 !important;
    }

}

/* AL-MUNEER MORE CATEGORIES DROPDOWN LAYER FIX V4 END */


/* =========================================================
   AL-MUNEER ADAPTIVE CATEGORY NAV V5
   Browser / zoom / laptop / tablet safe
   ========================================================= */

@media (min-width: 992px) {

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


    body.tpl-luxury .alm-category-nav {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        overflow: visible !important;

        background: #fff !important;

        z-index: 1100 !important;
    }


    body.tpl-luxury .alm-category-nav > .container {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 16px !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /*
     * Equal space on BOTH sides keeps visible categories
     * genuinely centered in the page.
     *
     * Left reserved area is also where "More Categories"
     * lives.
     */
    body.tpl-luxury .alm-category-track {
        position: relative !important;

        display: flex !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        min-height: 64px !important;

        margin: 0 !important;

        padding-left: 165px !important;
        padding-right: 165px !important;

        gap: 22px !important;

        overflow: visible !important;

        box-sizing: border-box !important;

        direction: rtl !important;
    }


    body.tpl-luxury .alm-nav-item {
        flex: 0 0 auto !important;

        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }


    body.tpl-luxury .alm-nav-link {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        min-height: 64px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #111 !important;

        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;

        white-space: nowrap !important;

        text-decoration: none !important;
    }


    /*
     * More Categories always owns the far-left zone.
     */
    body.tpl-luxury .alm-more-categories {
        position: absolute !important;

        left: 18px !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        z-index: 5000 !important;

        margin: 0 !important;
    }


    body.tpl-luxury .alm-more-categories__button {
        min-height: 42px !important;

        padding: 0 10px !important;

        white-space: nowrap !important;
    }


    body.tpl-luxury .alm-more-categories__menu {
        z-index: 9000 !important;

        max-height: 70vh !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

}


/* =========================================================
   SMALL LAPTOP / IPAD LANDSCAPE
   992px → 1199px
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {

    body.tpl-luxury .alm-category-track {
        min-height: 58px !important;

        padding-left: 132px !important;
        padding-right: 132px !important;

        gap: 14px !important;
    }


    body.tpl-luxury .alm-nav-link {
        min-height: 58px !important;

        font-size: 12.5px !important;
    }


    body.tpl-luxury .alm-more-categories {
        left: 10px !important;
    }


    body.tpl-luxury .alm-more-categories__button {
        padding: 0 7px !important;

        font-size: 12px !important;
    }

}


/* =========================================================
   MOBILE / PORTRAIT TABLET
   Existing mobile header takes control.
   ========================================================= */

@media (max-width: 991.98px) {

    body.tpl-luxury .alm-category-nav {
        display: none !important;
    }

}

/* AL-MUNEER ADAPTIVE CATEGORY NAV V5 END */