/* Add custom CSS styles below */ 
/* إلغاء الارتفاعات المفروضة */
.s-block--hero-slider .swiper-slide {
  min-height: auto !important;
  height: auto !important;
  aspect-ratio: 1440 / 541;
}

/* على الجوال تقدر تخلي النسبة مختلفة إذا احتجت */
@media (max-width: 768px) {
  .s-block--hero-slider .swiper-slide {
    aspect-ratio: 4 / 3;
  }
}

/* الخلفية تملأ المساحة 
.s-block--hero-slider .swiper-slide > div:first-child {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
*/
/* 1. Force the swiper wrapper to respect the content height */
.s-block--hero-slider, 
.s-block--hero-slider .swiper, 
.s-block--hero-slider .swiper-wrapper {
    height: auto !important;
    min-height: 0 !important;
}

/* 2. Nuke Salla's 300px/520px minimum heights and set exact image ratio */
.s-block--hero-slider .swiper-slide {
    min-height: 0 !important; 
    height: auto !important;
    aspect-ratio: 1440 / 530 !important; /* Your exact image dimensions */
    background-color: transparent !important;
}

/* 3. Ensure the background image perfectly fills this new fitted container */
.s-block--hero-slider .swiper-slide > div.bg-cover.absolute {
    background-size: cover !important; /* Cover works perfectly now because the container matches the image ratio */
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* الحاوية */
.s-product-card-image a {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* الصورة نفسها */
.s-product-card-image-cover {
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto;
  display: block;
}

.s-product-card-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.s-product-card-image a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
      background: #ecd8bd;
}

.s-product-card-image-cover {
  width: 70% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
}

.s-button-btn, .s-price-range-number-input {
    border-radius: 1.75rem;
    background: #7fb3ab;
    color: #fff;
}

.banner--fixed img, .banner-entry  {
      border-radius: 1.5rem;
}

.s-block--banners .banner-entry {
    height: auto !important;
    min-height: auto !important;
    aspect-ratio: 1440 / 785;
    background-size: contain;
    background-position: center;
    display: block;
    background-color: #f8f3ea;
    border-radius: 1.5rem;
}

body,
.store-footer__inner,
.store-footer
{
    background-color: #f7ecdc  !important;
}

.carousel-slider, salla-slider:not(.hydrated) {
      background-color: #f7f3e9;
    border-radius: 1.5rem;
    padding: 1.5rem 2rem;
}
.top-navbar {
  display: none
}

#mainnav {
      background-color: #f6f3ea;
  min-height: 8rem;
}

.store-footer__inner {
  padding: 0px;
  border: none;
}
.store-footer__inner .container {
    background-color: #eddbc4;
    padding: 2rem;
        border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}

.store-footer > div:nth-of-type(2) {
  background-color: #f6f3eb !important;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    margin-bottom: 3rem;
}