/* ============================================================
   KELME STYLE v3 — kelmesaudi.com
   هذا الكود مُختبر بصرياً على المتجر المباشر، مو تخمين.
   امسح الكود القديم بالكامل والصق هذا مكانه.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Zain:wght@400;700;800;900&display=swap');

:root{
  --k-ink:#231F20;
  --k-red:#ED1C24;
  --k-gray:#8A8A8A;
  --k-shade:#F5F5F5;
  --k-font:'Zain', takawal, sans-serif;
}

/* ============================================================
   1) الأهم — حذف زوائد الكرت
   نظافة كيلمي جاية من هنا: لا زر معاينة، لا مفضلة،
   لا إضافة للسلة على الكرت، لا مؤقّت، لا سطر تصنيف.
   ============================================================ */
.s-product-card-entry .s-product-card-actions,
.s-product-card-entry .s-product-card-qv-btn,
.s-product-card-entry .add-wishlist-btn,
.s-product-card-entry .related-products-pc,
.s-product-card-entry .discount-timer-pc,
.s-product-card-entry .s-product-card-content-footer,
.s-product-card-entry .s-product-card-content-main > div.flex.justify-center{
  display:none !important;
}

/* ============================================================
   2) الكرت مسطّح + صورة مربعة موحّدة
   ============================================================ */
.s-product-card-entry{
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.s-product-card-entry .s-product-card-image{
  background:var(--k-shade) !important;
  border-radius:0 !important;
  aspect-ratio:1/1 !important;
  height:auto !important;
}
.s-product-card-entry .s-product-card-image img{
  border-radius:0 !important;
  object-fit:contain !important;
  mix-blend-mode:multiply;
}

/* ============================================================
   3) نص الكرت
   ============================================================ */
.s-product-card-content{ padding:10px 0 0 !important; }
.s-product-card-content-main > div{ justify-content:flex-start !important; }
.s-product-card-content-title{
  font-family:var(--k-font) !important;
  font-weight:800 !important;
  font-size:14px !important;
  color:var(--k-ink) !important;
  text-align:start !important;
  margin:6px 0 4px !important;
}
.s-product-card-content-sub{
  justify-content:flex-start !important;
  gap:8px !important;
  margin:0 !important;
}
.s-product-card-price{
  font-family:var(--k-font) !important;
  font-weight:700 !important;
  font-size:14px !important;
  color:var(--k-ink) !important;
}
.s-product-card-sale-price,
.s-product-card-sale-price .s-product-card-price{ color:var(--k-red) !important; }
.s-product-card-price-before{
  color:var(--k-gray) !important;
  font-weight:400 !important;
  text-decoration:line-through !important;
}

/* ============================================================
   4) البادجات — مربعة حادة
   ============================================================ */
.s-product-card-entry [class*="promotion-title"]{
  border-radius:0 !important;
  font-family:var(--k-font) !important;
  font-weight:800 !important;
  font-size:10px !important;
  line-height:1 !important;
  padding:4px 8px !important;
  box-shadow:none !important;
}
.s-product-card-promotion-title{
  background:var(--k-red) !important;
  color:#fff !important;
  top:0 !important;
  inset-inline-start:0 !important;
  inset-inline-end:auto !important;
}
.s-product-card-out-of-stock [class*="promotion-title"]{
  background:#111 !important;
  color:#fff !important;
}

/* ============================================================
   5) عرض كامل + شبكة ملتصقة + هوامش جانبية خفيفة
   ============================================================ */
.s-block, .s-block__content{ max-width:100% !important; }
.s-block, .s-block__content,
salla-products-list, salla-products-slider{ padding-inline:24px !important; }
.s-products-list-wrapper{ gap:4px !important; }
.s-block{ margin-block:56px !important; }

/* ============================================================
   6) عناوين الأقسام — ضخمة سمينة متقاربة
   ============================================================ */
.s-block__title h2,
salla-products-list h2,
h2.mb-8{
  font-family:var(--k-font) !important;
  font-weight:900 !important;
  font-size:32px !important;
  letter-spacing:-.02em !important;
  color:var(--k-ink) !important;
  text-align:start !important;
}

/* ============================================================
   7) الهيدر — أبيض بخط شعرة
   الأفضل تغيّر لون الهيدر من إعدادات الثيم (الألوان) بدل CSS،
   بس هذا يشتغل الحين.
   ============================================================ */
header{ box-shadow:none !important; border-bottom:1px solid #EAEAEA !important; }
header .inner{ background-color:#fff !important; }