/* Add custom CSS styles below */ 

  
  body::before {
    content: "";
    display: flex;
    position: fixed;
    background: #24282C/*#040404*/ url("") top right no-repeat;
    background-size: cover;
    left: 0;
    right: 0;
    top: 0;
    height: 100vh;
    z-index: -1;
  }
  body{
  color: #9397A3;
  }
  /*************************************/
/*search*/
.top-navbar .s-search-input  {
    background-color: white;

  }
  .btn--rounded-gray{
        background-color: white;

  }
  .s-cart-summary-total{
    color: white;
  }
/*************************************/
/*slider*/
  .s-block--hero-slider .swiper-slide{
    background: transparent;
    height: 100vh;
  }
  .s-block.home-slider.s-block--hero-slider{
    margin-top: 0px;
    margin-bottom: 40px;
  }
  
.main-slider.s-slider-wrapper.fullwidth-slider.s-slider-has-notitle.s-slider-v-centered.s-slider-horizontal.hydrated .s-slider-block__title .s-slider-nav-arrow .s-slider-button-icon svg{
    fill: transparent;
  }
  
  .s-slider-v-centered.fullwidth-slider .s-slider-block__title-nav button{
    background-color: transparent;
    --tw-shadow-color: transparent;
  }
    
  #main-slider-1 .swiper-watch-progress{
    height: 100vh;
  }
  #main-slider-0{
    height: 100vh;
  }
  
  .swiper-lazy{
    content: "";
    position: fixed;
    top: 0;
    height: 100vh;
    z-index: -2;
  }
  
  .container .text-center .leading-tight.mb-4{
    margin-top: 70px;
  }
  .line-clamp-2.description{
    font-size: 22px;
  }
  
  
  /*************************************/
  /*left nav*/
  .main-menu.mm-spn--open{
    color: white;
  }

.s-user-menu-trigger{
   background-color: #050505;
}
  #mainnav{
    background-color: #050505;
  }
 /*************************************/
  /*cart*/
  
  .btn--delete.s-button-wrap.hydrated .btn--delete.s-button-element.s-button-icon .s-button-text{
    color: black;
  }
  .sicon-cancel{
    color: white;
  }
/*************************************/
/*card*/
  
  .s-products-slider-card{
     width: 80%;
    max-width: 210px;
  }
  .s-block.s-block--slider-with-bg.s-block--full-bg{
   background-color: #9397A3/*#736457*/;
  }

.s-product-card-content{
  padding: 0rem;
  background-color:#24282C;
   border-radius: 0 0 10px 10px;
    overflow: hidden;
}


.s-product-card-content-title {
  margin-top: 2px;
  margin-right: 4px;
}
.s-product-card-content-title a{
  color: white;
  margin-top: 2px;
  margin-right: 2px;
}
.s-product-card-price{
  margin-top: 2px;
  margin-right: 4px;
}

.w-full .s-button-element{
  background-color: black;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  border: 0px;
}
.w-full .s-button-element .s-button-text{
  color: #9397A3;
 
}

.s-button-primary{
    background-color: black;
    border-color: #9397A3;
}
.s-button-text{
  color: #9397A3;
}
/*************************************/
/*header*/
.sicon-shopping-bag:before{
  color: white;
}
.header-btn__icon{
  color: white;
}

  /*************************************/
 /*right navbar*/
.mm-spn.mm-spn--navbar.mm-spn--main{
  background-color:#24282C;
}
.main-menu.mm-spn--open li{
  color: #9397A3;
}
.mm-ocd__content .mobile-menu.mm-spn--light.mm-spn--navbar.mm-spn--main.mm-spn{
  color: #9397A3;
}
  /*************************************/
/*footer*/

.footer-is-light .store-footer{
  background-color:#24282C;
}
/*
footer .store-footer__inner .container.grid.grid-col-1{
  background-color:#9397A3;
  color: #24282C;
}
footer .store-footer__inner{
  padding-top: 0rem;
    padding-bottom: 0rem;
}*/
.footer-is-light .store-footer .social-link{
  margin-top: -7px;
  border-color: #24282C;
}

  /*************************************/
  /*photo*/
