/* Add custom CSS styles below */
/**temp pre update issue solution - selia**/

.s-add-product-toast:not(.s-add-product-toast--visible) {
    visibility: hidden;
}




custom-salla-product-card.product-card:hover .second-image {
    top: -72px;
    object-fit: contain !important;
}

.product-single .s-gifting-modal-header::after {
    content: 'سيتم إشعار المستلم برسالة نصية لتأكيد العنوان الوطني، ويجب إضافته لضمان تنفيذ طلب الإهداء، وإلا قد يُلغى الطلب خلال 72 ساعة';
    color: rgba(153, 27, 27, 1);
    text-align: center;
    font-weight: bold;
}


/* ************************************************* */
/* --------------------- GENERAL ------------------- */
/* ************************************************* */


.fixed-products .s-products-list-wrapper {
    margin-bottom: 0;
}

.fixed-products {
    margin-bottom: 0;
    margin-top: 0;
}

.s-block--fixed-banner {
    margin-top: 0 !important;
}

.s-block {
    margin-top: 0 !important;
}

html:lang(ar) {
    --main-font: "svisrose-font-ar", Tahoma, Arial, sans-serif;
}

html:lang(en) {
    --main-font: "svisrose-font-en", Tahoma, Arial, sans-serif;
}

:root {
    --color-primary-reverse: #fff8e4;
    /* --font-main: rb-font;*/
}

.text-red-400 {
    color: rgba(153, 27, 27, 1) !important;
}

.text-red-600 {
    color: rgba(153, 27, 27, 1) !important;
}

/* ------------- FONTS ------------- */

/* rb font */
/*@font-face {
    font-family: rb-font;
    src: url(https://sanint.sirv.com/zyros_natinonal_day_font/RB%20Font.ttf);
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: "svisrose-font-en";
    src: url("https://sanint.sirv.com/2025%20Shipment/Digital%20Marketing/Zyros/Font/Zyros%20English%20Font.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "svisrose-font-ar";
    src: url("https://sanint.sirv.com/2025%20Shipment/Digital%20Marketing/Zyros/Font/Zyros%20Arabic%20Font.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/**********General Padding on desktop************/

@media (min-width: 768px) {
    .app-inner>section:(not:.dynamic-banner--0) {

        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 90%;
        self-align: center;
    }

}

.double-banner--10,
.products-lookbook--11 {
    margin-top: 2rem !important;
}

/******perfomance****/
.dynamic-banner--4 img,
.dynamic-banner--6 img,
.dynamic-banner--8 img {
    aspect-ratio: 1080 / 630;
    min-height: 20px;
}

.dynamic-banner--4,
.dynamic-banner--6,
.dynamic-banner--8 {
    min-height: 5px;
}

.square-links-2 {
    min-height: 5px;
}


/************promotional AD***********/
@media only screen and (min-width: 640px) {
    .animated-text--0 {
        margin-top: 1rem !important;
    }


    /*****uncomment if AD is used********/
    /* .dynamic-banner--0 {
        margin-top: 1rem!important;
      }*/

    .salla-advertisement .text-sm {
        font-size: 0.875rem;
    }

    .index .store-header {
        /*top:2.5rem;*/
    }
}

@media only screen and (max-width: 768px) {
    .animated-text--0 {
        margin-top: 0 !important;
    }

    .salla-advertisement .text-sm {
        font-size: 0.65rem;
    }
}

/***********Lang Header****/
/*.store-header .top-navbar {
    background-color: transparent !important;
}
.top-navbar {
    color: black !important;
    }*/
:not(.index) .store-header .top-navbar {
    color: black !important;
}

.index .store-header .top-navbar {
    color: #fff !important;
}

/*********************************/
/***************************************/
/***************Header*************/
/**** ICONS ********************/
/* icons */
.store-header .sicon-cart:before {
    content: "\ef36";
}

/* user icon container*/
.store-header salla-user-menu .s-user-menu-trigger {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
}

/* cart items counter */
.store-header .s-cart-summary-count {
    background-color: #d0021b;
    right: -0.5rem;
    top: 0.125rem;
}

/* icons container */
.store-header .header-btn__icon {
    width: 1.75rem;
}

/* cart items */
.store-header salla-cart-summary {
    margin-right: 10px !important;
}

/*********************/
/********header background transition*********/
@media (min-width: 768px) {
    .index .store-header .main-nav-container {
        margin-top: 1rem !important;
    }

    .main-nav-container .main-menu-row {
        margin-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
}


/**optional: when banner is dark**/
.index .store-header .main-nav-container:not(.fixed-header) {
    color: #ffff;
}

.index .store-header .main-nav-container:not(.fixed-header) a:hover {
    color: #E9E5E1 !important;
}

.index .store-header .main-nav-container:not(.fixed-header) .sub-menu {
    color: #000;
}

.index .store-header .main-nav-container:not(.fixed-header) .navbar-brand img {
    filter: invert(1) grayscale(1) contrast(3) !important;
}




/********************************/


/*******************************/
#mainnav.animated {
    background-color: #fff;
    color: #000;
    /**optional: when banner is dark**/
}

