/* Add custom CSS styles below */
/* =========================================================
   MAZOON FASHION — FINAL CONSOLIDATED CSS
   نسخة موحّدة ونظيفة لثيم ملاك
   ========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700&display=swap");

/* ==================== الهوية ==================== */

:root {
  --color-primary: #53145d;
  --color-primary-dark: #35103d;
  --color-primary-light: #80517f;
  --color-primary-reverse: #ffffff;

  --mazoon-purple: #53145d;
  --mazoon-purple-dark: #35103d;
  --mazoon-purple-soft: #74427a;
  --mazoon-plum: #75406f;

  --mazoon-ivory: #fcf8f6;
  --mazoon-cream: #f7f0eb;
  --mazoon-blush: #f7edef;
  --mazoon-rose: #dcc4ce;

  --mazoon-gold: #c7a06d;
  --mazoon-gold-soft: #dfc39d;

  --mazoon-text: #271b29;
  --mazoon-muted: #756b76;
  --mazoon-old-price: #b53f4b;

  --mazoon-border: rgba(83, 20, 93, 0.10);
  --mazoon-surface: rgba(255, 253, 252, 0.90);
  --mazoon-shadow: 0 12px 32px rgba(53, 16, 61, 0.08);

  --mazoon-font: "Alexandria", "Segoe UI", Tahoma, Arial, sans-serif;
}

/* ==================== إعدادات عامة ==================== */

html {
  scroll-behavior: smooth;
  background-color: var(--mazoon-ivory) !important;
}

body {
  position: relative !important;
  min-height: 100vh !important;
  margin: 0;
  color: var(--mazoon-text) !important;
  font-family: var(--mazoon-font) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;

  background:
    radial-gradient(
      circle at 7% 8%,
      rgba(220, 196, 206, 0.34) 0%,
      rgba(220, 196, 206, 0) 27%
    ),
    radial-gradient(
      circle at 94% 14%,
      rgba(83, 20, 93, 0.075) 0%,
      rgba(83, 20, 93, 0) 23%
    ),
    radial-gradient(
      circle at 15% 82%,
      rgba(199, 160, 109, 0.11) 0%,
      rgba(199, 160, 109, 0) 22%
    ),
    linear-gradient(
      180deg,
      #fdfaf8 0%,
      #faf4f4 38%,
      #f7f0eb 72%,
      #fcfaf7 100%
    ) !important;

  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

body,
button,
input,
select,
textarea {
  font-family: var(--mazoon-font) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.17) 0%,
      rgba(255, 255, 255, 0.03) 42%,
      rgba(83, 20, 93, 0.015) 100%
    );
}

body > *,
header,
main,
footer,
section {
  position: relative;
  z-index: 1;
}

main,
.app-inner,
.page-wrapper,
.content-wrapper,
.site-wrap,
.s-block,
.section,
.home-block,
.home-section,
.container {
  background-color: transparent !important;
}

::selection {
  color: #ffffff;
  background-color: var(--mazoon-purple);
}

a,
button {
  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--mazoon-gold) !important;
  outline-offset: 3px;
}

/* ==================== الهيدر ==================== */

