/* Add custom CSS styles below */

.prestige-header {
    background: #FAFAFA !important;
}

#app > div.app-inner.flex.flex-col.min-h-full > header > nav > div.relative.hidden.lg\:flex.px-2.lg\:px-12.justify-center.lg\:justify-center.bg-white.h-20.items-center {
    background: #FAFAFA !important;
}

.app-inner {
    background: #FAFAFA !important;
}





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

[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: unset
}

salla-slider[type]:not(.hydrated)>div, salla-slider[type]:not(.hydrated) .swiper>div>div, .carousel-slider .swiper {
  padding-left: unset;
  padding-right: unset;
}

salla-slider[type]:not(.hydrated) > div > div, salla-slider[type]:not(.hydrated) .swiper > div > div > div, .carousel-slider .swiper-wrapper > div {
  padding-left: unset;
  padding-right: unset; 
}


/* Add border on product card */
.prestige-card {
	border: 1.5px solid #C99342;	
	border-radius: 20px;
}

.prestige-logo img {
    height: 80px;
    width: 80px;
    margin: auto;
}



/* === SEO Fix: H1 in testimonials - normalize size === */
salla-rating h1,
.salla-rating h1,
[data-type="ratings"] h1 {
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
 margin: 0 !important;
}<style>
h1.text-lg.text-gray-700.font-semibold {
  font-size: 1rem !important;
  font-weight: 600 !important;
}
</style>

/* === H1 SEO: Hidden real H1 for homepage === */
.seo-h1-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}s/* تحسينات PageSpeed */
section.s-block img.lazy,
section.s-block img {
  aspect-ratio: 16/9;
  height: auto !important;
}

.grid > div > a > img,
.grid > div > img {
  aspect-ratio: 1/1;
  height: auto;
}

.s-slider-nav-arrow {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}