/* =========================================
   GOLDEN TAMPER - FINAL CLEAN CSS
   احذف كل CSS الحالي واستبدله بهذا فقط
========================================= */

/* =========================================
   1) الشعار - ديسكتوب
========================================= */
@media (min-width: 1024px) {
  a.navbar-brand.default-logo {
    transform: scale(1.12) !important;
    transform-origin: right center !important;
    margin-inline-start: 10px !important;
  }
}

/* =========================================
   2) إزالة المفضلة / القلب
========================================= */
.s-product-card-wishlist-btn,
.s-product-card-wishlist,
.s-product-card .s-product-card-wishlist-btn-wrap,
.s-product-card .wishlist-btn,
.s-product-card .btn-wishlist,
.s-product-card .favorite-btn,
.s-product-card .product-card__favorite {
  display: none !important;
}

/* =========================================
   3) إزالة المسافة بين الهيدر وأول بانر
========================================= */
body.index .main-content,
body.index .app-inner,
body.index .home-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.index .s-block--hero,
body.index .main-slider,
body.index .s-slider-block:first-of-type,
body.index section:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.index header + *,
body.index .navbar + *,
body.index .header + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =========================================
   4) المتغيرات العامة
========================================= */
:root {
  --gt-border-color: #e4d5ac;
  --gt-border-width: 1px;
  --gt-border-radius: 14px;

  --gt-gold: #c8a54b;
  --gt-gold-dark: #b88a1b;
  --gt-gold-badge: #8f6a18;

  --gt-text: #1f2937;
  --gt-price: #1f1f1f;
}

/* =========================================
   5) الكرت العام
========================================= */
.s-product-card,
.product-card,
.s-product-card-entry {
  border: var(--gt-border-width) solid var(--gt-border-color) !important;
  border-radius: var(--gt-border-radius) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

/* =========================================
   6) صورة المنتج - الحل النهائي
   مهم: بدون overflow hidden وبدون إجبار العناصر الداخلية
   حتى لا تنقص الصورة ولا تدخل النجمة داخل الإطار
========================================= */
.s-product-card-image,
.s-product-card-image-wrap,
.s-product-card .image-content,
.s-product-card .s-product-card-image {
  border: var(--gt-border-width) solid var(--gt-border-color) !important;
  border-radius: var(--gt-border-radius) !important;
  background: #ffffff !important;
  box-shadow: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: visible !important;

  padding: 8px !important;
  margin-bottom: 6px !important;

  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  aspect-ratio: 1.55 / 1 !important; /* عريض */
}

/* الصورة نفسها */
.s-product-card-image img,
.s-product-card-image-wrap img,
.s-product-card .image-content img,
.s-product-card .s-product-card-image img {
  display: block !important;
  margin: 0 auto !important;
  width: auto !important;
  height: auto !important;
  max-width: 92% !important;
  max-height: 92% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

/* =========================================
   7) محتوى الكرت
========================================= */
.s-product-card-content,
div.s-product-card-content {
  padding: 12px 12px 10px !important;
  gap: 6px !important;
  background: transparent !important;
}

.s-product-card {
  border-radius: 18px !important;
}

/* =========================================
   8) اسم المنتج
========================================= */
a.product-popup-trigger,
.s-product-card .product-name,
.s-product-card .s-product-card-name {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  margin: 0 0 6px !important;
  min-height: 48px !important;
  color: var(--gt-text) !important;
}

/* =========================================
   9) السعر
========================================= */
h2.total-price.sale-price,
.s-product-card .total-price,
.s-product-card .sale-price,
.s-product-card .price {
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color: var(--gt-price) !important;
  margin: 0 0 8px !important;
}

/* =========================================
   10) زر إضافة السلة
========================================= */
button.s-button-element.s-button-btn,
.s-product-card .s-button-btn,
.s-product-card .s-button-element {
  background: var(--gt-gold) !important;
  color: #ffffff !important;
  border: 1px solid var(--gt-gold-dark) !important;
  border-radius: 14px !important;
  min-height: 44px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 10px 14px !important;
  box-shadow: 0 6px 14px rgba(184, 138, 27, 0.14) !important;
  transition: all 0.25s ease !important;
}

button.s-button-element.s-button-btn:hover,
.s-product-card .s-button-btn:hover,
.s-product-card .s-button-element:hover {
  background: var(--gt-gold-dark) !important;
  border-color: #a87914 !important;
  color: #ffffff !important;
}

.s-product-card .s-product-card-content > *:last-child {
  margin-bottom: 0 !important;
}

.s-product-card-content .btn,
.s-product-card-content .s-button-element,
.s-product-card-content .s-button-btn {
  margin-top: 4px !important;
}

/* =========================================
   11) البادجات
========================================= */
.s-product-card-promotion-title,
.s-product-card .s-product-card-promotion-title,
.s-product-card .promotion-title,
.s-product-card .badge,
.s-product-card .s-product-card-badge,
.s-product-card .tag,
.s-product-card .label,
.s-product-card .product-label {
  background: var(--gt-gold-badge) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  padding: 6px 10px !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 10px rgba(143, 106, 24, 0.14) !important;
  min-height: auto !important;
  height: auto !important;
  white-space: nowrap !important;
}

/* إزالة أي زوايا/شطفات */
.s-product-card-promotion-title::before,
.s-product-card-promotion-title::after,
.s-product-card .s-product-card-promotion-title::before,
.s-product-card .s-product-card-promotion-title::after,
.s-product-card .promotion-title::before,
.s-product-card .promotion-title::after,
.s-product-card .badge::before,
.s-product-card .badge::after,
.s-product-card .s-product-card-badge::before,
.s-product-card .s-product-card-badge::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* إزالة أيقونة صغيرة داخل البادج إن وجدت */
.s-product-card-promotion-title .s-slider-button-icon,
.s-product-card-promotion-title .s-slider-button-icon::before,
.s-product-card-promotion-title .s-slider-button-icon::after,
.s-product-card .s-product-card-promotion-title .s-slider-button-icon,
.s-product-card .s-product-card-promotion-title .s-slider-button-icon::before,
.s-product-card .s-product-card-promotion-title .s-slider-button-icon::after {
  content: none !important;
  display: none !important;
}

/* =========================================
   12) عناوين الأقسام وأزرار عرض الكل
========================================= */
.s-block__title,
.section-title,
h2.s-block-title {
  margin-bottom: 18px !important;
}

.s-block .s-button-wrapper,
.s-section .s-button-wrapper,
.s-block .show-more,
.s-section .show-more {
  margin-top: 18px !important;
}

/* =========================================
   13) قسم الباكجات
========================================= */
section#best-offers-1-slider.s-block.s-block--best-offers {
  margin-top: 20px !important;
  padding-top: 0 !important;
}

section#best-offers-1-slider.s-block.s-block--best-offers .s-block__title {
  margin-bottom: 18px !important;
}

