/*product card*/
:root {
  --prodCard-width: 280px;
  --prodCard-width-sm: 220px;

  --prodCard-height: 210px;
  --prodCard-height-sm: 180px;

  --prodCard-background: #cf8cb3 ;
  --prodCard-background-hover:#cf8cb3 ;
  --prodCard-text: #000;
  --prodCard-price: #000;
  --prodCard-btn-width: 120px;
  --prodCard-btn-background: #aaa3a8;
  --prodCard-btn-color: #fff;
  --prodCard-btnHoverBg: #fff;
  --prodCard-btnHoverColor: #fff;
  --prodCard-img-background: #ac92a2;
  --prodCard-img-width: 135px;
  --prodCard-img-width-sm: 115px;
  --prodCard-img-height: 170px;
  --prodCard-img-height-sm: 150px;
  --prodCard-btn-wishList-bg: tomato;
  --prodCard-btn-wishList-color: #fff;
  --logo:url('https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/bKrbA/4D7pKDpMQKKZg09gNmfJUdinbHjAbpUtOAzo2G54.png')
}

.flex-col {
    background-color: transparent;
}


header.store-header:before {
    content: '';
    background: url(https://iili.io/dPw3oqg.png);
    background-repeat-y: no-repeat;
    background-position-x: 0;
    animation: scrollBrands 2000s linear alternate both infinite;
    background-size: contain;
    height: 50px;
    display: block;
    background-color: #d374b2 ;
    background-position: center;
    margin-bottom: 16px;
    z-index: 9999999999999999
}

@keyframes scrollBrands {
    0% {
        background-position-x: 0
    }

    50% {
        background-position-x: 35000px
    }

    100% {
        background-position-x: 0
    }
}

@media(max-width: 767px) {
    header.store-header:before {
        background-size:180%;
        height: 39px;
        background-position: center;
        margin-bottom: -2px
    }
}




















/*product card*/

.s-product-card-entry {
  position: relative;
  width: var(--prodCard-width);
  height: var(--prodCard-height);
  border-radius: 2px !important;
  background: var(--prodCard-background);
  transition: all .2s ease-in-out;
}

.s-product-card-entry:hover {
  background: var(--prodCard-background-hover);
  border: 2px solid #fff;;
}

.s-product-card-entry:hover .s-product-card-content-title a {
  color: #fff!important;
}

.s-product-card-image {
  position: absolute;
  right: 60%;
  top: 50%;
  transform: translateY(-50%) !important;
  width: var(--prodCard-img-width) !important;
  height: var(--prodCard-img-height) !important;
  border-radius: 2px !important;
  background: var(--prodCard-img-background);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.5),
    0 5px 8px rgba(0, 0, 0, 0.3);
  /* More prominent shadow for light background */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.s-product-card-image:hover {
  transform: translateY(-10px);
  /* Slight lift on hover */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3),
    0 4px 8px rgba(0, 0, 0, 0.2);
  /* Stronger shadow on hover */
}

.s-product-card-image a img {
  width: 100%;
  /* Ensure image fits the card */
  border-radius: 8px;
  /* Match card's corners */
  display: block;
  /* Ensures no extra spacing */
}

.s-product-card-content {
  width: 65%;
  height: 100%;
}

.s-product-card-content-sub {
  color: var(--prodCard-price);
}

salla-add-product-button {
  width: var(--prodCard-btn-width) !important;
}

salla-add-product-button salla-button .s-button-element i {
  font-size: 14px;
  color: #e38e48;
}

salla-add-product-button salla-button .s-button-element {
  background: var(--prodCard-btn-background);
  color: var(--prodCard-btn-color);
  border: none;
  border-radius: 5px;
  font-size: 10px;
}

salla-add-product-button salla-button .s-button-element:hover {
  background-color: var(--prodCard-btnHoverBg);
  color: var(--prodCard-text);
}

custom-salla-product-card {
  margin: auto !important
}



.s-product-card-wishlist-btn button {
  background: var(--prodCard-btn-wishList-bg);
  color: var(--prodCard-btn-wishList-color);
}