@media (max-width: 767px) {

    #mainnav.animated .navbar-brand img {

        height: 25px !important;
        /* shrink */
    }
}

/*********minimize the header height************/
#mainnav .inner.bg-inherit .container .flex.items-stretch.justify-between.relative {
    height: 50px;
}

#mainnav .inner.bg-inherit {
    padding: 0 !important;

}

/*******************************************/
/* --------------- START NAVBAR LINKS --------------- */

/* foundation day 
    li#\36 126014,
  li#\"6126014\",
  */

/* ramadan offers 
    li#\36 00026416,
  li#\"600026416\",
  */

/* Abu Rayan
  li#\33 90660920
li#\"390660920\"
  
  */
/* عروض اليوم الوطني - الأكثر تميزًا - اختيارات جود، خصومات*/

/* desktop & mobile */

li#\38 94196208,
li#\"894196208\",
li#\35 3469786,
li#\"53469786\",
li#\36 126014,
li#\"6126014\",
li#\33 90660920,
li#\"390660920\",
li#\"1563423507\",
li#\37 80816395,
li#\"780816395\",
li#\"1154146639\",
li#\"1200868617\",
li#\31 200868617,
li#\"1691308301\",
li#\31 691308301,
li#\"1751255334\",
li#\31 751255334,


li#\31 242008350,
li#\"1242008350\" {
    display: none !important;
}


/* hide sub-sub categories */
li#\35 22814222 .sub-menu,
li#\35 22814222 a[aria-label="الشنط"]:after,
li#\31 563423507 .sub-menu,
li#\31 563423507 a[aria-label="وصل حديثًا"],
li#\31 154146639 a[aria-label="الهدايا"],
li#\31 691308301 a[aria-label="عروض اليوم الوطني"],
li#\31 691308301 a[aria-label="National Day Offers"],
{
display: none;
}

/* offers */
/*Other pages*/
li#\36 00026416 a[aria-label="خصومات"],
li#\36 00026416 a[aria-label="Offers"],
li#\31 370282774 a[aria-label="1 + 1 مجانًا"],
li#\"1370282774\",
li#\31 912849285,
li#\"1912849285\",
li#\36 00026416 a[aria-label="تخفيضات رمضان"],
li#\36 00026416 a[aria-label="Ramadan Offers"],
li#\36 126014 a[aria-label="عروض يوم التأسيس"],
#\"600026416\">span,
li#\31 048965297,
li#\"1048965297\" {
    color: #991B1B !important;
}


a[aria-label="بكجات الهدايا"]:after {
    content: "🎁"
}

/*---- best seller red color ---*/
li#\"572969158\",
li#\"2080636871\" {
    color: #991B1B !important;
}

/* For desktop */
li#\35 72969158,
li#\32 080636871 {
    color: #991B1B !important;
}

/* --------------- END NAVBAR LINKS --------------- */

/*************main banner*****************/

/* keep full-viewport container */
@media (min-width: 768px) {
    .dynamic-banner--0 {
        width: 100vw;
        height: 50%;
        padding: 0 !important;
    }
}

/**** countdown banner *******************/
.s-block--offer-countdown .offer-countdown-cta .offer-countdown-button {
    color: #3c1c1d !important;
    background-color: #fffaf0 !important;
}

/*******dynamic banner (2nd banner)****/
.app-inner .s-block--offer-countdown.container {
    margin-top: 1.5rem !important;
}

.double-banner--2,
.app-inner .s-block--offer-countdown.container,
.dynamic-banner--3 {
    margin-bottom: 1.5rem;
}

.dynamic-banner--3 img {
    aspect-ratio: 1441 / 400;
    /* keeps correct ratio */
    min-height: 20px;
}

.app-inner .s-block--offer-countdown.container {
    border-radius: 0 !important;
}

*************************************/

/*************Square links*************/
/************Links with img only************/
#square-links-slider-3 .swiper-wrapper.s-slider-swiper-wrapper .swiper-slide {
    padding: 0;
}

#square-links-slider-3 .swiper-wrapper.s-slider-swiper-wrapper .swiper-slide a {
    width: 100%;
    height: 100%;
    display: block;
}

#square-links-slider-3 .swiper-wrapper.s-slider-swiper-wrapper .swiper-slide a div,
.swiper-wrapper.s-slider-swiper-wrapper .swiper-slide a div img {
    width: 100%;
    height: 100%;
}

#square-links-slider-3 .swiper-wrapper.s-slider-swiper-wrapper .swiper-slide h3,
#square-links-slider-3 .swiper-wrapper.s-slider-swiper-wrapper .swiper-slide p {

    visibility: hidden;

}

/*comment out when use only products images**/
#square-links-slider-3 .swiper-wrapper.s-slider-swiper-wrapper .swiper-slide {

    background-color: #f2f2f2;
    /*svisrose products background*/
    padding-bottom: 10px;

}

