/* Add custom CSS styles below */ 
/* ************************************************* */
/* ------------------ SCREEN WIDTH ----------------- */
/* ************************************************* */
/*   @media only screen and (max-width: 768px) {}  
  @media only screen and (min-width: 640px) {}   */

    
    
.index .main-video {
    display: none;
}
    
/* ************************************************* */
/* --------------------- GENERAL ------------------- */
/* ************************************************* */

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

.text-red-400 {
    color: #d0021b;
}

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

/* desktop */
li#\31 699452151,
li#\34 49618185,
li#\33 93567181,
li#\38 94196208,
li#\31 691308301,
li#\31 256746459,
li#\36 126014 {
    display: none !important;
}

/* mobile */
li#\"1691308301\",
li#\"1699452151\",
li#\"449618185\",
li#\"393567181\",
li#\"894196208\",
li#\"6126014\" {
    display: none;
}

/* offers */
li#\36 00026416 a[href="https://zyros.com/ramadanoffer/c600026416"],
li#\"600026416\" {
    color: #d0021b;
}

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

/* ------------- START RADIUS ------------- */

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

    .rounded-lg,
    .rounded-md,
    salla-products-slider .s-slider-block__display-all,
    .product-card,
    .s-block--square-links ul li a div img,
    .s-block--fixed-banner .banner--fixed img,
    .s-block--animated-brands .s-block--animated-brands--brand {
        border-radius: 0.125rem !important;
    }
}

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

    .rounded-lg,
    .rounded-md,
    salla-products-slider .s-slider-block__display-all,
    .product-card,
    .s-block--square-links ul li a div img,
    .s-block--fixed-banner .banner--fixed img,
    .s-block--animated-brands .s-block--animated-brands--brand {
        border-radius: 0.125rem !important;
    }
}

.product-single__inner .btn-tab,
.product-single__inner .s-button-btn,
.product-single__inner .s-quantity-input-container,
.product-single__inner .s-quick-order-container,
.product-single__inner .s-form-control,
.product-single__inner .s-product-options-thumbnails-wrapper label,
.product-single__inner .s-button-icon,
.product-single__inner .s-social-share-list,
.product-single__inner .s-comment-form-input {
    border-radius: 0.125rem !important;
}

/* ------------- END RADIUS ------------- */

/* ------------- START 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: 'Material Icons';
    font-style: normal;
    src: url(https://sanint.sirv.com/Zyros%20Font/icons/MaterialSymbolsOutlined%5BFILL%2CGRAD%2Copsz%2Cwght%5D.woff2) format('woff2');
}

.header-btn__icon:before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.header-btn__icon:before {
    font-variation-settings:
        'FILL' 0,
        'wght' 200,
        'GRAD' 0,
        'opsz' 24
}
*/
/* ------------- END FONTS ------------- */

/* ------------- START BLOCKS ------------- */

@media only screen and (min-width: 640px) {
    .s-block {
        margin-top: 2rem;
    }
    .index .main-video {
      display: none;
    }
}

@media only screen and (max-width: 768px) {
    .s-block {
        margin-top: 0.5rem;
    }
}

/* ------------- END BLOCKS ------------- */

/* ************************************************* */
/* --------------------- HEADER -------------------- */
/* ************************************************* */

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

.store-header .sicon-user:before {
    content: "\f072";

}

.store-header .sicon-search:before {
    /*content: "\e8b6";*/
}


