:root {
  --color-primary: #500073;
  --color-primary-dark: #9346bc;
}

.top-navbar{
  background-color: #f14a00;
  }
  .s-search-container{
    background-color: white;
    border-radius: 25px;
    }
#mainnav .inner > .container > div{
    height: 100% !important;
}
.s-product-card-entry {
 border-radius: 4px !important;
 overflow:hidden !important;
    }
    .top-navbar .s-search-input {
     background: white !important;
    }
    .s-product-card-image img {
     border-radius: 4px !important;
       background: white !important;
    }
    .s-product-card-fit-height.s-product-card-vertical .s-product-card-image {
     border-radius: 4px !important;
    }

.s-product-card-fit-height.s-product-card-vertical .s-product-card-image {
  
     border-radius: 4px !important;
    }
.s-slider-button-icon svg{
fill:white !important;
}
.right-side+a{
 color: var(--color-primary) !important;
}
.s-slider-nav-arrow{
     background: linear-gradient(to right, var(--color-primary-dark), var(--color-primary)) !important; 
}
.s-product-card-vertical .s-product-card-wishlist-btn button {
    background-color: #8c5b29 !important;
}
.s-product-card-vertical .s-product-card-wishlist-btn button .sicon-heart{
color:white !important;
}
.s-cart-summary-count {
    background-color: #500073;
}
footer div:nth-of-type(2).container  {
  background-color: #500073 !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  max-width: 100% !important;
  justify-content:center !important;
  gap:50px;
}
footer div:nth-of-type(2).container  span p{
  color: #fff !important;
}
.navbar-brand {
  animation: heartbeat 2.5s ease-in-out infinite both;
  -webkit-animation: heartbeat 2.5s ease-in-out infinite both;
}
salla-slider.photos-slider .swiper {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
s-product-card-image{
   background-color: white !important;
}
.main-menu li.root-level>a {
  font-weight: 700;
  font-size: 16px;
  color: var(--color-primary)
}
[dir=rtl] salla-slider[type]:not(.hydrated)>div,
[dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div,
[dir=rtl] .carousel-slider .swiper {
  padding-left: 0rem
}

.s-slider-swiper-wrapper img {
   border-radius:10px;
}
salla-slider.photos-slider .swiper-slide {
  width: 100% !important;
  border-radius:10px;
}
@keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}


.s-button-primary-outline,
.s-block--features__item .feature-icon {
  background: linear-gradient(to right, var(--color-primary-dark), var(--color-primary)) !important;
  color: white !important;
}

h2.mb-4.text-lg.font-bold.leading-\[1\.2\],
.s-block__title h2,
.s-slider-block__title h2,
.s-slider-block__title h2 {
  font-weight: 900 !important;
  margin-bottom: 2rem !important;
  padding-right: 1rem !important;
  transition: all 0.3s ease-in-out !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) !important;
}
h2.mb-4.text-lg.font-bold.leading-\[1\.2\]::before ,
.s-block__title h2::before ,
.s-slider-block__title h2::before ,
.s-slider-block__title h2::before ,
.s-slider-block__title h2::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 6px !important;
  height: 100% !important;
  background: linear-gradient(to right, var(--color-primary-dark), var(--color-primary)) !important;
  border-radius: 8px !important;
  box-shadow: 0 0 6px rgba(255, 87, 34, 0.4) !important;
  transition: height 0.3s ease !important;
}

.store-footer__inner {
    border-bottom-width: 1px;
     border-bottom-color:#b5a48a;
    background: #ffffff !important;
}

.store-footer__inner h3 {
  color: transparent !important;
  background: linear-gradient(to right, var(--color-primary-dark), var(--color-primary)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  position: relative !important;
  margin-bottom: 2rem !important;
}

.store-footer__inner h3::after {
  content: '' !important;
  position: absolute !important;
  right: 0 !important;
  bottom: -10px !important;
  width: 50px !important;
  height: 3px !important;
  background: linear-gradient(to right, var(--color-primary-dark), var(--color-primary)) !important;
  border-radius: 5px !important;
  transition: all 0.3s ease-in-out !important;
}
.s-products-slider-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  transform: scale(1.02) !important;
}

.s-products-slider-cardt:hover {
  transform: scale(1.05) !important;

}