/* Add custom CSS styles below */ 

/* bannars */
section.s-block.s-block--fixed-banner.wide-placeholder>.container {
    padding: 0!important;
    margin: 0px!important;
    max-width: 100%
}
main#main-content > .s-block--fixed-banner:first-of-type {
    margin-top: 0 !important;
}



/* client review */
.section-testimonials__footer {
    display: none !important;
}


/* product card title */
@media (max-width: 767px) {
    body.home .s-slider-block__title-right h2 {
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}
@media (max-width: 767px) {

    .s-slider-block__title-right h2,
    .s-slider-block__display-all {
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
        width: max-content !important;
        max-width: none !important;
    }

}



/* adding space */
main section.s-block {
    margin-block: 34px !important;
}





/* footer */
/* =========================
   FOOTER BASE
========================= */

footer.store-footer {
    margin-top: 20px !important;
}

.store-footer {
    background: #e9d8ef !important;
}


/* =========================
   FOOTER INNER FRAME
========================= */

.store-footer .store-footer__inner {
    background-image: url("https://cdn.files.salla.network/other/1928697783/94ee5a94-18b4-47fa-8513-bbddf5b05077-original.webp") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;

    padding: 55px 70px !important;

    margin: 0 auto !important;

    max-width: 1400px !important;
    width: calc(100% - 40px) !important;

    box-sizing: border-box !important;
}


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

@media (max-width: 991px) {

    .store-footer .store-footer__inner {
        padding: 45px 35px !important;
        width: calc(100% - 30px) !important;
    }

}


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

@media (max-width: 600px) {

    .store-footer .store-footer__inner {
        width: calc(100% - 30px) !important;
        max-width: none !important;

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

        padding: 45px 38px 40px !important;

        background-image: url("https://cdn.files.salla.network/other/1928697783/ad045f76-597b-4368-9a4e-f074f51f3f3c-original.webp") !important;
        background-size: 100% 100% !important;
        background-position: center !important;
        background-repeat: no-repeat !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }

    .store-footer .store-footer__inner > .container {
        width: 100% !important;
        max-width: 100% !important;

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

        margin: 0 auto !important;

        box-sizing: border-box !important;
    }

}


/* =========================
   FOOTER TEXT COLORS
========================= */

.store-footer,
.store-footer * {
    color: #000 !important;
}

.store-footer a {
    color: #000 !important;
}

.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer h5,
.store-footer h6 {
    color: #000 !important;
}

.store-footer p,
.store-footer span {
    color: #000 !important;
}


/* =========================
   FOOTER SVG COLORS
========================= */

.store-footer svg,
.store-footer svg path {
    fill: #000 !important;
}

.store-footer svg {
    stroke: #000 !important;
}


/* =========================
   CONTACT ICONS
========================= */

footer .s-contacts-item .s-contacts-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;

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

    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 50% !important;

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

    padding: 0 !important;
}


/* Icon itself */

footer .s-contacts-item .s-contacts-icon svg {
    width: 18px !important;
    height: 18px !important;

    color: #222 !important;

    fill: none !important;
}


/* SVG lines */

footer .s-contacts-item .s-contacts-icon svg path {
    stroke: #222 !important;
}


/* Hover */

footer .s-contacts-item:hover .s-contacts-icon {
    background: transparent !important;

    border-color: rgba(0, 0, 0, 0.4) !important;
}


/* Mobile contact icons */

@media (max-width: 767px) {

    footer .s-contacts-item .s-contacts-icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }

    footer .s-contacts-item .s-contacts-icon svg {
        width: 16px !important;
        height: 16px !important;
    }

}


/* =========================
   SOCIAL ICONS
========================= */

footer .s-social-list .s-social-link {
    background: #232721 !important;
    color: #E4D5EA !important;
}

footer .s-social-list .s-social-link svg,
footer .s-social-list .s-social-link svg path {
    color: #E4D5EA !important;
    fill: #E4D5EA !important;
}

li.s-social-link {
    border-radius: 999px !important;
}


/* Force social icon strokes */

footer .s-social-list a *,
footer .s-social-list .s-social-link * {
    stroke: #E5D6EA !important;
}


/* Instagram + TikTok */

footer a[href*="instagram"],
footer a[href*="tiktok"] {
    background: #252A23 !important;
    color: #E5D6EA !important;
}

footer a[href*="instagram"] svg,
footer a[href*="tiktok"] svg,
footer a[href*="instagram"] svg *,
footer a[href*="tiktok"] svg * {
    fill: #E5D6EA !important;
    stroke: #E5D6EA !important;
    color: #E5D6EA !important;
}


/* =========================
   HIDE ORIGINAL TOP FOOTER
========================= */

.relative.top_footer.isolate.min-h-\[36vh\].lg\:min-h-\[55vh\].flex.flex-col.items-center.justify-evenly.overflow-hidden {
    display: none !important;
}


/* =========================
   STACK FOOTER COLUMNS MOBILE
========================= */

@media (max-width: 767px) {

    .store-footer .grid {
        display: flex !important;
        flex-direction: column !important;

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

        gap: 22px !important;

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

        box-sizing: border-box !important;
    }

    .store-footer .grid > div {
        width: 100% !important;
        max-width: 100% !important;

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

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

        grid-column: auto !important;
        grid-row: auto !important;

        box-sizing: border-box !important;
    }


    /* Prevent text from escaping frame */

    .store-footer p,
    .store-footer span,
    .store-footer a {
        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    /* Contact rows */

    .store-footer .s-contacts-item {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    /* Social list */

    .store-footer .s-social-list {
        max-width: 100% !important;

        box-sizing: border-box !important;
    }

}






/* =========================
   SECTION ABOVE FOOTER
========================= */

.jahez-footer-section {
    width: 100%;
    min-height: 50px;

    display: flex;

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

    gap: 12px;

    padding: 10px 20px;

    background: #000;

    color: #fff !important;

    text-decoration: none !important;

    direction: rtl;

    text-align: center;

    box-sizing: border-box;
}


.jahez-text {
    color: #fff;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.6;
}


.jahez-link {
    color: #fff;

    font-size: 13px;

    font-weight: 500;

    text-decoration: underline;

    text-underline-offset: 4px;
}


.jahez-footer-section:hover,
.jahez-footer-section:hover .jahez-text,
.jahez-footer-section:hover .jahez-link {
    color: #fff !important;
}


/* =========================
   JAHEZ TABLET
========================= */

@media (max-width: 768px) {

    .jahez-footer-section {
        min-height: 44px;

        padding: 9px 15px;

        gap: 10px;
    }

    .jahez-text,
    .jahez-link {
        font-size: 12px;
    }

}


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

@media (max-width: 480px) {

    .jahez-footer-section {
        min-height: 42px;

        padding: 8px 10px;

        gap: 6px;

        flex-wrap: wrap;
    }

    .jahez-text,
    .jahez-link {
        font-size: 10px;
    }

}
 
@media (max-width: 767px) {
    .store-footer .container.mx-auto.px-10.md\:px-16 {
        padding-block: 40px !important;
    }
}




/* hide phone icon from footer */
#contact-slot:has(a[href="tel:+966508113798"]) {
    display: none !important;
}