/* Responsive - لتصغير الارتفاع على الشاشات الصغيرة */
@media (max-width: 768px) {
  .s-block--fixed-banner {
    height: 120px;
  }
  header.store-header {
    padding-top: 120px;
  }
}


/* تجاوب مع شاشات أصغر */
@media (max-width: 768px) {
  .store-header, header {
    min-height: 200px;
    background-position: center top;
  }
}


body {
    background-color: transparent !important;
}



/* الفوتر بالكامل */
footer.store-footer * {
  background-color: transparent !important;
}



/* تغيير خلفية القسم الأخير من الفوتر بتدرج بطيخي */
footer .container.text-center,
footer .md\:flex.items-center.justify-between.py-4.container.text-center {
  background: linear-gradient(135deg, #f2e3e1 0%, #dcb8b5 50%, #9C5C5C 100%) !important;
  border-top: none !important;
  padding: 1.5rem 0 !important;
}

/* تلوين النص داخل القسم ليكون داكن ومقروء */
footer .container.text-center p,
footer .container.text-center a,
footer .container.text-center span {
  color: #4b2e2e !important; /* بني داكن أو رمادي غامق */
}

/* تلوين أيقونات الدفع إن كانت خلفيتها شفافة */
footer .s-payments-list-item img {
  background-color: transparent !important;
  border-radius: 0 !important;
}