@media only screen and (max-width: 722px) {
  .s-product-card-entry {
    width: var(--prodCard-width-sm);
    height: var(--prodCard-height-sm);
  }

  .s-product-card-image {
    width: var(--prodCard-img-width-sm) !important;
    height: var(--prodCard-img-height-sm) !important;
  }

  salla-add-product-button salla-button .s-button-element {
    width: 80px;
    height: 39px;
    padding: 5px;
    font-size: 8px;
  }

}

/* Swiper Slider gap */
@media only screen and (max-width:639px) {
  .swiper-wrapper {
    gap: 16px;
  }
}
@media only screen and (min-width:765px) {
  .swiper-wrapper {
    gap: 55px;
  }
}
.s-product-card-vertical .s-product-card-wishlist-btn button {
  margin: 0px;
  color: #01214b;}
  
  
  
  
  
  
 .s-search-input {
color: rgb(240, 246, 255);
}
.top-navbar .s-search-input {
  border-style: none;
  background-color: #fff;
}
input::placeholder, textarea::placeholder {
  color: #000;
  opacity: 1;
}
.top-navbar .s-search-input:hover {
  background-color: #fff;
}
 .navbar-brand img {
  transition: 0.8s;
  transform:scale(1.5)

}
           
.navbar-brand img:hover {
  transition: 0.8s;
  transform:scale(1.5)

}
.navbar-brand img {
  max-height: 3rem;
  width: auto;
  max-width: 100px;
  margin-right: 40px;
}           

.main-menu li::after {
  content: '';
  position: absolute;
bottom: 9px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #c5c4c4; /* اللون الأساسي للخط */
}
.main-menu li {
position:relative;
}
.main-menu li::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0; /* يبدأ من اليمين */
  width: 10px; /* حجم الضوء الدائري */
  height: 10px;
  background:#c5c4c4; /* لون الضوء */
  border-radius: 50%; /* يجعل الضوء دائريًا */
  box-shadow: 0 0 15px var(--prodCard-btn-background), 0 0 30px var(--prodCard-btn-background);
  opacity: 0;
  transform: translateX(0);
  transition: opacity 0.1s ease; /* 
  تقليل الزمن لجعل الشفافية أسرع */
  
}
.main-nav-container{
background-color:#fff;
}
.main-menu li:hover::before {
  opacity: 1;
  animation: move-light-left 0.9s linear forwards; 
  right:auto
}
.main-menu li:hover a span {
color: #000;
text-shadow: 3px 3px 5px #9c847a;
}


@keyframes move-light-left{
  0% {
        transform: translate(-50%, -50%); 
        left:0%
  }
  100% {
        transform: translate(-50%, -50%); 
        left:50%
  }
}


/* كيلانيات  */ 


[dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main:after {
    padding-right: .75rem;
    content: "";
    text-align: center!important;
    display: block;
    height: 140px!important;
    background-image: var(--logo);
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: top center!important;

    margin-left: 50px;
    margin-right: 50px;
    margin-top: 20px;
    margin-bottom: 11px
   background-color:#ec86d8!important;
}
@media (max-width: 650px) {
  ul.main-menu.mm-spn--open {
    margin-top: 100px;
  }
}
.mm-spn.mm-spn--navbar ul::before {
  content: "";
  display: block;
  position: fixed;
  top: inherit;
  z-index: 2;
  width: 100%;
  border-top: none;
  opacity: .15;
}

@media only screen and (max-width: 1024px) {
  .mm-ocd__content {
    overflow-y: auto;
min-width: 100% !important;
  }
}
.mm-ocd__content {
background: #ec86d8;
}
@media only screen and (max-width: 1024px) {
  .mm-spn li a, .mm-spn li > span {
    padding: 18px;
    display: flex;
    gap: 1rem;
    margin: 7px;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  .mm-spn.mm-spn--light {
    color: #000;
   background: #ec86d8!important;
  }
  
}
@media only screen and (max-width: 1024px) {
  .mm-spn li a span {
    padding: 0;
    font-size: 15px;
    text-shadow: 3px 3px 5px #fff;
  }
}
.sicon-cancel::before {
  content: "\ea47";
  color: red;
  text-shadow: 1px 1px 3px black;
  font-size: 25px;
}

@media(min-width:991px) {
.mm-spn.mm-spn--navbar ul {
  top: calc(50px + 1px);
  top: calc(var(--mm-spn-item-height) + 80px);
}
}
@media(min-width:650px) {
.mm-spn.mm-spn--navbar ul {
  top: calc(50px + 1px);
  top: calc(var(--mm-spn-item-height) + 100px);
}
}
.btn--close-sm {
background-color: transparent;
}

.s-slider-block__title h2 {
  position: relative;
  font-weight: 700;
  line-height: 1.2;
  font-family: initial;
  font-size: 25px;
  color: #fff;
  margin-right: 20px;
  border: 1px solid #a58e85;
  border-radius: 10px;
background: linear-gradient(to right,#d374b2 ,#d374b2 );
  padding-right: 15px;
  padding-left: 20px;
}


.text-center::before {
    content: "برمجه وتطوير ADFAZ";
    display: block;
    text-align: center;
    background: var(--main-color);
    padding: 10px;
    color: #2f3375;
}


@media (min-width: 1280px) {
  .container {
    max-width: 1500px;
  }
}
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
     padding-right: 5px;
     padding-left: 5px; 
}


.banner--fixed img {
    border-radius:0px !important
}

.s-block--banners {
  margin-top: 0;
  width: %;
  padding: 0px;
    padding-top: 0px;
  padding-top: 15px;
}

   
}

@media(min-width: 480px) {
    .banner-entry h3.text-with-border {
        border-width:0!important
    }
  
}

.banner--fixed img {
    background-color: unset!important
}


.banner-entry {
    background-color: unset!important
}

.banner-entry {
    background: transparent !important;
}
.banner--fixed img {
      background: transparent !important;

}
.banner-entry{
    min-height: 100px;
}

@keyframes fade-in {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    75% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(.1);
    }
}

@media only screen and (max-width: 768px) {
.banner-entry{
 height:auto ;
 width:30vw;
   padding: 6rem;
}

}
@media (min-width: 480px) {
    .banner-entry {
        padding: 14rem;
    }
}


.lazy__bg {
background-size: auto !important;
background-repeat: no-repeat;
}
.banner-entry {
background: transparent;
transition:0.6s;
}
.banner-entry:hover {
transition:0.7s;
}
@media(min-width:768px) {
.grid-flow-row {
  grid-auto-flow: column;
}
}
@media(max-width:767px) {
.grid-flow-row {
  grid-auto-flow: row;
}
}
.banner-entry {
    width: 45vw;
    min-height: 100px
}


.lazy__bg{
    background-size: 100% 100%;
     background-size: contain!important;
     background-repeat:no-repeat!important;

}    

@media(max-width:991px){
.lazy__bg{
transform: scale(1); 
}
.lazy__bg:hover{
transform: scale(1.1); 
}
.main-nav-container{
min-height: 50px;

}

}

.gap-3{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    
}