/* Mobile-specific full-width */
@media (max-width: 766px) {

    /* Force Swiper wrapper into grid for mobile layout */
    #square-links-slider-3 .swiper-wrapper.s-slider-swiper-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    /* Force Swiper wrapper into grid for ipad-mobile layout */
    #square-links-slider-3 .swiper-wrapper.s-slider-swiper-wrapper {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:1023px) {

    #square-links-slider-3 .swiper-wrapper.s-slider-swiper-wrapper {
        gap: 3px;
        transform: none !important;
        transition-duration: 0ms !important;
        box-sizing: border-box;
    }

    #square-links-slider-3 .swiper-wrapper.s-slider-swiper-wrapper .swiper-slide {
        width: unset;
        max-width: unset;
    }

    #square-links-slider-3 .swiper.s-slider-container {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Desktop: respect default container padding */
@media (min-width: 1024px) {

    /* Let the wrapper behave like other app-inner sections */
    .square-links-3 {
        padding-left: clamp(14px, 4vw, 48px);
        padding-right: clamp(14px, 4vw, 48px);
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Remove container or mx-auto width restrictions */
    .square-links-3>.mx-auto,
    .square-links-3 .container {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .square-links-3 .swiper-wrapper.s-slider-swiper-wrapper {
        width: 100% !important;
        box-sizing: border-box;
        display: flex !important;
        gap: 3px;
    }

    /* viewport stays centered, overflow hidden */
    #square-links-slider-3 .s-slider-container {
        overflow: hidden;
    }

    /* give the track a predictable gap (optional, tune if needed) */
    #square-links-slider-3 .swiper-wrapper.s-slider-swiper-wrapper {
        display: flex !important;
        gap: var(--sq-links-gap, 3px);
    }

    /* force six equal columns regardless of slide--one-fourth/sixth */
    #square-links-slider-3 .swiper-wrapper.s-slider-swiper-wrapper .swiper-slide {
        /* 6 columns → each gets (100% - 5 gaps) / 6 */
        width: calc((100% - (6 - 1) * var(--sq-links-gap, 8px)) / 6) !important;
        flex: 0 0 calc((100% - (6 - 1) * var(--sq-links-gap, 8px)) / 6) !important;
        max-width: calc((100% - (6 - 1) * var(--sq-links-gap, 8px)) / 6) !important;
    }

    /* make media fill nicely inside each tile */
    #square-links-slider-3 .swiper-slide a {
        display: block;
        width: 100%;
        height: 100%;
    }

    #square-links-slider-3 .swiper-slide img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}

.square-links-3 .s-slider-block__title-nav {
    display: none;
}

/*******************************/


/***********categories products****************/
/*******hide titles*******/
#app .app-inner .fixed-products .home-block-title {
    display: none;
}

/***************************************1 +1 popup***/
#salla-modal>div.s-modal-wrapper>div>div.s-modal-header>div>div>p {
    font-weight: bold;
}

#salla-modal>.s-modal-wrapper>div>.s-modal-header>div>div>.s-modal-title,
#salla-modal>.s-modal-wrapper>div>.s-modal-header>div>div>.s-modal-sub-title {

    font: var(--font-main) !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}

#salla-modal>.s-modal-wrapper>div>.s-modal-header>div>div>.s-modal-title {
    font-weight: bold !important;

}

#salla-modal>.s-modal-wrapper>div>.s-modal-header>div>div>.s-modal-sub-title {

    color: #991B1B !important;

}

/******categories banners margin**********/
.category-wide-banner,
.products-lookbook--11 {

    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

/* ************************************************* */
/* ------------------ PRODUCT CARD ----------------- */
/* ************************************************* */
.product-card:hover {
    transform: none !important;
}

.product-card {
    margin-bottom: 0 !important
}

/**Special W*H**/
.product-card .product-card__image img {
    object-fit: fill !important;

}

.product-card .product-card__image {
    display: contents;

}

/* stop zoom-in product card */
.index .product-card:hover {
    transform: scale(1);
}


/* out-of-stock*/
.product-card.out-of-stock {
    display: none
}

/* promo title */
.product-card .product-card__image .product-card__promotion {
    background-color: #fffaf0 !important;
    color: #030d2e;
    /* display:none !important;*/
}

/* like and quick view buttons */
.product-card .product-card__buttons {
    display: none;
}

/*desc container */
.product-card .product-card__content .product-card__content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: right;
    flex-grow: 1;
    align-content: space-between;
    padding-left: 14px;
}

/**Left align desc container*/
:lang(en) .product-card .product-card__content .product-card__content-wrapper {

    text-align: left !important;

}

/* title */
.product-card .product-card__content .product-card__title {
    width: 100%;
    margin: 0 0 6px;
}

/* subtitle */
.product-card .product-card__content .product-card__subtitle {
    width: 100%;
    flex-grow: 1;
    margin-top: auto;
    margin-bottom: auto;
    display: none;
}

/* prices container */
.product-card .product-card__content .product-card__price {
    display: flex;
    flex-direction: column-reverse;
}

/* price before */
.product-card .product-card__content .product-card__price span {
    margin-right: 0;
}

/* auto discount */
.product-card .product-card__content .product-card__discount span {
    color: #0B1F37;
    border-radius: 2px;
    font-size: 0.675rem;
    padding: 0.25rem;


}

