/* ============================================================
   تصميم قائمة التنقل (mm-spn--navbar) بألوان الهوية
   #8a6524 و#E5B062
   ============================================================ */

body .mm-spn.mm-spn--navbar {
  position: relative;
  max-width: 100vw;
  box-sizing: border-box;
  background: linear-gradient(180deg, #000000 0%, #0d0905 50%, #000000 100%) !important;
  overflow-x: hidden;
}

body .mm-spn--main,
body ul.main-menu {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body ul.main-menu.mm-spn--open,
body .mm-spn.mm-spn--navbar ul.mm-spn--open {
  padding-right: 0 !important;
}

body .mm-spn.mm-spn--navbar::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(3px 3px at 10% 95%, #E5B062, transparent),
    radial-gradient(2.5px 2.5px at 25% 85%, #f3d9a8, transparent),
    radial-gradient(3px 3px at 40% 92%, #E5B062, transparent),
    radial-gradient(2.5px 2.5px at 55% 88%, #f3d9a8, transparent),
    radial-gradient(3px 3px at 70% 95%, #E5B062, transparent),
    radial-gradient(2.5px 2.5px at 85% 90%, #f3d9a8, transparent),
    radial-gradient(3px 3px at 95% 85%, #E5B062, transparent);
  background-size: 100% 300%;
  background-repeat: repeat;
  opacity: 0.9;
  animation: nb-menu-dots-rise 6s linear infinite;
}
@keyframes nb-menu-dots-rise {
  from { background-position-y: 0; }
  to   { background-position-y: -300%; }
}

body .mm-spn.mm-spn--navbar > ul {
  position: relative;
  z-index: 1;
}

body .mm-spn.mm-spn--navbar ul li {
  margin-bottom: 10px;
  list-style: none;
  width: 100%;
  float: none !important;
  direction: rtl;
  background: transparent !important;
}

body .mm-spn.mm-spn--navbar ul.main-menu {
  background: transparent !important;
}

body .mm-spn.mm-spn--navbar ul li > a,
body .mm-spn.mm-spn--navbar ul li > span {
  position: relative;
  display: block;
  width: 100%;
  float: none !important;
  margin: 0 !important;
  box-sizing: border-box;
  text-align: right;
  direction: rtl;
  background: linear-gradient(160deg, #000000 0%, #1a1108 100%) !important;
  border: 1px solid rgba(229, 176, 98, 0.18) !important;
  border-radius: 14px !important;
  color: #fff !important;
  transition: border-color .25s ease, background .25s ease, transform .15s ease;
}

body .mm-spn.mm-spn--navbar ul li > a::after,
body .mm-spn.mm-spn--navbar ul li > span::after {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 6px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, #8a6524, #E5B062);
  box-shadow: 0 0 10px 2px rgba(229, 176, 98, 0.7);
  pointer-events: none;
  animation: nb-menu-strip-pulse 2.2s ease-in-out infinite;
}
@keyframes nb-menu-strip-pulse {
  0%, 100% {
    box-shadow: 0 0 10px 2px rgba(229, 176, 98, 0.7);
    opacity: 0.85;
  }
  50% {
    box-shadow: 0 0 18px 4px rgba(229, 176, 98, 1);
    opacity: 1;
  }
}

body .mm-spn.mm-spn--navbar ul li > a::before,
body .mm-spn.mm-spn--navbar ul li > span::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 14px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #E5B062;
  box-shadow: 0 0 8px 2px rgba(229, 176, 98, 0.8);
  pointer-events: none;
  animation: nb-menu-badge-pulse 2.2s ease-in-out infinite;
}
@keyframes nb-menu-badge-pulse {
  0%, 100% { transform: scale(1); opacity: 0.85; }
  50% { transform: scale(1.25); opacity: 1; }
}

body .mm-spn.mm-spn--navbar ul li > a:hover,
body .mm-spn.mm-spn--navbar ul li > span:hover {
  border-color: rgba(229, 176, 98, 0.55) !important;
  background: linear-gradient(160deg, #1a1108 0%, #241a0f 100%) !important;
}

body .mm-spn.mm-spn--navbar ul li > a:active,
body .mm-spn.mm-spn--navbar ul li > span:active {
  transform: scale(0.97);
  border-color: #E5B062 !important;
  box-shadow: 0 0 16px rgba(229, 176, 98, 0.5);
}

body .mm-spn.mm-spn--navbar ul li .mm-btn_next,
body .mm-spn.mm-spn--navbar ul li .mm-arrow,
body .mm-spn.mm-spn--navbar ul li [class*="arrow"] {
  color: #E5B062;
}
body .mm-spn.mm-spn--navbar ul li > a:hover .mm-btn_next,
body .mm-spn.mm-spn--navbar ul li > a:hover .mm-arrow {
  color: #fff;
}

body .mm-spn.mm-spn--navbar ul li img,
body .mm-spn.mm-spn--navbar ul li svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

body .mm-spn.mm-spn--navbar .mm-navbar {
  border-bottom: 2px solid rgba(229, 176, 98, 0.4);
  box-shadow: 0 2px 10px rgba(229, 176, 98, 0.25);
  padding-bottom: 14px;
  margin-bottom: 18px;
  background: linear-gradient(90deg, #8a6524, #E5B062, #8a6524);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
}
body .mm-spn.mm-spn--navbar .mm-navbar .mm-title {
  color: #fff;
  font-weight: 800;
}

body .mm-spn.mm-spn--navbar ul.main-menu {
  padding-top: 16px !important;
}

/* ============================================================
   أيقونات الهيدر (البحث + تسجيل الدخول + الجرس)
   ============================================================ */

.sicon-search:before {
  content: "\ef09";
  font-size: 25px;
  color: #E5B062;
  text-shadow:
    0 0 6px rgba(229, 176, 98, 0.9),
    0 0 14px rgba(229, 176, 98, 0.6),
    0 0 22px rgba(229, 176, 98, 0.4);
  transition: text-shadow .25s ease, color .25s ease;
}
.sicon-search:hover:before {
  color: #fff;
  text-shadow:
    0 0 10px rgba(229, 176, 98, 1),
    0 0 20px rgba(229, 176, 98, 0.8),
    0 0 30px rgba(229, 176, 98, 0.6);
}

.sicon-user:before {
  content: "\f078";
  font-size: 25px;
  color: #E5B062;
  text-shadow:
    0 0 6px rgba(229, 176, 98, 0.9),
    0 0 14px rgba(229, 176, 98, 0.6),
    0 0 22px rgba(229, 176, 98, 0.4);
  transition: text-shadow .25s ease, color .25s ease;
}
.sicon-user:hover:before {
  color: #fff;
  text-shadow:
    0 0 10px rgba(229, 176, 98, 1),
    0 0 20px rgba(229, 176, 98, 0.8),
    0 0 30px rgba(229, 176, 98, 0.6);
}

.sicon-bell:before {
  font-size: 25px;
  color: #E5B062;
  width: 100px;
  text-shadow:
    0 0 6px rgba(229, 176, 98, 0.9),
    0 0 14px rgba(229, 176, 98, 0.6),
    0 0 22px rgba(229, 176, 98, 0.4);
  transition: text-shadow .25s ease, color .25s ease;
}
.sicon-bell:hover:before {
  color: #fff;
  text-shadow:
    0 0 10px rgba(229, 176, 98, 1),
    0 0 20px rgba(229, 176, 98, 0.8),
    0 0 30px rgba(229, 176, 98, 0.6);
}

[class^="sicon-"]:before,
[class*=" sicon-"]:before {
  color: #E5B062 !important;
  text-shadow:
    0 0 6px rgba(229, 176, 98, 0.9),
    0 0 14px rgba(229, 176, 98, 0.55),
    0 0 22px rgba(229, 176, 98, 0.35);
  transition: color .25s ease, text-shadow .25s ease;
}
[class^="sicon-"]:hover:before,
[class*=" sicon-"]:hover:before {
  color: #fff !important;
  text-shadow:
    0 0 10px rgba(229, 176, 98, 1),
    0 0 20px rgba(229, 176, 98, 0.75),
    0 0 32px rgba(229, 176, 98, 0.5);
}

/* ============================================================
   برواز لقائمة طرق الدفع
   ============================================================ */

.s-payments-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(160deg, #000000 0%, #0d0905 55%, #000000 100%);
  border: 1.5px solid rgba(229, 176, 98, 0.35);
  border-radius: 16px 16px 6px 16px;
  padding: 1rem 1.2rem;
  transition: border-color .3s ease, box-shadow .3s ease;
  animation: nb-payments-border-glow 2.6s ease-in-out infinite;
}
@keyframes nb-payments-border-glow {
  0%, 100% {
    border-color: rgba(229, 176, 98, 0.35);
    box-shadow: 0 0 10px rgba(229, 176, 98, 0.15);
  }
  50% {
    border-color: rgba(229, 176, 98, 0.75);
    box-shadow: 0 0 20px rgba(229, 176, 98, 0.4), 0 0 36px rgba(138, 101, 36, 0.3);
  }
}

.s-payments-list img,
.s-payments-list [class*="payment-item"],
.s-payments-list li {
  border-radius: 8px 8px 3px 8px;
  transition: transform .25s ease, filter .25s ease;
  filter: grayscale(15%);
}
.s-payments-list img:hover,
.s-payments-list [class*="payment-item"]:hover,
.s-payments-list li:hover {
  transform: translateY(-2px);
  filter: grayscale(0%);
}

/* عنوان الأقسام الصغيرة بالجوال */
.index.mobile_small_blocks_titles .home-block-title h2 {
  color: #E5B062 !important;
  text-shadow:
    0 0 4px rgba(229, 176, 98, 0.7),
    0 0 8px rgba(229, 176, 98, 0.4);
}

/* ============================================================
   .border-primary — مُصلَح: الطبقة خلف المحتوى دائمًا (مو فوقه)
   تحذير: كلاس عام محتمل يتكرر بأماكن ثانية
   ============================================================ */
.border-primary {
  position: relative;
  isolation: isolate;
  border-color: #E5B062 !important;
  overflow: hidden;
}
.border-primary::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg,
    transparent 0%,
    #000000 30%,
    #E5B062 50%,
    #000000 70%,
    transparent 100%);
  background-size: 200% 100%;
  animation: nb-border-sweep 2.5s linear infinite;
}
@keyframes nb-border-sweep {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ============================================================
   إعادة تصميم الفوتر (body .store-footer)
   ============================================================ */

body .store-footer {
  position: relative;
  padding-top: 32px;
  padding-bottom: 0;
  overflow: visible;
  background: linear-gradient(180deg, #000000 0%, #0d0905 100%) !important;
}

body .store-footer__inner {
  position: relative;
  z-index: 1;
  margin: 0 12px;
  border-radius: 22px 22px 0 0;
  border: 1.5px solid rgba(229, 176, 98, 0.3);
  border-bottom: none;
  background: linear-gradient(160deg, #1a1108 0%, #0d0905 60%, #000000 100%) !important;
  box-shadow: 0 -4px 20px rgba(229, 176, 98, 0.08);
}

body .store-footer::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  height: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201000%206%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22lg%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%20gradientUnits%3D%22objectBoundingBox%22%3E%0A%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%238a6524%22%20stop-opacity%3D%220%22/%3E%0A%3Cstop%20offset%3D%2215%25%22%20stop-color%3D%22%238a6524%22%20stop-opacity%3D%220.35%22/%3E%0A%3Cstop%20offset%3D%2242%25%22%20stop-color%3D%22%23E5B062%22%20stop-opacity%3D%220.9%22/%3E%0A%3Cstop%20offset%3D%2250%25%22%20stop-color%3D%22%23fff6de%22%20stop-opacity%3D%221%22/%3E%0A%3Cstop%20offset%3D%2258%25%22%20stop-color%3D%22%23E5B062%22%20stop-opacity%3D%220.9%22/%3E%0A%3Cstop%20offset%3D%2285%25%22%20stop-color%3D%22%238a6524%22%20stop-opacity%3D%220.35%22/%3E%0A%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%238a6524%22%20stop-opacity%3D%220%22/%3E%0A%3CanimateTransform%20attributeName%3D%22gradientTransform%22%20type%3D%22translate%22%20from%3D%22-1%200%22%20to%3D%221%200%22%20dur%3D%223s%22%20repeatCount%3D%22indefinite%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221000%22%20height%3D%226%22%20fill%3D%22url%28%23lg%29%22/%3E%0A%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 5;
  pointer-events: none;
}

body .store-footer__contacts-row {
  position: relative;
  margin: 0;
  border-radius: 0;
  border: none;
  border-top: 1.5px solid rgba(229, 176, 98, 0.25);
  background: linear-gradient(180deg, #1a1108 0%, #000000 100%) !important;
  padding: 1.4rem 1rem;
}

body .store-footer__inner a,
body .store-footer__contacts-row a {
  transition: color .25s ease, opacity .25s ease;
}
body .store-footer__inner a:hover,
body .store-footer__contacts-row a:hover {
  color: #E5B062 !important;
  opacity: 0.9;
}

body .store-footer__inner button,
body .store-footer__inner .btn,
body .store-footer__inner a.button {
  border: 1.5px solid rgba(229, 176, 98, 0.4) !important;
  background: rgba(229, 176, 98, 0.08) !important;
  border-radius: 999px !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
body .store-footer__inner button:hover,
body .store-footer__inner .btn:hover,
body .store-footer__inner a.button:hover {
  border-color: #E5B062 !important;
  box-shadow: 0 6px 18px rgba(138, 101, 36, 0.35);
  transform: translateY(-2px);
}

body .store-footer__inner [class*="scroll-top"],
body .store-footer__inner [class*="back-to-top"] {
  border-radius: 50% !important;
  border: 1.5px solid rgba(229, 176, 98, 0.4) !important;
  transition: border-color .25s ease, transform .25s ease !important;
}
body .store-footer__inner [class*="scroll-top"]:hover,
body .store-footer__inner [class*="back-to-top"]:hover {
  border-color: #E5B062 !important;
  transform: translateY(-3px);
}

body .store-footer__inner img[alt*="موثق"],
body .store-footer__inner img[alt*="أعمال"] {
  transition: transform .3s ease, filter .3s ease;
}
body .store-footer__inner img[alt*="موثق"]:hover,
body .store-footer__inner img[alt*="أعمال"]:hover {
  transform: scale(1.08);
  filter: drop-shadow(0 0 10px rgba(229, 176, 98, 0.5));
}

body .store-footer__contacts-row [class*="whatsapp"],
body .store-footer__contacts-row [class*="phone"],
body .store-footer__contacts-row [class*="tiktok"],
body .store-footer__contacts-row [class*="social"] {
  background: rgba(138, 101, 36, 0.3) !important;
  border: 1.5px solid rgba(229, 176, 98, 0.4) !important;
  color: #fff !important;
  border-radius: 999px !important;
}

body .store-footer__newsletter {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  animation: none !important;
}

body .store-footer__newsletter button {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.5), rgba(229, 176, 98, 0.25)) !important;
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1.5px solid rgba(229, 176, 98, 0.5) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 6px 18px rgba(138, 101, 36, 0.4);
  border-radius: 999px !important;
  animation: nb-newsletter-btn-float 2.4s ease-in-out infinite;
}
@keyframes nb-newsletter-btn-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
body .store-footer__newsletter button:hover {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.65), rgba(229, 176, 98, 0.4)) !important;
  border-color: rgba(229, 176, 98, 0.8) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 24px rgba(229, 176, 98, 0.55);
}
body .store-footer__newsletter button:active {
  animation-play-state: paused;
  transform: scale(0.97);
}
body .store-footer__newsletter input {
  background: rgba(229, 176, 98, 0.06) !important;
  border: 1px solid rgba(229, 176, 98, 0.25) !important;
  border-radius: 999px !important;
  color: #fff !important;
}

body [class*="payment"] img {
  filter: grayscale(20%);
  transition: filter .25s ease;
}
body [class*="payment"] img:hover {
  filter: grayscale(0%);
}

body .store-footer__contacts-row::after {
  content: "تمت البرمجة بواسطة فريق نيكس بلس";
  display: block;
  text-align: center;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(229, 176, 98, 0.15);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.3px;
  font-family: 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
  background: linear-gradient(90deg, #8a6524, #E5B062, #8a6524);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: nb-footer-credit-shine 4s linear infinite;
}
@keyframes nb-footer-credit-shine {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ============================================================
   بطاقة التقييمات
   ============================================================ */

.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\] {
  position: relative;
  background: linear-gradient(160deg, #1a1108 0%, #0d0905 55%, #000000 100%) !important;
  border: 1.5px solid rgba(229, 176, 98, 0.3) !important;
  border-radius: 20px 20px 8px 20px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 14px rgba(229, 176, 98, 0.12) !important;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
  overflow: hidden;
}
.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\]:hover {
  border-color: rgba(229, 176, 98, 0.6) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.5), 0 0 22px rgba(229, 176, 98, 0.28) !important;
  transform: translateY(-3px);
}
.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\] svg[class*="quote"],
.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\] [class*="quote"] {
  color: rgba(229, 176, 98, 0.4) !important;
}
.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\] svg[class*="star"],
.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\] [class*="star"] {
  color: #E5B062 !important;
  fill: #E5B062 !important;
}
.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\] p {
  color: #d9d0c2 !important;
  line-height: 1.8;
}
.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\] [class*="avatar"] {
  background: linear-gradient(135deg, #8a6524, #E5B062) !important;
  color: #1a1108 !important;
  font-weight: 800 !important;
  box-shadow: 0 0 12px rgba(229, 176, 98, 0.4);
}
.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\] h3,
.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\] h4 {
  color: #fff !important;
  font-weight: 700 !important;
}
.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\] [class*="verified"],
.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\] [class*="badge"] {
  color: #7fd9a8 !important;
}

