:root {--color-primary:
#fff;}
h4.text-red-800.font-bold.text-xl.inline-block {
    color: #fff !important;
}

.main-menu li.root-level>a {

    color: #fff;
}
section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none,section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none,section.bg-white.p-5.rounded-md.mb-5 {
    background-color: transparent;
}
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    background-color: #fffbff;
    color: #000000;
}
.s-fast-checkout-button.outline {
    background-color: transparent;
    border-color: #fff !important;
    border: 1px solid;
}

:root {
  --main-color: #000423;
  --second-color: #e19a36;
  --third-color: #ffff;
      --forth-color: #050737;

    --fifth-color: #e6cccb;

 --six-color: #ff9f9f;
  --seven-color: #ff8e8e;
body{background:var(--main-color);}
}
.s-search-input {
  
    padding-right: 60px;
}
.sicon-menu:before{color:var(--main-color);}
.s-search-icon-wrap {
  background:var(--main-color);
  padding:3px 7px;
  border-radius:10px;
}

.s-search-icon svg {
 
  fill: #fff !important;
}
.header-btn__icon {
  border:none;
  color:white !important;
  backg
  
  
  
  round:var(--main-color);
  box-shadow: 1px 1px 5px black;
}

.full-banner-entry {
  
  background-color: transparent;
}
.full-banner-entry::after {
  
  display:none;
}
.inner.bg-inherit {
background:transparent;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(7px);
}
#mobile-menu {
    background-color: transparent !important;
}


#mainnav{
background-color:transparent !important;
min-height:50px;
    border-radius: 0 !important;
 position: relative;
    z-index: 999;
}
#mainnav .inner.bg-inherit {
    padding:10px;
    min-height: 50px;
}



.banner.banner--fixed img{
background:transparent;
    
	
}
.banner.banner--fixed img:hover{
   
    }
    
a.banner-entry.square-photos  {
    background:transparent;
    transition:0.2s ease-in-out;
    scale:0.9;
    border-radius:30px;
    transform: scale(1);
	animation: pulse 2s infinite;
 
   
    
    }
    a.banner-entry.square-photos:hover  {
   
   scale: 1;
   

    border-radius: 40px;
    
    }
  
    
    
.right-side {
    width: 100%;
    padding-left:0!important;
    
    margin-bottom:20px;
    padding:7px;
    
    margin-top:30px;
 
    
    
}
.right-side h2{
text-align:center;
color:var(--third-color);
font-size:25px;
}
.s-block__title .right-side{
   background: linear-gradient(to left,var(--second-color),var(--main-color));
  
  
}
   
.main-content h1{
color:black;}
.text-xl {
color:black!important;
}
.s-slider-block__title-right h2{
color:var(--main-color) !important;
}
.s-breadcrumb-wrapper li{
color:black !important;
}
.s-slider-block__title-left a{
color:color:var(--main-color);
}
body{background-color: white}
body:after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 999999;
 background:transparent
/*
  url(https://basic-settings.apps.salla.sa/_next/image?url=https%3A%2F%2Fcdn.salla.sa%2FgZWyrO%2FyiJGrBoo14jgsQliWP1HD0VyIcpv5KbNQ9gll6T8.png&w=128&q=75);*/

  url(https://i.ibb.co/4nq5Z9ZC/IMG-20250603-155116-661.png);


backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 250px;
  animation-name: fade-in;
  animation-duration: 1.5s;
  transform: scale(0);
  border: none;

}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

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

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

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

/* NavBar start */
.s-menu-topnav-list{color:var(--third-color)}
.s-search-input::placeholder{color:var(--main-color)}
  .s-search-input{  border: 2px solid var(--main-color)!important;
     background: white !important;
box-shadow: 1px 1px 5px;
}

#mainnav {
  background-color: var(--main-color);
  border-radius:50%;
}
#mainnav .inner.bg-inherit {
    border-radius: 35px;
}

#mobile-menu {
  background-color: black;
  color:black !important;
  
}

.text-primary {
  color: var(--third-color);
}
.main-menu a {
  color: black;
  transition:0.2s ease-out ;
}
.main-menu li > a:hover {
  color: var(--six-color);
      transform: translateY(-15%);
  
}

.mm-spn.mm-spn--light {
  color:  var(--third-color) !important;
}

