/* Add custom CSS styles below */ 

 .app-inner.flex.flex-col.min-h-full > header > nav > div > div.navbar-mobile-menu.relative.hidden.lg\:flex.px-2.lg\:px-12.justify-start.lg\:justify-center.h-20.items-center{
  justify-content: flex-start ;
}
.flex.flex-col.gap-2.text-center.justify-center.items-center.w-64.max-w-64 > span{
  padding: 1rem ;
}

@media(min-width: 1024px){
	#app > footer > div > div{
          grid-template-columns: repeat(3, minmax(0, 1fr));
}
}


footer .grid > div ul {
  align-items: center;
  text-align: center;
}


@media(max-width: 768px){
	footer .grid > div {
  text-align: center !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

footer .grid > div ul,
footer .grid > div .footer-list {
  align-items: center;
  text-align: center;
}
  #app > footer > div > div > div:nth-child(4){
  display: none;
}
}


.prestige-slider {
  overflow: hidden!important;
}


section.prestige-custom-testimonials.s-block.s-block--testimonials.container.overflow-hidden.pb-16{
	background-color: #F7F7F7 !important;
	    padding-top: 2rem !important;
}

@media (min-width: 1280px) {
	section.prestige-custom-testimonials.s-block.s-block--testimonials.container.overflow-hidden.pb-16{
	max-width: unset !important;
}}



@media(min-width: 768px){
	.products-prestige.relative .s-product-card-entry {
    margin: 0 auto !important; 
}
.products-prestige.relative .s-products-list-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;     
}
}


#app > div.app-inner.flex.flex-col.min-h-full > div.products-prestige{
	background-color: #F7F7F7 !important;
	max-width: unset !important;
}

#app > div.app-inner.flex.flex-col.min-h-full > div.relative.py-3.md\:py-3.container.md\:px-20.mx-auto.text-center.mt-5{
	background-color: #F7F7F7 !important;
	max-width: unset !important;
      margin-top: unset;
}


.prestige-plaintext.mt-5{
	text-align: center!important;
}

@media(max-width: 768px){
body:after {
    background-size: 45% !important;
}}

#app > div.app-inner.flex.flex-col.min-h-full > section.prestige-before-and-after.h-full.lg\:px-10.md\:px-5.px-1.lg\:py-9.md\:py-7.py-5.relative.block.block > div > div > div.prestige-before-and-after-header.flex.flex-col.justify-center.items-center > h2{
  text-align: center!important;
}
#app > div.app-inner.flex.flex-col.min-h-full > section.prestige-before-and-after.h-full.lg\:px-10.md\:px-5.px-1.lg\:py-9.md\:py-7.py-5.relative.block.block > div > div > div.prestige-before-and-after-header.flex.flex-col.justify-center.items-center > span{
  text-align: center!important;
}


#app > div.app-inner.flex.flex-col.min-h-full > ol > li.whitespace-nowrap > a{
	color:  var(--color-text-breadcrumbs) !important;
}
.s-quantity-input-input, #product-filter{
	color: var(--color-primary) !important;
}

.prestige-categories .flex.flex-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.prestige-categories-category .w-24 {
  width: 10rem !important;
  height: 10rem !important;
}


@media (min-width: 1057px) {
  .prestige-categories .flex.flex-wrap {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
  
   .prestige-categories-category .w-24 {
    width: 16rem !important;
  height: 16rem !important;
  }
}

#app > div.app-inner.flex.flex-col.min-h-full > section.prestige-categories .prestige-categories-category{
	display: flex !important;
	justify-content: center!important;
	align-items: center !important;
}



.prestige-categories-category .bg-cover {
  border-radius: 12px;
}

.testimonials-slider .testimonial{
  background-color: #A7C8DD !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
}
.testimonials-slider .swiper.s-slider-container{
	padding-bottom: 2rem !important;
}


#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div:nth-child(4){
	display: none !important;
}



footer{
    position: relative;
    padding-top: 20px;
    box-shadow: 0 -2px 4px rgba(0,0,0,0.05);
}

footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #1C2E4FA7, #C8DDFF);
}

.prestige-label.absolute.z-50.top-4.rounded-t-sm.rounded-r-sm.text-sm.text-center.p-1.rounded-md{
	top: 0 !important;
}





.product-single .s-add-product-button-with-quick-buy .s-button-element i {
    width: 18px !important;
    height: 18px !important;
    font-size: 14px !important;
}

.product-single .s-add-product-button-with-quick-buy .s-button-element .s-button-text::after {
    content: "إضافة للسلة";
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 16px !important;
    color: white !important;
        text-transform: uppercase;
}

.product-single .s-add-product-button-with-quick-buy .s-button-element .s-button-text {
	font-size: 0 !important;
   display: flex;
    align-items: center;
    justify-content: center;
}
.product-single .s-add-product-button-with-quick-buy .s-button-element i {
    width: 18px !important;
    height: 18px !important;
    font-size: 14px !important;
}