/* 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;
}

@media only screen and (min-width: 640px) {
  .main-nav-container {
    min-height: 127px;
  }
    /* Header container */
    .main-nav-container .inner {
        padding-top: 20px;
        padding-bottom: 12px;
    }

    .store-header .main-nav-container .main-menu {
        padding-top: 0;
    }

    /* categories */
    .store-header .main-nav-container .navbar-brand+.mobile-menu {
        /*display: none;*/
        width: 100%;
    }

    .store-header .main-nav-container div:has(> .navbar-brand) {
        flex-grow: 1;
    }

    .store-header .main-nav-container li.root-level>a {
        padding-bottom: 0rem;
        padding-top: 0;
    }
}

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

    /* Header container */
    .store-header .main-nav-container {
        min-height: 57px;
    }

    .store-header .main-nav-container .inner {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    /* burger menu */
    .store-header .mburger .sicon-menu {
        margin-left: 0;
        font-size: 1.75rem;
    }

    /* logo */
    .store-header .main-nav-container .navbar-brand img {
        height: 39px !important;
    }

    /* user icon */
    .store-header .s-user-menu-trigger {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* main category text */
    .mobile-menu .main-menu .mm-spn--open li:first-child a {
        font-size: 0;
    }

    .mobile-menu .main-menu .mm-spn--open li:first-child a:after {
        content: ' عرض الكل';
        font-size: 1rem;
    }
}

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

/* ************************************************* */
/* ------------------ PRODUCT CARD ----------------- */
/* ************************************************* */

/* image */
.product-card .product-card__image {
    /*border: 1px red solid;*/
    height: auto;
}

/* promo title */
.product-card .product-card__image .product-card__promotion {
    background-color: rgba(207, 20, 43, .11) !important;
    color: #d0021b;
}

/* 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;
}

/* 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: 0px;
    /*margin-bottom: -4px;*/
    order: 4;

}


/* add to cart */
.product-card .sicon-shopping {
    display: none;
}


/* add to cart in desktop */
.product-card__normal-cart__btn .s-button-element span {
    font-weight: 900;
    width: 100%;
    margin-right: 33%;
    font-size: 1rem;
}

.product-card__normal-cart__btn .s-button-element span:after {
    content: "\e90c";
    font-family: 'sallaicons';
    margin-right: auto;
}

.product-card .product-card__normal-cart {
    border-top: 1px solid rgba(239, 239, 239, .70196);
}

.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,
    .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;
    }

    /* 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;
    }

}


/* ************************************************* */
/* -------------- 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;
}

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

@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;
    }
}

@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;
    }
}

/* ************************************************* */
/* ------------- CIRCLE LINKS BLOCK ---------------- */
/* ************************************************* */

@media only screen and (max-width: 768px) {
    .s-block--circle-links salla-slider .slide--one-sixth {
        width: 33%;
    }


}

/* ************************************************* */
/* ------------- SQUARE LINKS BLOCK ---------------- */
/* ************************************************* */

.s-block--square-links {
    margin-top: 0;
}

.s-block--square-links ul li a div:hover {
    background-color: #0B1F37;
}

.s-block--square-links ul li a div img {
    object-fit: contain;
    aspect-ratio: unset;
    border: 1px #0B1F37 solid;
    transform: none !important;
}

.s-block--square-links ul li a div img:hover {
    filter: invert(1) brightness(4.5);
    border: unset;
}

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

    .s-block--square-links ul {
        margin-top: 0;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 0.5rem;
        margin-bottom: -8px;
    }

    .s-block--square-links div:has(> ul) {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

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

    .s-block--square-links div:has(> ul) {
        max-width: 1488px;
    }

    .s-block--square-links {
        margin-bottom: 1rem;
    }
}


/* ************************************************* */
/* -------- SPECIAL PRODUCTS SLIDER BLOCK ---------- */
/* ************************************************* */
.s-block--special-products-slider .s-slider-block__title .s-slider-block__title-nav {
    display: none;
    /*justify-content: space-between;
      width: 100%;*/
}

@media only screen and (max-width: 768px) {
    .s-block--special-products-slider .slider-wrap {
        padding-bottom: 0;
        margin-top: 0.25rem !important;
    }

}

/* ************************************************* */
/* ----------- SPECIAL CATEGORIES BLOCK ------------ */
/* ************************************************* */
/* background */
.special-cats-with-bg .bg-gray-900 {
    background-color: unset !important;
}

/* images */
.special-cats-with-bg section .to-black {
    --tw-gradient-to: unset;
}

.special-cats-with-bg section div:has(> img) {
    opacity: unset !important;
}

.special-cats-with-bg section .bg-white {
    background-color: unset;
}