header,
.store-header,
.main-header,
.main-nav-container,
.navbar {
  background:
    linear-gradient(
      180deg,
      rgba(255, 252, 251, 0.96) 0%,
      rgba(255, 247, 249, 0.91) 100%
    ) !important;

  border-bottom: 1px solid rgba(83, 20, 93, 0.09) !important;
  box-shadow:
    0 9px 30px rgba(53, 16, 61, 0.06) !important;

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

header a,
header button,
.main-header a,
.main-header button,
.navbar a,
.navbar button {
  color: var(--mazoon-purple-dark) !important;
}

header svg,
.main-header svg,
.navbar svg {
  color: var(--mazoon-purple-dark) !important;
  stroke: currentColor !important;
}

.store-logo img,
.navbar-brand img,
.main-logo img {
  width: auto !important;
  max-width: 125px !important;
  max-height: 60px !important;
  object-fit: contain !important;
}

/* شريط التنبيه إن وجد */
.top-navbar,
.top-nav,
.announcement-bar,
.store-announcement {
  background:
    linear-gradient(
      90deg,
      var(--mazoon-purple-dark),
      var(--mazoon-purple),
      var(--mazoon-purple-dark)
    ) !important;
  color: #ffffff !important;
}

.top-navbar *,
.top-nav *,
.announcement-bar *,
.store-announcement * {
  color: #ffffff !important;
}

/* ==================== البنرات ==================== */

.banner-entry,
.s-block--banners img,
.s-slider-block img,
.main-slider img {
  border-radius: 18px !important;
}

.banner-entry,
.s-block--banners,
.s-slider-block,
.main-slider {
  background: transparent !important;
  box-shadow: none !important;
}

/* ==================== عناوين الأقسام ==================== */

h1,
h2,
h3,
h4,
.s-block__title h2,
.section-title h2,
.section--title h2 {
  color: var(--mazoon-purple-dark) !important;
  font-family: var(--mazoon-font) !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  letter-spacing: -0.45px !important;
}

.s-block__title h2,
.section-title h2,
.section--title h2 {
  font-size: clamp(23px, 3vw, 34px) !important;
}

.s-block__title::after,
.section-title::after,
.section--title::after {
  content: "";
  display: block;
  width: 66px;
  height: 3px;
  margin-top: 12px;
  border-radius: 30px;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      var(--mazoon-gold) 22%,
      var(--mazoon-purple-soft) 50%,
      var(--mazoon-gold) 78%,
      transparent 100%
    ) !important;
}

/* ==================== بطاقات الأقسام والصناديق ==================== */

.s-block__display,
.block,
.feature-item,
.testimonial-item,
.category-card,
.collection-card,
.newsletter,
.subscribe-section,
.footer-newsletter,
.promotion-box,
.info-box {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.84),
      rgba(255, 250, 251, 0.76)
    ) !important;

  border: 1px solid rgba(83, 20, 93, 0.075) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 32px rgba(53, 16, 61, 0.055) !important;

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* ==================== بطاقة المنتج ==================== */

/*
  لا يتم هنا تغيير:
  صورة المنتج أو ارتفاعها أو object-fit أو aspect-ratio
*/

.s-product-card-entry,
.product-entry,
.product-card,
.product-block {
  overflow: hidden !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.965) 0%,
      rgba(255, 250, 251, 0.925) 100%
    ) !important;

  border: 1px solid var(--mazoon-border) !important;
  border-radius: 19px !important;

  box-shadow:
    0 11px 29px rgba(53, 16, 61, 0.075),
    0 2px 7px rgba(53, 16, 61, 0.035) !important;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease !important;
}

.s-product-card-entry:hover,
.product-entry:hover,
.product-card:hover,
.product-block:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(83, 20, 93, 0.19) !important;

  box-shadow:
    0 19px 40px rgba(53, 16, 61, 0.12),
    0 4px 12px rgba(53, 16, 61, 0.05) !important;
}

/* ==================== إخفاء تصنيف المنتج بأمان ==================== */

/*
  لا نخفي .s-product-card-content-sub بالكامل
  لأنها قد تحتوي السعر في بعض إصدارات ثيم ملاك.
*/

.s-product-card-entry .product-entry__category,
.s-product-card-entry .product-card__category,
.s-product-card-entry .product-block__category,
.s-product-card-entry .s-product-card-category,
.s-product-card-entry [data-category],
.s-product-card-entry a[href*="/category/"],
.s-product-card-entry a[href*="/categories/"],
.s-product-card-entry .s-product-card-content-sub:has(a[href*="/category/"]),
.s-product-card-entry .s-product-card-content-sub:has(a[href*="/categories/"]) {
  display: none !important;
}