.sicon-user-circle:hover::before {
  color: var(--second-color);
}
.sicon-menu{color:var(--second-color);)
}
.header-btn__icon {
  border: none;
  color: var(--second-color)!important;
  box-shadow: 1px 1px 7px var(--second-color);
}
.header-btn__icon:hover {
  color: var(--second-color);
}

.s-cart-summary-total {
  color: var(--main-color);
}
.main-nav-container {
    min-height: 0px;
}
.s-cart-summary-count{
background-color:red !important;
}

@media only screen and (max-width: 1024px) {
  .mm-spn.mm-spn--light {
    color: var(--third-color);
    background: var(--third-color);
  
  }
 
  
}
@media (min-width: 480px) {
    .navbar-brand img {
       max-width:100px;
    }
}
@media only screen and (min-width: 620px) {
.top-navbar{padding:20px;
}
   .navbar-brand img {
       max-width:100px;
    }
  

     a.banner-entry {
     
        
        }
                
}
/*
@media only screen and (min-width: 700px) {
 .store-footer__inner .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6{
 display:flex;
 justify-content:space-evenly;
 flex-direction:column;
 padding-bottom:70px;
 padding:30px;
        

 }*/
 .s-menu-footer-list {
    padding: 10px;
}
 .store-footer__inner .rtl\:lg\:pl-20:where([dir="rtl"], [dir="rtl"] *){
 padding-left:0px;
 }
 
a.banner-entry.square-photos  {
margin-top:100px;
}

   a.banner-entry {
   
        height:350px!important;
        }
                
}@media only screen and (min-width: 1100px) {
 .main-nav-container .container{
         padding: 0px 30px 0px 30px;
         }
         
  .right-side {
   
   
   
    
    
}
a.banner-entry.square-photos  {
   
    scale:1;
    margin-bottom:30px;

 
   
    
    }
    a.banner-entry.square-photos:hover  {
   
    scale:1.1;

 
   
    
    }
                
}

 



@media only screen and (max-width: 700px) {


  .s-product-card-image:hover{
  background:red;}
  
.right-side h2{
font-size:1.125rem;
}

}

/* NavBar End */

/* Sections Strat */
.swiper-pagination {
  display: none;
}

.slide--cat-entry i {
  content: "\ec0b";
  color: var(--main-color);
}

.s-block--categories .swiper-wrapper a {
  background-color: var(--third-color);
}

.slide--cat-entry h4 {
  color: var(--second-color);
}

.s-slider-block__title {
  color: var(--main-color);
}

.s-block__title {
  color: var(--main-color);
}

/* Sections End */

/* Product start */