.store-footer {
  background: transparent !important;
  padding: 30px;
  font-size: 14px;
  text-align: center;
}
.s-social-list {
  display: flex;
  gap: 0.625rem;
  justify-content: center;
}
.s-block--features__item {
  background: transparent !important;
}
.s-block--features__item h2,
.s-block--features__item p {
  color: #000;
}
.footer-is-light .store-footer .store-footer__inner {
  background: transparent;
}
.store-footer__inner {
  background: rgba(255, 255, 255, 0.98) !important;
  border-radius: 16px;
box-shadow: 0 2px 15px #d98bbbde!important;
  border: 1px solid rgba(255, 255, 255, 0.29) !important;
}
.store-footer__inner .flex {
  justify-content: center;
}
.store-footer__inner .max-w-sm {
  margin: auto;
}
.store-footer h3 {
  color: var(--main-color);
  font-size: 1.3rem;
}
.store-footer h3:hover {
  color: var(--third-color);
  opacity: 1;
  cursor: pointer;
}
.footer-list {
  color: var(--main-color);
}
.store-footer__inner .max-w-sm {
  color: #000;
  font-size: 15px;
}
.store-footer a {
  color: #000;
  font-size: 15px;
}
.store-footer i {
  color: var(--third-color);
  border-color: var(--main-color);
}
.store-footer__inner {
  text-align: center !important;
}
.text-center::before {
  content: " برمجة و تطوير | ADFAZ";
  font-size: 14px;
  font-weight: 600;
  color: #071665 !important;
  padding: 6px !important;
  border-radius: 5px;
  display: flex;
  align-items: center;
  background: #fff;
  justify-content: center;
}
.s-block--features__item .feature-icon {
  background-color: var(--main-color);
}
.s-block--features__item .feature-icon i {
  color: #fffffff2;
}
.text-primary {
  color: var(--main-color);
}
@media (min-width: 1024px) {
  .store-footer__inner {
    padding-top: 2rem;
    padding-bottom: 0rem;
  }
}
.store-footer a h3:nth-child(1) {
  font-size: 1rem;
  color: transparent;
  background-image: var(--logo);
  background-size: 100%;
  background-repeat: no-repeat;
  scale: 1.5;
  line-height: 6;
  background-position: center;
  margin-top: 0px;
  width: 70px;
}
.s-filters-footer,
.s-filters-widget-values {
  & .s-button-gray-outline:hover {
    --tw-bg-opacity: unset;
    background-color: transparent !important;
    color: var(--main-color) !important;
  }
  & .s-button-gray-outline {
    --tw-bg-opacity: unset;
    background-color: var(--main-color) !important;
    color: var(--second-color) !important;
  }
}
.sicon-filter {
  color: var(--main-color) !important;
}
section:nth-of-type(30) {
  .lazy__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: 100% 100% !important;
    background-position: center;
  }
  padding: 0px !important;
  padding-top: 40px !important;
  padding-left: 10px !important;
  .banner-entry {
    padding: 0px !important;
    border-radius: 0px;
  }
  @media (max-width: 480px) {
    .grid {
      display: grid;
      grid-template-columns: 2fr 1fr;
      grid-template-rows: auto auto auto;
      gap: 30px;
      padding: 0px 10px 0px 5px;
    }
    .grid a:nth-child(1) {
      grid-column: 1 / 2;
      grid-row: 1 / 13;
    }
    .grid a:nth-child(2) {
      grid-column: 2 / 3;
      grid-row: 1 / 8;
    }
    .grid a:nth-child(3) {
      grid-column: 2 / 3;
      grid-row: 7 / 13;
    }
    .square-photos {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
    }
  }

  @media (min-width: 480px) and (max-width: 768px) {
    .grid {
      display: grid;
      grid-template-columns: 2fr 1fr;
      grid-template-rows: auto auto auto;
      gap: 30px;
      padding: 0px 10px 0px 5px;
    }
    .grid a:nth-child(1) {
      grid-column: 1 / 2;
      grid-row: 1 / 17;
    }
    .grid a:nth-child(2) {
      grid-column: 2 / 3;
      grid-row: 1 / 10;
    }
    .grid a:nth-child(3) {
      grid-column: 2 / 3;
      grid-row: 8/ 17;
    }
    .square-photos {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
    }
  }

  @media (min-width: 768px) and (max-width: 1024px) {
    .grid {
      display: grid;
      grid-template-columns: 2fr 1fr;
      grid-template-rows: auto auto auto;
      gap: 30px;
      padding: 0px 10px 0px 5px;
    }
    .grid a:nth-child(1) {
      grid-column: 1 / 2;
      grid-row: 1 / 23;
    }
    .grid a:nth-child(2) {
      grid-column: 2 / 3;
      grid-row: 1 / 13;
    }
    .grid a:nth-child(3) {
      grid-column: 2 / 3;
      grid-row: 10 / 23;
    }
    .square-photos {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
    }
  }
  @media (min-width: 1024px) and (max-width: 1200px) {
    .grid {
      display: grid;
      grid-template-columns: 2fr 1fr;
      grid-template-rows: auto auto auto;
      gap: 30px;
      padding: 0px 10px 0px 5px;
    }
    .grid a:nth-child(1) {
      grid-column: 1 / 2;
      grid-row: 1 / 25;
    }
    .grid a:nth-child(2) {
      grid-column: 2 / 3;
      grid-row: 1 / 15;
    }
    .grid a:nth-child(3) {
      grid-column: 2 / 3;
      grid-row: 12 / 25;
    }
    .square-photos {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
    }
  }

  @media (min-width: 1200px) {
    .grid {
      display: grid;
      grid-template-columns: 2fr 1fr;
      grid-template-rows: auto auto auto;
      gap: 30px;
      padding: 0px 10px 0px 5px;
    }
    .grid a:nth-child(1) {
      grid-column: 1 / 2;
      grid-row: 1 / 31;
    }
    .grid a:nth-child(2) {
      grid-column: 2 / 3;
      grid-row: 1 / 18;
    }
    .grid a:nth-child(3) {
      grid-column: 2 / 3;
      grid-row: 15 / 31;
    }
    .square-photos {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
    }
  }
}
section:nth-of-type(40) {
  width: 100%;
  padding: 0px !important;
  padding-top: 40px !important;
  padding-right: 10px !important;
  .lazy__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100%;
    background-size: 100% 100% !important;
    background-position: center;
  }
  .banner-entry {
    padding: 0px !important;
    border-radius: 0px;
  }
  @media (max-width: 480px) {
    .grid {
      display: grid;
      grid-template-columns: 1fr 2fr;
      grid-template-rows: auto auto auto; /* Auto rows */
      gap: 30px;
      padding: 0px 5px 0px 5px;
    }
    .grid a:nth-child(1) {
      grid-column: 2 / 3;
      grid-row: 1 / 13;
    }
    .grid a:nth-child(2) {
      grid-column: 2 / 1;
      grid-row: 1 / 8;
    }
    .grid a:nth-child(3) {
      grid-column: 2 / 1;
      grid-row: 6 / 13;
    }
    .square-photos {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
    }
  }
  @media (min-width: 480px) and (max-width: 768px) {
    .grid {
      display: grid;
      grid-template-columns: 1fr 2fr;
      grid-template-rows: auto auto auto;
      gap: 30px;
      padding: 0px 5px 0px 5px;
    }
    .grid a:nth-child(1) {
      grid-column: 2 / 3;
      grid-row: 1 / 17;
    }
    .grid a:nth-child(2) {
      grid-column: 1 /2;
      grid-row: 1 / 10;
    }
    .grid a:nth-child(3) {
      grid-column: 1 / 2;
      grid-row: 8 / 17;
    }
    .square-photos {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
    }
  }
  @media (min-width: 768px) and (max-width: 1024px) {
    .grid {
      display: grid;
      grid-template-columns: 1fr 2fr;
      grid-template-rows: auto auto auto;
      gap: 30px;
      padding: 0px 5px 0px 5px;
    }
    .grid a:nth-child(1) {
      grid-column: 2 / 3;
      grid-row: 1 / 23;
    }
    .grid a:nth-child(2) {
      grid-column: 1 / 2;
      grid-row: 1 / 13;
    }
    .grid a:nth-child(3) {
      grid-column: 1 / 2;
      grid-row: 11 / 23;
    }
    .square-photos {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
    }
  }
  @media (min-width: 1024px) and (max-width: 1200px) {
    .grid {
      display: grid;
      grid-template-columns: 1fr 2fr;
      grid-template-rows: auto auto auto;
      gap: 30px;
      padding: 0px 5px 0px 5px;
    }
    .grid a:nth-child(1) {
      grid-column: 2 / 3;
      grid-row: 1 / 27;
    }
    .grid a:nth-child(2) {
      grid-column: 1 / 2;
      grid-row: 1 / 15;
    }
    .grid a:nth-child(3) {
      grid-column: 1 / 2;
      grid-row: 12 / 27;
    }
    .square-photos {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
    }
  }
  @media (min-width: 1200px) {
    .grid {
      display: grid;
      grid-template-columns: 1fr 2fr;
      grid-template-rows: auto auto auto;
      gap: 30px;
      padding: 0px 5px 0px 10px;
    }
    .grid a:nth-child(1) {
      grid-column: 2 / 3;
      grid-row: 1 / 31;
    }
    .grid a:nth-child(2) {
      grid-column: 1 / 2;
      grid-row: 1 / 18;
    }
    .grid a:nth-child(3) {
      grid-column: 1 / 2;
      grid-row: 15 / 31;
    }
    .square-photos {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
    }
  }
}
.store-footer {
  @media (min-width: 640px) {
    .two-row .banner-entry:first-child {
      grid-column: unset !important;
      grid-row: unset !important;
    }
  }
  @media (max-width: 480px) {
    .md\:grid-cols-3 {
      grid-template-columns: auto auto auto !important;
    }
    .text-center::before {
      margin-bottom: 10px;
    }
    .banner-entry:nth-child(1) {
      grid-column: 1 / 4;
    }
  }
  @media (max-width: 768px) and (min-width: 481px) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (min-width: 769px) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
}
salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1024px) {
  salla-slider.photos-slider .swiper-slide {
    width: 100%;
  }
}
salla-slider[type]:not(.hydrated) > div:where([dir="rtl"], [dir="rtl"] *),
salla-slider[type]:not(.hydrated)
  .swiper
  > div
  > div:where([dir="rtl"], [dir="rtl"] *),
.carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: 0rem;
}
@media (min-width: 768px) {
  salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
.swiper-pagination {
  display: unset;
}
salla-slider.photos-slider
  .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 9px;
}



#scrollToTopBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #113f7a;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 24px;
    display: none; /* Hidden by default */
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1000;
    transition: opacity 0.3s ease;

  }
  
  #scrollToTopBtn:hover {
    background-color: #d7a67c;
  }
  
  
  
  body.dark {
    --color-primary-light: #ebd2ae;
    --color-primary-reverse: #eee;
    --f-h: white;
    --1: #000;
    --2: #000;
    
    
    



    footer.store-footer * {
  color: #fff;
  text-align: center;
} 
.store-footer__inner {
  background: linear-gradient(90deg, #000 0%, #141414 100%) !important;
  color: white;
}



p.text-gray-400.mb-2\.5.md\:mb-0 {
  color: #fff !important;
}


@media only screen and (max-width: 1024px) {
  .mm-spn.mm-spn--light {
    color: #fff;
    background: #ec86d8;
  }
    .mm-spn.mm-spn--light * {
        color: #000;
    }
.mm-spn.mm-spn--navbar.mm-spn--main::after {
  padding-right: .75rem;
  content: "";
  text-align: center !important;
  display: block;
  height: 150px !important;
  background-image: var(--logo);
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #ec86d8!important;

}}

.s-menu-topnav-item {

  color: #fff !important;
}
.breadcrumbs * {
color:#fff
}
#page-main-title {
color:#fff
}
.product-single .main-content * {
color:#fff;
  background-color: #000 !important;
}
.s-comments {
color:#fff;
  background-color: #000 !important;
}
/* to change background color*/
.flex-col {

    background: #000 !important;
}

.banner-entry  {
  background: #000!important;
}
.banner--fixed img {
  background: #000!important;
}
}