/* ==================== اسم المنتج ==================== */

.s-product-card-content-title,
.s-product-card-content-title a,
.product-entry__title,
.product-entry__title a,
.product-card__title,
.product-card__title a,
.product-block__title,
.product-block__title a {
  color: var(--mazoon-text) !important;
  font-family: var(--mazoon-font) !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  letter-spacing: -0.2px !important;
  text-decoration: none !important;
}

.s-product-card-content-title a:hover,
.product-entry__title a:hover,
.product-card__title a:hover,
.product-block__title a:hover {
  color: var(--mazoon-purple) !important;
}

/* ==================== منطقة السعر ==================== */

.s-product-card-content-sub,
.s-product-card-content-price,
.product-price-wrapper,
.price-wrapper,
[class*="price-wrapper"] {
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.s-product-card-content-price,
.product-price-wrapper,
.price-wrapper,
[class*="price-wrapper"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  min-height: 27px !important;
}

/* السعر الحالي */
.s-product-card-price,
.s-product-card-sale-price,
.product-price,
.product-sale-price,
.price,
.sale-price {
  display: inline-flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;

  color: var(--mazoon-purple) !important;
  background: transparent !important;

  border: 0 !important;
  box-shadow: none !important;

  font-family: var(--mazoon-font) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  font-variant-numeric: tabular-nums;

  margin: 6px 0 9px !important;
  padding: 0 !important;

  word-spacing: 5px !important;
  white-space: nowrap !important;
  unicode-bidi: isolate !important;
}

/* السعر القديم عند وجود تخفيض */
.s-product-card-old-price,
.product-old-price,
.old-price {
  display: inline-flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;

  color: var(--mazoon-old-price) !important;
  background: transparent !important;

  font-family: var(--mazoon-font) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums;

  text-decoration: line-through !important;
  text-decoration-thickness: 1.5px !important;

  margin: 6px 0 9px 7px !important;
  padding: 0 !important;

  word-spacing: 5px !important;
  white-space: nowrap !important;
  unicode-bidi: isolate !important;
}

/* فصل رمز العملة عن الرقم عندما يكونان في عناصر مستقلة */
.s-product-card-price .currency,
.s-product-card-sale-price .currency,
.s-product-card-old-price .currency,
.product-price .currency,
.product-sale-price .currency,
.product-old-price .currency,
.price .currency,
.old-price .currency,
salla-money .currency,
salla-money [class*="currency"] {
  margin-inline-end: 5px !important;
}

.s-product-card-price .amount,
.s-product-card-sale-price .amount,
.s-product-card-old-price .amount,
.product-price .amount,
.product-sale-price .amount,
.product-old-price .amount,
.price .amount,
.old-price .amount,
salla-money .amount,
salla-money [class*="amount"] {
  margin-inline-start: 2px !important;
}

/* ==================== زر إضافة للسلة ==================== */

.s-product-card-entry .s-product-card-add-to-cart-button,
.s-product-card-entry .s-button-primary,
.s-product-card-entry .s-button-primary-outline,
.s-product-card-entry .add-to-cart,
.s-product-card-entry button[data-add-to-cart] {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  width: 100% !important;
  min-height: 49px !important;
  padding: 10px 17px !important;

  color: #ffffff !important;

  background:
    linear-gradient(
      115deg,
      #35103d 0%,
      #53145d 30%,
      #7b3f7a 50%,
      #5b1a64 72%,
      #35103d 100%
    ) !important;

  background-size: 240% 100% !important;
  background-position: 100% center !important;

  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 999px !important;

  box-shadow:
    0 11px 24px rgba(83, 20, 93, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.30),
    inset 0 -1px 0 rgba(25, 4, 30, 0.18) !important;

  font-family: var(--mazoon-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -0.1px !important;

  cursor: pointer !important;

  transition:
    background-position 0.5s ease,
    transform 0.24s ease,
    box-shadow 0.24s ease !important;
}

.s-product-card-entry .s-product-card-add-to-cart-button::before,
.s-product-card-entry .s-button-primary::before,
.s-product-card-entry .s-button-primary-outline::before,
.s-product-card-entry .add-to-cart::before,
.s-product-card-entry button[data-add-to-cart]::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -60%;
  right: -48%;
  width: 34%;
  height: 220%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.24),
      transparent
    );

  transform: rotate(20deg);
  transition: right 0.62s ease;
}

