.quick-view .s-button-element:not(:disabled):not([loading]) .s-button-text {
  color: white !important
}

#scrollToTopBtn {
  bottom: 90px;
  right: 40px;
}
.store-footer .store-footer__inner, .under-footer {
  background: #181816 !important;
  color: white !important
}
@media (max-width: 480px) {
  .wa-s-n {
    width: 40px !important;
    height: 40px !important;
  }

  #scrollToTopBtn {
    bottom: 65px;
  }
}

.shopify-hero-0 {
  --desktop-height: auto !important;
  --mobile-height: auto !important;
  height: auto !important;
  min-height: unset !important;
} 

.shopify-hero-0 salla-slider,
.shopify-hero-0 .swiper,
.shopify-hero-0 .swiper-wrapper {
  height: auto !important;
}

.shopify-hero-0 .slide-bg-picture {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.shopify-hero-0 .slide-bg-picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transform: none !important;
}

/* تنسيق الديسكتوب */
@media (min-width: 768px) {
  .shopify-hero-0 .swiper-slide {
    width: 82% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 12px;
    overflow: hidden;
  }

.navbar-brand img {
  max-height: 7rem !important;
}

.the-logo {
  height: 90px !important;
}
}

@media (max-width: 767px) {
  /* 1. كسر الارتفاع المحسوب من مكتبة Swiper عبر JavaScript */
  .shopify-hero-0,
  .shopify-hero-0 salla-slider,
  .shopify-hero-0 .swiper,
  .shopify-hero-0 .swiper-wrapper {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  /* 2. ضبط أبعاد الشريحة لتكون مطابقة تماماً لنسبة البنر العرضي (بدون أي خلفية رمادية) */
  .shopify-hero-0 .swiper-slide {
    width: 82% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  .shopify-hero-0 .slide-bg-picture {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    background: transparent !important;
  }

  .custom-shopify-style-slider .custom-slide-item {
    min-height: 200px !important;
  }

  /* 3. ملء الشريحة بالصورة بنسبة 100% عرض وارتفاع متطابقين */
  .shopify-hero-0 .slide-bg-picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important; /* يجبر أبعاد الصورة تطابق مقاس الشريحة بالكامل ويلغي أي فراغ */
    display: block !important;
    border-radius: 10px !important;
    transform: none !important;
  }
}

@media (max-width: 480px) {
  .shopify-hero-0 .custom-shopify-style-slider .slide-content-wrapper.mobile-h-align-start .inner-content {
    gap: 0 !important;
  }
}


.SK-Why-choose-us .SK-Why-choose-us-wrapper {
  margin-block: 2rem;
}

.SK-Why-choose-us .pro img {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  margin-bottom: 8px !important;
  filter: grayscale(100%) opacity(0.75) !important;
}


.SK-Why-choose-us .pro .leading-normal {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.SK-Why-choose-us .pro .leading-normal p:first-child {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  padding-bottom: 4px !important;
  margin: 0 !important;
}

.SK-Why-choose-us .pro .leading-normal p:last-child {
  font-size: 0.85rem !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.SK-products-section {
  margin-top: 1rem;
}

header .bg-font {
  background-color: white !important;
}
.promo-bar img {
  height: clamp(1.8rem, 2.2vw, 2.3rem) !important;
  width: auto !important;
  vertical-align: middle !important;
}

.promo-bar span {
  font-size: clamp(15px, 1.3vw, 19px) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

.promo-bar {
  min-height: 48px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.SK-testimonials .product-info {
  display: none !important;
}

.logo-wrapper img {
    height: 120px;
}