.s-products-slider-card {
  padding: 0.625rem;
  

}
.s-slider-block__title h2{
color:var(--third-color)
}
.s-slider-block__display-all{
color:var(--third-color)
}
.s-slider-block__title h2::after {
  content: "";
  width: 100%;
  height: 5px;
  background-color: var(--third-color);
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.s-product-card-entry:hover {


}


.s-product-card-image img {

  
  }
  
.s-product-card-image {
  position: relative;
  overflow: hidden;
 



}
.s-products-slider-slider{
margin-bottom:50px;
margin-top:10px;}


.s-product-card-entry {
    background: transparent;
  
  
  transition:0.2s ease-out;
   box-shadow: 3px 0 8px -2px ;
   margin-bottom:0px;
       border: 5px solid var(--second-color);
  border-radius:10px;
}

.s-product-card-vertical .s-product-card-wishlist-btn button {
  background-color: rgba(11, 22, 73, 0.5) !important;
  color: var(--third-color);
}

.s-product-card-vertical .s-product-card-image {
  
position: relative;
  overflow: hidden;

}

.s-product-card-content-main {
  text-align: center;
}
.s-product-card-content {
    background: transparent;



}

.s-product-card-content-title a {
  color: var(--second-color)!important;
}

.s-product-card-price{
    color:  var(--second-color)!important;
    }
.s-product-card-content-title a:hover {
  color: black;
}

.s-product-card-content-sub {
  justify-content: center;
}
h4 {
  color: var(--third-color);
}
h4:hover {
  color: var(--second-color);
}
.s-product-card-content {
  padding: 0.75rem 0.75rem;
  justify-content: center;
  align-items: center;
}
.banner--fixed img{
background-color:var(--third-color);
    background-image: url(https://f.top4top.io/p_3074bje9i1.png);
}





.s-product-card-entry {
  background-color: var(--third-color);
}




.s-block--features__item {
    background:transparent;
     transition:0.5s 
   ;
}
.s-block--features__item:hover{
 box-shadow: 1px 3px 8px;
}
.s-block--features__item .feature-icon {
  background-color: var(--third-color);
}
.s-block--features__item h2 {
  color: var(--main-color);
}

.s-block--features__item p {
  color: var(--main-color);
}

.s-block--features__item .feature-icon i {
  color: var(--third-color) !important;
}
.md\:text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
  color: var(--main-color);
}
.pb-1 p {
  padding-bottom: 0.25rem;
  color: var(--main-color);
}
.s-breadcrumb-item {
  color: var(--main-color);
}
.text-xl{ color: var(--main-color);}


/* Product End */

/* General styling for the footer */
/* Footer General Styles */
.store-footer {

   background: linear-gradient(to top,var(--forth-color),var(--main-color));
    padding: 30px;
    font-size: 14px;
  
    text-align: center;
    transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
    box-shadow: 0 3px 6px 0 rgba(102, 15, 86, 0.333), 0 6px 20px 0 rgba(190, 78, 169, 0.262);



}




.footer-is-light .store-footer .store-footer__inner {
    background_color: transparent;
    font-size: 18 px !important;
}



.store-footer__inner {
    background-color: transparent !important;
    color: white!important;
    border-bottom: solid var(--third-color) 2px !important;
   
    


}

.store-footer__inner .flex {

    justify-content: center;
}

.store-footer__inner .max-w-sm {
    margin: auto;
}

.store-footer h3 {
    color: white!important;
    font-size: 1.3rem;
    text-align:center;
    margin: auto;
    font-size: 1.3rem;
  
 
    margin-bottom: auto;
  padding: 10px;
  /*
  background: rgb(24, 22, 22);*/
  border-radius: 25px;
  padding: 0px;
  margin-bottom: 30px;
}
.flex.items-center.m-0 h3{
width:90%;
  
 
}



.footer-list {
    color: white!important;
}

.store-footer__inner .max-w-sm {
    color: white!important;
    ;
}

.store-footer a {
    color: white!important;
    ;
}

.store-footer a:hover {
    color: white;
}

.s-contacts-header {
    display: none;
}

.s-contacts-list.s-contacts-list-vertical {
    align-items: center;
}

.store-footer i {
    color: white!important;
    border-color: transparent !important;
}

.store-footer .contact-social {
    border: none;
}

.store-footer__inner {
    text-align: center;
   
}
.store-footer__inner h3 {
   
}
.store-footer__inner h3:hover {
    color: white !important;
}

.s-breadcrumb-wrapper {
    color: 


 !important;
}

.s-block--features__item .feature-icon {
   background: linear-gradient(to bottom,var(--second-color),var(--main-color));
    font-size: 30px !important;
    color: var(--third-color);

}



.s-block--features__item:hover {
    scale: 1.08;
    box-shadow: 0 3px 6px 0 rgba(102, 15, 86, 0.333), 0 6px 20px 0 rgba(190, 78, 169, 0.262);

    border-radius: 30px;
}

@media only screen and (max-width: 600px) {
.s-product-card-entry {
    scale: 0.8;
    height: 364px;
}
.s-product-card-image-cover{
object}
body:after {
background-size:160px;
}
    .store-footer h3 {
        font-size: 15px !important;

    }

    .gap-4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .s-menu-topnav-list {
        padding: 0;
        box-shadow: none;
    }
    
    .full-banner-entry {
  
  background-color: transparent;
background-size: contain;
  background-repeat:no-repeat;
  height:200px;
}
.right-side {
    width: 90%;
  
  
    
}
.s-block__title {

  justify-content: center;
}
.banner.banner--fixed img{

scale:1;

}.banner.banner--fixed img:hover{

scale:1;

}
a.banner-entry.square-photos  {
   gap:0;
   scale:0.95;
 
   
    
    }a.banner-entry.square-photos:hover  {
  
   scale:1;
 
   
    
    }
}

.copyright-text p {
    color: white !important;
}

.store-footer::after {
    animation: shake 3s;

  animation-iteration-count: infinite;
    
    top: 0px;
    font-size: 16px;
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    color: var(--main-color) !important;
    padding: 10px;
    background-color: var(--third-color);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}



























  .lazy__bg.lazy.entered.loaded {
    background-size:contain;
    background-repeat: no-repeat;
    
}
.s-block--fixed-banner a{
scale: 1.08;
    box-shadow: 0 3px 6px 0 rgba(102, 15, 86, 0.333), 0 6px 20px 0 rgba(190, 78, 169, 0.262);

    border-radius: 30px;scale: 1.08;
    }
    salla-social.s-social-list.hydrated {
    display: flex;
    align-items: center;
    justify-content: center;
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		
	}

	70% {
		transform: scale(1);
		
	}

	100% {
		transform: scale(0.95);
		
	}
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
a.s-menu-topnav-item.topnav-link-item.right-side{
color:#ff;}
.s-user-menu-dropdown {bottom:auto;}

#best-offers-2-slider {
  opacity: 0 ;
  transform: translateX(100%) ; /* يمكن تغيير القيمة لـ translateX(-100%) إذا كنت تريد التحرك من اليسار */
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.s-products-slider-card {
  position: relative;
  overflow: hidden;
}

.s-product-card-content {
 
  width: 100%;
  
  transition: transform 0.5s ease-in-out; /* التأثير الناعم */
  الخلفية البيضاء */
  padding: 10px;
 
  transition:0.6s;
  background:var(--main-color);
}

.s-products-slider-card:hover .s-product-card-content {
  transform: translateY(0); /* عند الـ hover نرفع المحتوى لأعلى */
  opacity:1;
}
.s-product-card-entry.a:hover .s-product-card-content{
transform: translateY(0); /* عند الـ hover نرفع المحتوى لأعلى */
  opacity:1;
  }
#best-offers-2-slider.s-products-slider-wrapper {
  opacity: 0 ;
  transform: translateX(100%) 
;
}
.s-product-card-content {
  will-change: transform;
}
/*
.store-footer {
background: rgb(36, 36, 35 ,0.9) !important;


  position: fixed
  height:100%;
  bottom: 0;
  left: 0;
  width: 100%; 
padding:0 !important;
  transform: translateY(100%); 
  transition: transform 0.3s ease; 
  z-index: 1000; 
  opacity: 1;
}

.store-footer.visible {
  transform: translateY(0); 
}

/*
.more-button {
margin-top:20px;
  position: fixed;
  bottom: 0px; 
  left: 50%; 
  transform: translateX(-50%); 
width:25%;
    border-top-left-radius: 20px;
        border-top-right-radius: 20px;

background: linear-gradient(to left,var(--main-color),var(--second-color));
  color: var(--third-color); 
  border: none; 
  cursor: pointer; 
  z-index: 100199999999999999999999999; 
      box-shadow: 2px 2px 6px black;
}*/
.s-products-list-vertical-cards{
    gap: 1.625rem;
    padding: 15px;}
    .s-products-list{
overflow:visible;}
.s-product-card-vertical:hover .s-product-card-content{
transform: translateY(0); /* عند الـ hover نرفع المحتوى لأعلى */
  opacity:1;}
      .s-block {
       margin-top: 0;
    }
 
.banner--fixed img {
   
   border-radius: 0; 
    
   
}
.s-block--features + .s-block--features, .s-block--fixed-banner + .s-block--fixed-banner, .s-block--banners + .s-block--banners {
   

margin-top:0;!important}
.s-slider-block__title{
padding-right:10px;}

salla-mini-checkout-modal#salla-modal {
    z-index: 9999999999999999999999999999;
}
.s-modal-container{z-index:9999999999999999999999999999}
.s-product-card-image-cover {
   
    object-fit: fill;
}
.s-product-card-content-main h3{
    
    color: var(--second-color)!important;
}
.questions-block {
  background: linear-gradient(135deg, rgba(0, 123, 255, 0.000001), rgba(0, 53, 153, 0.000001));
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  opacity: 0.95;
}

