/* Add custom CSS styles below */ 
body {
    background:#F4F1EB !important;
}

/* Make items in container full width */
/*.container {
    max-width: 100%;
}
*/
/* Remove padding from hero (wide banner) */
/*.col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}
.home-block {
    padding: 0;
}*/

/* Remove border radius from banner */
/*.banner--fixed {
    border-radius: 0;
}*/

/* homepage product */
/*element.style {
}
.breadcrumb a, .breadcrumb a:hover {
    color: #B77C79;
}
.title {
    color:#B77C79
}  
btn--like {
     color:#B77C79
}  
.btn--share {
     color:#B77C79
} 
.btn--primary, .shipping-tracker>a {
    color:#ffffff;
    background: #B77C79;
}
.article iframe, .article img {
    display: block;
    width: 20%;
}

.article iframe, .article img {
    display: block;
    width: 100%;
} */
/*background for products container and product*/
/*.home-block--slide-products {
    background: #F4F1EB;
    padding-top: 94px;
    padding-bottom: 94px;
    color:#B77C79
}

.product-block {
    background: #fffbfb;
}

.title--primary {
    color: #B87C79;
}*/
/*price*/
/*.price-wrapper>span {
    color: #B77C79;
}*/

    
/* Products grid */
/*.products-list-container {
    grid-template-columns: repeat(2,minmax(220px,2fr));
    max-width: 35%;
    margin: 20px auto 10px auto;
}*/
/* Categories */
/*.tabs-heads {
    margin-top: 30px;
}
#ul_top_hypers li{
    display: inline;
}

.tabs-heads .tab-head .btn--grey.active {
    background: #B87C79;
}
.btn--oval {
    border-radius: 10px;
}
.btn--padded {
    padding: 2px 20px;
}

.checkbox input[type=radio]+label:before {
    border-radius: 50%;
    background-color: #B87C79;
}*/

/* Features padding*/
/*.col-md-4 {
    padding-top: 94px;
}

.search-field {
    display: none;
}*/


/* navbar */

/*.nav-desktop--horizontal>ul {
    justify-content: center;
    margin-top: -100px;
}

.nav-desktop ul .menu-item>a:hover {
    color: #B77C79;
    border-radius: 10px;
}

.nav-desktop--horizontal>ul .menu-item>a {
    border-radius: 0;
    padding: 2px 12px;
}*/


/* Cart icon */
 /*.main-header-components {
    margin-right: 50px;
    background: #B87C79;
    padding: 1px 12px;
    border-radius: 10px;
}

.badge--danger {
    background-color: #B77C79;
}

.site-header__wrapper {
    padding: 0 60px;
}

.top-header {
    padding: 8px 60px;
    background: #c4c4c4;
}

.nav-desktop ul .menu-item>a:hover {
    background-color: #E5E5E5;
}

.store-feature {
    background: #FFFCF4;
    border-radius: 10px;
    padding: 25px;
    margin: 20px;
}

.title--primary {
    color: #B87C79;
}

.store-feature__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 80px;
    height: 80px;
    position: relative;
    font-size: var(--font-xxxlg);
    color: #B87C79!important;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 15px;
}
.footer .footer-list li a {
    color: #fff;
    padding:6px 0px;
}

.footer__block {
    background: #414141;
    padding: 30px 90px;
}

.footer__top {
    padding-bottom: 0;
}

footer{
  display:flex;
     flex-direction:column;
}
footer ul{
  text-align:center;
}
footer ul li{
  display:inline-block;
}

.hero__content .nav-desktop.nav-desktop--horizontal {
    max-width: 50%;
    flex: 1;
    margin: auto;
}*/
/*@media only screen and (max-width: 600px) {
  .site-header__wrapper {
    padding: 0;
    }
}
@media only screen and (max-width: 767px){
    .home-block:not(.home-block--bg):not(.home-block--main-slider) {
        padding: 0;
    }
    
    .home-block--slide-products {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 480px) {
    .products-list-container {
        grid-template-columns: repeat(auto-fit,minmax(260px,1fr)) !important;
        justify-content: center;
    }
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}*/


/*fady*/


/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
/* ====================================== Genral ======================================= */

