/* === زرار إضافة للسلة (الافتراضي لكل المنتجات) تركواز فاتح === */
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center,
.add-to-cart{
  background-color:#20c997!important;
  color:#fff!important;
  border:none!important;
  border-radius:8px!important;
  transition:background .2s ease,transform .15s ease;
}
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center:hover,
.add-to-cart:hover{
  background-color:#17a589!important;
  transform:translateY(-1px);
}
/* === نهاية الافتراضي === */

/* === تغيير خلفية المتجر إلى #f5fff5 === */
body,
.app-inner,
.main-content,
section,
.s-block,
.s-products-slider-card,
.s-product-card-entry,
.bg-white {
  background-color:#f5fff5!important;
}
body, .main-content, section, p, h1, h2, h3, h4, h5, h6 {
  color:#000!important;
}
/* === نهاية تغيير الخلفية === */

/* === تعديل الفوتر === */
footer.store-footer,
.store-footer__inner {
  background-color:#d9f5d9 !important; /* أخضر أغمق شوي */
  color:#000 !important;               /* نص داكن ليتباين */
  border-top:2px solid #20c997 !important; /* خط علوي تركوازي */
}
footer.store-footer a,
footer.store-footer p,
footer.store-footer h3 {
  color:#000 !important;
}
/* === نهاية الفوتر === */

section#similar-slider{padding-bottom:10px}

/* =========================================================
   تخصيص زر الإضافة للسلة لمنتجات "النسائي" فقط
   اللون المطلوب: #FFC0CB
   يعتمد على كلاس pink-add-to-cart الذي يضيفه JavaScript

========================================================= */

/* كروت المنتجات (قوائم/سلايدرز) الموسومة كـ "نسائي" */


button.s-button-primary.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-loader-center.pink-button {
  background-color: pink !important;
  border-color: pink !important;
  color: white !important;
}

button.s-button-primary.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-loader-center.pink-button:hover {
  background-color: #E75480 !important; /* A darker pink */
  border-color: #E75480 !important;
}

/*
 * Fix for the 4-banner layout on desktop.
 * Targets the specific banner block and applies a 4-column grid.
 */

@media (min-width: 768px) {
  .s-block--banners .grid {
    /* Set the grid to have 2 equal columns */
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .s-block--banners .grid > a {
    /* Reset any special sizing on individual banners */
    grid-column: auto !important;
    grid-row: auto !important;

    /* NEW: Set the aspect ratio to make banners taller */
    /* The format is width / height */
    min-height: 300px !important; 
  }
}