/* Add custom CSS styles below */ 
/* ======== كودك الأصلي مع تحسينات + تنسيق العناوين + تعديل البانر ======== */

header {
  position: relative !important;
}

/* -header------------ */
body.index .main-nav-container .mobile-menu ul li a {
  color: #000;
}
body.index i.header-btn__icon {
  color: #000 !important;
}

/*-------------------------------------*/
/*-------------------------------------*/
salla-slider.photos-slider .swiper:where([dir=rtl], [dir=rtl] *) {
  padding-left: 0;
}

/*--------------product-title --------*/
.s-block.s-block--best-offers.container {
  margin-top: 0rem;
  margin-bottom: 50px;
}

.swiper.s-slider-container.swiper-initialized {
  margin-left: 0 !important;
  padding: 0px;
}

/*main-slider */
salla-slider.photos-slider .swiper-slide {
  padding: 0rem;
  margin: 0rem;
  width: 100%;
}

/*arrow of slider */
.s-slider-block__title-nav {
  visibility: visible;
}

/*arrow of slider */

/*------my-category----الاصناف-----*/
.my-category {
  margin-bottom: 0px;
  margin-top: 20px;
}

.my-category h1 {
  margin-bottom: 30px;
  color: #fcd229 !important;
}

.my-category ul {
  justify-content: center;
  gap: 20px;
}

.my-category a {
  font-size: 12px;
}

/* ===== شاشات الكمبيوتر (العريضة) ===== */
@media screen and (min-width: 991px) {
  .my-category ul {
    width: 64%;
    margin: 0px auto;
  }

  salla-add-product-button.my-12.hydrated {
    margin-top: 0px !important;
  }

  .furnitur_offer .s-count-down-wrapper .s-count-down-list {
    width: 100%;
  }

  div#swiper-wrapper-b7dbb6448d223558 div:nth-of-type(2) > div {
    display: none;
  }

  .flex.justify-between.items-center.rtl\:flex-col-reverse {
    display: flex;
  }

  .max-h-\[400px\] {
    max-height: 350px;
    margin-right: 131px; /* يفضل استبداله بنسبه في حالة امكانية */
  }

  .my-offer h1.font-semibold {
    /*font-size: 20px !important;*/
    line-height: 38px;
  }

  .my-offer {
    margin-bottom: 30px;
  }

  .my-offer h1 {
    margin-bottom: 20px;
  }

  #swiper-wrapper-1fe494f89a74d69d a {
    max-height: 450px;
  }

  .my-offer button {
    color: #fff;
    margin-top: 20px;
    border-radius: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .w-full {
    width: auto;
  }

  /* ===== تعديل البانر لشاشات الكمبيوتر ===== */
  .my-banner-photo {
    width: 100%;          /* عرض كامل */
    max-width: 1200px;    /* أقصى عرض للبانر */
    height: 400px;        /* ارتفاع مناسب */
    margin: 0 auto;       /* توسيط البانر */
    overflow: hidden;
  }

  .my-banner-photo > div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .my-banner-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* تغطية كاملة للبانر */
  }
}

/* ===== شاشات الجوال (الصغيرة) ===== */
@media screen and (max-width: 768px) {
  /* تكبير الخط في الأصناف لتسهيل القراءة */
  .my-category a {
    font-size: 16px !important;
  }

  /* تعديل الهوامش في العروض لتناسب الشاشة */
  .my-offer h1 {
    margin-bottom: 20px;
  }

  .my-offer p {
    margin-top: 0px;
  }

  .furnitur_offer .s-slider-container {
    margin-bottom: 20px;
  }

  /* تقليل المسافة والارتفاع في العناصر التي بها max-height */
  .max-h-\[400px\] {
    max-height: 250px !important;
    margin-right: 10px !important;
  }

  /* تكبير أزرار العروض لتسهيل اللمس */
  .my-offer button {
    padding: 15px 25px !important;
    font-size: 16px !important;
  }

  /* زيادة حجم زر الهمبرجر */
  .header-btn__icon {
    width: 44px;   /* حجم مناسب للمس */
    height: 44px;
    padding: 10px;
    font-size: 28px; /* تأكد من حجم الأيقونة */
    cursor: pointer;
    z-index: 9999; /* ضمان ظهور فوق العناصر الأخرى */
  }

  /* تكبير حجم الروابط في القائمة */
  .mobile-menu ul li a {
    font-size: 18px;
    padding: 12px 16px;
    display: block;
  }
}

/* ===== شاشات متوسطة الحجم (تابلت) ===== */
@media screen and (min-width: 576px) and (max-width: 991px) {
  .my-category ul {
    width: 90%;
    margin: auto;
  }

  .furnitur_offer .s-slider-thumbs .s-slider-swiper-wrapper {
    margin-top: 30px;
  }

  .furnitur_offer .s-button-element {
    margin-bottom: 53px;
  }
}

/* ===== تحسين الصور لتكون مرنة ومتجاوبة ===== */
img,
.swiper-slide {
  max-width: 100%;
  height: auto;
}

/* -------- باقي التنسيقات الأساسية كما هي -------- */
.my-fixed-banner {
  margin-bottom: 40px;
}
.my-fixed-banner h1 {
  color: #fff !important;
  font-size: 21px !important;
}
.my-fixed-banner button {
  color: #fff !important;
  border-color: #fff;
}
.my-fixed-banner button a {
  color: #fff !important;
}
.my-fixed-banner .absolute {
  width: 100% !important;
  left: 0px;
}

.my-banner-photo > div {
  justify-content: space-around;
}
.my-banner-photo > div > div {
  justify-content: center;
}
.my-banner-photo h1 {
  color: #000 !important;
}
.my-banner-photo button {
  border-color: #000;
}
.my-banner-photo button a {
  color: #000;
}

.store-footer .relative {
  background: #FCD229;
}
p.text-sm {
  color: #fff;
}
h2.text-xl {
  color: #fff;
}

h2.mb-4.text-sm.font-medium {
  color: #fff;
}
button#mc-embedded-subscribe {
  background: #000;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

/* ===== تنسيق العناوين العام ===== */
h1, h2, h3 {
  color: #000; /* لون أسود */
  font-family: Arial, sans-serif; /* خط واضح */
  margin-top: 30px;
  margin-bottom: 15px;
  line-height: 1.3;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 18px;
}

/* تحسين الهوامش والأحجام على الجوال */
@media screen and (max-width: 768px) {
  h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 16px;
  }
}

/* تحسين الهوامش والأحجام على الكمبيوتر */
@media screen and (min-width: 991px) {
  h1, h2, h3 {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}