.s-block_title_container {
  color: white;
}

.main-title h5 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: white;
  transition: color 0.3s ease;
  animation: glowingText 3.5s infinite alternate;
}

.subtitle {
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}

.question-item {
  margin: 10px 0;
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffffff;
  transition: transform 0.3s ease-in-out;
}

.question-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(to left, var(--main-color), var(--second-color));
    color: white;
    padding: 15px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  
  .question:hover {
    background: linear-gradient(to right, var(--main-color), var(--second-color));
    background-color: rgb(6, 106, 68); /* لتغيير لون الخلفية عند التحويم */
  }
  
.question i {
  transition: transform 0.3s ease;
}

.question.open i {
  transform: rotate(180deg);
}

.answer {
  padding: 15px;
  background-color: #f8f9fa;
  color: #000000;
  display: none;
  opacity: 1;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.answer.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.flex.justify-center.items-center.w-full.mt-10 p {
  background-color: white;
  height: 2px;
  width: 60px;
  border-radius: 5px;
}
@keyframes glowingText {
    0% {
      text-shadow: 0 0 5px var(--main-color), 0 0 10px var(--main-color), 0 0 15px var(--main-color), 0 0 20px var(--main-color);
      color: var(--second-color);
    }
    50% {
      text-shadow: 0 0 15px var(--main-color), 0 0 25px var(--main-color), 0 0 35px var(--main-color), 0 0 50px var(--main-color);
      color: var(--main-color);
    }
    100% {
      text-shadow: 0 0 5px var(--main-color), 0 0 10px var(--main-color), 0 0 15px var(--main-color), 0 0 20px var(--main-color);
      color: var(--second-color);
    }
  }
  
  
  /*banner main*/
section:nth-of-type(1).s-block.s-block--photos-slider {
    margin-top: 0rem;
}


salla-slider.photos-slider .swiper-slide {
    width: 100%;
    padding:0 ;
  margin:0 ;
}

[dir=rtl] .carousel-slider .swiper {
    padding-left: 0;
    padding-right: 0;
}
[dir=rtl] salla-slider.photos-slider .swiper {
    padding-left: 0;
    padding-right: 0;

}
salla-slider.photos-slider .swiper:where([dir="ltr"], [dir="ltr"] *) {
    padding-right: 0 ;
    padding-left: 0;
}
.rounded-md,salla-slider.photos-slider .swiper-slide {
    border-radius: 0;
}
.question-item {
    width: 70%;
    margin: 1rem auto;
}
section.s-block.s-block--fixed-banner.wide-placeholder .container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}
section:nth-of-type(3).s-block.container {
    max-width: 100%;
    padding: 0;
    margin-top:-4rem !important;
}