.product-card .product-card__content .product-card__discount {
    align-self: flex-end;
    background-color: rgba(207, 20, 43, .11);
    line-height: 12px;
    /*margin-bottom: -4px;*/
    /*order: 4;*/

}

/* countdown container */
.product-card .product-card__content .s-count-down-wrapper {
    width: 100%;
}

.product-card .product-card__content .s-count-down-list {
    padding-right: 0;
}

/* add to cart */
:lang(ar) .product-card .sicon-shopping {
    display: block;
    order: 2;
    position: absolute;
    left: 0.5rem;
}

:lang(en) .product-card .sicon-shopping {
    display: block;
    order: 2;
    position: absolute;
    right: 0.5rem;
}

/* add to cart */
.product-card__normal-cart__btn .s-button-element span,
.product-card__content .product-card__enhnaced-mini-cart__btn button .enhanced-label {
    font-size: 0;
}

/* Arabic */
:lang(ar) .product-card__normal-cart__btn .s-button-element span:after,
:lang(ar) .product-card__content .product-card__enhnaced-mini-cart__btn button .enhanced-label:after {
    content: 'تميز الآن';
    font-size: 1rem;
}

:lang(en) .product-card__normal-cart__btn .s-button-element span:after,
:lang(en) .product-card__content .product-card__enhnaced-mini-cart__btn button .enhanced-label:after {
    content: 'Add to cart';
    font-size: 1rem;

}

.product-card .product-card__normal-cart {
    border: 1px solid rgba(200, 200, 200, 0.8);

}

.product-card .product-card__normal-cart__btn .s-button-btn {
    border: unset;
}

