header,
footer,
.section-benefits{
  background-color: #000000 !important;
}
el-dialog-panel .bg-background{
  background-color: #000000 !important;
}
.section-products h2{
  color: #000000 !important;
}


/* ===== الكارت ===== */
[data-product-card]{
  background:#fff !important;
  border:1px solid #ececec !important;
  border-radius:28px !important;
  padding:14px 14px 20px !important;
  box-shadow:0 2px 14px rgba(0,0,0,.05) !important;
  gap:14px !important;
  text-align:center !important;
  overflow:hidden;
}

/* ===== الصورة ===== */
[data-product-card] > a:first-child{
  border-radius:22px !important;
  overflow:hidden !important;
  background:#b9b9b9;
}
[data-product-card] > a:first-child img{
  width:100% !important;
  height:auto !important;
  display:block;
}

/* ===== اسم المنتج ===== */
[data-product-card] h3,
[data-product-card] h3 a{
  text-align:center !important;
  color:#6b6b6b !important;
  font-size:18px !important;
  font-weight:500 !important;
  line-height:1.5 !important;
}

/* ===== التقييم ===== */
[data-product-card] .flex.items-center.gap-2{
  justify-content:center !important;
}
[data-product-card] .flex.gap-0.5 svg{
  width:18px !important;
  height:18px !important;
  color:#f5b50a !important;
}

/* ===== السعر ===== */
[data-product-card] p.text-foreground{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap;
  gap:10px !important;
  font-size:22px !important;
  font-weight:700 !important;
  color:#1a1a1a !important;
}
[data-product-card] p.text-foreground .riyal-svg{
  width:18px !important;
  height:19px !important;
}

/* ===== شارة الخصم (لو كانت موجودة بالكلاس ده) ===== */
[data-product-card] .bundle-offer-badge,
[data-product-card] [class*="discount"],
[data-product-card] [class*="badge"]:not(.bundle-offer-badge){
  background:#fbe4e4 !important;
  color:#c0121f !important;
  border-radius:8px !important;
  padding:4px 12px !important;
  font-size:14px !important;
  font-weight:600 !important;
}

/* ===== الزر ===== */
[data-product-card] .btn.btn-outlined{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  width:100% !important;
  height:56px !important;
  background:#707070 !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px !important;
  font-size:17px !important;
  font-weight:500 !important;
  transition:background .2s ease;
}
[data-product-card] .btn.btn-outlined:hover{
  background:#4f4f4f !important;
}
/* أيقونة السلة قبل النص */
[data-product-card] .btn.btn-outlined::before{
  content:"";
  width:24px;
  height:24px;
  flex:none;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2a1 1 0 0 0 1 .8h8.6a1 1 0 0 0 1-.8L19 8H6'/%3E%3Ccircle cx='9' cy='19' r='1.2'/%3E%3Ccircle cx='17' cy='19' r='1.2'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2a1 1 0 0 0 1 .8h8.6a1 1 0 0 0 1-.8L19 8H6'/%3E%3Ccircle cx='9' cy='19' r='1.2'/%3E%3Ccircle cx='17' cy='19' r='1.2'/%3E%3C/svg%3E") center/contain no-repeat;
}