/*.s-block.s-block--full-banner.s-block--full-bg .{
  
}*/
@media (min-width: 1280px) {
    .full-banner-entry {
        height: 528px;
    }
}
@media (min-width: 1024px) {
    .full-banner-entry {
         height: 464px; 
    }
}
  
  @media (min-width: 768px) {
    .full-banner-entry {
        height: 24rem;
    }
}
.full-banner-entry::after, .full-banner-entry::before {
    height: 0%;
    width: 0%;
    top: 0;
    right: -93%;
    content: "";
    background: #414042;
    background: var(--color-primary);
    position: absolute;
    transition: all .3s ease-in-out;
    transform: rotate(220deg) translateY(-50%) translateX(33%);
    opacity: .25;
}
.full-banner-entry {
    position: relative;
    grid-row: span 2 / span 2;
    height: 35rem;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgba(231, 229, 228, var(--tw-bg-      opacity));
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    padding: 1.25rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
}
/*************************************/
/*checkout*/

.s-add-product-button-mini-checkout-content span svg{
  width:24px;
  height:24px;
  display: none;
}
.s-add-product-button-mini-checkout.s-mini-checkout.hide-scroll.hydrated {
    background-color: black;
    border: 0px;
    margin-top: 5px;
    border-radius: 10px;
}
.s-add-product-button-mini-checkout-content{
  color: #9397A3;
  border-color: #9397A3;
}
/********************************/
/*صفحة المنتج - -المنتجات المقترحة*/
.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center{
    background-color:black;
    border: 0px;
     border-radius: 0 0 10px 10px;
    overflow: hidden;
}

/*************************************/
.s-block.s-block--banners.container{
    margin-top:0px;
    height: 40px;
    padding:0px;
  }
  
    .container .grid.grid-flow-row .banner-entry.lazy.has-overlay{
      /*min-height: 100vh;*/
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color:#1B1E21;
      overflow: hidden;
      margin:0px;
      border-radius:0px;
  
  }
  
  .container .grid.grid-flow-row .banner-entry.lazy.has-overlay .banner-entry__text h3{
      position: relative;
     /* color: white*//*#4070F4*/;
      font-size: 22px;
      background-color:#1B1E21;
      padding: 255px;
      font-weight: 600;
      width: 500%;
      opacity:unset;
      font-family: system-ui;
       white-space: nowrap; /* الحفاظ على النص في سطر واحد */
      overflow: hidden; /* إخفاء النص الزائد */
      text-overflow: ellipsis; /* إضافة نقاط نهاية للنص الزائد */
      margin-top: -46px; /* رفع النص لأعلى */
  }

  
  .container .grid.grid-flow-row .banner-entry.lazy.has-overlay .banner-entry__text.text-with-border{
    content: "";
    position: absolute;
    top: 0;
    left: 100%; /* ابدأ من اليمين */
    height: 100%;
    width: 100%;
    background-color: #1B1E21;
    /*border-left: 2px solid #CAB19B;*/
    animation: animateAlternate 20s linear infinite; 
  }
  @media (min-width: *) {
    .container .grid.grid-flow-row .banner-entry.lazy.has-overlay .banner-entry__text.text-with-border {
        content: "";
        position: absolute;
        top: 0;
        left: 100%; /* ابدأ من اليمين */
        height: 100%;
        width: 100%;
        background-color: #1B1E21;
        /*border-left: 2px solid #CAB19B;*/
        animation: animateAlternate 22s linear infinite;
    }
}
   @keyframes animateAlternate {
      0% {
          left: 110%; /* ابدأ من اليمين */
      }
      50% {
          left: 0; /* منتصف الحركة (وسط العنصر) */
      }
      100% {
          left: -110%; /* ينتهي خارج الشاشة من اليسار */
      }
  }