.product-card .product-card__normal-cart__btn .s-button-btn:hover {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

@media only screen and (min-width: 769px) {

    /* add to cart */
    .product-card .product-card__content {
        padding-bottom: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    /*desc container */
    .product-card .product-card__content .product-card__content-wrapper {
        padding-right: 14px;
    }

    /* rating */
    .product-card .product-card__content .s-product-card-rating {
        /*justify-content: flex-end;
            flex-grow: 1;
            margin-left: 0.5rem;
            padding-top: 10px;*/
        justify-content: flex-start;
        flex-grow: 1;
        width: 100%;
        margin-top: 0;
    }
}

@media only screen and (max-width: 768px) {

    /*desc container */
    .product-card .product-card__content .product-card__content-wrapper {
        padding-left: 0 !important;
        padding-right: 3px !important;
    }

    /* promo & auto-promo */
    .product-card .product-card__image .product-card__promotion {
        /*  display:none !important;*/
        bottom: auto !important;
        left: auto !important;
        right: 0 !important;
        top: auto !important;
        font-size: 12px !important;
    }

    .product-card .product-card__image .product-card__promotion,
    .product-card .product-card__content .product-card__discount span {
        font-size: 8px;
        /*padding: 0.063rem;*/
    }

    /* auto-promo */
    .product-card .product-card__content .product-card__discount {
        margin-bottom: -4px;
    }

    /* title & subtitle */
    .product-card .product-card__content .product-card__title a,
    .product-card .product-card__content .product-card__subtitle {
        font-size: 10px !important;
        line-height: 0.875rem;
    }

    /* price before*/
    .product-card .product-card__content .product-card__price span {
        font-size: 10px;
    }

    /* price after */
    .product-card .product-card__content .product-card__price h4,
    .product-card .product-card__content .product-card__price {
        font-size: 12px;
        line-height: 1rem !important;
        font-weight: 700 !important;
        color: rgba(153, 27, 27, 1);
    }

    /* rating */
    .product-card .product-card__content .s-product-card-rating {
        /*justify-content: flex-end;
            flex-grow: 1;
            margin-left: 0.25rem;
            padding: 2px;
            margin: 0;
            margin-bottom: -2px;
            line-height: 0;
            align-self: flex-end;
            margin-left: 0.125rem;
            font-size: 0.75rem;*/

        justify-content: flex-start;
        flex-grow: 1;
        margin-left: 0.25rem;
        /* padding: 2px; */
        margin: 0;
        /* margin-bottom: -2px; */
        line-height: 0;
        align-self: flex-start;
        margin-left: 0;
        width: 100%;
    }

    .product-card .product-card__content .s-product-card-rating span svg {
        height: 0.75rem;
        width: 0.75rem;
    }

    /* countdown container */
    .product-card .product-card__content .s-count-down-list {
        margin-left: 0;
        margin-right: 0;
    }

    .product-card .product-card__content .s-count-down-md .s-count-down-item {
        font-size: 0.75rem;
        line-height: 1rem;

    }

    .product-card .product-card__content .s-count-down-item-label {
        font-size: 0.5rem;
        line-height: 1rem;
        margin-top: .125rem;
    }

    .product-card .product-card__content .product-card__enhanced-mini-cart .product-card__enhnaced-mini-cart__btn button {
        border: 0.5px solid rgba(200, 200, 200, 0.8) !important;
    }

    .product-card .product-card__content .product-card__enhanced-mini-cart .product-card__enhnaced-mini-cart__btn button:hover {
        color: #fff8e4 !important;
        background-color: #0B1F37 !important;
    }



}

/* ******************************************* */
/* ----------- BEST OFFERS BLOCK ------------- */
/* ******************************************* */
/* title container */
.s-block--best-offers .s-slider-block__title,
salla-products-slider .s-slider-block__title {
    border-bottom: unset;
    margin-bottom: 0;
}

#best-offers-7-slider salla-slider .s-slider-block__title {
    display: none;
}

.s-block--best-offers {
    margin-top: 0.75rem;
}


/* title */
.s-block--best-offers .s-slider-block__title-right,
salla-products-slider .s-slider-block__title-right {
    border-bottom: unset;
    margin-bottom: 0.5rem;
}

@media only screen and (max-width: 768px) {

    /* title */
    .s-block--best-offers .s-slider-block__title-right,
    salla-products-slider .s-slider-block__title-right {
        padding-bottom: 0;
    }

    /* display all */
    .s-block--best-offers .s-slider-block__title-left .s-slider-block__display-all,
    salla-products-slider .s-slider-block__title-left .s-slider-block__display-all {
        border: unset;
        padding-left: 0;
    }

    /* title */
    .s-block--best-offers .s-slider-block__title h2 {
        font-size: 1rem;
    }

}

@media only screen and (min-width: 769px) {
    .s-block--best-offers {
        /*padding-left: 0;*/
    }

    /* title */
    .s-block--best-offers .s-slider-block__title h2 {
        font-size: 1.5rem;
    }
}

/* ************************************************* */
/* -------------- TESTIMONIALS BLOCK --------------- */
/* ************************************************* */
.app-inner .s-block--testimonials {
    margin-top: 0 !important;
}

.s-block--testimonials.enhanced:before {
    background-image: unset;
}

/* title */
.s-block--testimonials .container div h2 {
    display: none;
}

.app-inner .s-block--testimonials .home-block-title {
    display: none;
}


@media only screen and (max-width: 768px) {
    .s-block--testimonials .container div h2:after {
        font-size: 1rem;
    }

    .s-block--testimonials {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 769px) {
    .s-block--testimonials .container div h2:after {
        font-size: 1.75rem;
    }
}

/* ************************************************* */
/* ------------------ FAQ BLOCK -------------------- */
/* ************************************************* */
@media only screen and (max-width: 768px) {

    /* title */
    .s-block--faq .container div .text-store-text-primary.tracking-tight {
        font-size: 1.25rem;
    }
}





/* -------------- END RATING SECTION ---------------- */

/* ************************************************* */
/* --------------------- FOOTER -------------------- */
/* ************************************************* */
.store-footer .container .img-fluid {
    height: 44px !important;
}

/******************************************/
/* ************************************************* */
/* --------------- CATEGORIES PAGE ----------------- */
/* ************************************************* */

/* sub-category images */
.products-index [id*=sub-cats-slider-] .swiper-slide div:has(i) {
    display: none;
}

/* sub-category text */
.products-index [id*=sub-cats-slider-] .s-slider-swiper-wrapper .swiper-slide a {
    border: 1px #0B1F37 solid;
    border-radius: 2px;
}

.products-index [id*=sub-cats-slider-] .s-slider-swiper-wrapper .swiper-slide a:hover {
    background-color: #0B1F37;
}

.products-index [id*=sub-cats-slider-] .s-slider-swiper-wrapper .swiper-slide a:hover span {
    color: #ffffff;
}


@media only screen and (max-width: 768px) {

    /* product card image */
    .products-index .main-content .product-card .product-card__image {
        height: auto !important;
        max-height: none;
    }

    .products-index [id*=sub-cats-slider-] .s-slider-swiper-wrapper .swiper-slide {
        margin: auto 4px;
        width: 20% !important;
    }

    .products-index [id*=sub-cats-slider-] .s-slider-swiper-wrapper .swiper-slide a span {
        margin-bottom: 0.5rem;
        font-size: 0.5rem;
        line-height: 0.5rem;
    }
}


@media only screen and (min-width: 769px) {

    /* sub-category text */
    .products-index [id*=sub-cats-slider-] .s-slider-swiper-wrapper {
        justify-content: center;
        font-weight: 900;
        margin: auto 32px;
    }

    .products-index [id*=sub-cats-slider-] .s-slider-swiper-wrapper .swiper-slide {
        margin: auto 10px;
    }

    .products-index [id*=sub-cats-slider-] .s-slider-swiper-wrapper .swiper-slide a span {
        margin-bottom: 0.5rem;
    }
}

/* ************************************************* */
/* ----------------- PRODUCT PAGE ------------------ */
/* ************************************************* */
@media only screen and (min-width: 769px) {

    /* multiple images */
    .app-inner .product-single .product-single__inner .product-single__slider {
        width: 46% !important;
    }

    /* single image */
    .app-inner .product-single .product-single__slider .product-single__main-media {
        /*height: auto;*/
    }
}

@media only screen and (max-width: 768px) {

    /* buy now button */
    .app-inner .product-single .sticky-product-bar salla-quick-buy button.s-quick-buy-button {
        line-height: 20px;
    }


    .product-single salla-offer .s-slider-container .swiper-slide {
        width: 50%;
    }

    .product-single salla-offer .product-card .product-card__content {
        padding: 0 !important;
    }
}

/* rearrange components */
.product-single .app-inner .store-header+.container {
    display: flex;
    flex-direction: column;
}

.product-single .app-inner .container .product-more-info {
    order: 3;
}

.product-single .app-inner .container salla-offer {
    order: 4;
}

/* promo title */
.app-inner .product-single .promotion-title {
    background-color: #fffaf0 !important;
    color: #030d2e;
}

/* brand logo */
.app-inner .product-single .product-single__info .product-brand .brand-logo {
    display: none;
}

/* availabilty text */
.app-inner .product-single .product-single__info .inventory-content {
    display: none;
}

/* prices */
.app-inner .product-single .product-form div.bg-storeBG {
    display: none;
}


/* product desc */
.app-inner .product-single .product-single-top-description ul li {
    /*list-style-type: "- " !important;*/
    list-style: inside !important;
}

@media only screen and (max-width: 768px) {
    .product-single .product-single__slider a#magnify-image:first-of-type {
        order: 2;
    }

    .product-single .product-single__slider a#magnify-image:nth-of-type(2) {
        order: 1;
    }

    .product-single .product-single__slider a#magnify-image:nth-child(n+3) {
        order: 3;
    }
}