.s-product-card-entry .s-product-card-add-to-cart-button:hover,
.s-product-card-entry .s-button-primary:hover,
.s-product-card-entry .s-button-primary-outline:hover,
.s-product-card-entry .add-to-cart:hover,
.s-product-card-entry button[data-add-to-cart]:hover {
  color: #ffffff !important;
  background-position: 0 center !important;

  transform: translateY(-2px) scale(1.008) !important;

  box-shadow:
    0 16px 31px rgba(83, 20, 93, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

.s-product-card-entry .s-product-card-add-to-cart-button:hover::before,
.s-product-card-entry .s-button-primary:hover::before,
.s-product-card-entry .s-button-primary-outline:hover::before,
.s-product-card-entry .add-to-cart:hover::before,
.s-product-card-entry button[data-add-to-cart]:hover::before {
  right: 120%;
}

.s-product-card-entry .s-product-card-add-to-cart-button:active,
.s-product-card-entry .s-button-primary:active,
.s-product-card-entry .s-button-primary-outline:active,
.s-product-card-entry .add-to-cart:active,
.s-product-card-entry button[data-add-to-cart]:active {
  transform: translateY(0) scale(0.985) !important;
  box-shadow: 0 6px 15px rgba(83, 20, 93, 0.21) !important;
}

.s-product-card-entry .s-product-card-add-to-cart-button svg,
.s-product-card-entry .s-button-primary svg,
.s-product-card-entry .s-button-primary-outline svg,
.s-product-card-entry .add-to-cart svg,
.s-product-card-entry button[data-add-to-cart] svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* ==================== المفضلة والمعاينة ==================== */

.s-product-card-wishlist-btn,
.s-product-card-quick-view-btn {
  color: var(--mazoon-purple) !important;
  background-color: rgba(255, 250, 252, 0.94) !important;
  border: 1px solid rgba(83, 20, 93, 0.12) !important;
  border-radius: 50% !important;

  box-shadow:
    0 7px 18px rgba(53, 16, 61, 0.11) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.s-product-card-wishlist-btn:hover,
.s-product-card-quick-view-btn:hover {
  color: #ffffff !important;
  background-color: var(--mazoon-purple) !important;
  border-color: var(--mazoon-purple) !important;
  transform: translateY(-2px) scale(1.04) !important;
}

/* ==================== الأسهم والنقاط ==================== */

.swiper-button-next,
.swiper-button-prev,
.s-slider-block__next,
.s-slider-block__prev {
  color: var(--mazoon-purple-dark) !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid var(--mazoon-border) !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 18px rgba(53, 16, 61, 0.10) !important;
}

.swiper-pagination-bullet {
  background-color: rgba(83, 20, 93, 0.27) !important;
}

.swiper-pagination-bullet-active {
  background-color: var(--mazoon-purple) !important;
}

/* ==================== الحقول ==================== */

input,
select,
textarea {
  color: var(--mazoon-text) !important;
  background-color: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(83, 20, 93, 0.13) !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 17px rgba(53, 16, 61, 0.04) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--mazoon-plum) !important;

  box-shadow:
    0 0 0 4px rgba(117, 64, 111, 0.09),
    0 7px 20px rgba(53, 16, 61, 0.055) !important;
}

/* ==================== الفوتر ==================== */

footer,
.store-footer {
  color: var(--mazoon-text) !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 250, 251, 0.92) 0%,
      rgba(247, 239, 235, 0.96) 100%
    ) !important;

  border-top: 1px solid rgba(83, 20, 93, 0.085) !important;
  box-shadow: 0 -8px 25px rgba(53, 16, 61, 0.04) !important;
}

