@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600&display=swap');

/* :root {
  --logo: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/LjaJ/BqljsG7Dm9K4sdDBUkwCsANgO9MIAV1z6nmeCqnb.jpg");
  --loading-gif: url(https://media.zid.store/5704f47c-cd8f-40db-b1a6-6b4bc015afac/077ae2a5-b8d8-4615-9e8e-9e10c853ffc8.gif);
  --loading-text: "أهلًا بكِ في مارلي.. حيث يُفصَّل الجمال بخيوط من الذوق والفخامة 🖤";
} */

body {
  background-color: #ffffff;
}

/* ================================
   BANNERS & HEADER
================================ */
/* أول بانر */
.s-slider-block__title-nav,
.s-block--hero-slider .swiper-slide .overlay-bg:after {
  display: none;
}

.s-block--banners + .s-block--banners {
  margin-top: 1em;
}

/* قسم البانرين */
a.banner-entry.square-photos {
  background-color: transparent;
}

section.s-block.s-block--banners.container .grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

/**/


.show-splash body {
  overflow: hidden;
}

/* الخلفية */
.show-splash body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-color: #fbfaf8;
  z-index: 9999999;
  pointer-events: none;
}

/* المحتوى */
.show-splash body::after {
  content: "أهلاً بكِ في مارلي..\A حيث يُفصَّل الجمال بخيوط من الذوق والفخامة";
  white-space: pre-line;

  position: fixed;
  inset: 0;
  z-index: 10000000;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  font-size: 18px;
  color: #45282a;
  text-align: center;
  line-height: 1.6;

  background-image:
    url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/LjaJ/BqljsG7Dm9K4sdDBUkwCsANgO9MIAV1z6nmeCqnb.jpg"),
    url("https://media.zid.store/5704f47c-cd8f-40db-b1a6-6b4bc015afac/077ae2a5-b8d8-4615-9e8e-9e10c853ffc8.gif");

  background-repeat: no-repeat, no-repeat;
  background-position: center 20%, center 75%;
  background-size: 250px, 80px;

  pointer-events: none;
}


/* Add custom CSS styles below */ 
/*header*/
.main-menu>li>a[href*=offer]{
  color#ffffff!important;
  display: none;
}
nav#mobile-menu {
    background: #000000;
    color: #ffffff;
}
/*first banner*/
.s-slider-block__title-nav,.s-block--hero-slider .swiper-slide .overlay-bg:after {
  display: none;
}
.s-block--banners+.s-block--banners{
      margin-top: 1em;

}
main#main-content > :first-child {
    margin: 0px;
}

main#main-content > :first-child > div {
    max-width: 100%;
    margin: 0px;
    padding: 0;
}
main#main-content > :first-child .banner--fixed img {
    border-radius: unset;
}
/*two banner section*/
a.banner-entry.square-photos {
    background-color: transparent;
}
section.s-block.s-block--banners.container .grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;

}



section.s-block.s-block--banners.container .grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 a.banner-entry.square-photos:first-child .lazy__bg.lazy.bg-no-repeat.entered.loaded {
    background-position: left;
}

section.s-block.s-block--banners.container 
.grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 
a.banner-entry.square-photos:nth-child(2) 
.lazy__bg.lazy.bg-no-repeat.entered.loaded {
  background-position: right;
}

/*products slider*/
custom-salla-product-card img {
    background-color: #ffffff;
}
custom-salla-product-card button , .s-button-primary{
    background-color: #000000;
    color: #ffffff !important;
}
.s-slider-block__title-left a {
    border: 1px solid #000000;
    padding: 7px;
    border-radius: .75rem;
}
.s-slider-block__title-right h2 {
    font-size: 1.5rem;
}
.s-product-card-wishlist-btn i {
    color: #000000;
}
.s-product-card-wishlist-btn  {
    border-color: #000000;
}
.s-product-card-content {
    text-align: center;
}
.s-product-card-content-sub {
    justify-content: center;
}
.s-product-card-promotion-title , .promotion-title{
  top: 0;
  left: unset;
  right: 0;
  border: 2px solid transparent;
  border-radius: 12px;
  background:#000000;
  background-size: 200% 200%;

  color: #ffffff;
}


/*icons*/
section.s-block.s-block--features.container, .s-block--features__item {
    background-color: #000000;
    max-width: 100%;
    padding-block: 10px;
}
.s-block--features__item h2, .s-block--features__item p {
    color: #c5c5c5;
}

.feature-icon {
    background-color: #1d1d1b !important;
    border: 1px solid #c5c5c5;
}
/*footer*/

.store-footer__inner ,.topnav-is-dark .top-navbar , div#mainnav , div#mainnav .s-cart-summary-total ,div#mainnav .header-btn__icon ,div#mainnav .sub-menu ,i.sicon-menu.text-primary.text-2xl {
    background: #000000;
    color: #ffffff;
}
.store-footer {
      background: #ffffff;

} 
.main-menu li>a:hover , .main-menu #more-menu-dropdown:hover a {
    color: #ffffff;
    opacity: 0.7;
}
/*end-footer*/
@media (min-width: 1024px) {
  a.banner-entry.square-photos {
        height: 70vh;
  }
.s-block--banners{
    max-width: 80%;
  
}

}