[data-sf-theme-section="hero"],[data-sf-block-id="hero"]{padding-top:15px;background-color:#ffffff}[data-sf-theme-section="besdqcyb"],[data-sf-block-id="besdqcyb"]{background-image:linear-gradient(rgba(0,0,0,0.72),rgba(0,0,0,0.72)),url('https://dropsaas.net/storage/storefront/431/1808f8e8-c953-4e12-af78-b84d32e748d6.webp');background-size:cover;background-position:center;background-repeat:no-repeat}[data-sf-theme-section="bmpna6uh"],[data-sf-block-id="bmpna6uh"]{min-height:560px;aspect-ratio:16/9}[data-sf-theme-section="bh6cio3e"],[data-sf-block-id="bh6cio3e"]{--sf-b-size:48}[data-sf-listing],[data-related-grid]{display:grid;gap:1.5rem;}[data-related-grid][data-related-layout="slider"], [data-sf-listing][data-sf-listing-layout="slider"]{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:.25rem;}[data-related-grid][data-related-layout="slider"], [data-sf-listing][data-sf-listing-layout="slider"]::-webkit-scrollbar{display:none;}[data-related-grid][data-related-layout="slider"], [data-sf-listing][data-sf-listing-layout="slider"]>*{flex-shrink:0 !important;min-width:0 !important;scroll-snap-align:start;}[data-sf-cols-m="1"][data-sf-listing-layout="grid"],[data-sf-cols-m="1"][data-related-layout="grid"]{grid-template-columns:repeat(1,minmax(0,1fr)) !important;}[data-sf-cols-m="1"][data-sf-listing-layout="slider"]>*,[data-sf-cols-m="1"][data-related-layout="slider"]>*{flex:0 0 100% !important;max-width:100% !important;width:100% !important;}[data-sf-cols-m="2"][data-sf-listing-layout="grid"],[data-sf-cols-m="2"][data-related-layout="grid"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}[data-sf-cols-m="2"][data-sf-listing-layout="slider"]>*,[data-sf-cols-m="2"][data-related-layout="slider"]>*{flex:0 0 calc((100% - 1.5rem) / 2) !important;max-width:calc((100% - 1.5rem) / 2) !important;width:calc((100% - 1.5rem) / 2) !important;}[data-sf-cols-m="3"][data-sf-listing-layout="grid"],[data-sf-cols-m="3"][data-related-layout="grid"]{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}[data-sf-cols-m="3"][data-sf-listing-layout="slider"]>*,[data-sf-cols-m="3"][data-related-layout="slider"]>*{flex:0 0 calc((100% - 3rem) / 3) !important;max-width:calc((100% - 3rem) / 3) !important;width:calc((100% - 3rem) / 3) !important;}@media (min-width:640px){[data-sf-cols-t="1"][data-sf-listing-layout="grid"],[data-sf-cols-t="1"][data-related-layout="grid"]{grid-template-columns:repeat(1,minmax(0,1fr)) !important;}[data-sf-cols-t="1"][data-sf-listing-layout="slider"]>*,[data-sf-cols-t="1"][data-related-layout="slider"]>*{flex:0 0 100% !important;max-width:100% !important;width:100% !important;}[data-sf-cols-t="2"][data-sf-listing-layout="grid"],[data-sf-cols-t="2"][data-related-layout="grid"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}[data-sf-cols-t="2"][data-sf-listing-layout="slider"]>*,[data-sf-cols-t="2"][data-related-layout="slider"]>*{flex:0 0 calc((100% - 1.5rem) / 2) !important;max-width:calc((100% - 1.5rem) / 2) !important;width:calc((100% - 1.5rem) / 2) !important;}[data-sf-cols-t="3"][data-sf-listing-layout="grid"],[data-sf-cols-t="3"][data-related-layout="grid"]{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}[data-sf-cols-t="3"][data-sf-listing-layout="slider"]>*,[data-sf-cols-t="3"][data-related-layout="slider"]>*{flex:0 0 calc((100% - 3rem) / 3) !important;max-width:calc((100% - 3rem) / 3) !important;width:calc((100% - 3rem) / 3) !important;}[data-sf-cols-t="4"][data-sf-listing-layout="grid"],[data-sf-cols-t="4"][data-related-layout="grid"]{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}[data-sf-cols-t="4"][data-sf-listing-layout="slider"]>*,[data-sf-cols-t="4"][data-related-layout="slider"]>*{flex:0 0 calc((100% - 4.5rem) / 4) !important;max-width:calc((100% - 4.5rem) / 4) !important;width:calc((100% - 4.5rem) / 4) !important;}}@media (min-width:1024px){[data-sf-cols-d="1"][data-sf-listing-layout="grid"],[data-sf-cols-d="1"][data-related-layout="grid"]{grid-template-columns:repeat(1,minmax(0,1fr)) !important;}[data-sf-cols-d="1"][data-sf-listing-layout="slider"]>*,[data-sf-cols-d="1"][data-related-layout="slider"]>*{flex:0 0 100% !important;max-width:100% !important;width:100% !important;}[data-sf-cols-d="2"][data-sf-listing-layout="grid"],[data-sf-cols-d="2"][data-related-layout="grid"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}[data-sf-cols-d="2"][data-sf-listing-layout="slider"]>*,[data-sf-cols-d="2"][data-related-layout="slider"]>*{flex:0 0 calc((100% - 1.5rem) / 2) !important;max-width:calc((100% - 1.5rem) / 2) !important;width:calc((100% - 1.5rem) / 2) !important;}[data-sf-cols-d="3"][data-sf-listing-layout="grid"],[data-sf-cols-d="3"][data-related-layout="grid"]{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}[data-sf-cols-d="3"][data-sf-listing-layout="slider"]>*,[data-sf-cols-d="3"][data-related-layout="slider"]>*{flex:0 0 calc((100% - 3rem) / 3) !important;max-width:calc((100% - 3rem) / 3) !important;width:calc((100% - 3rem) / 3) !important;}[data-sf-cols-d="4"][data-sf-listing-layout="grid"],[data-sf-cols-d="4"][data-related-layout="grid"]{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}[data-sf-cols-d="4"][data-sf-listing-layout="slider"]>*,[data-sf-cols-d="4"][data-related-layout="slider"]>*{flex:0 0 calc((100% - 4.5rem) / 4) !important;max-width:calc((100% - 4.5rem) / 4) !important;width:calc((100% - 4.5rem) / 4) !important;}[data-sf-cols-d="5"][data-sf-listing-layout="grid"],[data-sf-cols-d="5"][data-related-layout="grid"]{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}[data-sf-cols-d="5"][data-sf-listing-layout="slider"]>*,[data-sf-cols-d="5"][data-related-layout="slider"]>*{flex:0 0 calc((100% - 6rem) / 5) !important;max-width:calc((100% - 6rem) / 5) !important;width:calc((100% - 6rem) / 5) !important;}[data-sf-cols-d="6"][data-sf-listing-layout="grid"],[data-sf-cols-d="6"][data-related-layout="grid"]{grid-template-columns:repeat(6,minmax(0,1fr)) !important;}[data-sf-cols-d="6"][data-sf-listing-layout="slider"]>*,[data-sf-cols-d="6"][data-related-layout="slider"]>*{flex:0 0 calc((100% - 7.5rem) / 6) !important;max-width:calc((100% - 7.5rem) / 6) !important;width:calc((100% - 7.5rem) / 6) !important;}}
/* Footer Custom CSS */
/* =========================================================
   SANAD PLUS — FOOTER BACKGROUND + PAYMENT METHODS
   CSS ONLY
   ========================================================= */


/* =========================================================
   FOOTER BACKGROUND
   ========================================================= */

footer{
    position:relative !important;

    background-color:#070706 !important;

    background-image:
        linear-gradient(
            rgba(5,10,7,.78),
            rgba(5,10,7,.84)
        ),
        url("https://www.dropbox.com/scl/fi/cqtywxwgajesgbkxps8lx/WhatsApp-Image-2026-08-28-at-17.49.32.jpeg?rlkey=sh5392xhjmrhzpd6g61tjgpac&st=zgobyzid&raw=1") !important;

    background-size:
        cover !important;

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;

    background-attachment:
        scroll !important;
}


/* =========================================================
   NEW PAYMENT METHODS
   ========================================================= */

/* حاوية طرق الدفع */
footer [class*="payment-method"],
footer [class*="payment_methods"],
footer [class*="payments"]{
    position:relative !important;

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

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

    min-height:76px !important;

    margin:24px auto 14px !important;
    padding:0 12px !important;

    box-sizing:border-box !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}


/* =========================================================
   HIDE OLD PAYMENT ICONS
   ========================================================= */

footer [class*="payment-method"] > *,
footer [class*="payment_methods"] > *,
footer [class*="payments"] > *{
    display:none !important;
}


/* =========================================================
   NEW PAYMENT IMAGE
   ========================================================= */

footer [class*="payment-method"]::after,
footer [class*="payment_methods"]::after,
footer [class*="payments"]::after{
    content:"";

    display:block !important;

    width:100% !important;
    max-width:775px !important;
    height:70px !important;

    margin:0 auto !important;

    background-image:
        url("https://www.dropbox.com/scl/fi/ayqy0xs907i9gvrwhewli/sanad-payment-methods-1.png?rlkey=3460vt55nyv290cb32esiikuk&st=4qkk37yv&raw=1") !important;

    background-size:
        contain !important;

    background-position:
        center !important;

    background-repeat:
        no-repeat !important;

    opacity:.92;

    filter:
        brightness(.92)
        saturate(.90);

    pointer-events:none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:767px){

    footer{
        background-image:
            linear-gradient(
                rgba(5,10,7,.80),
                rgba(5,10,7,.86)
            ),
            url("https://www.dropbox.com/scl/fi/cqtywxwgajesgbkxps8lx/WhatsApp-Image-2026-08-28-at-17.49.32.jpeg?rlkey=sh5392xhjmrhzpd6g61tjgpac&st=zgobyzid&raw=1") !important;

        background-size:
            cover !important;

        background-position:
            center center !important;

        background-repeat:
            no-repeat !important;

        background-attachment:
            scroll !important;
    }


    footer [class*="payment-method"],
    footer [class*="payment_methods"],
    footer [class*="payments"]{
        min-height:52px !important;

        margin:
            18px auto 10px !important;

        padding:
            0 8px !important;
    }


    footer [class*="payment-method"]::after,
    footer [class*="payment_methods"]::after,
    footer [class*="payments"]::after{
        height:52px !important;

        max-width:100% !important;

        background-size:
            contain !important;
    }

}
/* =========================================================
   SANAD PLUS — FOOTER LOGO SIZE
   ========================================================= */

footer img[alt*="logo" i],
footer img[src*="logo" i]{
    width:150px !important;
    max-width:150px !important;
    height:auto !important;

    object-fit:contain !important;

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

    display:block !important;
}


/* MOBILE */

@media (max-width:767px){

    footer img[alt*="logo" i],
    footer img[src*="logo" i]{
        width:135px !important;
        max-width:135px !important;
    }

}/* =========================================================
   SANAD PLUS — BACKGROUND ONLY
   خلفية الموقع فقط بدون تعديل أي عناصر أخرى
   ========================================================= */

:root{
    --sand-national-bg:
        url("https://www.dropbox.com/scl/fi/cqtywxwgajesgbkxps8lx/WhatsApp-Image-2026-08-28-at-17.49.32.jpeg?rlkey=sh5392xhjmrhzpd6g61tjgpac&st=zgobyzid&raw=1");
}


/* =========================================================
   DESKTOP / TABLET
   ========================================================= */

html{
    background:
        #070706 !important;
}


body{
    background-color:
        #070706 !important;

    background-image:
        linear-gradient(
            rgba(5,10,7,.74),
            rgba(5,10,7,.78)
        ),
        var(--sand-national-bg) !important;

    background-size:
        cover !important;

    background-position:
        center top !important;

    background-repeat:
        no-repeat !important;

    background-attachment:
        fixed !important;
}


/* =========================================================
   MOBILE
   الخلفية تتكرر بالطول بدون مشاكل iPhone
   ========================================================= */

@media (max-width:767px){

    body{
        background-image:
            linear-gradient(
                rgba(5,10,7,.68),
                rgba(5,10,7,.74)
            ),
            var(--sand-national-bg) !important;

        background-size:
            auto 100vh !important;

        background-position:
            center top !important;

        background-repeat:
            repeat-y !important;

        background-attachment:
            scroll !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:390px){

    body{
        background-size:
            auto 92vh !important;
    }

}