/* =============================
   تحسين الصور والأداء
============================= */

/* الصور الأساسية */
img {
  height: auto;
  max-width: 100%;
  display: block;
}

}
img[loading="lazy"].loaded {
  opacity: 1;
}

/* تحسين ظهور الصور داخل بطاقات المنتجات */
.s-product-card-image img {
  background: #fff;
  object-fit: contain;
  width: 100%;
  height: auto;
}

/* =============================
   ألوان وتنسيق الفوتر
============================= */
.footer-is-light .store-footer .store-footer__inner {
  background: #e2baae;
}
.md\:flex.items-center.justify-between.py-4.container.text-center, 
.footer-is-light .store-footer {
  background: #000;
  color: #fff;
}

/* =============================
   تحسين السلايدر
============================= */
[dir=rtl] salla-slider.photos-slider .swiper,
[dir=rtl] .carousel-slider .swiper {
  padding: 0 !important;
}

salla-slider.photos-slider .swiper-slide {
  position: relative;
  margin: 0 !important;
  padding: 0;
  height: auto;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
}

/* =============================
   بطاقات المنتجات
============================= */
.product-card:not(.product-card--fit-height) {
  height: 100%;
}
.rounded-md {
  border-radius: 0 !important;
}
.swiper.s-slider-container {
  padding: 0;
}
section:first-of-type.s-block.s-block--photos-slider {
  margin: 0 !important;
}

/* =============================
   أزرار إضافة للسلة
============================= */
.s-add-product-button-main {
  width: 100%;
  display: flex;
  gap: 10px;
}
.s-add-product-button-main > salla-button,
.s-add-product-button-main .s-add-product-button-mini-checkout {
  width: 50% !important;
}
.s-add-product-button-mini-checkout {
  --salla-fast-checkout-button-border-radius: .75rem;
}
.s-button-element:not(:disabled):not([loading]) {
  border-radius: 10px !important;
}
.s-add-product-button-mini-checkout-content {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.s-add-product-button-mini-checkout-content svg {
  margin-left: .375rem;
}
.s-add-product-button-with-quick-buy:not(.s-add-product-button-with-apple-pay) 
.s-add-product-button-main,
.s-add-product-button-with-sticky-bar {
  width: 100% !important;
}

/* =============================
   تحسين شريط المنتج الثابت
============================= */
@media (max-width: 640px) {
  .is-sticky-product-bar .sticky-product-bar {
    flex-direction: column;
    width: 100% !important;
    gap: 10px;
  }
  .is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input .s-quantity-input-container {
    width: 100%;
  }
  .is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input .s-quantity-input-input {
    width: 80%;
  }
}

/* =============================
   أقسام الكاتيجوري
============================= */
.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
.grid-cols-2 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.max-w-2xl {
  max-width: none;
  margin-top: 0;
}
.group:hover .group-hover\:scale-110 {
  transform: scale(0.9);
}
.lazy__bg.lazy.entered.loaded {
  background-size: contain;
  background-repeat: no-repeat;
}

/* =============================
   البانرات
============================= */
.banner--fixed img {
  background: transparent;
}
.banner-entry {
  width: 50%;
  height: 300px !important;
  background: transparent;
  margin-top: .2rem;
}

/* موبايل */
@media (max-width: 480px) {
  .banner-entry {
    width: 100%;
    height: 130px !important;
  }
  .cbwtphone_wrapper {
    right: 0;
    bottom: 115px;
  }
  .navbar-brand img {
    height: 50% !important;
  }
}

/* تابلت */
@media (min-width: 481px) and (max-width: 767px) {
  .banner-entry {
    width: 100%;
    height: 177px !important;
  }
}


.swiper-slide:hover{
transform:none;
}