/* Add custom CSS styles below */ 
body::before {
background-color: rgba(58, 54, 31 , 0.96);
/* background-color: rgba(127, 120, 77 , 0.4) ; */
}
::selection {
background-color: #3a3620 !important ;
color: #bcd8db !important ;  
}
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #222a24 ;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #7f784d;
border-radius: 5px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #a39d7a;
}

/* **** */

.prestige-statistics > div > div {
border-radius: 0.4rem ;
border: 1px solid var(--color-footer-main);
background: var(--background-color-theme) !important ;
}

footer > div > div > div:nth-child(1) > ul.flex.items-stretch li img {
width: 3rem !important;
max-width: 3rem !important;
}
footer > div > div > div:nth-child(1) > ul.flex.items-stretch.rtl\:space-x-reverse.space-x-2 > li:nth-child(10) {
display: none !important ;
}


salla-products-list > div.s-products-list-wrapper.s-products-list-vertical-cards > custom-salla-product-card  > div > a > div > div > salla-add-product-button ,  salla-products-list > div.s-products-list-wrapper.s-products-list-vertical-cards > custom-salla-product-card  > div > a > div > div > salla-add-product-button button {
/* width: 90% !important; */
border-radius: 0.2rem !important;
margin: auto !important;
}

.prestige-card a  div{
aspect-ratio: 1/1 !important ;
overflow: hidden ;
object-fit: cover !important;
background-size:cover !important;
}

.prestige-video-banner::after{
background-color: rgb(124 118 80 / 36%);
}
.s-products-slider-card.swiper-slide  custom-salla-product-card > div > div.flex  > a > h5 ,   salla-products-list > div.s-products-list-wrapper.s-products-list-vertical-cards > custom-salla-product-card  > div > div.flex.flex-col.mt-4 > a > h5{
height: 2.4rem !important;
font-size: 0.9rem !important;
text-align: center !important;
}

.s-quantity-input-input, #product-filter {
color: var(--color-primary) !important ;
}


.s-slider-block__title .s-slider-block__title-right{
margin: auto !important ;
text-align: center !important ;
padding: 0 !important;
}

.s-slider-block__title .s-slider-block__title-right h2{
padding: 0 !important ;
margin: auto !important ;
text-align: center !important ;
}

custom-salla-product-card > div > a > div > div > salla-button > button , custom-salla-product-card > div > div > salla-add-product-button > div > salla-button > button , .products-prestige  salla-products-list  custom-salla-product-card   salla-add-product-button  salla-button  button{
border-radius: 0.4rem !important;
}

footer > div > div{
  gap:7rem !important ;
}


/* **** */

custom-salla-product-card > div > div.flex.flex-col.mt-4 > salla-add-product-button > div > salla-button > button {
  position: relative;
  overflow: hidden;
  color: white;
  background-color: var(--color-header-text);
  border: none;
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

custom-salla-product-card > div > div.flex.flex-col.mt-4 > salla-add-product-button > div > salla-button > button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.4) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg);
  transition: all 0.5s ease;
}

custom-salla-product-card > div > div.flex.flex-col.mt-4 > salla-add-product-button > div > salla-button > button:hover::before {
  left: 125%;
  transition: all 0.75s ease;
}

/* ***** */

.prestige-main-links a div {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.prestige-main-links a  div::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.4) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg);
  transition: all 0.5s ease;
}

.prestige-main-links a div:hover::before {
  left: 125%;
  transition: all 0.75s ease;
}

/* **** */

.prestige-video-banner.bg-gray-300.h-screen.w-full.relative.bg-no-repeat.bg-center.bg-cover.bg-origin-border.overflow-hidden > div.container > div > div > a > button {
  position: relative;
  overflow: hidden;
  color: white;
  background-color: var(--color-header-text);
  border: none;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.prestige-video-banner.bg-gray-300.h-screen.w-full.relative.bg-no-repeat.bg-center.bg-cover.bg-origin-border.overflow-hidden > div.container > div > div > a > button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.4) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg);
  transition: all 0.5s ease;
}

.prestige-video-banner.bg-gray-300.h-screen.w-full.relative.bg-no-repeat.bg-center.bg-cover.bg-origin-border.overflow-hidden > div.container > div > div > a > button:hover::before {
  left: 125%;
  transition: all 0.75s ease;
}

.navbar-mobile-menu{
  padding-bottom: 1.6rem !important ; 
}







@media (min-width: 768px) {
  
header nav > div > div{
display: flex !important;
}
header nav > div > div > div{
width: 20% !important;
}
header nav > div > div > div:nth-child(1){
order: 1 !important;
width: 10% !important;
max-width: 10%;
position: absolute !important;
left: 8% !important;
}
header nav > div > div > div:nth-child(3){
order: 2 !important;
width: 10% !important;
max-width: 10%;
}

}



@media (max-width: 768px) {

.swiper-lazy.prestige-image{
background-size: contain ;
height: 14rem !important ;
background-repeat: no-repeat !important;
}
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-watch-progress.swiper-backface-hidden ,
.prestige-image.swiper-lazy , .absolute.inset-y-0.left-0.flex.flex-col.px-12.justify-center.items-center, .block home-slider > div{
background-size: contain !important ;
height: 14rem !important ;
max-height: 14rem !important ;
background-repeat: no-repeat !important;
padding: 0 !important;
margin: 1rem auto 0 auto !important ;
width: 100% !important ;
border-radius: 0.4rem !important ;
}

footer > div > div > div:nth-child(1) > ul.flex.items-stretch {
display: grid !important;
grid-template-columns: repeat(5, auto) !important;
grid-template-rows: repeat(2, auto) !important;
gap: 0.5rem !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
justify-items: center !important;
align-items: center !important;
}

footer > div > div > div:nth-child(1) > ul.flex.items-stretch li {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}

footer > div > div > div:nth-child(1) > ul.flex.items-stretch li img {
width: 2rem !important;
max-width: 2rem !important;
height: auto !important;
object-fit: contain !important;
}
}