/* Hydromug — هيرو باكج "لك ولها" + استعادة المنتجات الثانوية كبطاقات بيج (v3: يصلح تمدد المحتوى فوق البطاقات الأخرى) */

.s-block--features-products{
  width:100vw !important;
  max-width:100vw !important;
  margin-inline-start:calc(50% - 50vw) !important;
  margin-inline-end:calc(50% - 50vw) !important;
  padding-top:44px !important;
  padding-bottom:52px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  background:radial-gradient(120% 140% at 26% 28%, #2c6b45 0%, #1c4a30 48%, #0f2a1c 100%);
}
.s-block--features-products > .inner{
  max-width:1280px;
  margin-inline:auto;
  padding-left:10px;
  padding-right:10px;
  box-sizing:border-box;
}
.s-block--features-products .s-block__title{ display:inline-flex; margin-bottom:20px; }
.s-block--features-products .s-block__title h2{
  display:inline-flex;
  align-items:center;
  background:rgba(255,255,255,0.14);
  color:#eafff0;
  padding:7px 20px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  margin:0;
}

.s-block--features-products .flex-1.grid{
  grid-template-columns:1.6fr 1fr !important;
  gap:20px !important;
  align-items:start;
}
@media (max-width:1023px){
  .s-block--features-products .flex-1.grid{ grid-template-columns:1fr !important; }
}

/* البطاقة الرئيسية (الباكج) */
.s-block--features-products .s-product-card-full-image{
  position:relative;
  background:transparent;
  height:auto !important;
  min-height:auto;
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
  gap:24px;
  overflow:visible;
  border-radius:0;
}
.s-block--features-products .s-product-card-image-full{
  position:static;
  flex:0 0 42%;
  display:flex;
  align-items:center;
  justify-content:center;
  height:auto;
  padding:10px;
}
.s-block--features-products .s-product-card-image-full img{
  width:100%;
  height:auto;
  max-height:340px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,0.35));
}
.s-block--features-products .s-product-card-overlay{ display:none; }
.s-block--features-products .s-product-card-full-image > .s-product-card-content{
  position:static;
  flex:1;
  padding:10px 6px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.s-block--features-products .s-product-card-full-image .s-product-card-content-title{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.s-block--features-products .s-product-card-full-image .s-product-card-content-subtitle{
  opacity:1 !important;
  color:#fff;
  font-size:28px;
  font-weight:700;
  line-height:1.4;
  margin:0;
}
.s-block--features-products .hyd-hero-desc{
  color:rgba(255,255,255,0.86);
  font-size:15px;
  line-height:1.75;
  margin:0;
  max-width:430px;
}
.s-block--features-products .s-product-card-full-image .s-product-card-content-sub{ margin:0; }
.s-block--features-products .s-product-card-full-image .s-product-card-sale-price{
  display:flex; align-items:baseline; gap:10px;
}
.s-block--features-products .s-product-card-full-image .s-product-card-sale-price h4{
  color:#fff; font-size:26px; font-weight:700; margin:0; display:flex; align-items:center; gap:4px;
}
.s-block--features-products .s-product-card-full-image .s-product-card-sale-price span{
  color:rgba(255,255,255,0.55); font-size:15px; text-decoration:line-through; display:flex; align-items:center; gap:4px;
}
.s-block--features-products .s-product-card-full-image .s-product-card-content-footer{
  display:flex; align-items:center; gap:12px; margin-top:2px;
}
.s-block--features-products .s-product-card-full-image salla-add-product-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:auto !important;
  background:#f7f4ec !important;
  color:#163726 !important;
  border:none !important;
  border-radius:999px !important;
  font-weight:700 !important;
  padding:13px 30px !important;
  box-shadow:0 8px 22px rgba(0,0,0,0.28);
}
.s-block--features-products .s-product-card-full-image .s-product-card-wishlist-btn{ display:none !important; }

/* سطر التقييم بالنجوم */
.s-block--features-products .hyd-hero-rating{
  color:rgba(255,255,255,0.85);
  font-size:12.5px;
  font-weight:600;
  margin-top:4px;
  display:flex;
  align-items:center;
  gap:6px;
}
.s-block--features-products .hyd-hero-rating .stars{
  color:#ffd166;
  letter-spacing:1px;
  font-size:13px;
}

/* المنتجات الثانوية — بطاقات بيج */
.s-block--features-products .s-product-card-minimal{
  background:#f7f4ec;
  border-radius:14px;
  padding:12px;
  display:flex;
  align-items:center;
  gap:12px;
  height:100%;
}
.s-block--features-products .s-product-card-minimal .s-product-card-image{
  flex:0 0 64px; width:64px; height:64px; position:relative;
}
.s-block--features-products .s-product-card-minimal .s-product-card-image img{
  width:100%; height:100%; object-fit:contain;
}
.s-block--features-products .s-product-card-minimal .s-product-card-wishlist-btn{ display:none !important; }
.s-block--features-products .s-product-card-minimal .s-product-card-content{ flex:1; min-width:0; }
.s-block--features-products .s-product-card-minimal .s-product-card-content-title{
  font-size:12.5px; font-weight:700; color:#1c4a30; line-height:1.4;
  display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important;
  margin:0 0 4px;
}
.s-block--features-products .s-product-card-minimal .s-product-card-content-title a{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.s-block--features-products .s-product-card-minimal .s-product-card-sale-price{ display:flex; align-items:baseline; gap:6px; }
.s-block--features-products .s-product-card-minimal .s-product-card-sale-price h4{ font-size:13px; font-weight:700; color:#2c6b45; margin:0; }
.s-block--features-products .s-product-card-minimal .s-product-card-sale-price span{ font-size:11px; color:#999; text-decoration:line-through; }
.s-block--features-products .s-product-card-minimal .s-product-card-content-footer salla-add-product-button{
  display:block !important;
  background:#1c4a30 !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:0 !important;
  font-size:11.5px !important;
  width:100% !important;
  margin-top:6px !important;
  font-weight:700 !important;
  text-align:center;
  overflow:hidden;
}
.s-block--features-products .s-product-card-minimal .s-product-card-content-footer salla-add-product-button *{
  color:#fff !important;
  padding:8px 0 !important;
  margin:0 !important;
}

/* الجوال */
@media (max-width:1023px){
  .s-block--features-products{ padding-top:28px !important; padding-bottom:32px !important; }
  .s-block--features-products .s-product-card-full-image{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:16px !important;
  }
  .s-block--features-products .s-product-card-image-full{ flex:none !important; width:100% !important; }
  .s-block--features-products .s-product-card-image-full img{ max-height:260px !important; }
  .s-block--features-products .s-product-card-full-image .s-product-card-content-subtitle{ font-size:22px !important; }
}
/* ============================================================
   Hydromug — تنسيق الألوان لعموم صفحات المتجر (أخضر + بيج)
   مهم: هذا كود إضافي — لا تحذف كود البانر (hero-v3.css) من خانة CSS.
   فقط انسخ هذا الكود بالكامل وألصقه في نهاية نفس خانة CSS الحالية
   (بعد آخر سطر من hero-v3.css)، ثم احفظ.
   ============================================================ */

/* ---------- الهيدر: شريط علوي بيج + خط فاصل أخضر خفيف ---------- */
.store-header{
  border-bottom:1px solid rgba(28,74,48,0.12);
}
.store-header .top-navbar{
  background:#f7f4ec;
}
.store-header .top-navbar a{
  color:#1c4a30;
}

/* ---------- الفوتر: أخضر داكن بدل الأسود، بنفس عمق تدرج البانر ---------- */
footer.store-footer{
  background:#0f2a1c !important;
}
.store-footer__inner{
  background:#15311f !important;
}
.store-footer a:hover{
  color:#cfead9 !important;
}

/* ---------- قسم "مميزات المتجر": بطاقات بيج بدل الأبيض ---------- */
.s-block--features__item{
  background:#f7f4ec;
  border-radius:16px;
  padding:28px 18px;
  box-shadow:none;
}
.s-block--features__item .feature-icon{
  background:transparent;
}

/* ---------- قسم "آراء العملاء": بطاقات بيج ---------- */
.s-reviews-testimonial__inner{
  background:#f7f4ec !important;
  border-color:transparent !important;
}
.s-reviews-testimonial__rating .s-rating-stars-selected{
  color:#e0a731 !important;
}
/* ============================================================
   Hydromug — إضافة ثالثة: صور المعرض الثانوية (صفحة المنتج) + أيقونات السوشيال
   أضف هذا في نهاية خانة CSS الحالية (بعد hero-v3.css و sitewide-colors.css)
   ============================================================ */

/* ---------- الصور المصغّرة (الثانوية) في معرض صفحة المنتج ----------
   التنفيذ الفعلي للتصحيح موجود في ملف JS (لأن سلة تفرض object-fit:cover
   كستايل inline بأولوية أعلى من أي CSS)، وهذا فقط احتياط إضافي. */
.thumbs-slider img.object-cover{
  object-fit: contain !important;
  background-color:#f7f4ec !important;
}

/* ---------- تكبير بسيط لأيقونات انستقرام وتيك توك بعد تلوينها ---------- */
.s-social-list .s-social-link a[title="instagram"] svg,
.s-social-list .s-social-link a[title="tiktok"] svg{
  width:22px;
  height:22px;
}
.s-social-list .s-social-link a{
  transition:transform .15s ease;
}
.s-social-list .s-social-link a:hover{
  transform:translateY(-2px);
}