/* ============================================================
   .py-3 — مُصلَح: نص فاتح إجباري كشبكة أمان
   تحذير: كلاس عام محتمل يتكرر بأماكن ثانية غير الأسئلة
   ============================================================ */
.py-3 {
  background: rgba(229, 176, 98, 0.06) !important;
  backdrop-filter: blur(10px) saturate(160%);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  border: 1px solid rgba(229, 176, 98, 0.25);
  border-radius: 999px;
  margin-bottom: 12px;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.py-3:hover {
  border-color: rgba(229, 176, 98, 0.6);
  box-shadow: 0 0 14px rgba(229, 176, 98, 0.2);
}
.py-3 *,
.py-3[open] *,
.py-3.active * {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ============================================================
   .bg-primary — مُصلَح: نص أبيض إجباري كشبكة أمان
   (هذا كان سبب اختفاء الأسعار — خلفية غامقة بدون ضمان لون النص)
   تحذير: كلاس عام محتمل يتكرر بأماكن ثانية
   ============================================================ */
.bg-primary {
  background: linear-gradient(160deg, #000000 0%, #8a6524 100%) !important;
}
.bg-primary,
.bg-primary * {
  color: #fff !important;
}

/* ============================================================
   زر الواتساب العائم (.wa-selia.right)
   ============================================================ */
.wa-selia.right {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.55), rgba(229, 176, 98, 0.3)) !important;
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1.5px solid rgba(229, 176, 98, 0.5) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 6px 18px rgba(138, 101, 36, 0.45) !important;
  transition: box-shadow .3s ease, background .3s ease;
  animation: nb-wa-float 2.4s ease-in-out infinite;
}
@keyframes nb-wa-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
.wa-selia.right:hover {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.7), rgba(229, 176, 98, 0.45)) !important;
  border-color: rgba(229, 176, 98, 0.8) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 24px rgba(229, 176, 98, 0.6) !important;
}
.wa-selia.right:active {
  animation-play-state: paused;
  transform: scale(0.95);
}

