/* ==============================
Qnateer Product Cards Styling
تحسين بطاقات المنتجات - قناطير
============================== */

:root {
--qn-primary: #601f45;
--qn-primary-dark: #4f1738;
--qn-accent: #791a3e;
--qn-light: #f8f1f5;
--qn-border: #ead8e4;
--qn-text: #2b1b24;
--qn-muted: #777777;
}

/* بطاقة المنتج */
.product-card,
.s-product-card-entry {
border-radius: 18px !important;
overflow: hidden !important;
border: 1px solid var(--qn-border) !important;
background: #ffffff !important;
}

/* محتوى بطاقة المنتج */
.product-card__content,
.s-product-card-content {
background: #ffffff !important;
border-radius: 0 0 18px 18px !important;
}

/* اسم المنتج: واضح بسطرين */
.product-card__title a,
.s-product-card-content-title,
.s-product-card-content-title a {
font-size: 14.5px !important;
line-height: 1.55 !important;
font-weight: 700 !important;
color: var(--qn-primary) !important;

display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;

min-height: 44px !important;
white-space: normal !important;
text-overflow: unset !important;
}

/* السعر */
.product-card__price,
.product-card__price *,
.s-product-card-price,
.s-product-card-sale-price {
font-size: 17px !important;
line-height: 1.4 !important;
font-weight: 800 !important;
color: var(--qn-primary) !important;
}

/* السعر قبل الخصم */
.s-product-card-regular-price,
.product-card__regular-price,
.product-card__price del {
font-size: 13px !important;
color: #888888 !important;
font-weight: 500 !important;
}

/* زر الإضافة للسلة */
.product-card__addToCart__btn salla-button button,
.product-card__addToCart__btn button,
.s-product-card-content-footer .s-button-element,
.s-product-card-content-footer button {
background: var(--qn-primary) !important;
color: #ffffff !important;
border-radius: 10px !important;
font-size: 14.5px !important;
font-weight: 700 !important;
min-height: 40px !important;
border: none !important;
}

/* تأثير بسيط عند المرور على زر السلة */
.product-card__addToCart__btn salla-button button:hover,
.product-card__addToCart__btn button:hover,
.s-product-card-content-footer .s-button-element:hover,
.s-product-card-content-footer button:hover {
background: var(--qn-primary-dark) !important;
color: #ffffff !important;
}

/* إخفاء العنوان الفرعي في الصفحة الرئيسية لتقليل الزحمة */
.index .product-card__subtitle,
.index .s-product-card-content-subtitle {
display: none !important;
}

/* شريط العرض أو الترويج على بطاقة المنتج */
.product-card__promotion,
.s-product-card-promotion-title {
background: var(--qn-accent) !important;
color: #ffffff !important;
border-radius: 0 0 12px 12px !important;
font-size: 11px !important;
font-weight: 700 !important;
padding: 5px 9px !important;
}

/* لون الروابط عند المرور في الهيدر */
.main-menu li:hover,
.main-menu a:hover,
.flex.items-center a:hover,
.flex.items-center a:active {
color: #f7d5d2 !important;
}

/* تحسين حواف المنتجات عند تفعيل إطار المنتجات من الثيم */
body.products-has-border .product-card,
body.products-has-border .s-product-card-entry {
border: 1px solid var(--qn-border) !important;
border-radius: 18px !important;
}

/* تحسين بسيط لحركة البطاقة */
.product-card,
.s-product-card-entry {
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.product-card:hover,
.s-product-card-entry:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 18px rgba(96, 31, 69, 0.08) !important;
}

/* تحسينات خاصة بالجوال */
@media (max-width: 768px) {
.product-card__title a,
.s-product-card-content-title,
.s-product-card-content-title a {
font-size: 14px !important;
line-height: 1.5 !important;
min-height: 42px !important;
-webkit-line-clamp: 2 !important;
}

.product-card__price,
.product-card__price *,
.s-product-card-price,
.s-product-card-sale-price {
font-size: 16.5px !important;
}

.product-card__addToCart__btn salla-button button,
.product-card__addToCart__btn button,
.s-product-card-content-footer .s-button-element,
.s-product-card-content-footer button {
font-size: 14px !important;
min-height: 40px !important;
border-radius: 9px !important;
}

.product-card__promotion,
.s-product-card-promotion-title {
font-size: 10.5px !important;
padding: 4px 7px !important;
}
}


```css
/* ==============================
   تحسين السعر والخصم - قناطير
   ضع هذا الكود في آخر CSS
   ============================== */

/* تكبير السعر الحالي وإبرازه */
.product-card__price,
.product-card__price *,
.s-product-card-price,
.s-product-card-sale-price,
.s-product-card-content-price,
.s-product-card-content-price * {
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  color: #601f45 !important;
}

/* السعر في الجوال */
@media (max-width: 768px) {
  .product-card__price,
  .product-card__price *,
  .s-product-card-price,
  .s-product-card-sale-price,
  .s-product-card-content-price,
  .s-product-card-content-price * {
    font-size: 18.5px !important;
    font-weight: 900 !important;
  }
}

/* السعر قبل الخصم */
.s-product-card-regular-price,
.product-card__regular-price,
.product-card__price del,
.s-product-card-content-price del,
.s-product-card-content-price .line-through {
  font-size: 13.5px !important;
  color: #999999 !important;
  font-weight: 600 !important;
  text-decoration: line-through !important;
  opacity: 0.9 !important;
}

/* شارة الخصم أو العرض على بطاقة المنتج */
.product-card__promotion,
.s-product-card-promotion-title,
.s-product-card-discount,
.s-product-card-sale-badge,
.s-product-card-badge,
.s-product-card-wishlist-btn + span {
  background: #d92d20 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  padding: 5px 10px !important;
  line-height: 1.2 !important;
  box-shadow: 0 4px 10px rgba(217, 45, 32, 0.25) !important;
}

/* شارة العرض الترويجي مثل: توصيل مجاني */
.product-card__promotion,
.s-product-card-promotion-title {
  background: #791a3e !important;
  color: #ffffff !important;
  border-radius: 0 0 12px 12px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}

/* لون أوضح عند وجود خصم */
.s-product-card-sale-price {
  color: #d92d20 !important;
}

/* تحسين ترتيب السعر إذا كان فيه سعر قديم وجديد */
.s-product-card-content-price,
.product-card__price {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
```