.footer-is-light .store-footer .store-footer__inner {
    padding: 20px;
    border-radius: 25px;
    display: flex;
    justify-content: center; /* توسيط المحتويات بشكل أفقي */
    align-items: center; /* توسيط المحتويات بشكل عمودي */
    flex-direction: column; /* لضمان أن تكون العناصر فوق بعضها */
}



.footer-is-light .store-footer {
    background-color: transparent;
}

.footer-is-light .store-footer .store-footer__inner:before {
    content: "";
    display: block;
    height: 110px;
    width: 240px;
    background-image: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/bKrbA/4D7pKDpMQKKZg09gNmfJUdinbHjAbpUtOAzo2G54.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: 1rem; /* مسافة بين اللوجو والمحتويات الأخرى */
    animation: move 2s infinite;
    transition: 0.6s;
 box-shadow: 0 2px 15px #fff!important;
 
 
}
a.flex.items-center.m-0 {
display:none;
}

.s-slider-block__display-all {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;

  color: #adadad;
}


.s-product-card-content-title a {
  display: -webkit-box;         
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2;        
  overflow: hidden;            
  text-overflow: ellipsis;      
  width: 100%;                  
}

@media(max-width:768px) {
.s-products-list-vertical-cards {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.625rem;
}
}

@media only screen and (max-width: 722px) {
 .s-products-list-wrapper .s-product-card-entry {
    width: var(--prodCard-width-sm);
    height: var(--prodCard-height-sm);
    width: 80%;
  }
 .s-products-list-wrapper .s-product-card-image {
  right: 73%;
}
}