/* new logo           https://cdn.salla.sa/bOVZP/KatHGd1FY5fNEkKXaVtLrpZGhADeobBTNReuHmch.png */
/* icon               https://cdn.salla.sa/bOVZP/6a0feLSWyBHear60eiQdyaQtqvvicmWxQFSSsbKu.png */
/* New Colors         Main #000    Secandery #fff   */

/* ====================================== Font ======================================= */
/*
@font-face {
  font-family: "hani-R";
  /* src: url("https://cdn.salla.sa/bOVZP/5C1vb8qvh5Xpn0gDMKk6812DmcwMLD41vdULXQiq"); 
  src: url("https://cdn.salla.sa/bOVZP/fYq4Lc9DxKWLze9KOlhYsf1dkgNt2z3rA5oKQx5P");
  font-weight: bold;
}
@font-face {
  font-family: "hani-R";
  src: url("https://cdn.salla.sa/bOVZP/J0DjEsQxEj2mDc8KfU01l0yj4VkiouwHXyBcEetF");
  font-weight: normal;
}
body,
*:not(i) {
  font-family: "hani-R" !important;
} */


/* ====================================== Header ======================================= */
/* Header BG */
header .site-header {
  box-shadow: none;
  background-color: #fff !important;
}

/*header .site-header__wrapper .theme-logo img {
  display: inline-block;
  max-height: 55px !important;
  margin-left: 0px !important;
}*/
header .site-header {
  padding: 10px 0 !important;
}

span.sicon-search.icon,
i.cart-icon.sicon-shopping-bag.mr-2 {
  color: #000;
  padding: 6px;
  border-radius: 8px;
}
span.sicon-search.icon {
  color: #ffffff !important;
  padding: 6px 6px 6px 8px !important;
  border-radius: 8px !important;
  background-color: #000 !important;
}
.header-side-panel-trigger {
  color: #000 !important;
}

/* search */
#searchbox {
  background-color: #f5f7f9 !important;
  border: 1px solid #141414 !important;
}
#searchbox::placeholder,
.form--search .form-group:before {
  color: #141414 !important;
}

a#main-cart-btn,
a.mobile-search-trigger.header-side-panel-trigger.d-md-none.ml-2 {
  color: #000;
}

/* ----------------------- Login ---------------------- */

