.index [data-selia="home-fixed-products-title"] {
  color: #f2bb10 !important;
}

@media (max-width: 992px) {
    section.s-block.s-block--square-links > div ul {
        display: flex;
        gap: 0;
    }
        section.s-block.s-block--square-links > div {
        padding-inline: 0.5rem;
    }
}
button.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline,
.top-navbar:not(.topnav-has-bg) {
    background: #3f88f0 !important;
    color: white !important;
}

.footer-is-custom .store-footer {
    margin-top: 0 !important;
}


.group:hover .group-hover\:scale-110{
  transform: scale(1.04) !important;
}

/* 1. الحاوي الرئيسي للسكشنين وترتيب الطبقات */
.merged-blue-wrapper {
  background-image: url('https://i.ibb.co/n8LJvxXV/Frame-2147223704.png') !important;
  background-size: 100% 100% !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  width: 100%;
  position: relative !important;
  top: -35px;
  z-index: 10 !important;
  margin-bottom: -115px !important; /* زيادة السحب لإنزال الحواف تماماً فوق البانر */
  padding: 30px 0 0 0 !important;
}

/* 2. جعل خلفيات السكاشن والحاويات فقط شفافة */
.merged-blue-wrapper,
.image-section,
section.s-block.container.fixed-products.fixed-products--2,
section.s-block.container.fixed-products.fixed-products--2 > div {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 3. تنسيق كارت المنتج النهائي بدون تخريب الأجزاء الداخلية */

/* الكارت الخارجي فقط */
.merged-blue-wrapper .s-product-card,
.merged-blue-wrapper .product-card,
.merged-blue-wrapper [class*="product-card"] {
  background-color: #0d2137 !important; /* لون خلفية الجزء السفلي للكارت */
  border: 1.5px solid #1e73be !important; /* الإطار الأزرق الخارجي الموحد */
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25) !important;
}

/* إلغاء أي إطارات أو خلفيات داكنة عن النصوص والأزرار الداخلية */
.merged-blue-wrapper .s-product-card *,
.merged-blue-wrapper .product-card * {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* لون عناوين المنتجات والأسعار */
.product-card__discount span {
    color: #f2bb10;
}

p.total-price {
    color: #f2bb10;
}

/* تنسيق زر "أضف للسلة" تحديداً */
.merged-blue-wrapper .s-product-card-content-footer button,
.merged-blue-wrapper .s-product-card button,
.merged-blue-wrapper [class*="add-to-cart"],
.merged-blue-wrapper .btn-add-to-cart {
  background-color: #3b82f6 !important; /* لون الزر الأزرق */
  color: #ffffff !important;
  border-radius: 10px !important;
  font-weight: bold !important;
  padding: 10px 16px !important;
}

/* استثناء صورة المنتج لتبقى بيضاء وواضحة */
.merged-blue-wrapper .s-product-card-image,
.merged-blue-wrapper .product-card img,
.merged-blue-wrapper [class*="product-card"] img {
  background-color: #ffffff !important;
  border-radius: 12px 12px 0 0 !important;
}
.product-card__title a {
    color: #ffffff !important;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
}
/* 4. ضبط المسافات الداخلية لمنع قطع الزيجزاج */
.image-section {
  padding-bottom: 0 !important;
  margin-top: 4rem !important;
}

section.s-block.container.fixed-products.fixed-products--2 {
  padding-top: 0 !important;
  padding-bottom: 170px !important; /* زيادة المساحة الداخلية لإنزال الزيجزاج أكثر */
  margin-bottom: 0 !important;
}

/* 5. ضبط البانر السفلي */
.merged-blue-wrapper + * {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 0 !important;
}
@media (max-width:767px){
.merged-blue-wrapper {
    background-image: url(https://i.ibb.co/n8LJvxXV/Frame-2147223704.png) !important;
    background-size: 205% 100%!important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    width: 100%;
    position: relative !important;
    z-index: 2 !important;
    padding: 30px 0 0 0 !important;
    margin-bottom: -79px !important;
    margin-top: 13px;
}
  .image-section {
    padding-bottom: 0 !important;
    margin-top: 2rem !important;
}
  section.s-block.container.fixed-products.fixed-products--2 {
    padding-top: 0 !important;
    padding-bottom: 75px !important;
    margin-bottom: 0 !important;
}
      section.s-block.s-block--square-links > div ul {
        display: flex;
        column-gap: 1rem !important;
    }
}
.footer-is-custom .store-footer .store-footer__curve {
    color: var(--footer-bg);
    z-index: 2 !important;
}


@media (max-width: 992px) {
    body.index .s-products-list-wrapper.s-products-list-vertical-cards {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    width: 250px;
    margin-inline: auto;
}
  
}