section:nth-of-type(2){
margin-top:-3rem !important;
}


@media(max-width: 768px){

.question-item {
    width: 84%;
}
section:nth-of-type(3).s-block.container {
    margin: 0 !important;
}
.sicon-menu:before {
    color: #d49135;
}
}



 .navbar-brand img {
  max-height: 3rem;
  width: auto;
  max-width: 100px;
   animation-name: scale;
  animation-duration: 7s;
  animation-timing-function: linear;
    animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes scale {
    0% {
        
        transform: scale(1.0);
    }

    10% {
       
        transform: scale(1.1);
    }
    20% {
       
        transform: scale(0.95);
    }
    30% {
       
        transform: scale(1.0);
    }
    40% {
       
        transform: scale(1.1);
    }
    50% {
       
        transform: scale(1.0);
    }
 
    60% {
       
        transform: scale(1.1);
    }
    70% {
       
        transform: scale(1.0);
    }
      80% {
       
        transform: scale(0.95);
    }
      90% {
       
        transform: scale(1.1);
    }

  
    100% {
        
        transform: scale(1.0);
    }
}


/******************************************/
.store-footer a h3:nth-child(1)::before {
  text-align: center;
  content: "";
  display: block;
  height: 70px;
  width: 70px;
  margin: auto auto 20px;
  background-image: url(https://i.ibb.co/4nq5Z9ZC/IMG-20250603-155116-661.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color:transparent;


animation: footerLogo 2s ease-in-out infinite;
 
}

@keyframes footerLogo {
  0% {
    transform: scale(1.4); 
  }
  50% {
    transform: scale(1.6); 
  }
  100% {
    transform: scale(1.4);
  }
}

.s-comments-product {
    background-color: transparent;
}
body.product-single h1,h2.font-bold.text-xl.inline-block,.s-slider-block__title-right h2 {
    color: #e19a36 !important;
}
.s-breadcrumb-wrapper li {
    color: #e19a36 !important;
}

.s-breadcrumb-arrow svg {
    fill: #e19a36;
}