/*************hide iframe initally****/
#app .product-single-top-description article iframe {
    display: none;
}

/**********customized options*****************/
/* option titles for SZAS573M111111, SZBM1148M, SZBM1148F */
.product-single div[data-option-id="1380911137"] label+p,
.product-single div[data-option-id="1198033860"] label+p,
.product-single div[data-option-id="633248756"] label+p,
.product-single div[data-option-id="1298906229"] label+p,
.product-single div[data-option-id="1848681508"] label+p,
.product-single div[data-option-id="265357320"] label+p,
.product-single div[data-option-id="1205224070"] label+p {
    display: none;
}

/********************Installments************/
.product-single__inner .product-single__info {
    display: grid;
}

.product-single__inner .product-single__info salla-installment {
    order: 8;
}

@media only screen and (min-width: 769px) {
    .product-single__inner .product-single__info #product-form {
        order: 9;
    }
}

/* -------------- START OFFER SLIDER --------------- */
/* icon */
.s-offer-wrapper .s-slider-block__title h2::before,
.s-offer-wrapper .s-offer-corner-badge {
    display: none;
}

/* title */
.s-offer-wrapper .s-slider-block__title .s-slider-block__title-right h2 {
    color: #0B1F37;
}

/* ---------- Offer product card ------ */

/* desc container*/
.s-offer-wrapper .product-card .product-card__content {
    text-align: right;
    margin-right: 6px;
    margin-left: 6px;
}

/* add to cart */
.s-offer-wrapper .product-card .product-card__normal-cart__btn .s-button-btn {
    padding-left: 0.75rem;
}

.s-offer-wrapper .product-card__normal-cart__btn .s-button-element span {
    margin-right: 15%;
}

/* auto discount  */
.s-offer-wrapper .product-card .product-card__content .product-card__discount {
    order: unset;
    margin-top: -22px;
}

@media only screen and (max-width: 768px) {

    /* add to cart */
    .s-offer-wrapper .product-card .product-card__content .product-card__mini-cart {
        border: none;
        border-radius: unset;
    }

    .s-offer-wrapper .product-card .product-card__content .product-card__mini-cart .s-button-element {
        border: unset;
    }

}

/* --------------- END OFFER SLIDER ---------------- */
/* ------------- START RATING SECTION --------------- */

.product-more-info .s-comments-product .comments-list-wrap .comment div:has(> .sicon-check) {
    display: none;
}

/* ************************************************* */
/* ------------------- CART PAGE ------------------- */
/* ************************************************* */
/* title*/
.cart .simplified-products .s-slider-block__title-right {
    padding-bottom: 0;
}

/*.cart .simplified-products .s-slider-block__title-right h2 {
      font-size: 0;
  }
  
  .cart .simplified-products .s-slider-block__title-right h2:after {
      content: 'أضفها واحصل على شحن مجاني';
      font-size: 1.125rem;
  }*/

/* coupon input */
/*
    lang(ar) .cart div:has(> input#coupon-input)::after {
        content: '*إضافة كود خصم يلغي عرض 1+1 ';
        font-size: 10px;
        color: grey;
        font-weight: 400;
    }
   :lang(en) .cart div:has(> input#coupon-input)::after {
        content: '*Adding a promo code cancels the 1+1 offer ';
        font-size: 10px;
        color: grey;
        font-weight: 400;
    }
    */

/* ************************************************** */
/* ************************************************* */
/* -------- SPECIAL PRODUCTS SLIDER BLOCK ---------- */
/* ************************************************* */
.s-block--special-products-slider--6 .s-products-slider-slider .s-slider-block__title:before {
    content: "OUR FAVORITES";
    text-align: center;
    font-family: Futura, sans-serif;
    letter-spacing: 6px;
    font-weight: 400;
}