/* =========================================
   14) الديسكتوب
========================================= */
@media (min-width: 992px) {
  .s-product-card-image,
  .s-product-card-image-wrap,
  .s-product-card .image-content,
  .s-product-card .s-product-card-image {
    aspect-ratio: 1.6 / 1 !important;
    padding: 10px !important;
  }

  .s-product-card-image img,
  .s-product-card-image-wrap img,
  .s-product-card .image-content img,
  .s-product-card .s-product-card-image img {
    max-width: 92% !important;
    max-height: 92% !important;
  }
}

/* =========================================
   15) الجوال / التابلت الصغير
========================================= */
@media screen and (max-width: 991px) {

  .s-block {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }

  .s-block__title {
    margin: 0 0 12px !important;
  }

  .s-products-slider-card.swiper-slide,
  .s-products-slider-card.swiper-slide-active {
    padding: 0 4px !important;
    height: auto !important;
    min-height: auto !important;
  }

  .s-product-card,
  .s-product-card-entry {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 0 !important;
  }

  .s-product-card-image,
  .s-product-card-image-wrap,
  .s-product-card .image-content,
  .s-product-card .s-product-card-image,
  div.s-product-card-image {
    aspect-ratio: 1.4 / 1 !important; /* أعرض من قبل */
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    padding: 8px !important;
    margin: 0 0 4px !important;
    background: #fff !important;
    overflow: visible !important;
  }

  .s-product-card-image img,
  .s-product-card-image-wrap img,
  .s-product-card .image-content img,
  .s-product-card .s-product-card-image img,
  div.s-product-card-image img {
    width: auto !important;
    max-width: 90% !important;
    height: auto !important;
    max-height: 90% !important;
    object-fit: contain !important;
  }

  .s-product-card-content,
  div.s-product-card-content {
    padding: 8px 10px 8px !important;
    gap: 4px !important;
    background: transparent !important;
  }

  a.product-popup-trigger {
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin: 0 0 4px !important;
    min-height: 38px !important;
    color: var(--gt-text) !important;

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

  h2.total-price.sale-price {
    font-size: 15px !important;
    line-height: 1.2 !important;
    margin: 0 0 6px !important;
    color: var(--gt-price) !important;
  }

  button.s-button-element.s-button-btn,
  .s-product-card .s-button-btn,
  .s-product-card .s-button-element {
    min-height: 40px !important;
    height: 40px !important;
    font-size: 14px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
  }

  .s-product-card-promotion-title,
  .s-product-card .s-product-card-promotion-title {
    font-size: 10px !important;
    line-height: 1.1 !important;
    padding: 4px 8px !important;
    border-radius: 8px !important;
  }

  .s-product-card-promotion-title span,
  .s-product-card .s-product-card-promotion-title span {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }
}
/* =========================================
   نقل النجمة من ركن الصورة إلى تحت السعر
========================================= */

/* الكرت محتوى عمودي */
.s-product-card,
.s-product-card-entry {
  display: flex !important;
  flex-direction: column !important;
}

/* اجعل منطقة الصورة فوق فقط */
.s-product-card-image,
.s-product-card-image-wrap,
.s-product-card .image-content,
.s-product-card .s-product-card-image {
  order: 1 !important;
}

/* المحتوى النصي */
.s-product-card-content,
div.s-product-card-content {
  order: 2 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* الاسم */
a.product-popup-trigger,
.s-product-card .product-name,
.s-product-card .s-product-card-name {
  order: 1 !important;
}

/* السعر */
h2.total-price.sale-price,
.s-product-card .total-price,
.s-product-card .sale-price,
.s-product-card .price {
  order: 2 !important;
  margin-bottom: 4px !important;
}

/* النجمة / التقييم */
.s-product-card-rating,
.star-rating,
.rating,
.s-product-card .rating,
.s-product-card .s-product-card-rating {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;

  order: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: flex-start !important;

  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 8px !important;
  padding: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  z-index: auto !important;
}

/* الزر */
button.s-button-element.s-button-btn,
.s-product-card .s-button-btn,
.s-product-card .s-button-element {
  order: 4 !important;
}