footer a,
.store-footer a {
  color: var(--mazoon-purple-dark) !important;
}

footer a:hover,
.store-footer a:hover {
  color: var(--mazoon-purple) !important;
}

/* ==================== الصفحات الفرعية ==================== */

body.inner-page,
body.page,
.inner-page main,
.inner-page .page-wrapper,
.inner-page .content-wrapper,
.product-page,
.category-page,
.cart-page,
.checkout-page {
  background-color: transparent !important;
}

/* ==================== الجوال ==================== */

@media (max-width: 767px) {
  body {
    background:
      radial-gradient(
        circle at 10% 7%,
        rgba(220, 196, 206, 0.23) 0%,
        transparent 23%
      ),
      radial-gradient(
        circle at 89% 11%,
        rgba(83, 20, 93, 0.05) 0%,
        transparent 19%
      ),
      linear-gradient(
        180deg,
        #fdfaf8 0%,
        #faf4f4 48%,
        #f7f0eb 100%
      ) !important;

    background-attachment: scroll !important;
  }

  .store-logo img,
  .navbar-brand img,
  .main-logo img {
    max-width: 110px !important;
    max-height: 52px !important;
  }

  .s-block__title h2,
  .section-title h2,
  .section--title h2 {
    font-size: 23px !important;
  }

  .banner-entry,
  .s-block--banners img,
  .s-slider-block img,
  .main-slider img {
    border-radius: 13px !important;
  }

  .s-product-card-entry,
  .product-entry,
  .product-card,
  .product-block {
    border-radius: 16px !important;
  }

  .s-product-card-content-title,
  .s-product-card-content-title a,
  .product-entry__title,
  .product-entry__title a,
  .product-card__title,
  .product-card__title a {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .s-product-card-price,
  .s-product-card-sale-price,
  .product-price,
  .product-sale-price,
  .price,
  .sale-price {
    font-size: 15px !important;
    word-spacing: 4px !important;
  }

  .s-product-card-old-price,
  .product-old-price,
  .old-price {
    font-size: 12.5px !important;
    word-spacing: 4px !important;
  }

  .s-product-card-entry .s-product-card-add-to-cart-button,
  .s-product-card-entry .s-button-primary,
  .s-product-card-entry .s-button-primary-outline,
  .s-product-card-entry .add-to-cart,
  .s-product-card-entry button[data-add-to-cart] {
    min-height: 45px !important;
    padding: 9px 9px !important;
    font-size: 12.5px !important;
  }
}
/* ==================================================
  /* منع شريط الجوال من أخذ خصائص الهيدر */
  header .navbar,
  .main-header .navbar,
  .main-nav-container .navbar {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    box-shadow: none !important;
  }

  /* مساحة أسفل الصفحة حتى لا يغطي الشريط المحتوى */
  body {
    padding-bottom: 76px !important;
  }
}
/* ==================================================
   تثبيت شريط التنقل الخاص بالجوال أسفل الشاشة
   ================================================== */