/* ============================================================
   زر النقل (الرجوع لأعلى)
   ============================================================ */
.progress-circle.svg-content circle,
.progress-circle.svg-content path {
  stroke: #E5B062 !important;
}
[class*="scroll-top"] svg:not(.progress-circle),
[class*="back-to-top"] svg:not(.progress-circle),
[class*="scroll-top"] [class*="arrow"],
[class*="back-to-top"] [class*="arrow"] {
  color: #000 !important;
  fill: #000 !important;
  stroke: #000 !important;
  background: transparent !important;
}
.progress-circle.svg-content,
[class*="scroll-top"],
[class*="back-to-top"] {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.55), rgba(229, 176, 98, 0.3)) !important;
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1.5px solid rgba(229, 176, 98, 0.5) !important;
  border-radius: 50% !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 6px 18px rgba(138, 101, 36, 0.45) !important;
  transition: box-shadow .3s ease, background .3s ease;
  animation: nb-scroll-top-float 2.4s ease-in-out infinite;
}
@keyframes nb-scroll-top-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
[class*="scroll-top"]:hover,
[class*="back-to-top"]:hover {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.7), rgba(229, 176, 98, 0.45)) !important;
  border-color: rgba(229, 176, 98, 0.8) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 24px rgba(229, 176, 98, 0.6) !important;
}
[class*="scroll-top"]:active,
[class*="back-to-top"]:active {
  animation-play-state: paused;
  transform: scale(0.95);
}
[class*="scroll-top"] *,
[class*="back-to-top"] * {
  background-color: transparent !important;
}