/* to change background color */


  body {
    background: #fbeaf1;
    background-attachment: fixed;
}
.footer-is-light .store-footer .store-footer__inner::before {
  content: "";
  display: block;
  height: 110px;
  width: 240px;
  background-image: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/bKrbA/4D7pKDpMQKKZg09gNmfJUdinbHjAbpUtOAzo2G54.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 1rem;
  animation: move 2s infinite;
  transition: 0.6s;
 box-shadow: 0 2px 15px #000 !important;
  border-radius: 20px;
  background-color: #d2d0e7!important;
}


body.dark {
    --color-primary-light: #ebd2ae;
    --color-primary-reverse: #eee;
    --f-h: white;
    --1: #000;
    --2: #000;
    
    footer.store-footer * {
  color: #fff;
  text-align: center;
} 
.store-footer__inner {
  background: linear-gradient(90deg, #000 0%, #141414 100%) !important;
  color: white;
}
p.text-gray-400.mb-2\.5.md\:mb-0 {
  color: #fff !important;
}


@media only screen and (max-width: 1024px) {
  .mm-spn.mm-spn--light {
    color: #fff;
   background:#ec86d8!important;
  }
    .mm-spn.mm-spn--light * {
        color: #000;
    }
.mm-spn.mm-spn--navbar.mm-spn--main::after {
  padding-right: .75rem;
  content: "";
  text-align: center !important;
  display: block;
  height: 150px !important;
  background-image: var(--logo);
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-color:#ec86d8!important;

}}

.s-menu-topnav-item {

  color: #fff !important;
}
.breadcrumbs * {
color:#fff
}
#page-main-title {
color:#fff
}
.product-single .main-content * {
color:#fff;
  background-color: #000 !important;
}
.s-comments {
color:#fff;
  background-color: #000 !important;
}
/* to change background color*/
.flex-col {

    background: #000 !important;
}

.banner-entry  {
  background: #000!important;
}
.banner--fixed img {
  background: #000!important;
}
/*.navbar-brand img {

  filter: brightness(0) invert(1);
}*/
i {
  color: rgb(255, 255, 255);
}
 .store-footer .store-footer__inner::before {
  content: "";
  display: block;
  height: 110px;
  width: 240px;
  background-image: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/bKrbA/4D7pKDpMQKKZg09gNmfJUdinbHjAbpUtOAzo2G54.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 1rem;
  animation: move 2s infinite;
  transition: 0.6s;
    box-shadow: 0 2px 15px #fff!important;
  background-color: #d2d0e7!important;
border-radius: 20px;
}
.main-menu li{
color:#fff
}
.main-menu li :hover a span {
  color: #fff;
  text-shadow: 3px 3px 5px #9c847a;
}
.md\:pb-16{
background: #fff;
}
.s-contacts-topnav-link:last-child:where([dir="rtl"], [dir="rtl"] *){
color: #fff;
}
.main-menu li:hover a span {
color: #fff;
text-shadow: 3px 3px 5px #9c847a;
}
}

.hrNwue{
display: none;
}
.cEaIkM{
display: none;
}