lord-icon.flex.m-auto {
    --lord-icon-primary: #fff !important;
    --lord-icon-secondary: #000 !important;
    --lord-icon-primary-base: #fff !important;
    --lord-icon-secondary-base: #000 !important;
}

#interactive-banner-slider-5 h1 {
    color: #ffffff !important; /* النص أبيض */
    -webkit-text-stroke: 3px #8B5E3C; /* الحد الخارجي */
    paint-order: stroke fill; /* علشان يظهر الستروك حول النص تمام */
}

.main-nav-container.fixed-pinned .inner {
    background-color: transparent;
}


.banner--fixed img {

    background-color: rgb(255 255 255 / 0%);
    
}

@media (min-width: 992px) {
   .index section.s-block--fixed-banner:nth-of-type(8) > .container{
    max-width: 40%; /* تمديد الكونتينر بعرض الصفحة */
    padding: 0;      /* إزالة الهوامش الداخلية */
}
  .swiper-wrapper {

    justify-content: center;
}
  .special-offers-section .flex {
    flex-direction: column !important;
}
  .special-offers-section .flex > div:first-child {
    text-align: center !important;
}
/* تكبير الخطوط وجعلها بولد داخل السلايدر */
#interactive-banner-slider-0 h1 {
    font-size: 48px !important; /* حجم العنوان */
    font-weight: bold !important; /* الخط غامق */
}

#interactive-banner-slider-0 p {
    font-size: 24px !important; /* حجم الفقرة */
    font-weight: 600 !important; /* شبه بولد للنص */
}


}

@media (max-width: 767px) {
    #interactive-banner-slider-0 .interactive-banner-section > .relative > .flex > div:first-child {
        padding-top: 50px;
    }
  .s-product-card-content-title a:hover {
 
    color: rgb(0 0 0);
}
}


.abaya-form {
  max-width: 500px;          /* أكبر شوية */
  margin: 30px auto;
  padding: 30px;             /* مسافة داخلية أكبر */
  border-radius: 16px;       /* زوايا ناعمة أكتر */
  background: #fff;
  border: 2px solid #8B5E3C; /* بوردر واضح باللون الأساسي */
  box-shadow: 0 8px 20px rgba(0,0,0,0.15); /* شادو أوضح */
  text-align: right;
}

.abaya-form h3 {
  margin-bottom: 8px;
  color: #8B5E3C;
  font-size: 22px;          /* عنوان أكبر */
  text-align: center;
}

.abaya-form p {
  margin-bottom: 20px;
  font-size: 15px;
  color: #666;
}

.abaya-form label {
  display: block;
  margin-top: 12px;
  font-size: 15px;
  font-weight: bold;
}

.abaya-form input {
  width: 100%;
  padding: 12px;
  margin-top: 6px;
  border-radius: 10px;
  border: 1px solid #aaa;
  font-size: 15px;
}

.abaya-form button {
  width: 100%;
  padding: 14px;
  margin-top: 20px;
  border: none;
  border-radius: 10px;
  background: #8B5E3C;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s ease;
}

.abaya-form button:hover {
  background: #8B5E3C;
}

.abaya-form #result {
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
}