.s-block--special-products-slider--6 div div.bg-cover img {
    object-fit: contain;
}

.s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__image .product-card__promotion {
    display: none;
}

@media only screen and (min-width: 640px) {

    .s-block--special-products-slider--6 {
        /*margin-top: -5rem;*/
    }

    .s-block--special-products-slider--6 div div.bg-cover img {
        object-position: left;
    }

    .s-block--special-products-slider--6 .s-products-slider-slider .s-slider-block__title:before {
        margin: 20px auto;
        font-size: xx-large;
    }

    .s-block--special-products-slider--6 .s-products-slider-slider .s-block--special-products-slider .s-products-slider-card {
        width: 50% !important;
    }

    .s-block--special-products-slider--6 .s-products-slider-slider .swiper-wrapper {
        justify-content: center;
    }





    .s-block--special-products-slider--6 div div.bg-cover {
        width: 70%;
    }

    .s-block--special-products-slider--6 div:has(> div.bg-cover) {
        align-items: center;

    }

    .s-block--special-products-slider--6 .slider-wrap {
        padding-top: 9rem;
        margin-right: 0 !important;
        padding-right: 0;
    }

}


@media only screen and (max-width: 768px) {
    .s-block--special-products-slider--6 {
        margin-top: 1rem;
    }

    .s-block--special-products-slider--6 .slider-wrap {
        padding-bottom: 0;
    }

    .s-block--special-products-slider--6 .s-products-slider-slider .s-slider-block__title:before {
        content: "OUR FAVORITES";
        text-align: center;
        margin: 15px auto;
        font-size: large;
    }


    .s-block--special-products-slider--6 .s-products-slider-slider .swiper .swiper-wrapper {
        align-items: center;
        justify-content: center;
    }

    .s-block--special-products-slider--6 .s-products-slider-slider .swiper {
        padding: 0;
    }

}

/* ------------- SPECIAL PRODUCT CARD -------------- */
.s-block--special-products-slider--6 .swiper-wrapper .product-card:hover {
    border: 1px #d2d2d2 solid;
}

.s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__image .product-card__buttons {
    display: none;
}

.s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__content {
    margin-top: 0;
}

.s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__content .product-card__title a {
    font-weight: 200;
    text-align: center;
}

.s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__content .product-card__price {
    text-align: center;
}

.s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__content .product-card__normal-cart {
    display: none;
}

.s-block--special-products-slider--6 .swiper-wrapper .product-card {
    border: unset;
    padding-bottom: 0.5rem;
}

@media only screen and (max-width: 768px) {

    /* preview & wishlist*/
    .s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__image .product-card__actions {
        display: block !important;
        top: initial;
        right: initial;
        bottom: 0px;
        left: 5px;
    }

    /* wishlist */
    .s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__image .product-card__actions .wishlist {
        display: none;
    }

    /* quickview */
    .s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__image .product-card__actions div button {
        background: #fff;
        width: 24px;
        height: 24px;
    }

    .s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__image .product-card__actions div button i {
        color: #000 !important;
    }

    .s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__content {
        min-height: unset !important;
    }

    .s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__content .product-card__enhanced-mini-cart {
        display: none;
    }

}

@media only screen and (min-width: 640px) {
    .s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__image {
        height: auto;
    }

    /* add to cart*/
    .s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__content .product-card__enhanced-mini-cart {
        display: block !important;
        width: 71%;
        margin: 3px auto;
    }

    /* divider */
    .s-block--special-products-slider--6 .swiper-wrapper .product-card .product-card__enhanced-mini-cart-divider {
        display: block !important;
    }


}

.s-block.s-block--splitter {
    position: relative
}


/* *********************************************/
/* ---------------- ORDER PAGE --------------- */
/* *********************************************/

.s-rating-modal-thanks-title {
    font-size: 0;
}

:lang(ar) .s-rating-modal-thanks-title:after {
    content: 'شكرًا لوقتك 🌷';
    font-size: 1rem;
}

:lang(en) .s-rating-modal-thanks-title:after {
    content: 'Thank you for your time';
    font-size: 1rem;
}

.s-rating-modal-thanks-msg h3 {
    font-size: 1rem;
    color: #2b2d34;
    line-height: unset;
}

/* ************************************************* */
/* -------------- TESTIMONIALS PAGE --------------- */
/* ************************************************* */
/**load more btn*/
#app>div.app-inner.flex.flex-col.min-h-full.bg-storeBG>div>div>div>salla-comments>div>div>div.s-infinite-scroll-wrapper>button>span.s-button-text.s-infinite-scroll-btn-text {
    color: #fff8e4 !important;
}

/***translate btn*/
#app>div.app-inner.flex.flex-col.min-h-full.bg-storeBG>div>div>div>salla-comments>div>div>div.s-translate-all-wrap>span {

    color: #0B2337 !important;
}

/* *********************************************/
/* ------------ PRE-ORDER PRODUCTS ----------- */
/* *********************************************/