/* ============================================================
   خلفية خفيفة لبطاقة المنتج بالسلايدر
   ============================================================ */
.fit-slider-products .s-slider-swiper-wrapper .swiper-slide .product-card--vertical.product-card--fit-height .product-card__content {
  background: rgba(229, 176, 98, 0.05);
  border-radius: 0 0 12px 12px;
  transition: background .3s ease;
}
.fit-slider-products .s-slider-swiper-wrapper .swiper-slide .product-card--vertical.product-card--fit-height .product-card__content:hover {
  background: rgba(229, 176, 98, 0.09);
}

/* ============================================================
   زر السلة المصغّرة ببطاقات المنتجات المبسّطة
   ============================================================ */
.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__mini-cart button {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.55), rgba(229, 176, 98, 0.3)) !important;
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1.5px solid rgba(229, 176, 98, 0.5) !important;
  border-radius: 999px !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 6px 18px rgba(138, 101, 36, 0.45) !important;
  transition: box-shadow .3s ease, background .3s ease;
  animation: nb-mini-cart-float 2.4s ease-in-out infinite;
}
@keyframes nb-mini-cart-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__mini-cart button:hover {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.7), rgba(229, 176, 98, 0.45)) !important;
  border-color: rgba(229, 176, 98, 0.8) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 24px rgba(229, 176, 98, 0.6) !important;
}
.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__mini-cart button:active {
  animation-play-state: paused;
  transform: scale(0.95);
}

/* ============================================================
   كل الأزرار الأساسية بالمتجر (s-button-element)
   ============================================================ */
.s-button-element:not(:disabled):not([loading]) {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.55), rgba(229, 176, 98, 0.3)) !important;
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1.5px solid rgba(229, 176, 98, 0.5) !important;
  border-radius: 999px !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 6px 18px rgba(138, 101, 36, 0.45) !important;
  transition: box-shadow .3s ease, background .3s ease;
  animation: nb-s-button-float 2.4s ease-in-out infinite;
}
@keyframes nb-s-button-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.s-button-element:not(:disabled):not([loading]):hover {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.7), rgba(229, 176, 98, 0.45)) !important;
  border-color: rgba(229, 176, 98, 0.8) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 24px rgba(229, 176, 98, 0.6) !important;
}
.s-button-element:not(:disabled):not([loading]):active {
  animation-play-state: paused;
  transform: scale(0.95);
}
strong {
  position: relative;
  z-index: 2;
}

.whitespace-nowrap {
  position: relative;
  z-index: 2;
}

.p-5 {
  position: relative;
  z-index: 2;
}

#details_table .ql-direction-rtl,
.product-single-top-description .ql-direction-rtl,
.quickview-description .ql-direction-rtl {
  position: relative;
  z-index: 2;
}
}
/* ============================================================
   بطاقة "أرسل الطلب كهدية" — ألوان الهوية + تفاعلات
   الكلاس المستهدف: #cart-gifting .s-list-tile-item
   #8a6524 (ماسي) و#E5B062 (بنفسجي فاتح)
   ============================================================ */

/* إزالة أي خلفية سوداء من الحاوية الأب */
#cart-gifting {
  background: transparent !important;
}

#cart-gifting .s-list-tile-item {
  position: relative;
  background: linear-gradient(160deg, #000000 0%, #0d0905 55%, #000000 100%);
  border: 1.5px solid rgba(229, 176, 98, 0.35);
  border-radius: 20px 20px 8px 20px;
  padding: 1.4rem;
  overflow: hidden;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
  animation: nb-gift-border-glow 2.4s ease-in-out infinite;
}
@keyframes nb-gift-border-glow {
  0%, 100% {
    border-color: rgba(229, 176, 98, 0.35);
    box-shadow: 0 0 10px rgba(229, 176, 98, 0.15);
  }
  50% {
    border-color: rgba(229, 176, 98, 0.85);
    box-shadow: 0 0 22px rgba(229, 176, 98, 0.5), 0 0 40px rgba(138, 101, 36, 0.35);
  }
}