@media screen and (max-width: 767px) {

  /* استهداف شريط التنقل الذي يحتوي على روابط الرئيسية والأقسام والسلة */
  body > nav,
  body > .mobile-nav,
  body > .bottom-nav,
  body > .mobile-bottom-nav,
  body > .fixed-bottom-menu,
  body > [class*="bottom-nav"],
  body > [class*="mobile-nav"],
  body > [class*="navigation-bar"],
  body > [class*="bottom-menu"],
  body > [class*="mobile-menu"] {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    top: auto !important;
    bottom: 0 !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    z-index: 999999 !important;

    background:
      linear-gradient(
        180deg,
        rgba(255, 251, 252, 0.98),
        rgba(248, 238, 243, 0.98)
      ) !important;

    border-top: 1px solid rgba(83, 20, 93, 0.12) !important;
    border-bottom: 0 !important;

    box-shadow:
      0 -8px 24px rgba(53, 16, 61, 0.12) !important;

    transform: none !important;
    margin: 0 !important;
  }

  /* أي عنصر ثابت يحتوي شريطًا بعرض الشاشة */
  .fixed[class*="bottom"],
  .fixed.bottom-0,
  .fixed.inset-x-0,
  [class*="fixed"][class*="bottom-0"] {
    top: auto !important;
    bottom: 0 !important;
  }

  /* إعادة الهيدر الطبيعي لمكانه */
  header,
  .store-header,
  .main-header,
  .main-nav-container {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
  }

  /* منع المحتوى من الاختفاء خلف الشريط */
  body {
    padding-bottom: 78px !important;
  }
}
/* =========================================================
   MAZOON FASHION — SAVING BADGE STYLE
   شارة توفير متناسقة مع هوية المتجر
   ========================================================= */

.mazoon-saving-badge {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row !important;
  gap: 4px !important;

  width: fit-content !important;
  min-width: max-content !important;

  margin-inline-start: 8px !important;
  margin-block: 2px !important;
  padding: 5px 10px !important;

  color: #ffffff !important;

  background:
    linear-gradient(
      135deg,
      #35103d 0%,
      #53145d 45%,
      #75406f 75%,
      #45104e 100%
    ) !important;

  border: 1px solid rgba(211, 173, 117, 0.70) !important;
  border-radius: 999px !important;

  box-shadow:
    0 6px 16px rgba(83, 20, 93, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    inset 0 -1px 0 rgba(35, 8, 41, 0.18) !important;

  font-family:
    "Alexandria",
    "Segoe UI",
    Tahoma,
    Arial,
    sans-serif !important;

  font-size: 10.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;

  white-space: nowrap !important;
  vertical-align: middle !important;
  direction: rtl !important;

  animation: mazoonSavingAppear 0.35s ease both !important;
}

/* لمعة شامبين خفيفة */
.mazoon-saving-badge::before {
  content: "";
  position: absolute;
  top: -70%;
  right: -35%;
  z-index: -1;

  width: 30%;
  height: 240%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 237, 211, 0.28),
      transparent
    );

  transform: rotate(18deg);
  animation: mazoonSavingShine 4s ease-in-out infinite;
}

.mazoon-saving-text,
.mazoon-saving-currency {
  display: inline-block !important;
  color: rgba(255, 255, 255, 0.96) !important;
  font-size: inherit !important;
  font-weight: 600 !important;
  line-height: inherit !important;
}

.mazoon-saving-value {
  display: inline-block !important;

  color: #f4d7ad !important;
  font-family:
    Arial,
    "Segoe UI",
    sans-serif !important;

  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  direction: ltr !important;
  unicode-bidi: isolate !important;
  font-variant-numeric: tabular-nums !important;
}

@keyframes mazoonSavingAppear {
  from {
    opacity: 0;
    transform: translateY(4px) scale(0.94);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes mazoonSavingShine {
  0%,
  60% {
    right: -35%;
    opacity: 0;
  }

  72% {
    opacity: 1;
  }

  100% {
    right: 120%;
    opacity: 0;
  }
}

/* الجوال */
@media (max-width: 767px) {
  .mazoon-saving-badge {
    gap: 3px !important;
    margin-inline-start: 6px !important;
    padding: 4px 8px !important;
    font-size: 9.5px !important;

    box-shadow:
      0 4px 12px rgba(83, 20, 93, 0.19),
      inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
  }

  .mazoon-saving-value {
    font-size: 10.5px !important;
  }
}

/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .mazoon-saving-badge,
  .mazoon-saving-badge::before {
    animation: none !important;
  }
}