/* ================================================= */
/*   VELAR — تصميم Editorial جديد بالكامل              */
/* ================================================= */

.elegance_product_featured_container{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:16px !important;
}

/* الكارت المميز — بانر كامل العرض فوق */
.elegance_product_featured_container > div:first-child{
  grid-column:1 / -1 !important;
}

.elegance_product_featured_category_card{
  transition:none !important;
}

.elegance_product_featured_category_card .mb-3.flex.w-full.h-full{
  aspect-ratio:21/7;
}

@media (max-width:768px){
  .elegance_product_featured_category_card .mb-3.flex.w-full.h-full{
    aspect-ratio:16/9;
  }
}

/* الصورة */
.elegance_product_featured_category_card .relative.overflow-hidden.h-full.w-full{
  border-radius:18px !important;
}

.elegance_product_featured_category_card .relative.overflow-hidden.h-full.w-full img{
  border-radius:18px !important;
  transition:transform .6s ease !important;
}

.elegance_product_featured_category_card:hover .relative.overflow-hidden.h-full.w-full img{
  transform:scale(1.04);
}

/* تظليل متدرج من تحت بس — إحساس إعلاني مش تظليل كامل */
.elegance_product_featured_category_card .relative.overflow-hidden.h-full.w-full::before{
  background:linear-gradient(90deg, rgba(13,17,23,.75) 0%, rgba(13,17,23,.25) 55%, rgba(13,17,23,0) 100%) !important;
  border-radius:18px !important;
}

/* شيل الإطار الأبيض القديم والتخطيط الأوسط، وحط النص على الشمال (بداية القراءة RTL) */
.elegance_product_featured_category_card .absolute.inset-4.z-20{
  inset:0 !important;
  border:none !important;
  border-radius:0 !important;
  flex-direction:row !important;
  justify-content:flex-start !important;
  align-items:center !important;
  padding:0 32px !important;
  gap:20px !important;
}

.elegance_product_featured_category_card h3{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  text-align:right !important;
  font-size:26px !important;
}

@media (min-width:768px){
  .elegance_product_featured_category_card h3{
    font-size:38px !important;
  }
}

/* زرار "عرض الكل" — outline بسيط بدل الكبسولة السودا */
.elegance_product_featured_category_card span.bg-black{
  background:transparent !important;
  border:1.5px solid #fff !important;
  color:#fff !important;
  width:auto !important;
  padding:10px 24px !important;
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:600 !important;
  font-size:13px !important;
  box-shadow:none !important;
  white-space:nowrap;
}

.elegance_product_featured_category_card:hover span.bg-black{
  background:#fff !important;
  color:#111827 !important;
}

@media (max-width:640px){
  .elegance_product_featured_category_card .absolute.inset-4.z-20{
    padding:0 20px !important;
    gap:14px !important;
  }
  .elegance_product_featured_category_card span.bg-black{
    padding:8px 16px !important;
    font-size:11.5px !important;
  }
}

/* ================================================= */
/*   المنتجات التلاتة تحت — صف منفصل                   */
/* ================================================= */

@media (max-width:768px){
  .elegance_product_featured_container{
    grid-template-columns:repeat(2, 1fr) !important;
  }
}

/* ================================================= */
/*   صور اختيار الموديل الصغيرة (Variant Thumbnails)   */
/* ================================================= */

.group.box-border .relative.w-7.h-7.md\:w-8.md\:h-8 .relative.overflow-hidden.w-full.h-full.object-cover.rounded-lg{
  border:1px solid rgba(17,24,39,.12) !important;
  border-radius:8px !important;
  transition:border-color .2s ease, transform .2s ease !important;
}

.group.box-border .relative.w-7.h-7.md\:w-8.md\:h-8:hover .relative.overflow-hidden.w-full.h-full.object-cover.rounded-lg{
  border-color:#0a58ff !important;
  transform:translateY(-2px);
}