/* نقاط صغيرة متطايرة للأعلى — الطبقة الأولى */
#cart-gifting .s-list-tile-item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(2.5px 2.5px at 8% 95%, #E5B062, transparent),
    radial-gradient(2px 2px at 22% 85%, #f3d9a8, transparent),
    radial-gradient(2.5px 2.5px at 38% 92%, #E5B062, transparent),
    radial-gradient(2px 2px at 55% 88%, #f3d9a8, transparent),
    radial-gradient(2.5px 2.5px at 70% 95%, #E5B062, transparent),
    radial-gradient(2px 2px at 85% 90%, #f3d9a8, transparent),
    radial-gradient(2.5px 2.5px at 95% 85%, #E5B062, transparent);
  background-size: 100% 260%;
  background-repeat: repeat;
  animation: nb-gift-dots-rise 7s linear infinite;
}
@keyframes nb-gift-dots-rise {
  from { background-position-y: 0; }
  to   { background-position-y: -260%; }
}

/* طبقة نقاط ثانية — مواقع وأحجام وسرعة مختلفة، لإحساس تبعثر أكثر */
#cart-gifting .s-list-tile-item::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(1.5px 1.5px at 15% 90%, #f3d9a8, transparent),
    radial-gradient(2.2px 2.2px at 30% 70%, #E5B062, transparent),
    radial-gradient(1.5px 1.5px at 48% 96%, #f3d9a8, transparent),
    radial-gradient(2px 2px at 63% 78%, #E5B062, transparent),
    radial-gradient(1.5px 1.5px at 78% 92%, #f3d9a8, transparent),
    radial-gradient(2.2px 2.2px at 92% 74%, #E5B062, transparent),
    radial-gradient(1.5px 1.5px at 5% 82%, #f3d9a8, transparent);
  background-size: 100% 340%;
  background-repeat: repeat;
  opacity: 0.8;
  animation: nb-gift-dots-rise-2 11s linear infinite;
}
@keyframes nb-gift-dots-rise-2 {
  from { background-position-y: 0; }
  to   { background-position-y: -340%; }
}

/* كل محتوى البطاقة فوق طبقة النقاط */
#cart-gifting .s-list-tile-item > * {
  position: relative;
  z-index: 1;
}
#cart-gifting .s-list-tile-item * {
  color: #f2f2f5;
}

#cart-gifting .s-list-tile-item:hover {
  border-color: rgba(229, 176, 98, 0.65);
  box-shadow: 0 8px 26px rgba(138, 101, 36, 0.4), inset 0 0 30px rgba(138, 101, 36, 0.15);
  transform: translateY(-3px);
}

/* العنوان */
#cart-gifting .s-list-tile-item [class*="title"],
#cart-gifting .s-list-tile-item h3,
#cart-gifting .s-list-tile-item h4 {
  color: #fff;
  font-weight: 800;
  transition: color .25s ease;
}
#cart-gifting .s-list-tile-item:hover [class*="title"] {
  color: #E5B062;
}

/* الوصف */
#cart-gifting .s-list-tile-item [class*="desc"],
#cart-gifting .s-list-tile-item p {
  color: #b8b0c9;
}

/* أيقونة الهدية */
#cart-gifting .s-list-tile-item svg,
#cart-gifting .s-list-tile-item [class*="icon"] {
  color: #E5B062;
  transition: transform .3s ease, filter .3s ease;
}
#cart-gifting .s-list-tile-item:hover svg,
#cart-gifting .s-list-tile-item:hover [class*="icon"] {
  transform: scale(1.1) rotate(-6deg);
  filter: drop-shadow(0 0 10px rgba(229, 176, 98, 0.7));
}

/* الدائرة خلف الأيقونة الرئيسية — تصير بتدرج الهوية بدل الأصفر */
#cart-gifting .s-list-tile-item [class*="icon"],
#cart-gifting .s-list-tile-item [class*="badge"],
#cart-gifting .s-list-tile-item [class*="avatar"] {
  background: linear-gradient(135deg, #8a6524, #E5B062) !important;
  border-color: rgba(229, 176, 98, 0.5) !important;
}

/* زر "أرسلها كهدية" */
#cart-gifting .s-list-tile-item button,
#cart-gifting .s-list-tile-item [class*="btn"],
#cart-gifting .s-list-tile-item a,
#cart-gifting .s-list-tile-item .s-list-tile-item-action .s-button-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 13px;
  border-radius: 14px 14px 5px 14px;
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.5), rgba(229, 176, 98, 0.25)) !important;
  background-color: transparent !important;
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1.5px solid rgba(229, 176, 98, 0.45) !important;
  color: #fff !important;
  font-weight: 700;
  cursor: pointer;
  transition: box-shadow .3s ease, background .3s ease;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 6px 18px rgba(138, 101, 36, 0.35);
  animation: nb-gift-btn-float 2.4s ease-in-out infinite;
}
@keyframes nb-gift-btn-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
#cart-gifting .s-list-tile-item button:hover,
#cart-gifting .s-list-tile-item [class*="btn"]:hover,
#cart-gifting .s-list-tile-item a:hover,
#cart-gifting .s-list-tile-item .s-list-tile-item-action .s-button-btn:hover {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.65), rgba(229, 176, 98, 0.4)) !important;
  border-color: rgba(229, 176, 98, 0.75) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 24px rgba(229, 176, 98, 0.5);
}
#cart-gifting .s-list-tile-item button:active,
#cart-gifting .s-list-tile-item [class*="btn"]:active,
#cart-gifting .s-list-tile-item .s-list-tile-item-action .s-button-btn:active {
  animation-play-state: paused;
  transform: scale(0.97);
}

/* إخفاء الطبقة الملونة خلف أيقونة الهدية داخل الزر بكل الحالات */
#cart-gifting .s-list-tile-item button svg,
#cart-gifting .s-list-tile-item button [class*="icon"],
#cart-gifting .s-list-tile-item .s-button-btn svg,
#cart-gifting .s-list-tile-item .s-button-btn [class*="icon"],
#cart-gifting .s-list-tile-item button:active svg,
#cart-gifting .s-list-tile-item button:active [class*="icon"],
#cart-gifting .s-list-tile-item button:focus svg,
#cart-gifting .s-list-tile-item button:focus [class*="icon"],
#cart-gifting .s-list-tile-item .s-button-btn:active svg,
#cart-gifting .s-list-tile-item .s-button-btn:active [class*="icon"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}
/* ============================================================
   بطاقة "أرسل الطلب كهدية" — نفس تأثيرات الكلاس السابق
   الكلاس المستهدف: .s-gifting-widget .s-list-tile-item
   #8a6524 (غامق) و#E5B062 (ذهبي فاتح)
   ============================================================ */

/* إزالة أي خلفية سوداء من الحاوية الأب */
.s-gifting-widget {
  background: transparent !important;
}