/* user icon */
.avatar-wrapper.avatar-wrapper--medium.avatar-wrapper--circular.avatar-wrapper--primary {
  border: none;
  border-radius: 0;
  background: url("https://cdn.salla.sa/bOVZP/KatHGd1FY5fNEkKXaVtLrpZGhADeobBTNReuHmch.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 260px;
  height: 90px;
  margin-bottom: 5px;
  margin-top: 15px;
}
.login-modal .login-methods {
  margin-top: 10px;
}
.avatar-wrapper.avatar-wrapper--medium.avatar-wrapper--circular.avatar-wrapper--primary
  i {
  display: none;
}

/* ====================================== Navigation ======================================= */

.header-block--nav-wrapper {
  background-color: #fff;
}
.nav-desktop.nav-desktop--horizontal > ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-desktop.nav-desktop--horizontal > ul > li > a,
.nav-desktop.nav-desktop--horizontal .sub-menu ul > li > a {
  transition: all 0.4s ease-in-out;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 0px;
  color: #000 !important;
  background-color: #fff;
}

.nav-desktop.nav-desktop--horizontal > ul > li > a:hover,
.nav-desktop.nav-desktop--horizontal > ul > li.active > a,
.nav-desktop.nav-desktop--horizontal .sub-menu ul > li > a:hover,
.nav-desktop.nav-desktop--horizontal .sub-menu ul > li.active > a {
  color: #000 !important;
  background-color: #f5f7f9;
}

/* ====================================== Navigation Mobile ======================================= */

/* الفئات */
.mm-spn.mm-spn--navbar:after {
  text-align: center;
  font-size: 1.4rem;
  color: #000;
  padding-top: 5px;
}
.mm-spn.mm-spn--light {
  background-color: #fff;
}

/* mobile navbar*/
ul.top-header__info span,
ul.top-header__info i {
  color: #000;
}

.nav-mobile .main-nav li a,
.nav-mobile .main-nav li a i {
  color: #222222;
  transition: all 0.4s ease-in-out;
}
.nav-mobile .main-nav li a.active,
.nav-mobile .main-nav li a:hover,
.nav-mobile .main-nav li a.active i,
.nav-mobile .main-nav li a:hover i {
  color: #000;
}
/* السايد لوقو */
.mobile-side-panel .store-about {
  display: block !important;
}
.side-panel .store-about img {
  margin-left: 0px;
  max-width: 180px;
}

/* أزرار أسفل الموقع */

/* ====================================== Sections Images ======================================= */

/* make grid for sections */
section.home-block--square-images
  > .container
  > .row:not(.products-grid):not(.products-listing):last-child {
  display: grid !important;
  column-gap: 10px !important;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
}
section.home-block--square-images .col-md-4 {
  width: 80%;
  max-width: 100% !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}
/* أرتفاع صور الأقسام */
.banner--square figure {
  padding-top: 0;
}
.banner--square figure img {
  position: initial;
}
.banner--square {
  background-color: rgb(116 133 153 / 5%) !important;
}

/* small screens */
@media only screen and (max-width: 991px) {
  section.home-block--square-images
    > .container
    > .row:not(.products-grid):not(.products-listing):last-child {
    grid-template-columns: 1fr 1fr !important;
    column-gap: 0px !important;
  }
  section.home-block--square-images .col-md-4 {
    width: 100%;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}

/* ====================================== Section ======================================= */

/* الأقسام العنوان && عنون كل قسم */
/* section header && Category Title */

.title.title--primary.title--x-large.title--has-dash.mb-30,
.page--category .category-title .title.title--primary.title--has-dash.mb-30 {
  font-size: 2rem;
  color: #e6b1b1 !important;
  font-weight: semi-bold !important;
  padding-right: 28px;
/*  background-image: url("https://cdn.salla.sa/bOVZP/S57yZMZvStVb4MfB19KsitHeEuyqLFe4GyDs5yeq.png");
  background-image: url("https://cdn.salla.sa/bOVZP/6a0feLSWyBHear60eiQdyaQtqvvicmWxQFSSsbKu.png");*/
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: right;
  padding-top: 6px;
}
.title.title--primary.title--x-large.title--has-dash.mb-30:before,
.page--category .category-title .title.title--primary.title--has-dash::before {
  content: none;
  /* background-color: #000 !important; */
}

.home-block--products-slider {
  padding: 15px 0 !important;
}

/* عرض الكل */
.home-block.home-block--products-slider .container .btn.btn--oval,
.home-block--fixed-products.show-all .title.title--x-large .btn,
.home-block--slide-products.show-all .title.title--x-large .btn,
.splide__arrow {
  padding: 5px 12px 0px;
  transition: all 0.3s ease;
  border-radius: 8px !important;
  color: #000;
  fill: #000;
  border: 1px solid #000;
  background-color: #fff;
}
.home-block.home-block--products-slider .container .btn.btn--oval:hover,
.home-block--fixed-products.show-all .title.title--x-large .btn:hover,
.home-block--slide-products.show-all .title.title--x-large .btn:hover,
.splide__arrow:hover {
  color: #000;
  fill: #000;
  border: 1px solid #000;
  background-color: #f5f7f9;
  border-radius: 8px !important;
}

/* الأسهم معا بجنب عرض الكل */
@media only screen and (max-width: 1439px) {
  .splide--products-slider .splide__arrows {
    top: -80px !important;
    left: 102px !important;
  }
}
/* ====================================== Banners ======================================= */

/* البنرات */
.home-block.home-block--fixed-banner {
  padding: 0 !important;
  margin-bottom: -7px !important;
}
.home-block.home-block--fixed-banner .row div {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.home-block.home-block--fixed-banner .container {
  max-width: 2000px !important;
}
.home-block.home-block--fixed-banner {
  padding: 0 !important;
  margin-bottom: -7px !important;
}

/*last one*/

.home-block.home-block--fixed-banner:last-of-type {
  padding: 0 !important;
  margin-bottom: -7px !important;
}
.home-block.home-block--fixed-banner:last-of-type .row div {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.home-block.home-block--fixed-banner:last-of-type .container {
  max-width: 2000px !important;
}
.home-block.home-block--fixed-banner:last-of-type {
  padding: 0 !important;
  margin-bottom: -7px !important;
}
.home-block.home-block--fixed-banner .banner--fixed {
  border-radius: 0 !important;
}

/* ====================================== Product ======================================= */
/* shadow for product */
.product-block {
  box-shadow: 0 4px 6px 0 rgb(0 0 0 / 13%), 0 6px 20px 0 rgb(255 255 255 / 19%) !important;
  margin-left: 7.5px;
  margin-right: 7.5px;
}
/* Backgroound products */
.home-block.home-block--bg.home-block--slide-products.home-block--products-slider.show-all {
  background: #fff;
}

/* إضافة للسلة */
body .product-block .btn--add-to-cart {
  border: solid 2px;
  font-size: 1.2rem;
  margin: 0.5rem auto;
  padding: 7px 0 0px !important;
  display: block;
  text-align: center;
  border-radius: 24px;
  width: 88%;
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  height: auto;
  transform: none;
  border: none;
  transition: all 0.3s ease;
  color: #fff;
  background-color: #000;
  font-weight: bold;
}
body .product-block .btn--add-to-cart:hover {
  opacity: 1 !important;
  color: #fff;
  background-color: #000;
}
.sicon-shopping-bag:before {
  content: "أضف للسلة";
  display: block;
  line-height: 30px;
  margin-bottom: 5px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: "hani-R" !important;
}

.btn--add-to-cart .s-button-element {
  width: 100% !important;
  height: 100% !important;
  color: #fff;
}
.btn--add-to-cart:hover .s-button-element {
  color: #fff;
}

.btn--floated.btn--add-to-cart.disabled {
  background: rgba(245, 81, 87, 0.12) !important;
  color: #f55157 !important;
  opacity: 1 !important;
}
.btn--floated.btn--add-to-cart.disabled .sicon-shopping-bag::before {
  content: "نفدت الكمية" !important;
  color: #f55157 !important;
  opacity: 1 !important;
  font-family: "hani-R" !important;
}
.btn--add-to-cart.disabled:before {
  display: none;
}
.btn--add-to-cart.disabled i {
  opacity: 1 !important;
}
/* For EN Language */
html[lang="en"] body .product-block .btn--add-to-cart:before {
  content: "Add To Cart" !important;
}
html[lang="en"] body .product-block .btn--add-to-cart.disabled:before {
  content: "Out Of Stuck" !important;
  margin-left: -10% !important;
}

/* توسيط بيانات المنتج */
body .product-block .title {
  color: #000;
  font-weight: bold;
}
body .product-block .product-block__info {
  text-align: center;
}

/* ====================================== Features ======================================= */
/* مميزات المتجر */

.store-feature .title {
  font-size: 20px;
}
.store-feature p {
  font-size: 18px;
}
.store-feature__icon i:before {
  font-size: 3rem;
}


/* آراء العملاء */
.home-block--testimonials
  .title.title--primary.title--x-large.title--has-dash.mb-30 {
  background-image: none;
  text-align: center;
  padding-right: 0;
}
.splide--testimonials .splide__slide {
  padding: 10px;
}
.testimonails-listing > div > div {
  padding-bottom: 3rem;
  padding-top: 1rem;
}
.testimonial-entry {
  box-shadow: 0 1px 14px 0 rgb(34 41 47 / 10%);
  margin: 3px;
  background: #fff
    url("https://cdn.salla.sa/bOVZP/xD0djdIxyc1gVTMn67sgUUwVCQv0CbGRJrCAEEb1.gif")
    top 2.5rem left 1rem/35px no-repeat !important;
  border: 1px solid #fff;
  border-radius: 11px !important;
  box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
}

/* ====================================== Others ======================================= */

.home-block--bg {
  background-color: #fff;
}
.home-block {
  background-color: #fff !important;
}

/* ====================== in product page ============= */

/* أضافة للسلة */ /* اتمام الطلب */ /*  عودة للرئيسية */

.product-sections-wrapper .btn.btn--wide.btn--large.btn--oval.btn--primary,
.page--cart .btn.btn--wide.btn--padded.btn--oval.btn--primary,
.btn.btn--wide.btn--large.btn--oval.btn--primary.btn--proceed.next {
  transition: all 0.3s ease;
  padding: 12px 0 7px;
  border-radius: 24px !important;
  font-weight: bold;
  color: #fff;
  background-color: #000;
}

.product-sections-wrapper
  .btn.btn--wide.btn--large.btn--oval.btn--primary:hover,
.page--cart .btn.btn--wide.btn--padded.btn--oval.btn--primary:hover,
.btn.btn--wide.btn--large.btn--oval.btn--primary.btn--proceed.next:hover {
  opacity: 1 !important;
  border-radius: 24px !important;
  color: #fff;
  background-color: #000;
}
.product-sections-wrapper .btn.btn--wide.btn--large.btn--oval.btn--primary i,
.page--cart .btn.btn--wide.btn--padded.btn--oval.btn--primary i,
.btn.btn--wide.btn--large.btn--oval.btn--primary.btn--proceed.next i {
  display: none;
}

/* ====================================== Footer ======================================= */

/* -------------------- Footer Top   ------------------ */
.footer {
  background-color: #fff;
}
.store-about > p {
  color: #000 !important;
  line-height: 1.4;
  margin-bottom: 10px;
  font-size: 20px;
}

.footer .footer__block,
.footer .footer-list {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* section header */
.footer .footer__top .title--has-dash::before {
  content: none;
}
.footer .footer__top .title--has-dash {
  font-size: 1.8rem !important;
  font-weight: bold;
  color: #000 !important;
}

/* روابط مهمة */
.footer .store-links .footer-list li a {
  transition: all 0.3s ease-in-out;
  color: #222222;
  font-weight: normal;
  line-height: 1.3;
  font-size: 16px;
  padding: 5px 0 !important;
}
.footer .store-links .footer-list li a:hover {
  text-decoration: underline;
  color: #000 !important;
}

/* icons شبكات التواصل */
.footer-list--social-links li a {
  transition: all 0.4s ease-in-out;
  border-radius: 10px !important;
  background-color: #000 !important;
  border: 1px solid #000 !important;
}
.footer-list--social-links li a i {
  color: #fff !important;
}
.footer-list--social-links li a:hover {
  border: 1px solid #000 !important;
  background-color: #000 !important;
  box-shadow: 0px 1px 8px #2d2b2b;
}
.footer-list--social-links li a:hover *:before {
  color: #fff !important;
}

/* تواصل معنا */
.store-contact-info a {
  color: #242424 !important;
  font-weight: normal;
  font-size: 16px;
}
.store-contact-info a:hover {
  color: #000 !important;
}

/* ----------------------- Footer Bottom ---------------------- */
.store-certificate__text .number {
  /* color: #fff; */
  margin: 0px 4px 0;
}
.store-certificate__text:before {
  display: block;
}
.store-certificate__text:before {
  content: "السجل التجاري: 1010743190";
  display: block;
  margin: 0 5px;
}
/* إخفاء صنع من سلة */
.footer__bottom .container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.footer__bottom .container span {
  padding: 0px 10px;
  display: inline-block;
}
.footer__bottom .container span:nth-child(2) {
  padding: 0px 10px;
  display: none;
}

/* ====================================== Meadia Queries ======================================= */

@media (max-width: 767px) {
  /* Header BG */
  header .site-header__wrapper .theme-logo img {
    max-height: 36px !important;
  }
  .banner--square {
    margin: 0 0 10px !important;
  }
  .store-feature {
    margin-bottom: 15px !important;
  }
  .home-block--store-features .col-sm-12 {
    flex: 0 0 70%;
    margin: 10px auto !important;
    padding: 0;
  }

  .title.title--primary.title--x-large.title--has-dash.mb-30,
  .page--category .category-title .title.title--primary.title--has-dash.mb-30 {
    font-size: 1.6rem;
  }

  .footer * {
    text-align: center;
  }
}

/* صور المنتجات لقالب نمو في شاشة الجوال*/
@media only screen and (max-width: 557px) {
  section.home-block.home-block--bg.home-block--slide-products.home-block--products-slider.show-all
    .col-sm-12
    > div
    .splide__track
    .splide__list
    li,
  section.home-block.home-block--bg.home-block--slide-products.home-block--products-slider.show-all.repeated-block.pt-0
    .col-sm-12
    > div
    .splide__track
    .splide__list
    li,
  section.home-block--slide-products .tabs-body .splide__list .splide__slide {
    width: 179px !important;
  }
}

.testimonial-entry__info div.title small {
  display: none;
}
.store-notify p {
  font-size: 18px !important;
}
/*.footer-list a i.sicon-whatsapp2 {
  position: fixed;
  bottom: 20px;
  right: 10px;
  background: #25d366;
  color: #fff;
  padding: 12px;
  border-radius: 50%;
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.08);
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 25px;
  line-height: 25px !important;
  z-index: 99999999;
}
@media (max-width: 920px) {
  .footer-list a i.sicon-whatsapp2 {
    bottom: 70px;
  }
}*/

/*------------logo*/

/*header .site-header__wrapper .theme-logo img {
  width: 85px;
}*/

/*@media(max-width:780px){

header .site-header__wrapper .theme-logo img {
  width: 52px;
}

}*/



header .site-header__wrapper .theme-logo img {
  width: 200px;
}



/* أيقونااات متحركة للمميزات */

/*.store-feature__icon {
  background-color:transparent !important;
  border: none;
  overflow: visible;
}
.store-feature__icon:after {
  background-color:  transparent;
}
.store-feature__icon {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  border-radius: unset !important;
}

body
  > section.home-block.home-block--store-features
  > div
  > div
  > div:nth-child(1)
  > div
  > div.store-feature__icon {
  opacity: 1 !important;
/*  background-image: url("https://cdn.salla.sa/bOVZP/3zVuoTMhlIXWdJIJiCQcaiviO5JGa9JU74mKvWpc.gif") !important;
  content: "" !important;*/
  
  /* background-image: url("https://cdn.salla.sa/PwXz/ryAV9oYHw0kwijQpk1rx0aojoh2gmeRI7a023ied.gif") !important;
  content: "" !important;
}
body
  > section.home-block.home-block--store-features
  > div
  > div
  > div:nth-child(2)
  > div
  > div.store-feature__icon {
  opacity: 1 !important;
  background-image: url("https://cdn.salla.sa/bOVZP/4quh40bqsIpHbxtUwi9SU11u7WGP5M4oY5OYCvrH.gif") !important;
  content: "" !important;
}
body
  > section.home-block.home-block--store-features
  > div
  > div
  > div:nth-child(3)
  > div
  > div.store-feature__icon {
  opacity: 1 !important;
  background-image: url("https://cdn.salla.sa/bOVZP/EBv63jwUmZz9YrMUzF2rfX48fzB0GsLAHrISilWl.gif") !important;
  content: "" !important;
}

.store-feature__icon i:before {
  content: none !important;
}

.store-feature__icon::before{

background-color: #fff !important;

}*/



/*new*/

header .site-header {
  box-shadow: none;
  
  background-image: url("https://cdn.salla.sa/VYadZ/55JVQInghvVz3qM1bhzc9ZfoFVIN0m2zNinvzmjr.png");
  background-repeat: no-repeat repeat;
  background-size: 20%;
}



.store-feature {
  text-align: center;
  background-color: #b27770;
  padding: 20px 5px 20px 5px;
  border-radius: 57px;
}


.home-block {
  background-color: #fffef6 !important;
}



header .site-header {
  box-shadow: none;
  background-color: #f4f1eb !important;
}


.footer {
  background-color: #debbb5;
}


.footer .footer__top .title--has-dash {
  font-size: 1.8rem !important;
  font-weight: bold;
  color: #fffef6 !important;
}

.footer__bottom {
  
  display: none;
}

.store-feature__icon{

color: black;
background-color: #fffef6;

}

.store-feature p{

color: #fffef6;

}


.store-feature .title{

font-weight: bold;
color: #fffef6 !important;

}


.top-header {
  background-color: #ddbab4;
}

.title.title--primary.title--x-large.title--has-dash.mb-30, .page--category .category-title .title.title--primary.title--has-dash.mb-30{

font-size: 2.4rem !important;
font-weight: bold;

}


@media(max-width:780px){

.title.title--primary.title--x-large.title--has-dash.mb-30, .page--category .category-title .title.title--primary.title--has-dash.mb-30 {
  font-size: 1.6rem !important;
  font-weight: bold;
}

}


body .product-block .title {
 
  color: #b27770 !important;
}

.badge--primary {
  color: #fff;
  background-color: #b27770;
}

.top-navbar:not(.topnav-has-bg) {
    background-color: #debbb5;
    color: #fff;
    /* font-size: x-large; */
}

.aspect-\[3\/4\] {
    aspect-ratio: auto;
}


.product-card__title a{
font-weight:bold !important;


}

.product-card__title a {
  display: block;
  font-size: 1.15rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: var(--store-text-primary);
}


@media (min-width: 768px) {
  .md\:text-2xl {
    font-size: 2rem;
    line-height: 2rem;
  }
}


/* إضافة تاب جديد */
.s-tabs-header {
    position: relative;
}

.s-tabs-header::after {
    content: "طريقة الاستخدام";
    display: inline-block;
    padding: 15px 20px;
    margin: 0 10px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
    font-family: 'Cairo', sans-serif;
}

/* إضافة محتوى تاب طريقة الاستخدام */
.s-tabs-content::after {
    content: "طريقة الاستخدام كلوتات الدورة الشهرية القماش موڤ: \A • ننصح بتبديل الغيار كل 8 ساعات. \A • ينصح بالتغيير الغيار ثلاث مرات في اليوم.";
    display: none;
    padding: 20px;
    margin-top: 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    white-space: pre-wrap;
    direction: rtl;
    text-align: right;
    line-height: 1.8;
    font-family: 'Cairo', sans-serif;
}

/* تفعيل التاب عند النقر */
.s-tabs-header.active::after {
    border-bottom-color: #000;
    color: #000;
}

.s-tabs-header.active + .s-tabs-content::after {
    display: block;
}

/* تنسيق التاب عند التحويم */
.s-tabs-header::after:hover {
    color: #000;
    border-bottom-color: #ddd;
}

/* تعديل تنسيق القائمة */
.s-tabs-content::after ul {
    list-style-type: disc;
    padding-right: 20px;
    margin-top: 10px;
}

.s-tabs-content::after li {
    margin-bottom: 10px;
}

/* ضمان الترتيب الصحيح */
.tab-pane {
    position: relative;
}

/* تحسين المظهر على الأجهزة المحمولة */
@media (max-width: 768px) {
    .s-tabs-header::after {
        padding: 10px 15px;
        margin: 0 5px;
    }
    
    .s-tabs-content::after {
        padding: 15px;
        margin-top: 15px;
    }
}



/* كود CSS */
/* يمكنك وضع هذا الكود في قسم CSS المخصص في متجر سلة */

.more-info-tabs_nav-link[data-id="usage-instructions"] {
    cursor: pointer;
    padding: 1rem 0;
    color: #666;
    position: relative;
}

.more-info-tabs_nav-link[data-id="usage-instructions"].active {
    color: #000;
}

.more-info-tabs_nav-link[data-id="usage-instructions"].active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #000;
}

.tab-pane[data-tab-id="usage-instructions"] {
    padding: 2rem 0;
}

.usage-instructions-content {
    margin-top: 1rem;
}

.usage-instructions-content h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

/* ضمان ظهور التاب الجديد */
.more-info-tabs_nav {
    display: flex !important;
    gap: 2rem;
}

.more-info-tabs_nav-item {
    list-style: none;
}

#details_table a, .product-single-top-description a, .quickview-description a {
    color: #debbb5;
    text-decoration: underline;
}

/* 1. ترتيب الصور في صف واحد */
.s-block--banners .grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 15px !important;
    overflow-x: auto;
}

/* 2. إعداد كل article بحجم 150×150 بكسل بشكل دائرة وخلفية شفافة */
.s-block--banners .grid > article {
    width: 170px !important;
    height: 170px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    position: relative !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* 3. تعديل الـ overlay: نقل الطبقة لتكون تحت الصورة وتقليل تأثيرها */
.s-block--banners .grid > article > div.absolute {
    z-index: -1 !important;
    opacity: 0 !important;
}

/* 4. تنسيق الصورة داخل كل دائرة بحيث تغطي كامل الحجم */
.s-block--banners .grid > article img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 1 !important;
}

/* 5. (اختياري) إخفاء النصوص داخل الدوائر إن وُجدت */
.s-block--banners .grid > article h3,
.s-block--banners .grid > article p {
    display: none !important;
}