.product-693489456 .s-product-options-grid-mode input:checked+div,
.product-377399358 .s-product-options-grid-mode input:checked+div,
.product-234202895 .s-product-options-grid-mode input:checked+div,
.product-1574602782 .s-product-options-grid-mode input:checked+div,
.product-314921317 .s-product-options-grid-mode input:checked+div,
.product-2139846766 .s-product-options-grid-mode input:checked+div,
.product-1655317108 .s-product-options-grid-mode input:checked+div,
.product-132959601 .s-product-options-grid-mode input:checked+div,
.product-1795323775 .s-product-options-grid-mode input:checked+div {
    /*background-color: #fff;*/
    /* border: 1px var(--color-primary) solid; */
    color: var(--store-text-primary);
    background-color: unset;
    border: unset
}

.product-693489456 .s-product-options-grid-mode input:checked+div:before,
.product-377399358 .s-product-options-grid-mode input:checked+div:before,
.product-234202895 .s-product-options-grid-mode input:checked+div:before,
.product-1574602782 .s-product-options-grid-mode input:checked+div:before,
.product-314921317 .s-product-options-grid-mode input:checked+div:before,
.product-2139846766 .s-product-options-grid-mode input:checked+div:before,
.product-1655317108 .s-product-options-grid-mode input:checked+div:before,
.product-132959601 .s-product-options-grid-mode input:checked+div:before,
.product-1795323775 .s-product-options-grid-mode input:checked+div:before {
    content: "\ea9c";
}

.product-693489456 .s-product-options-grid-mode-span,
.product-377399358 .s-product-options-grid-mode-span,
.product-234202895 .s-product-options-grid-mode-span,
.product-1574602782 .s-product-options-grid-mode-span,
.product-314921317 .s-product-options-grid-mode-span,
.product-2139846766 .s-product-options-grid-mode-span,
.product-1655317108 .s-product-options-grid-mode-span,
.product-132959601 .s-product-options-grid-mode-span,
.product-1795323775 .s-product-options-grid-mode-span {
    border: unset
}

.product-693489456 .s-product-options-grid-mode-span:before,
.product-377399358 .s-product-options-grid-mode-span:before,
.product-234202895 .s-product-options-grid-mode-span:before,
.product-1574602782 .s-product-options-grid-mode-span:before,
.product-314921317 .s-product-options-grid-mode-span:before,
.product-2139846766 .s-product-options-grid-mode-span:before,
.product-1655317108 .s-product-options-grid-mode-span:before,
.product-132959601 .s-product-options-grid-mode-span:before,
.product-1795323775 .s-product-options-grid-mode-span:before {
    font-family: sallaicons;
    content: "\ea9f";
    font-size: 18px;
}




.product-693489456 .s-product-options-option,
.product-377399358 .s-product-options-option,
.product-234202895 .s-product-options-option,
.product-1574602782 .s-product-options-option,
.product-314921317 .s-product-options-option,
.product-2139846766 .s-product-options-option,
.product-1655317108 .s-product-options-option,
.product-132959601 .s-product-options-option,
.product-1795323775 .s-product-options-option {
    grid-template-columns: 65% 20% !important;
}




.product-693489456 .product-single__inner .product-single__info salla-installment,
.product-377399358 .product-single__inner .product-single__info salla-installment,
.product-234202895 .product-single__inner .product-single__info salla-installment,
.product-1574602782 .product-single__inner .product-single__info salla-installment,
.product-314921317 .product-single__inner .product-single__info salla-installment,
.product-2139846766 .product-single__inner .product-single__info salla-installment,
.product-1795323775 .product-single__inner .product-single__info salla-installment,
.product-1655317108 .product-single__inner .product-single__info salla-installment,
.product-132959601 .product-single__inner .product-single__info salla-installment {
    display: none;
}



.s-product-options-option-content {
    /*grid-column: unset;*/
}

.product-693489456 label.s-product-options-option-label small {
    /*display: none;*/
}

.product-693489456 .s-product-options-wrapper {
    /*padding-right: 0;*/
}



button[product-id="1795323775"] span.enhanced-label:after {
    /*content: "."!important;*/
}


/* ========================= */
/*   1+2 Offer Popup Styles   */
/* ========================= */

/* ========================= */
/*   1+2 Offer Modal Styles   */
/* ========================= */

.modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}

/* Everything inside modal ONLY */
.modal .modal-content {
    background: #fff;
    padding: 24px 20px;
    border-radius: 14px;
    text-align: center;
    width: 92%;
    max-width: 380px;
    position: relative;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
    animation: popIn 0.25s ease;
}

.modal .message-text {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 18px;
}

.modal .close-button {
    width: 100%;
    padding: 12px;
    background: #111;
    color: #fff;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 15px;
}

.modal .close-button:hover {
    opacity: .8;
}

.modal .close-icon {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 18px;
    cursor: pointer;
    color: #333;
    opacity: .7;
}

/* Animation */
@keyframes popIn {
    from {
        transform: scale(0.9);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/*First Double Banner Gap*/
.gap-2 {
    gap: 0rem;
}


i.sicon-whatsapp2.text-3xl.text-white {
    padding-left: 10px;
}