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


/* ************************************************* */
/* --------------------- DRAFT --------------------- */
/* ************************************************* */
@media only screen and (min-width: 640px) {
    .s-block--fixed-banner+.s-block--banners:nth-of-type(2) {
    margin-top: 1.5rem;
    }
    
    
    section.s-block.s-block--fixed-banner.wide-placeholder:not(:first-of-type),
    section.s-block.s-block--banners {
        margin-top: 60px;
    }
    
    
    section.s-block.s-block--deals.overflow-hidden {
        margin-top: 18px;
    }
    
    .s-slider-block__title {
    margin-bottom: 12px !important;
    }
    }
    
    
    @media only screen and (max-width: 768px) {
    
    section.s-block.s-block--fixed-banner.wide-placeholder:not(:first-of-type),
    section.s-block.s-block--banners {
      margin-top: .75em;
      }
      
    section.s-block.s-block--deals.overflow-hidden {
        margin-top: 0.875rem;
        margin-bottom: 6px;
    }
    
    }
    
    /* ************************************************* */
    /* -------------------- GENERAL -------------------- */
    /* ************************************************* */
    :root {
      --main-text-color: #151b31;
      --font-main: rb-font;
      --color-primary: #151b31;
      --color-primary-reverse: #fff;
    }
    
    .text-red-400,
    .text-red-500 {
      color: #d0021b;
    }
    
    .s-button-danger {
      background-color: #d0021b;
    }
    
    /* ************************************************* */
    /* ------------------ NAVBAR LINKS ----------------- */
    /* ************************************************* */
    li#\31 724055266,
    li#\31 398282742,
    li#\31 83137316 {
      display: none;
    }
    
    @media only screen and (min-width: 769px) {
      li#\31 256746459 {
        display: none;
      }
    }
    
    li#\31 83137316 a[href="https://arkaan.sa/ramadanoffer/c183137316"],
    li#\32 127079399 a[href="https://arkaan.sa/giftss/c2127079399"],
    li#\35 90612393 a[href="https://arkaan.sa/1-2-مجـاناً/c590612393"]{
      color: #d0021b;
    }
    li#\32 2055270 a {
    COLOR: #d0021b;
}
    /* ************************************************* */
    /* --------------------- FONT ---------------------- */
    /* ************************************************* */
    /* rb font */
    @font-face {
      font-family: rb-font;
      src: url(https://sanint.sirv.com/zyros_natinonal_day_font/RB%20Font.ttf);
      font-weight: normal;
    }
    
    /* ************************************************* */
    /* --------------------- AD -------------------- */
    /* ************************************************* */
    .salla-advertisement .sicon-shipping-fast {
      margin: auto;
      padding: 0.25rem;
      font-weight: 900;
    }
    
    .salla-advertisement .sicon-shipping-fast a {
      font-family: 'rb-font' !important;
    }
    
    /* ************************************************* */
    /* --------------------- HEADER -------------------- */
    /* ************************************************* */
    .store-header {
      height: auto !important;
      min-height: auto;
    }
    
    /* top navbar */
    .store-header .top-nav {
      display: none;
    }
    
    /* shopping bag icon*/
    .store-header .s-cart-summary-wrapper .s-cart-summary-content {
      display: none;
    }
    
    /* logged in user image*/
    .store-header .header-mainbar salla-user-menu .s-user-menu-trigger .s-user-menu-trigger-avatar {
      border-radius: 0.25rem;
    }
    
    /* cart summary */
    .store-header .header-mainbar .s-cart-summary-wrapper .s-cart-summary-count {
      background-color: #d0021b;
    }
    
    @media only screen and (min-width: 640px) {
    
      /* categories background */
      .store-header .main-nav-container,
      .store-header .main-nav-container .inner,
      .store-header .main-nav-container .container div ul,
      .store-header .main-nav-container .container div ul .mobile-collapsible {
        background-color: #151b31;
      }
    
      .store-header .main-nav-container .main-menu li>a {
        color: #fff;
      }
    
      .store-header .main-nav-container .main-menu .has-children>a:after {
        opacity: unset;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .store-header .header-mainbar .sides-wrap {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
    
      .store-header .header-mainbar .search-bar--mobile {
        padding-bottom: 0.5rem;
      }
    
      /* burger menu*/
      .store-header .header-mainbar .menu-trigger .sicon-menu {
        vertical-align: middle;
        font-size: 2.125rem;
      }
    
      [dir=rtl] .store-header .header-mainbar .menu-trigger {
        margin-left: 0.75rem;
      }
    
      /* logo */
      .store-header .navbar-brand img {
        max-width: min(170px, 33vmin);
      }
    
      /* logged in user image*/
      .store-header .header-mainbar salla-user-menu .s-user-menu-trigger .s-user-menu-trigger-avatar {
        height: 2rem;
        width: 2rem;
      }
    
      .store-header .main-nav-container .close-menu {
        background-color: #fff !important;
      }
    
      .store-header .main-nav-container .close-menu:before {
        color: #151b31;
      }
    
      /* main category text */
      .store-header .main-menu .mobile-collapsible li.lg\:hidden span {
        font-size: 0;
      }
    
      .store-header .main-menu .mobile-collapsible li.lg\:hidden span:after {
        content: ' عرض الكل';
        font-size: 1rem;
      }
    }
    
    /* ************************************************* */
    /* --------------------- FOOTER -------------------- */
    /* ************************************************* */
    .store-footer {
      background-color: #151b31;
      /*color: #fff;*/
    }
    
    .footer-is-dark .store-footer h3 {
      /*color: #fff;*/
    }
    
    /* footer container */
    .store-footer .store-footer__top {
      background-color: #fff;
      color: #151b31;
    }
    
    /* mobile apps container */
    .store-footer .store-footer__top div:first-child:has(> .container) {
      background-color: #151b31;
    }
    
    /* mobile apps text*/
    .store-footer .store-footer__top div:first-child:has(> .container) h4 {
      color: #fff;
    }
    
    /* footer copyright container */
    .store-footer .store-footer__top+div.bg-darker {
      background-color: #151b31;
    }
    
    @media only screen and (min-width: 640px) {
      .store-footer {
        margin-top: 2rem;
      }
    
      /* logo */
      .store-footer .footer-logo img {
        max-width: 85%;
      }
    }
    
    /* logo */
    .store-footer .footer-logo img {}
    
    @media only screen and (max-width: 768px) {
      .store-footer .container div:has(> .footer-logo) {
        align-items: center;
        text-align: center;
      }
    
      .store-footer .container div:has(> .footer-logo) img {
        width: 70%;
        margin: 0 auto;
      }
    }
    
    /* ************************************************* */
    /* -------------------- BLOCKS --------------------- */
    /* ************************************************* */
    /* Margins */
    @media only screen and (max-width: 768px) {
      .s-block {
        margin-top: 0.5rem;
      }
    
      /* titles */
      .s-block .s-slider-block__title,
      .s-block .s-block__title {
        margin-bottom: 0.75rem;
      }
    
      .s-block.s-block--categories .s-slider-block__title {
        margin-bottom: 0.75rem;
      }
    
      .s-block--tabs-produtcs .tabs {
        padding-bottom: 0.125rem;
      }
    
      .s-block .s-block__title h2,
      .s-block .s-slider-block__title h2 {
        font-size: 1rem;
      }
    }
    
    @media only screen and (min-width: 640px) {
      .s-block {
        margin-top: 1.25rem;
      }
    
      .s-block--fixed-banner+.s-block--fixed-banner {
        margin-top: 1.25rem;
      }
    
      /* block after sliders with bg */
      .s-block--slider-with-bg+.s-block {
        /* border: 1px red solid; */
        margin-top: 0;
      }
    
      /* titles */
      .s-block .s-slider-block__title,
      .s-block .s-block__title {
        margin-bottom: 0.75rem;
      }
    
      .s-block.s-block--categories .s-slider-block__title {
        margin-bottom: 0.25rem;
      }
    
      .s-block--tabs-produtcs .tabs {
        padding-bottom: 0.25rem;
      }
    }
    
    /* ************************************************* */
    /* ------------ BLOCKS TITLES & BUTTONS ------------ */
    /* ************************************************* */
    /* ************************************************* */
    /* ----------------- PRODUCT CARD ------------------ */
    /* ************************************************* */
    /* Category product card fixed height */
    .s-product-card-entry .s-product-card-image {
      flex: unset;
      flex-shrink: unset;
      height: unset;
    }
    
    .s-product-card-entry .s-product-card-content {
      flex-grow: 1;
    }
    
    .s-product-card-entry .s-product-card-content .s-product-card-content-sub {
      flex-grow: 1;
      align-items: flex-end;
      margin-bottom: 0.75rem;
    }
    
    /* wishlist icon */
    .product-card .btn--wishlist,
    .s-product-card-entry .s-product-card-wishlist-btn {
      display: none;
    }
    
    /* promotion title */
    .promotion-badge,
    .s-product-card-entry .s-product-card-promotion-title {
      background-color: rgba(207, 20, 43, .11);
      color: #cf142b;
      font-weight: 900;
      font-size: 10px;
      padding: 3px 8px;
    }
    
    .promotion-badge {
      border-radius: 0.25rem;
    }
    
    .promotion-badge::before,
    .promotion-badge,
    .s-product-card-entry .s-product-card-promotion-title::before {
      display: none;
    }
    
    /* fixed height */
    .product-entry .product-entry__image {
      flex-grow: 0
    }
    
    /* card text content*/
    .product-entry .content-wrap .product-entry__content {
      justify-content: space-between;
    }
    
    /* prices container */
    .product-card .product-entry__content .product-entry__price,
    .s-product-card-entry .s-product-card-content-sub .s-product-card-sale-price {
      flex-direction: column-reverse;
      align-content: flex-start;
      align-items: flex-start;
    }
    
    .product-entry .content-wrap .product-entry__content .product-entry__price {
      order: 3;
    }
    
    /* price without discount */
    .product-card .product-entry__content .product-entry__title+h4 {
      order: 3;
    }
    
    /* prices in category page */
    .s-product-card-entry .s-product-card-content-sub .s-product-card-sale-price {
      display: flex;
    }
    
    /* price before */
    .product-card .product-entry__content .product-entry__price span,
    .s-product-card-entry .s-product-card-content-sub .s-product-card-sale-price span {
      margin-right: 0 !important;
      font-size: 14px;
    }
    
    /* price after */
    .product-card .product-entry__content .product-entry__price h4,
    .product-card .product-entry__content h4,
    .s-product-card-entry .s-product-card-content-sub .s-product-card-sale-price h4,
    .s-product-card-entry .s-product-card-content-sub .s-product-card-price {
      font-size: 18px;
      line-height: 1.5rem;
    }
    
    .s-product-card-entry .s-product-card-content-sub .s-product-card-sale-price h4 {
      color: #d0021b;
    }
    
    /* Add to cart button */
    .product-card .btn--add-to-cart button {
      /*border-width: 1px;*/
    }
    
    .product-card .btn--add-to-cart button:hover,
    .s-product-card-entry .s-product-card-content-footer salla-add-product-button button:hover {
      opacity: unset;
    }
    
    .product-entry .btn--add-to-cart:not(.deal) button:not(:hover) {
      color: #5f656b;
    }
    
    .product-card .btn--add-to-cart button span,
    .s-product-card-entry .s-product-card-content-footer salla-add-product-button button:not(:hover) span {
      color: #151b31;
    }
    
    .index .s-product-card-entry .s-product-card-content-footer salla-add-product-button button:not(:hover) span {
    color: #151b31;
    }
    
    .product-index custom-salla-product-card.s-product-card-entry salla-add-product-button button.s-button-outline {
    color: #fff;
    }
    
    /* card text content*/
    .product-entry .content-wrap .product-entry__content {
      padding-right: 0.25rem;
    }
    
    .s-product-card-entry .s-product-card-content {
      padding: 0.5rem 0.25rem;
    }
    
    .s-product-card-entry .s-product-card-content .s-product-card-content-main {
      /* display: flex; flex-direction: column-reverse; */
    }
    
    /* title */
    .s-product-card-entry .s-product-card-content .s-product-card-content-title a {
      /*font-weight: normal;*/
    }
    
    .product-entry .content-wrap .product-entry__content .product-entry__title a {
      font-weight: 900;
    }
    
    .product-entry .content-wrap .product-entry__content .product-entry__title {
      order: 1;
      margin-bottom: 0.25rem;
    }
    
    /* subtitle */
    .product-entry .content-wrap .product-entry__content .product-entry__subtitle,
    .s-product-card-entry .s-product-card-content .s-product-card-content-subtitle {
      color: #151b31;
      /*font-weight: 900;*/
      line-height: 0.875rem;
      display: none;
    }
    
    .product-entry .content-wrap .product-entry__content .product-entry__subtitle {
      order: 2;
      margin-bottom: auto;
    }
    
    /*. add to cart */
    .product-entry .content-wrap .btn--add-to-cart .s-button-element,
    .s-product-card-entry .s-product-card-content-footer salla-add-product-button button {
      border-color: rgba(11, 31, 55, 0.5) !important;
    }
    
    .product-entry .content-wrap .btn--add-to-cart .s-button-element:hover span {
      color: #fff !important;
    }
    
    /* ************************************************* */
    /* ------------- PRODUCT CARD DESKTOP -------------- */
    /* ************************************************* */
    @media only screen and (min-width: 640px) {
    
      /* image container */
      .product-entry .product-entry__image {
        margin-bottom: 0;
      }
    
      /* add to cart*/
      .product-card .btn--add-to-cart button span,
      .s-product-card-entry .s-product-card-content-footer salla-add-product-button button span {
        font-size: 1rem;
      }
    }
    
    /* ************************************************* */
    /* -------------- PRODUCT CARD MOBILE -------------- */
    /* ************************************************* */
    @media only screen and (max-width: 768px) {
    
      /* image */
      .product-card .product-entry__image {
        margin-bottom: 0.25rem;
      }
    
      /* promotion title */
      .product-card .promotion-badge-wrap {}
    
      /* card content container without img */
      .product-entry .content-wrap {}
    
      /* subtitle */
      .product-entry .content-wrap .product-entry__content .product-entry__subtitle,
      .s-product-card-entry .s-product-card-content .s-product-card-content-subtitle {
        font-size: 10px;
      }
    
      .s-product-card-entry .s-product-card-content .s-product-card-content-subtitle {
        margin-bottom: 0;
      }
    
      /* title */
      .product-entry .content-wrap .product-entry__content .product-entry__title,
      .s-product-card-entry .s-product-card-content .s-product-card-content-title {
        margin-top: 0;
        line-height: 0.5rem;
      }
    
      .s-product-card-entry .s-product-card-content .s-product-card-content-title {
        margin-bottom: 0.25rem;
      }
    
      .product-entry .content-wrap .product-entry__content .product-entry__title a,
      .s-product-card-entry .s-product-card-content .s-product-card-content-title a {
        font-size: 10px;
        line-height: 0.875rem;
      }
    
      /* prices container */
      .product-entry .content-wrap .product-entry__content .product-entry__price {
        margin-top: 0;
        padding-top: 0;
      }
    
      /* sale price */
      .product-entry .content-wrap .product-entry__content .product-entry__price h4,
      .product-card .product-entry__content h4,
      .s-product-card-entry .s-product-card-content-sub .s-product-card-sale-price h4,
      .s-product-card-entry .s-product-card-content-sub .s-product-card-price {
        font-size: 14px;
        line-height: 0.5rem;
      }
    
      /* price before discount */
      .product-entry .content-wrap .product-entry__content .product-entry__price span,
      .s-product-card-entry .s-product-card-content-sub .s-product-card-sale-price span {
        font-size: 10px;
      }
    
      .s-product-card-entry .s-product-card-content-sub .s-product-card-price {
        margin-top: 0.5rem;
      }
    
      /* add to cart */
      .product-entry .content-wrap .btn--add-to-cart,
      .s-product-card-entry .s-product-card-content-footer salla-add-product-button button{
        height: 35px;
      }
    
    
      .product-card .btn--add-to-cart button span,
      .s-product-card-entry .s-product-card-content-footer salla-add-product-button button span {
        font-size: 0.875rem;
      }
    }
    
    /* ************************************************* */
    /* -------------- TESTINOMIALS --------------- */
    /* ************************************************* */
    @media only screen and (min-width: 640px) {
    
      /* display all */
      .s-block--testimonials .s-slider-block__display-all {
        font-weight: 900;
        font-size: 1rem;
      }
    
      /* title */
      .s-block--testimonials .s-slider-block__title h2:after {
        font-size: 1.5rem;
      }
    }
    
    @media only screen and (max-width: 768px) {
    
      /* title */
      .s-block--testimonials .s-slider-block__title h2:after {
        /*font-size: 0.875rem;*/
      }
    }
    
    /* title */
    .s-block--testimonials .s-slider-block__title h2 {
      /*font-size: 0;*/
    }
    
    .s-block--testimonials .s-slider-block__title h2:after {
      /*content: "ليش أكثر من مليـــــون عميل اختاروا زايـــــروس ❤️";*/
    }
    
    /*display all arrow */
    .s-block--testimonials .s-slider-block__display-all:after {
      display: none;
    }
    
    /* ************************************************* */
    /* ------------------ FIXED BANNER ----------------- */
    /* ************************************************* */
    .s-block--fixed-banner:first-of-type {
      margin: 0;
    }
    
    .s-block--fixed-banner:first-of-type .container {
      margin: 0 auto;
      max-width: unset;
      padding-right: 0;
      padding-left: 0;
    }
    
    @media only screen and (max-width: 768px) {
      .s-block--fixed-banner:not(:first-of-type) {
        margin-top: 0.75em !important;
      }
    }
    
    /* ************************************************* */
    /* ------------------- INFO BLOCKS ----------------- */
    /* ************************************************* */
    @media only screen and (max-width: 768px) {
      .s-block--info-blocks .container .info-block__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    
      .s-block--info-blocks .info-block__img img {
        max-width: -webkit-fill-available !important;
      }
    
      .s-block--info-blocks .info-block__img {
        /*padding-left: 0.5rem!important; padding-right: 0.5rem!important;*/
        padding: 0.5rem !important;
      }
    }
    
    @media only screen and (min-width: 640px) {
      .s-block--info-blocks .info-block__img img {
        max-height: unset !important;
        width: 100%;
      }
    
      .s-block--info-blocks .info-block__content {
        padding-bottom: 2rem !important;
      }
    }
    
    .s-block--info-blocks .info-block {
      color: #151b31 !important;
    }
    
    /* ************************************************* */
    /* ---------------- CATEGORIES BLOCK --------------- */
    /* ************************************************* */
    @media only screen and (max-width: 768px) {
      .s-block--categories .swiper-wrapper .slide--cat-entry i {
        width: 6rem;
        height: 6rem;
        margin-bottom: 0.25rem;
      }
    
      .s-block--categories .swiper-wrapper {
        width: 65%;
        height: 65%;
      }
    
      .s-block--categories .container .s-slider-block__title {
        margin-bottom: unset;
      }
    
      .s-block--categories .slide--cat-entry {
        padding: 0.25rem 0.75rem 0;
      }
    
      .s-block--categories .swiper-wrapper .slide--cat-entry h4 {
        font-size: 0.875rem;
      }
    }
    
    .s-block--categories .swiper-wrapper .slide--cat-entry h4 {
      color: #151b31;
    }
    
    /* ************************************************* */
    /* ------------ SLIDER WITH BG PRODUCTS ------------ */
    /* ************************************************* */
    /* background */
    .s-block--slider-with-bg {
      background-color: unset;
      padding-bottom: 0;
    }
    
    /* image */
    .s-block--slider-with-bg .slider-bg::before {
      background-color: unset;
    }
    
    .s-block--slider-with-bg .slider-bg {
      /*height: 20rem;*/
      /* height: 391px; */
    }
    
    .s-block--slider-with-bg .slider-bg,
    .s-block--slider-with-bg .s-slider-block__display-all {
      color: #151b31;
    }
    
    .s-block--slider-with-bg .s-slider-block__display-all {
      /*visibility: hidden;*/
    }
    
    .s-block--slider-with-bg .s-slider-block__display-all:after {
      display: none;
    }
    
    @media only screen and (max-width: 768px) {
    
      /*image*/
      .s-block--slider-with-bg .slider-bg {
        height: 19.125rem;
      }
    
      .s-block--slider-with-bg .swiper-wrapper .swiper-slide {
        max-width: 160px;
      }
    
      .s-block--slider-with-bg .content-wrap {
        padding: 0 0.25rem 0.25rem;
      }
    }
    
    @media only screen and (min-width: 640px) {
      .s-block--slider-with-bg .slider-bg {
        height: 382px;
      }
    }
    
    /* ************************************************* */
    /* ----------------- TABS PRODUCTS ----------------- */
    /* ************************************************* */
    /* tabs */
    .s-block--tabs-produtcs .tab-trigger {
      border-radius: 4px;
    }
    
    .s-block--tabs-produtcs .tab-trigger.is-active button {
      background-color: unset;
      color: #151b31;
    }
    
    @media only screen and (max-width: 768px) {
    
      /* tabs */
      .s-block-tabs .swiper-wrapper .swiper-slide {
        max-width: 160px;
      }
    }
    
    /* ************************************************* */
    /* -------------- BEST OFFERS PRODUCTS ------------- */
    /* ************************************************* */
    @media only screen and (max-width: 768px) {
      .s-block--best-offers .swiper-wrapper .swiper-slide {
        max-width: 160px;
      }
    }
    
    @media only screen and (min-width: 640px) {
    
      /* display all */
      .s-block--best-offers .s-slider-block__title .s-slider-block__display-all {
        font-weight: 900;
        font-size: 1rem;
      }
    }
    
    /*display all arrow */
    .s-block--best-offers .s-slider-block__title .s-slider-block__display-all:after {
      display: none;
    }
    
    /* ************************************************* */
    /* -------------- BLOCK PRODUCTS ------------- */
    /* ************************************************* */
    /* display all */
    .s-block .s-block__title .s-block__display-all {
      font-weight: 900;
      font-size: 1rem;
    }
    
    /*display all arrow */
    .s-block .s-block__title .s-block__display-all:after {
      display: none;
    }
    
    /* ************************************************* */
    /* ------------- TABS PRODUCTS -------------- */
    /* ************************************************* */
    /* tab trigger titles */
    @media only screen and (max-width: 768px) {
      .s-block-tabs.s-block--tabs-produtcs .s-button-btn {
        padding-left: 1rem;
        padding-right: 1rem;
      }
    }
    
    @media only screen and (min-width: 640px) {
      .s-block-tabs {
        padding-bottom: 1em;
      }
    }
    
    .s-block-tabs.s-block--tabs-produtcs .tab-trigger.s-button-btn:hover {
      opacity: unset;
    }
    
    /* ************************************************* */
    /* ------------- PHOTO SLIDER -------------- */
    /* ************************************************* */
    @media only screen and (max-width: 768px) {
    
      [dir=rtl] .s-block--photos-slider .carousel-slider .swiper,
      .s-block--photos-slider .swiper .swiper-slide {
        padding-left: 0;
      }
    }
    
    /* image */
    .s-block--photos-slider .swiper-slide img {
      border-radius: 0;
    }
    
    /* ************************************************* */
    /* ----------------- PHOTOS SLIDER ----------------- */
    /* ************************************************* */
    @media only screen and (min-width: 640px) {
      .s-block--photos-slider .s-slider-container {
        max-width: 1280px;
        margin: auto;
      }
    
      .s-block--photos-slider .s-slider-block__title-left .s-slider-block__title-nav {
        max-width: 1350px;
      }
    }
    
    @media only screen and (max-width: 768px) {
    
      [dir=rtl] .s-block--photos-slider .carousel-slider .swiper,
      .s-block--photos-slider .swiper .swiper-slide {
        padding-right: 10px;
        padding-left: 10px;
      }
    
      .s-block--photos-slider .swiper-pagination {
        display: none;
      }
    }
    
    /* ************************************************* */
    /* ----------- CATEGORIES PHOTOS BANNER ------------ */
    /* ************************************************* */
    .s-block--banners .banner-entry {
      border-radius: 0px;
    }
    
    /* .s-block--fixed-banner:nth-of-type(3)+ */
    .s-block--banners .container div.grid:first-of-type {
      grid-template-columns: repeat(2, 1fr);
    }
    
    @media only screen and (min-width: 640px) {
    
      /*.s-block--fixed-banner:nth-of-type(3)+.s-block--banners {margin-top: 0;}*/
      /* .s-block--fixed-banner:nth-of-type(3)+ */
      .s-block--banners .container div.grid:first-of-type .banner-entry {
        grid-column: unset;
        height: auto;
        /*aspect-ratio: 370/70;*/
        aspect-ratio: 1151b31/751;
        border-radius: 0px;
      }
    
      /*.s-block--fixed-banner:nth-of-type(3)+.s-block--banners .container div.grid:first-of-type .banner-entry a {grid-column: unset;height: auto;aspect-ratio: 233/50;}*/
      /* .s-block--fixed-banner:nth-of-type(3)+ */
      .s-block--banners .container div.grid:first-of-type .banner-entry a:before {
        opacity: 0;
      }
    }
    
    @media only screen and (max-width: 768px) {
    
      /*.s-block--fixed-banner:nth-of-type(3)+.s-block--banners,.s-block--fixed-banner:nth-of-type(3)+.s-block--banners+section {margin-top: 0;}*/
      /* .s-block--fixed-banner:nth-of-type(3)+ */
      .s-block--banners .container div.grid:first-of-type .banner-entry a {
        background-size: contain !important;
        background-repeat: no-repeat !important;
      }
    
      /* .s-block--fixed-banner:nth-of-type(3)+ */
      .s-block--banners .container div.grid:first-of-type .banner-entry a:before {
        background-color: unset;
      }
    
      /* .s-block--fixed-banner:nth-of-type(3)+ */
      .s-block--banners .container div.grid:first-of-type .banner-entry {
        grid-column: unset;
        height: auto;
        aspect-ratio: 1151b31/751;
        background: unset;
      }
    }
    
    /* ************************************************* */
    /* ----------- CATEGORIES PHOTOS BANNER ------------ */
    /* ************************************************* */
    
    @media only screen and (min-width: 640px) {
    
        .s-block--fixed-banner+.s-block--banners:nth-of-type(2) .container div.grid:first-of-type {
            grid-template-columns: repeat(3, 1fr);
        }
    
        .s-block--fixed-banner+.s-block--banners:nth-of-type(2) {
            /*margin-top: 0;*/
        }
    
        .s-block--fixed-banner+.s-block--banners:nth-of-type(2) .container div.grid:first-of-type .banner-entry {
            grid-column: unset;
            height: auto;
            aspect-ratio: 32/7;
            border-radius: 0;
            
        }
    
        .s-block--fixed-banner+.s-block--banners:nth-of-type(2) .container div.grid:first-of-type .banner-entry a {
            /*grid-column: unset;
            height: auto;
            aspect-ratio: 233/50;*/
        }
    
        .s-block--fixed-banner+.s-block--banners:nth-of-type(2) .container div.grid:first-of-type .banner-entry a:before {
            opacity: 0;
        }
    }
    
    @media only screen and (max-width: 768px) {
    
        .s-block--fixed-banner+.s-block--banners:nth-of-type(2) .container div.grid:first-of-type {
          grid-template-columns: auto;
          grid-auto-flow: column;
          overflow-x: auto;
          scrollbar-width: none;
          -ms-overflow-style: none;
          margin-left: 0;
          padding-left: 0;
        }
    
        .s-block--fixed-banner+.s-block--banners:nth-of-type(2) .container div.grid:first-of-type::-webkit-scrollbar {
          display: none;
        }
        
        
        .s-block--fixed-banner+.s-block--banners:nth-of-type(2) {
          margin-top: 0.5rem;
          margin-bottom: 0.25rem;
        }
    
        .s-block--fixed-banner+.s-block--banners:nth-of-type(2) .container div.grid:first-of-type .banner-entry a {
            background-size: contain !important;
            background-repeat: no-repeat !important;
            padding: 0;
        }
    
        .s-block--fixed-banner+.s-block--banners:nth-of-type(2) .container div.grid:first-of-type .banner-entry a:before {
            background-color: unset;
        }
    
        .s-block--fixed-banner+.s-block--banners:nth-of-type(2) .container div.grid:first-of-type .banner-entry {
        height: auto;
        background: unset;
        aspect-ratio: 107/36;
        width: 115px;
        border-radius: 0;
        }
        
    }
    
    
    /* ************************************************* */
    /* ------------- SQUARE PHOTOS BANNER -------------- */
    /* ************************************************* */
    .s-block--banners:nth-of-type(4) .banner-entry,
    .s-block--banners:nth-of-type(7) .banner-entry {
      height: auto;
      aspect-ratio: 4/3;
    }
    
    .s-block--banners:nth-of-type(4) .banner-entry a:before,
    .s-block--banners:nth-of-type(7) .banner-entry a:before {
      background-color: unset;
    }
    
    @media only screen and (max-width: 768px) {
    
      .s-block--banners:nth-of-type(4) .banner-entry,
      .s-block--banners:nth-of-type(7) .banner-entry {
        grid-column: auto;
      }
    }
    
    /* ************************************************* */
    /* --------------------- FAQs ---------------------- */
    /* ************************************************* */
    .s-block--faqs {
      padding-top: 0;
    }
    
    /* ************************************************* */
    /* ----------------- DEALS BLOCK ------------------- */
    /* ************************************************* */
    /* product card container */
    .s-block--deals div:has(> .product-card) {
      border-width: 1px;
      border-color: rgba(11, 31, 55, 0.5) !important;
    }
    
    /* add to cart */
    .s-block--deals .product-card .btn--add-to-cart .s-button-btn span {
      color: #fff;
    }
    
    /*display all arrow */
    .s-block--deals .s-slider-block__display-all:after {
      display: none;
    }
    
    @media only screen and (max-width: 768px) {
      .s-block--deals .swiper-wrapper {
        width: 50%;
      }
    
      .s-block--deals .product-entry {
        padding-bottom: 0
      }
    
      .s-block--deals .product-entry .content-wrap {
        padding: 0.35rem 0.35rem 0.35rem;
      }
    
      .s-block--deals .product-entry .content-wrap .s-count-down-wrapper+div {
        padding-top: 0rem;
      }
    
      .s-block--deals .swiper-wrapper salla-count-down .s-count-down-item {
        height: 2.5rem;
      }
    
      .s-block--deals .product-entry .s-count-down-list li {
        font-size: 12px;
        line-height: 0.25;
      }
    
      .s-block--deals .product-entry .s-count-down-list .s-count-down-item-label {
        font-size: .75rem;
      }
    }
    
    /* ************************************************* */
    /* ------------------ OFFER MODAL ------------------ */
    /* ************************************************* */
    .s-modal-wrapper .s-offer-modal-product-image-wrap {
      height: 100%;
    }
    
    @media only screen and (max-width: 768px) {
      .s-modal-wrapper .s-offer-modal-product.swiper-slide {
        width: 50%;
      }
    }
    
    .s-offer-modal-type-products .s-modal-header-inner .s-offer-modal-header-icon {
      display: none;
    }
    
    .s-offer-modal-product .s-offer-modal-product-info .s-offer-modal-product-name {
      width: 100%;
    }
    
    /* ************************************************* */
    /* ---------------- CATEGORY PAGE ----------------- */
    /* ************************************************* */
    .product-index .page-header:before {
      background-color: unset;
    }
    
    .product-index .main-content .s-infinite-scroll-wrapper .s-button-text {
      /*font-size: 0 !important;*/
    }
    
    .product-index .main-content .s-infinite-scroll-wrapper .s-button-text:before {
      /*content: "المزيد من التفرد";font-size: 0.875rem !important;*/
      /*14px*/
    }
    
    /* ************************************************* */
    /* ------------- PRODUCT DETAILS PAGE -------------- */
    /* ************************************************* */
    .product-single .main-content .product-brand {
      display: none;
    }
    
    .product-single .main-content .product__description {
      /*display: none;*/
    }
    
    .product-single .main-content .product-form div:has(> .before-price) {
      flex-direction: column
    }
    
    /* add to cart */
    .product-single salla-add-product-button salla-button .s-button-btn:hover {
      opacity: unset;
    }
    .product-single .s-add-product-button-main:not(.w-full)>salla-button {
      width: 100% !important;
    }
    
      .product-single .product-card .donating-wrap .btn--add-to-cart div {
      width: 100%;
      }
      
      .product-single .product-card .donating-wrap .min-h-\[50px\] {
      min-height: 80px;
      }
    
    @media only screen and (max-width: 768px) {
      .product-single .has-many-images .details-slider-wrapper {
        height: 35rem;
      }
    
      .product-single .has-one-image .details-slider-wrapper {
        height: 31rem;
      }
    
      .product-single .details-slider-wrapper .s-slider-container .swiper-slide {
        height: 100%;
      }
    }
    
    /* offer modal */
    .product-single .offer-slider .s-slider-block__title h2 {
      color: #151b31;
    }
    
    .store-header .header-mainbar .left-side .icon {
      background-color: unset;
    }
    
    @media only screen and (max-width: 768px) {
      .product-single .offer-slider .slide--one-mini-third {
        max-width: unset;
        width: 50%;
      }
    
      /* title */
      .product-single .main-content .breadcrumbs+div h1 {
        font-size: 1.25rem;
      }
    
      /* products you may like */
      .product-single section #similar-slider .s-slider-block__title .s-slider-block__title-right h2 {
        font-size: 1.125rem;
      }
    
      .product-single #similar-slider .s-slider-container .swiper-slide {
        width: 45%;
      }
    }
    
    .product-single .offer-slider .s-slider-block__title:before {
      display: none;
    }
    
    /* special offer */
    .product-single salla-offer .s-offer-corner-badge,
    .product-single salla-offer .s-offer-wrapper .s-slider-block__title h2::before {
      display: none;
    }
    
    /* ************************************************* */
    /* ------------- PRODUCT DESCREPTION --------------- */
    /* ************************************************* */
    /* STANDARD */
    .product-single .tabs-wrapper #product-details-tab p strong {
      border-bottom: 3px #151b31 solid;
      font-size: 16px;
      padding-bottom: 2px;
    }
    
    .product-single .tabs-wrapper #product-details-tab p:has(strong) {
      margin-bottom: 4px;
    }
    
    @media only screen and (max-width: 768px) {
      .product-single .tabs-wrapper #product-details-tab p strong {
        border-bottom: 2px #151b31 solid;
        font-size: 14px;
        padding-bottom: 0;
      }
    
      .product-single .tabs-wrapper #product-details-tab p:has(strong) {
        margin-bottom: 0;
      }
    }
    
    /* description v01 */
    .product-single .tabs-wrapper .tabs__item .row {
      margin-bottom: 10px;
    }
    
    .product-single .tabs-wrapper .tabs__item .row img {
      margin-top: 10px;
    }
    
    .product-single .tabs-wrapper .tabs__item .list-group-item {
      border-bottom: 5px solid #151b31;
      border-right: 1px #151b31 solid;
      border-left: 1px #151b31 solid;
      border-top: 1px #151b31 solid;
      display: block;
      padding: 10px 15px;
    }
    
    .product-single .tabs-wrapper .tabs__item .list-group-item:first-child {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }
    
    /* ************************************************* */
    /* ------------------- CART PAGE ------------------- */
    /* ************************************************* */
    .cart .cart-item .item-regular-price,
    .cart .cart-item .sicon-discount-calculator,
    .cart .cart-item .offer-name {
      /*display: none;*/
    }
    
    .cart .cart-item .item-regular-price+.item-price {
      /*color: rgba(156, 163, 175, var(--tw-text-opacity));
      font-size: .875rem;*/
    }
    
    /* ************************************************* */
    /* ----------------- LOYALTY PAGE ------------------ */
    /* ************************************************* */
    /* image */
    .loyalty .product-entry img {
      object-fit: contain;
    }
    
    /* icon */
    .loyalty .loyalty__banner .loyalty__banner-inner i {
      color: #151b31;
    }
    
    .loyalty .loyalty__banner i:before {
      content: "\e94d";
    }
    
    /* ************************************************* */
    /* ----------------- LANDING PAGE ------------------ */
    /* ************************************************* */
    .landing-page .header-content-inner .ql-video {
      margin: 0 auto;
      width: 100%;
      height: auto;
      aspect-ratio: 9/16;
    }
    
    .landing-page .header-content-inner ul {
      margin: 14px 18px 0 0;
      text-align: justify;
    }
    
    .landing-page .header-content-inner li {
      list-style: disc;
    }
    
    .landing-page .header-content-inner p:not(:nth-child(3)) {
      text-align: right;
    }
    
    .landing-page .header-content .header-content-logo {
      display: none;
    }
    
    .landing-page .header-content {
      margin-top: 30px;
    }
    
    .landing-page {
      font-size: 14px;
      line-height: 20px;
    }
    
    @media only screen and (max-width: 768px) {
      .landing-page {
        font-size: 12px;
      }
    }
    
    /* ************************************************* */
    /* ------------------- 1+1 alert ------------------- */
    /* ************************************************* */
    .modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1151b31;
    }
    
    .modal-content {
        background-color: white;
        padding: 20px;
        border-radius: 5px;
        text-align: center;
        position: relative;
    }
    
    .close-icon {
        position: absolute;
        top: 10px;
        left: 10px;
        color: darkred;
        font-size: 20px;
        cursor: pointer;
    }
    
    .message-text {
        margin-top: 30px;
    }
    
    .close-button {
        margin-top: 10px;
        color: white;
        background-color: #0B1F37;
        padding: 5px 10px;
        cursor: pointer;
        width: 100%;
        border: none;
        border-radius: 4px;
    }
    
    /* ################################################# */
    
    #payment_methods_wrapper {
  display: block !important;
}