.s-gifting-widget .s-list-tile-item {
  isolation: isolate;
  position: relative;
  background: linear-gradient(160deg, #000000 0%, #0d0905 55%, #000000 100%);
  border: 1.5px solid rgba(229, 176, 98, 0.35);
  border-radius: 20px 20px 8px 20px;
  padding: 1.4rem;
  overflow: hidden;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
  animation: nb-gift-border-glow 2.4s ease-in-out infinite;
}
@keyframes nb-gift-border-glow {
  0%, 100% {
    border-color: rgba(229, 176, 98, 0.35);
    box-shadow: 0 0 10px rgba(229, 176, 98, 0.15);
  }
  50% {
    border-color: rgba(229, 176, 98, 0.85);
    box-shadow: 0 0 22px rgba(229, 176, 98, 0.5), 0 0 40px rgba(138, 101, 36, 0.35);
  }
}

/* نقاط صغيرة متطايرة للأعلى — الطبقة الأولى */
.s-gifting-widget .s-list-tile-item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(2.5px 2.5px at 8% 95%, #E5B062, transparent),
    radial-gradient(2px 2px at 22% 85%, #f3d9a8, transparent),
    radial-gradient(2.5px 2.5px at 38% 92%, #E5B062, transparent),
    radial-gradient(2px 2px at 55% 88%, #f3d9a8, transparent),
    radial-gradient(2.5px 2.5px at 70% 95%, #E5B062, transparent),
    radial-gradient(2px 2px at 85% 90%, #f3d9a8, transparent),
    radial-gradient(2.5px 2.5px at 95% 85%, #E5B062, transparent);
  background-size: 100% 260%;
  background-repeat: repeat;
  animation: nb-gift-dots-rise 7s linear infinite;
}
@keyframes nb-gift-dots-rise {
  from { background-position-y: 0; }
  to   { background-position-y: -260%; }
}

/* طبقة نقاط ثانية — مواقع وأحجام وسرعة مختلفة، لإحساس تبعثر أكثر */
.s-gifting-widget .s-list-tile-item::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(1.5px 1.5px at 15% 90%, #f3d9a8, transparent),
    radial-gradient(2.2px 2.2px at 30% 70%, #E5B062, transparent),
    radial-gradient(1.5px 1.5px at 48% 96%, #f3d9a8, transparent),
    radial-gradient(2px 2px at 63% 78%, #E5B062, transparent),
    radial-gradient(1.5px 1.5px at 78% 92%, #f3d9a8, transparent),
    radial-gradient(2.2px 2.2px at 92% 74%, #E5B062, transparent),
    radial-gradient(1.5px 1.5px at 5% 82%, #f3d9a8, transparent);
  background-size: 100% 340%;
  background-repeat: repeat;
  opacity: 0.8;
  animation: nb-gift-dots-rise-2 11s linear infinite;
}
@keyframes nb-gift-dots-rise-2 {
  from { background-position-y: 0; }
  to   { background-position-y: -340%; }
}

/* كل محتوى البطاقة فوق طبقة النقاط */
.s-gifting-widget .s-list-tile-item > * {
  position: relative;
  z-index: 1;
}
.s-gifting-widget .s-list-tile-item * {
  color: #f2f2f5;
}

.s-gifting-widget .s-list-tile-item:hover {
  border-color: rgba(229, 176, 98, 0.65);
  box-shadow: 0 8px 26px rgba(138, 101, 36, 0.4), inset 0 0 30px rgba(138, 101, 36, 0.15);
  transform: translateY(-3px);
}

/* العنوان */
.s-gifting-widget .s-list-tile-item [class*="title"],
.s-gifting-widget .s-list-tile-item h3,
.s-gifting-widget .s-list-tile-item h4 {
  color: #fff;
  font-weight: 800;
  transition: color .25s ease;
}
.s-gifting-widget .s-list-tile-item:hover [class*="title"] {
  color: #E5B062;
}

/* الوصف */
.s-gifting-widget .s-list-tile-item [class*="desc"],
.s-gifting-widget .s-list-tile-item p {
  color: #b8b0c9;
}

/* أيقونة الهدية */
.s-gifting-widget .s-list-tile-item svg,
.s-gifting-widget .s-list-tile-item [class*="icon"] {
  color: #E5B062;
  transition: transform .3s ease, filter .3s ease;
}
.s-gifting-widget .s-list-tile-item:hover svg,
.s-gifting-widget .s-list-tile-item:hover [class*="icon"] {
  transform: scale(1.1) rotate(-6deg);
  filter: drop-shadow(0 0 10px rgba(229, 176, 98, 0.7));
}

/* الدائرة خلف الأيقونة الرئيسية — تصير بتدرج الهوية بدل الأصفر */
.s-gifting-widget .s-list-tile-item [class*="icon"],
.s-gifting-widget .s-list-tile-item [class*="badge"],
.s-gifting-widget .s-list-tile-item [class*="avatar"] {
  background: linear-gradient(135deg, #8a6524, #E5B062) !important;
  border-color: rgba(229, 176, 98, 0.5) !important;
}

/* زر "أرسلها كهدية" */
.s-gifting-widget .s-list-tile-item button,
.s-gifting-widget .s-list-tile-item [class*="btn"],
.s-gifting-widget .s-list-tile-item a,
.s-gifting-widget .s-list-tile-item .s-list-tile-item-action .s-button-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 13px;
  border-radius: 14px 14px 5px 14px;
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.5), rgba(229, 176, 98, 0.25)) !important;
  background-color: transparent !important;
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1.5px solid rgba(229, 176, 98, 0.45) !important;
  color: #fff !important;
  font-weight: 700;
  cursor: pointer;
  transition: box-shadow .3s ease, background .3s ease;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 6px 18px rgba(138, 101, 36, 0.35);
  animation: nb-gift-btn-float 2.4s ease-in-out infinite;
}
@keyframes nb-gift-btn-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
.s-gifting-widget .s-list-tile-item button:hover,
.s-gifting-widget .s-list-tile-item [class*="btn"]:hover,
.s-gifting-widget .s-list-tile-item a:hover,
.s-gifting-widget .s-list-tile-item .s-list-tile-item-action .s-button-btn:hover {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.65), rgba(229, 176, 98, 0.4)) !important;
  border-color: rgba(229, 176, 98, 0.75) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 24px rgba(229, 176, 98, 0.5);
}
.s-gifting-widget .s-list-tile-item button:active,
.s-gifting-widget .s-list-tile-item [class*="btn"]:active,
.s-gifting-widget .s-list-tile-item .s-list-tile-item-action .s-button-btn:active {
  animation-play-state: paused;
  transform: scale(0.97);
}

/* إخفاء الطبقة الملونة خلف أيقونة الهدية داخل الزر بكل الحالات */
.s-gifting-widget .s-list-tile-item button svg,
.s-gifting-widget .s-list-tile-item button [class*="icon"],
.s-gifting-widget .s-list-tile-item .s-button-btn svg,
.s-gifting-widget .s-list-tile-item .s-button-btn [class*="icon"],
.s-gifting-widget .s-list-tile-item button:active svg,
.s-gifting-widget .s-list-tile-item button:active [class*="icon"],
.s-gifting-widget .s-list-tile-item button:focus svg,
.s-gifting-widget .s-list-tile-item button:focus [class*="icon"],
.s-gifting-widget .s-list-tile-item .s-button-btn:active svg,
.s-gifting-widget .s-list-tile-item .s-button-btn:active [class*="icon"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}
/* ============================================================
   نافذة تسجيل الدخول — نفس أسلوب بطاقة الإهداء وألوان الهوية
   #8a6524 (غامق) و#E5B062 (ذهبي فاتح)
   ============================================================ */

.s-login-modal .s-modal-body {
  position: relative;
  background: linear-gradient(160deg, #1a1108 0%, #0d0905 55%, #000000 100%) !important;
  border: 1.5px solid rgba(229, 176, 98, 0.35);
  border-radius: 20px 20px 8px 20px;
  overflow: hidden;
  animation: nb-login-border-glow 2.6s ease-in-out infinite;
}
@keyframes nb-login-border-glow {
  0%, 100% {
    border-color: rgba(229, 176, 98, 0.35);
    box-shadow: 0 0 10px rgba(229, 176, 98, 0.15);
  }
  50% {
    border-color: rgba(229, 176, 98, 0.75);
    box-shadow: 0 0 22px rgba(229, 176, 98, 0.4), 0 0 40px rgba(138, 101, 36, 0.25);
  }
}

/* نقاط صاعدة — الطبقة الأولى */
.s-login-modal .s-modal-body::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(2.5px 2.5px at 8% 95%, #E5B062, transparent),
    radial-gradient(2px 2px at 22% 85%, #f3d9a8, transparent),
    radial-gradient(2.5px 2.5px at 38% 92%, #E5B062, transparent),
    radial-gradient(2px 2px at 55% 88%, #f3d9a8, transparent),
    radial-gradient(2.5px 2.5px at 70% 95%, #E5B062, transparent),
    radial-gradient(2px 2px at 85% 90%, #f3d9a8, transparent),
    radial-gradient(2.5px 2.5px at 95% 85%, #E5B062, transparent);
  background-size: 100% 260%;
  background-repeat: repeat;
  animation: nb-login-dots-rise 7s linear infinite;
}
@keyframes nb-login-dots-rise {
  from { background-position-y: 0; }
  to   { background-position-y: -260%; }
}

/* المحتوى الفعلي فوق طبقة النقاط */
.s-login-modal .s-modal-body > * {
  position: relative;
  z-index: 1;
}

/* روابط وأزرار داخل النافذة */
.s-login-modal .s-modal-body a {
  transition: color .25s ease;
}
.s-login-modal .s-modal-body a:hover {
  color: #E5B062 !important;
}

.s-login-modal .s-modal-body button,
.s-login-modal .s-modal-body .btn {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.55), rgba(229, 176, 98, 0.3)) !important;
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1.5px solid rgba(229, 176, 98, 0.5) !important;
  border-radius: 999px !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 6px 18px rgba(138, 101, 36, 0.45) !important;
  transition: box-shadow .3s ease, background .3s ease;
}
.s-login-modal .s-modal-body button:hover,
.s-login-modal .s-modal-body .btn:hover {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.7), rgba(229, 176, 98, 0.45)) !important;
  border-color: rgba(229, 176, 98, 0.8) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 24px rgba(229, 176, 98, 0.6) !important;
}

/* حقول الإدخال */
.s-login-modal .s-modal-body input {
  background: rgba(229, 176, 98, 0.06) !important;
  border: 1px solid rgba(229, 176, 98, 0.25) !important;
  border-radius: 12px !important;
  color: #fff !important;
}

/* توحيد حواف البطاقة بالكامل — زوايا دائرية من كل الجهات */
.s-login-modal .s-modal-body {
  border-radius: 22px !important;
}

/* زر "دخول" الأساسي (btn--primary) — نفس تأثير الأزرار الزجاجية بالمتجر */
.btn--primary {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.55), rgba(229, 176, 98, 0.3)) !important;
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1.5px solid rgba(229, 176, 98, 0.5) !important;
  border-radius: 999px !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 6px 18px rgba(138, 101, 36, 0.45) !important;
  transition: box-shadow .3s ease, background .3s ease;
  animation: nb-s-button-float 2.4s ease-in-out infinite;
}
@keyframes nb-s-button-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.btn--primary:hover {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.7), rgba(229, 176, 98, 0.45)) !important;
  border-color: rgba(229, 176, 98, 0.8) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 24px rgba(229, 176, 98, 0.6) !important;
}
.btn--primary:active {
  animation-play-state: paused;
  transform: scale(0.97);
}

/* دوائر تسجيل الدخول بالسوشيال ميديا (أبل/فيسبوك/قوقل) — شكل مختلف بألوان الهوية */
.s-login-modal-social-btn:is(.dark *) {
  background: linear-gradient(160deg, #1a1108 0%, #0d0905 100%) !important;
  border: 1.5px solid rgba(229, 176, 98, 0.4) !important;
  border-radius: 14px 14px 5px 14px !important;
  box-shadow: 0 0 10px rgba(229, 176, 98, 0.15);
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.s-login-modal-social-btn:is(.dark *):hover {
  border-color: #E5B062 !important;
  box-shadow: 0 0 16px rgba(229, 176, 98, 0.4);
  transform: translateY(-2px);
}

/* التأكد من ظهور أيقونات/صور السوشيال ميديا بدون أي تأثير يخفيها */
.s-login-modal-social-btn:is(.dark *) img,
.s-login-modal-social-btn:is(.dark *) svg {
  opacity: 1 !important;
  filter: none !important;
  visibility: visible !important;
}
/* ============================================================
   حقل البحث — ألوان الهوية الذهبية
   ============================================================ */

.s-search-input:where([dir=rtl], [dir=rtl] *) {
  background: linear-gradient(160deg, #1a1108 0%, #0d0905 100%) !important;
  border: 1.5px solid rgba(229, 176, 98, 0.3) !important;
  border-radius: 999px !important;
  color: #fff !important;
  padding: 10px 16px !important;
  transition: border-color .25s ease, box-shadow .25s ease;
}

.s-search-input:where([dir=rtl], [dir=rtl] *)::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

.s-search-input:where([dir=rtl], [dir=rtl] *):focus {
  outline: none !important;
  border-color: #E5B062 !important;
  box-shadow: 0 0 0 3px rgba(229, 176, 98, 0.2), 0 0 14px rgba(229, 176, 98, 0.3) !important;
}
/* ============================================================
   ذيل سلة التسوق (Cart Drawer Footer) — ألوان الهوية الذهبية
   ============================================================ */

.cart-drawer.animate-in .drawer-footer {
  background: linear-gradient(160deg, #1a1108 0%, #0d0905 100%) !important;
  border-top: 1.5px solid rgba(229, 176, 98, 0.3) !important;
  border-radius: 20px 20px 0 0 !important;
  padding: 16px !important;
}

/* أي نص/سعر إجمالي داخل الذيل */
.cart-drawer.animate-in .drawer-footer * {
  color: #fff;
}

/* الزر الرئيسي (إتمام الطلب) */
.cart-drawer.animate-in .drawer-footer button,
.cart-drawer.animate-in .drawer-footer .btn {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.55), rgba(229, 176, 98, 0.3)) !important;
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1.5px solid rgba(229, 176, 98, 0.5) !important;
  border-radius: 999px !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 6px 18px rgba(138, 101, 36, 0.45) !important;
  transition: box-shadow .3s ease, background .3s ease;
  animation: nb-cart-footer-float 2.4s ease-in-out infinite;
}
@keyframes nb-cart-footer-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.cart-drawer.animate-in .drawer-footer button:hover,
.cart-drawer.animate-in .drawer-footer .btn:hover {
  background: linear-gradient(160deg, rgba(138, 101, 36, 0.7), rgba(229, 176, 98, 0.45)) !important;
  border-color: rgba(229, 176, 98, 0.8) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 24px rgba(229, 176, 98, 0.6) !important;
}
.cart-drawer.animate-in .drawer-footer button:active,
.cart-drawer.animate-in .drawer-footer .btn:active {
  animation-play-state: paused;
  transform: scale(0.97);
}
.btn--rounded-full {
  position: relative;
  z-index: 2;
}

.no-content-placeholder .icon {
  position: relative;
  z-index: 2;
}

.text-store-text-primary {
  position: relative;
  z-index: 2;
}

.text-store-text-secondary {
  position: relative;
  z-index: 2;
}
 
.dark .product-single .s-cashback-banner-container {
  position: relative;
  z-index: 2;
}
/* ============================================================
   الإطار الخارجي لودجت تمارا — نقدر نلمسه لأنه برّا الـ Shadow DOM
   (المحتوى الداخلي نفسه معزول ومستحيل نوصله، بس الصندوق اللي
   يحتويه من برّا نقدر نلوّنه)
   ============================================================ */

.tamara-summary-widget--inline-outlined,
[class*="tamara"],
tamara-widget,
tamara-checkout-summary-widget {
  background: linear-gradient(160deg, #1a1108 0%, #0d0905 100%) !important;
  border: 1.5px solid rgba(229, 176, 98, 0.35) !important;
  border-radius: 14px 14px 5px 14px !important;
  padding: 8px !important;
  transition: border-color .3s ease, box-shadow .3s ease;
}
[class*="tamara"]:hover,
tamara-widget:hover {
  border-color: rgba(229, 176, 98, 0.65) !important;
  box-shadow: 0 0 14px rgba(229, 176, 98, 0.2);
}
/* ============================================================
   جسم الدرج المتقدم — نفس خلفية المتجر (شرر + ألوان الهوية)
   CSS فقط، بدون جافاسكربت
   ============================================================ */

.advanced-content-drawer .drawer-container .drawer-body {
  position: relative;
  background: linear-gradient(180deg, #000000 0%, #150e08 45%, #000000 100%) !important;
  overflow: hidden;
}

/* شرر ذهبي متصاعد من الأسفل — نفس تقنية خلفية المتجر */
.advanced-content-drawer .drawer-container .drawer-body::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(2px 2px at 6% 92%, #E5B062, transparent),
    radial-gradient(1.5px 1.5px at 16% 78%, #f3d9a8, transparent),
    radial-gradient(2px 2px at 28% 95%, #E5B062, transparent),
    radial-gradient(1.5px 1.5px at 40% 85%, #f3d9a8, transparent),
    radial-gradient(2px 2px at 52% 90%, #E5B062, transparent),
    radial-gradient(1.5px 1.5px at 64% 80%, #f3d9a8, transparent),
    radial-gradient(2px 2px at 76% 93%, #E5B062, transparent),
    radial-gradient(1.5px 1.5px at 88% 82%, #f3d9a8, transparent),
    radial-gradient(2px 2px at 96% 90%, #E5B062, transparent);
  background-size: 100% 280%;
  background-repeat: repeat;
  animation: nb-drawer-embers-rise 9s linear infinite;
}
@keyframes nb-drawer-embers-rise {
  from { background-position-y: 0; }
  to   { background-position-y: -280%; }
}

/* شعاع ضوء علوي دافئ، نفس خلفية المتجر */
.advanced-content-drawer .drawer-container .drawer-body::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(120% 45% at 50% 0%, rgba(255, 221, 130, 0.18) 0%, transparent 65%);
  animation: nb-drawer-glow-pulse 5s ease-in-out infinite alternate;
}
@keyframes nb-drawer-glow-pulse {
  0%   { opacity: 0.7; }
  100% { opacity: 1; }
}

/* المحتوى الفعلي فوق طبقات الشرر والضوء */
.advanced-content-drawer .drawer-container .drawer-body > * {
  position: relative;
  z-index: 1;
}

/* لون النصوص العام داخل الجسم */
.advanced-content-drawer .drawer-container .drawer-body {
  color: #fff;
}
.mb-5 {
  position: relative;
  z-index: 2;
  color: rgba(229, 176, 98, 0.55) !important;
}
h2 {
  background: linear-gradient(90deg, #8a6524, #E5B062, #8a6524);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  animation: nb-h2-shine 4s linear infinite;
}
@keyframes nb-h2-shine {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
/* ============================================================
   بانر الكاشباك بصفحة المنتج
   ============================================================ */

/* ============================================================
   بانر الكاشباك بصفحة المنتج — بنفس أسلوب بطاقة الإهداء
   #8a6524 (غامق) و#E5B062 (ذهبي فاتح)
   ============================================================ */

.dark .product-single .s-cashback-banner-container {
  position: relative;
  background: linear-gradient(160deg, #1a1108 0%, #0d0905 55%, #000000 100%) !important;
  border: 1.5px solid rgba(229, 176, 98, 0.35) !important;
  border-radius: 20px 20px 8px 20px !important;
  padding: 1rem 1.2rem !important;
  overflow: hidden;
  animation: nb-cashback-border-glow 2.6s ease-in-out infinite;
}
@keyframes nb-cashback-border-glow {
  0%, 100% {
    border-color: rgba(229, 176, 98, 0.35);
    box-shadow: 0 0 10px rgba(229, 176, 98, 0.15);
  }
  50% {
    border-color: rgba(229, 176, 98, 0.75);
    box-shadow: 0 0 22px rgba(229, 176, 98, 0.4), 0 0 40px rgba(138, 101, 36, 0.25);
  }
}

/* نقاط صاعدة — نفس تقنية بطاقة الإهداء */
.dark .product-single .s-cashback-banner-container::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(2.5px 2.5px at 8% 95%, #E5B062, transparent),
    radial-gradient(2px 2px at 22% 85%, #f3d9a8, transparent),
    radial-gradient(2.5px 2.5px at 38% 92%, #E5B062, transparent),
    radial-gradient(2px 2px at 55% 88%, #f3d9a8, transparent),
    radial-gradient(2.5px 2.5px at 70% 95%, #E5B062, transparent),
    radial-gradient(2px 2px at 85% 90%, #f3d9a8, transparent),
    radial-gradient(2.5px 2.5px at 95% 85%, #E5B062, transparent);
  background-size: 100% 260%;
  background-repeat: repeat;
  animation: nb-cashback-dots-rise 7s linear infinite;
}
@keyframes nb-cashback-dots-rise {
  from { background-position-y: 0; }
  to   { background-position-y: -260%; }
}

/* المحتوى الفعلي فوق طبقة النقاط */
.dark .product-single .s-cashback-banner-container > * {
  position: relative;
  z-index: 1;
}

.dark .product-single .s-cashback-banner-container,
.dark .product-single .s-cashback-banner-container * {
  color: #fff !important;
}
.dark .product-single .s-cashback-banner-container [class*="icon"],
.dark .product-single .s-cashback-banner-container svg {
  color: #E5B062 !important;
}

/* ============================================================
   ودجت تمارا (التقسيط)
   ============================================================ */

.tamara-summary-widget--inline-outlined {
  background: linear-gradient(160deg, #1a1108 0%, #0d0905 100%) !important;
  border: 1.5px solid rgba(229, 176, 98, 0.35) !important;
  border-radius: 14px 14px 5px 14px !important;
  padding: 10px 14px !important;
  color: #fff !important;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.tamara-summary-widget--inline-outlined:hover {
  border-color: rgba(229, 176, 98, 0.65) !important;
  box-shadow: 0 0 14px rgba(229, 176, 98, 0.2);
}
.tamara-summary-widget--inline-outlined * {
  color: #fff !important;
}
.tamara-summary-widget--inline-outlined a,
.tamara-summary-widget--inline-outlined [class*="link"] {
  color: #E5B062 !important;
  text-decoration: underline;
}
/* ============================================================
   تحذير: .p-5 كلاس عام (Tailwind padding utility) يتكرر بأماكن
   كثيرة بالصفحة. هذا الكود خفيف ومصمم بحيث ما يخفي أي نص
   (خلفية شفافة خفيفة بس، بدون تغيير لون النص) — بس لو صار أي
   تعارض بمكان ثاني، ارجع لي وأظبطه بتحديد أدق.
   ============================================================ */

.p-5 {
  background: #1a1108;
  border: 1px solid rgba(229, 176, 98, 0.25);
  border-radius: 14px;
  transition: border-color .3s ease, background .3s ease;
}
.p-5:hover {
  background: #241a0f;
  border-color: rgba(229, 176, 98, 0.5);
}