/* images */
.special-cats-with-bg section .grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* images text */
.special-cats-with-bg h3 a p {
    display: none;
}

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

    /* background */
    .special-cats-with-bg .relative .relative.py-32 {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    /* images block */
    .special-cats-with-bg section {
        margin-top: -17rem;
    }

    /* images */
    .special-cats-with-bg section .grid-cols-3 {
        /*max-width: 17rem;*/
    }

    .special-cats-with-bg section .bg-white {
        /*height: 10rem;*/
        height: auto;
        aspect-ratio: 1/1;
    }
}

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

    /* images */
    .special-cats-with-bg section .grid-cols-3 {
        /*max-width: 58rem;*/
    }

    .special-cats-with-bg section .bg-white {
        /*height: 37rem;*/
        height: auto;
        aspect-ratio: 1/1;
    }
}


/* ************************************************* */
/* -------------- ADVANCED SLIDER BLOCK ------------ */
/* ************************************************* */
/*
@media only screen and (min-width: 769px) {
  .advanced-slider:nth-of-type(2) {
  display: none;
}
}

@media only screen and (max-width: 768px) {
  .advanced-slider:nth-of-type(1) {
  display: none;
}

}
*/

/* ************************************************* */
/* -------- (GIF/WIDE) FIXED BANNER BLOCK ---------- */
/* ************************************************* */

.s-block--fixed-banner:first-of-type {
  margin-top: 0;
}

.s-block--fixed-banner:first-of-type .container {
  max-width: unset;
  padding-right: 0;
  padding-left: 0;
}

.s-block--fixed-banner:first-of-type+.s-block--fixed-banner {
margin-top: 2rem;
}

.advanced-slider+.s-block--fixed-banner {
    margin-top: 2rem;
}

@media only screen and (max-width: 768px) {
    .advanced-slider+.s-block--fixed-banner {
        margin-top: 0.5rem;
    }
    .s-block--fixed-banner:first-of-type+.s-block--fixed-banner {
    margin-top: 0.25rem;
    }
}


/* ************************************************* */
/* ------------- DOUBLE BANNER BLOCK --------------- */
/* ************************************************* */
.s-block--fixed-banner+.s-block--double-banner {
    margin-top: 0.25rem;
}

/* ************************************************* */
/* ----------------- BRANDS BLOCK ------------------ */
/* ************************************************* */
.s-block--animated-brands .s-block--animated-brands--brand {
    /*border-radius: 0.063rem;*/
}

/* ************************************************* */
/* ----------- CATEGORIES PHOTOS BANNER ------------ */
/* ************************************************* */

@media only screen and (max-width: 768px) {
  .s-block--banners .grid-flow-row {
  
  grid-template-columns: repeat(2, 1fr);
  
  }
}

.s-block--banners .banner-entry {
    height: auto;
    aspect-ratio: 1 / 1;
}
  
/* ************************************************* */
/* -------------- TESTIMONIALS BLOCK --------------- */
/* ************************************************* */
.s-block--testimonials.enhanced:before {
    background-image: unset;
}

/* title */
.s-block--testimonials .container div h2 {
    font-size: 0;
}

.s-block--testimonials .container div h2:after {
    content: 'ليش أكثر من مليـــــون عميل اختاروا زايـــــروس ❤️';
}

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

@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;
    }
}



/* ************************************************* */
/* --------------- 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;
    }
}

/* promo title */
.app-inner .product-single .promotion-title {
    background-color: rgba(207, 20, 43, .11) !important;
    color: #d0021b;
}

/* 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;
}

/* -------------- START OFFER SLIDER --------------- */
/* icon */
.offer-slider .s-slider-block__title:before {
    display: none;
}

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

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

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

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

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

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

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

    /* add to cart */
    .offer-slide .product-card .product-card__content .product-card__mini-cart {
        border-top: 1px solid rgba(239, 239, 239, .70196);
        border-radius: unset;
    }

    .offer-slide .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;
}

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

/* ************************************************* */
/* ------------------- 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;
}