/* =========================================================
   متجر عطور احترافي - منصة زد (Zid)
   لوحة الألوان:
   ذهبي فاتح  #C8A24A
   ذهبي غامق  #A57C1B
   أسود عميق  #050505
   أسود ناعم  #111111
   أبيض ناعم  #F5F5F5
   رمادي فاتح #C9C9C9
   ========================================================= */

:root {
  --gold:        #C8A24A;
  --gold-dark:   #A57C1B;
  --black:       #050505;
  --black-soft:  #111111;
  --white-soft:  #F5F5F5;
  --gray:        #C9C9C9;

  --gradient-gold: linear-gradient(135deg, #C8A24A 0%, #A57C1B 100%);
  --gradient-dark: linear-gradient(135deg, #050505 0%, #111111 100%);

  --shadow-soft: 0 8px 24px rgba(0,0,0,.18);
  --shadow-gold: 0 10px 30px rgba(200,162,74,.25);

  --radius: 14px;
  --transition: all .35s cubic-bezier(.4,0,.2,1);
}

/* ============ عام ============ */
body, .theme-body {
  background: var(--white-soft) !important;
  color: var(--black-soft) !important;
  font-family: 'Tajawal', 'Cairo', 'Almarai', sans-serif;
  letter-spacing: .2px;
}

a { transition: var(--transition); }
a:hover { color: var(--gold-dark) !important; }

::selection { background: var(--gold); color: var(--black); }

/* ============ الهيدر / القائمة العلوية ============ */
.header,
header.site-header,
.navbar,
.top-header {
  background: var(--black) !important;
  border-bottom: 1px solid rgba(200,162,74,.25) !important;
  box-shadow: var(--shadow-soft);
}

.header a,
.navbar a,
.menu a,
.top-header a {
  color: var(--white-soft) !important;
  font-weight: 500;
}

.header a:hover,
.navbar a:hover,
.menu a:hover { color: var(--gold) !important; }

.logo img,
.site-logo img {
  max-height: 60px;
  filter: drop-shadow(0 2px 6px rgba(200,162,74,.35));
}

/* أيقونات السلة والحساب */
.cart-icon, .user-icon, .search-icon,
.header .icon, .header svg {
  color: var(--gold) !important;
  fill: var(--gold) !important;
}

/* شريط البحث */
.search-bar input,
input[type="search"] {
  background: var(--black-soft) !important;
  color: var(--white-soft) !important;
  border: 1px solid var(--gold-dark) !important;
  border-radius: 999px;
  padding: 10px 18px;
}
input[type="search"]::placeholder { color: var(--gray); }

/* ============ البنرات (Slider / Banners) ============ */
.banner,
.slider,
.main-slider,
.hero-banner,
.slider-section {
  width: 100% !important;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

/* صور البنرات: نسبة موحّدة وواضحة على كل الأجهزة */
.banner img,
.slider img,
.main-slider img,
.hero-banner img,
.banners-section img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 6;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: var(--radius);
}

/* نصوص البنر */
.banner-text,
.slider-caption,
.hero-text {
  background: linear-gradient(90deg, rgba(5,5,5,.75), rgba(5,5,5,.2));
  color: var(--white-soft);
  padding: 28px 36px;
  border-radius: var(--radius);
}

.banner-text h1,
.banner-text h2,
.slider-caption h1,
.slider-caption h2 {
  color: var(--gold) !important;
  font-weight: 800;
  letter-spacing: 1px;
  text-shadow: 0 2px 10px rgba(0,0,0,.5);
}

/* تجاوب البنرات مع الجوال */
@media (max-width: 768px) {
  .banner img,
  .slider img,
  .main-slider img,
  .hero-banner img,
  .banners-section img {
    aspect-ratio: 4 / 3;
  }
  .banner-text,
  .slider-caption {
    padding: 16px 20px;
    font-size: 14px;
  }
}

/* ============ العناوين والأقسام ============ */
.section-title,
.section-header h2,
h1, h2, h3 {
  color: var(--black) !important;
  font-weight: 800;
  position: relative;
  display: inline-block;
}

.section-title::after,
.section-header h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin-top: 10px;
  background: var(--gradient-gold);
  border-radius: 2px;
}

/* ============ بطاقات المنتجات ============ */
.product,
.product-card,
.product-item,
.products-grid .product {
  background: #fff !important;
  border: 1px solid var(--gray) !important;
  border-radius: var(--radius);
  overflow: hidden;
  transition: var(--transition);
  box-shadow: 0 4px 14px rgba(0,0,0,.05);
}

.product:hover,
.product-card:hover,
.product-item:hover {
  transform: translateY(-6px);
  border-color: var(--gold) !important;
  box-shadow: var(--shadow-gold);
}

/* صور المنتجات بنفس المساحة (مربعة 1:1) */
.product img,
.product-card img,
.product-item img,
.product-thumbnail img,
.product-image img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  object-position: center !important;
  background: var(--white-soft);
  display: block;
}

/* اسم المنتج */
.product-name,
.product-title,
.product h3,
.product-card h3 {
  color: var(--black-soft) !important;
  font-weight: 700;
  font-size: 16px;
  margin: 12px 14px 4px;
  min-height: 44px;
}

/* السعر */
.product-price,
.price,
.product .price {
  color: var(--gold-dark) !important;
  font-weight: 800;
  font-size: 18px;
  margin: 0 14px 12px;
}

.price-old,
.old-price,
del {
  color: var(--gray) !important;
  text-decoration: line-through;
  font-size: 14px;
  margin-inline-start: 6px;
}

/* شارة الخصم / جديد */
.badge,
.product-badge,
.sale-badge {
  background: var(--gradient-gold) !important;
  color: var(--black) !important;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
}

/* ============ الأزرار ============ */
.btn,
button,
.button,
.add-to-cart,
input[type="submit"] {
  background: var(--gradient-gold) !important;
  color: var(--black) !important;
  border: none !important;
  border-radius: 999px;
  padding: 12px 26px;
  font-weight: 700;
  letter-spacing: .5px;
  cursor: pointer;
  transition: var(--transition);
  box-shadow: 0 6px 18px rgba(165,124,27,.25);
}

.btn:hover,
button:hover,
.add-to-cart:hover {
  background: var(--black) !important;
  color: var(--gold) !important;
  box-shadow: var(--shadow-gold);
  transform: translateY(-2px);
}

.btn-outline,
.button-outline {
  background: transparent !important;
  color: var(--gold-dark) !important;
  border: 2px solid var(--gold-dark) !important;
}
.btn-outline:hover {
  background: var(--gold-dark) !important;
  color: #fff !important;
}

/* ============ صفحة تفاصيل المنتج ============ */
.product-details .product-image img,
.product-page img.main-image {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: var(--radius);
  border: 1px solid var(--gray);
}

.product-details .product-title { color: var(--black) !important; }
.product-details .product-price { color: var(--gold-dark) !important; font-size: 26px; }

/* ============ الفوتر ============ */
.footer,
footer.site-footer {
  background: var(--black) !important;
  color: var(--gray) !important;
  padding: 50px 0 20px;
  border-top: 2px solid var(--gold-dark);
}

.footer a, footer a { color: var(--gray) !important; }
.footer a:hover { color: var(--gold) !important; }

.footer h4, .footer h5 {
  color: var(--gold) !important;
  margin-bottom: 16px;
  font-weight: 700;
}

.footer .social a {
  display: inline-flex;
  width: 38px; height: 38px;
  align-items: center; justify-content: center;
  border: 1px solid var(--gold-dark);
  border-radius: 50%;
  margin-inline-end: 8px;
}
.footer .social a:hover {
  background: var(--gradient-gold);
  color: var(--black) !important;
  border-color: transparent;
}

/* ============ تحسينات إضافية ============ */
.container { max-width: 1280px; margin: 0 auto; padding: 0 16px; }

/* شبكة المنتجات: 4 / 3 / 2 */
.products-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1024px) { .products-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px)  { .products-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 420px)  { .products-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } }

/* سكروول بار ذهبي */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--black-soft); }
::-webkit-scrollbar-thumb { background: var(--gradient-gold); border-radius: 999px; }
/* ============ إصلاح زر القائمة الأول في الهيدر ============ */
body > div.sticky.top-0.z-50 > header > nav > ul > li:nth-child(1) > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;

  background: transparent !important;
  color: var(--gold) !important;

  border: 1px solid rgba(200,162,74,.45) !important;
  border-radius: 999px !important;

  padding: 8px 14px !important;
  min-width: 42px !important;
  min-height: 42px !important;

  box-shadow: none !important;
  transform: none !important;
}

/* إظهار أي رسمة / أيقونة جوه الزر */
body > div.sticky.top-0.z-50 > header > nav > ul > li:nth-child(1) > button svg,
body > div.sticky.top-0.z-50 > header > nav > ul > li:nth-child(1) > button i,
body > div.sticky.top-0.z-50 > header > nav > ul > li:nth-child(1) > button span {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--gold) !important;
  fill: var(--gold) !important;
  stroke: var(--gold) !important;
}

/* مقاس الأيقونة */
body > div.sticky.top-0.z-50 > header > nav > ul > li:nth-child(1) > button svg {
  width: 22px !important;
  height: 22px !important;
}

/* Hover للزر */
body > div.sticky.top-0.z-50 > header > nav > ul > li:nth-child(1) > button:hover {
  background: var(--gradient-gold) !important;
  color: var(--black) !important;
  border-color: transparent !important;
  box-shadow: var(--shadow-gold) !important;
  transform: translateY(-1px) !important;
}

body > div.sticky.top-0.z-50 > header > nav > ul > li:nth-child(1) > button:hover svg,
body > div.sticky.top-0.z-50 > header > nav > ul > li:nth-child(1) > button:hover i,
body > div.sticky.top-0.z-50 > header > nav > ul > li:nth-child(1) > button:hover span {
  color: var(--black) !important;
  fill: var(--black) !important;
  stroke: var(--black) !important;
}
/* ============ إصلاح زر تسجيل الدخول في الهيدر ============ */
#header-login-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;

  background: transparent !important;
  color: var(--gold) !important;

  border: 1px solid rgba(200,162,74,.45) !important;
  border-radius: 999px !important;

  padding: 8px 14px !important;
  min-width: 42px !important;
  min-height: 42px !important;

  box-shadow: none !important;
  transform: none !important;
}

/* إظهار الأيقونة أو النص داخل زر تسجيل الدخول */
#header-login-btn svg,
#header-login-btn i,
#header-login-btn span {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;

  color: var(--gold) !important;
  fill: var(--gold) !important;
  stroke: var(--gold) !important;
}

/* مقاس الأيقونة */
#header-login-btn svg {
  width: 22px !important;
  height: 22px !important;
}

/* Hover */
#header-login-btn:hover {
  background: var(--gradient-gold) !important;
  color: var(--black) !important;
  border-color: transparent !important;
  box-shadow: var(--shadow-gold) !important;
  transform: translateY(-1px) !important;
}

#header-login-btn:hover svg,
#header-login-btn:hover i,
#header-login-btn:hover span {
  color: var(--black) !important;
  fill: var(--black) !important;
  stroke: var(--black) !important;
}
/* ============ إصلاح زر السهم السابق في سلايدر المنتجات ============ */

/* إظهار الحاوية اللي شايلة أزرار السلايدر لو كانت مخفية */
#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* زر السهم السابق */
#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex > button.products-embla__prev.flex.size-10.items-center.justify-center.rounded.bg-white\/10.p-2\.5.backdrop-blur-sm.disabled\:opacity-30 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;

  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;

  background: var(--gradient-gold) !important;
  color: var(--black) !important;

  border: 1px solid rgba(200,162,74,.65) !important;
  border-radius: 50% !important;

  padding: 0 !important;
  box-shadow: 0 6px 18px rgba(165,124,27,.25) !important;
  backdrop-filter: blur(8px) !important;

  transform: none !important;
  transition: var(--transition) !important;
}

/* إظهار رسمة السهم داخل الزر */
#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex > button.products-embla__prev svg,
#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex > button.products-embla__prev svg path {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: 20px !important;
  height: 20px !important;

  color: var(--black) !important;
  fill: none !important;
  stroke: var(--black) !important;
  stroke-width: 2.5 !important;
}

/* Hover */
#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex > button.products-embla__prev:hover {
  background: var(--black) !important;
  color: var(--gold) !important;
  border-color: var(--gold) !important;
  box-shadow: var(--shadow-gold) !important;
  transform: translateY(-2px) !important;
}

#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex > button.products-embla__prev:hover svg,
#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex > button.products-embla__prev:hover svg path {
  color: var(--gold) !important;
  stroke: var(--gold) !important;
}

/* حالة الزر لو Disabled */
#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex > button.products-embla__prev:disabled {
  opacity: .35 !important;
  cursor: not-allowed !important;
  transform: none !important;
}
/* ============ إصلاح زر السهم التالي في سلايدر المنتجات ============ */

/* إظهار الحاوية اللي شايلة أزرار السلايدر */
#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* زر السهم التالي */
#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex > button.products-embla__next.flex.size-10.items-center.justify-center.rounded.bg-white\/10.p-2\.5.backdrop-blur-sm.disabled\:opacity-30 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;

  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;

  background: var(--gradient-gold) !important;
  color: var(--black) !important;

  border: 1px solid rgba(200,162,74,.65) !important;
  border-radius: 50% !important;

  padding: 0 !important;
  box-shadow: 0 6px 18px rgba(165,124,27,.25) !important;
  backdrop-filter: blur(8px) !important;

  transform: none !important;
  transition: var(--transition) !important;
}

/* إظهار رسمة السهم داخل زر التالي */
#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex > button.products-embla__next svg,
#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex > button.products-embla__next svg path {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: 20px !important;
  height: 20px !important;

  color: var(--black) !important;
  fill: none !important;
  stroke: var(--black) !important;
  stroke-width: 2.5 !important;
}

/* Hover */
#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex > button.products-embla__next:hover {
  background: var(--black) !important;
  color: var(--gold) !important;
  border-color: var(--gold) !important;
  box-shadow: var(--shadow-gold) !important;
  transform: translateY(-2px) !important;
}

#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex > button.products-embla__next:hover svg,
#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex > button.products-embla__next:hover svg path {
  color: var(--gold) !important;
  stroke: var(--gold) !important;
}

/* حالة الزر لو Disabled */
#main > section:nth-child(9) > div > div > div.flex.items-center.gap-2 > div.hidden.items-center.gap-2.md\:flex > button.products-embla__next:disabled {
  opacity: .35 !important;
  cursor: not-allowed !important;
  transform: none !important;
}
/* ============ إصلاح أول زر داخل فورم المنتج ============ */
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  width: 100% !important;
  min-height: 48px !important;

  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;

  background: var(--gradient-gold) !important;
  color: var(--black) !important;

  border: none !important;
  border-radius: 999px !important;

  padding: 14px 28px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: .4px !important;

  box-shadow: 0 8px 22px rgba(165,124,27,.28) !important;
  transform: none !important;
  transition: var(--transition) !important;
}

/* إظهار النص / الأيقونة / الرسمة جوه الزر */
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1) span,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1) svg,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1) i {
  display: inline-flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;

  color: var(--black) !important;
  fill: var(--black) !important;
  stroke: var(--black) !important;
}

/* مقاس الأيقونة */
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1) svg {
  width: 21px !important;
  height: 21px !important;
}

/* Hover */
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1):hover {
  background: var(--black) !important;
  color: var(--gold) !important;
  box-shadow: var(--shadow-gold) !important;
  transform: translateY(-2px) !important;
}

#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1):hover span,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1):hover svg,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1):hover i {
  color: var(--gold) !important;
  fill: var(--gold) !important;
  stroke: var(--gold) !important;
}

/* Disabled */
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1):disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
  transform: none !important;
}
/* ============ إصلاح ثالث زر داخل فورم المنتج ============ */
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  width: 100% !important;
  min-height: 48px !important;

  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;

  background: transparent !important;
  color: var(--gold-dark) !important;

  border: 2px solid var(--gold-dark) !important;
  border-radius: 999px !important;

  padding: 14px 28px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: .4px !important;

  box-shadow: none !important;
  transform: none !important;
  transition: var(--transition) !important;
}

/* إظهار النص / الأيقونة / الرسمة جوه الزر */
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3) span,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3) svg,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3) i {
  display: inline-flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;

  color: var(--gold-dark) !important;
  fill: var(--gold-dark) !important;
  stroke: var(--gold-dark) !important;
}

/* مقاس الأيقونة */
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3) svg {
  width: 21px !important;
  height: 21px !important;
}

/* Hover */
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3):hover {
  background: var(--gradient-gold) !important;
  color: var(--black) !important;
  border-color: transparent !important;
  box-shadow: var(--shadow-gold) !important;
  transform: translateY(-2px) !important;
}

#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3):hover span,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3):hover svg,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3):hover i {
  color: var(--black) !important;
  fill: var(--black) !important;
  stroke: var(--black) !important;
}

/* Disabled */
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3):disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
  transform: none !important;
}
/* ============ إصلاح أزرار الكمية + و - داخل صفحة المنتج ============ */

/* الحاوية بتاعة عداد الكمية */
#product-form > div.grid.w-full.items-center.gap-2 > div {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  width: fit-content !important;
  max-width: 100% !important;
}

/* زرار الناقص والزايد */
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1),
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 54px !important;
  height: 44px !important;
  min-width: 54px !important;
  min-height: 44px !important;

  padding: 0 !important;
  margin: 0 !important;

  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;

  background: transparent !important;
  color: var(--gold-dark) !important;

  border: 2px solid var(--gold-dark) !important;
  border-radius: 999px !important;

  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-shadow: none !important;
  transform: none !important;
  transition: var(--transition) !important;
}

/* ============ Quantity selector - clean elegant style ============ */

/* الحاوية الرئيسية: نشيل المستطيل الأسود */
#product-form > div.grid.w-full.items-center.gap-2 > div {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  width: fit-content !important;
  max-width: 100% !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* أزرار + و - */
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1),
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;

  padding: 0 !important;
  margin: 0 !important;

  background: #fff !important;
  color: var(--gold-dark) !important;

  border: 2px solid rgba(165,124,27,.75) !important;
  border-radius: 50% !important;

  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-shadow: 0 4px 12px rgba(0,0,0,.06) !important;
  transform: none !important;
  transition: var(--transition) !important;
}

/* محتوى الزرار */
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1) span,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3) span,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1) svg,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3) svg,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1) i,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3) i {
  color: var(--gold-dark) !important;
  fill: var(--gold-dark) !important;
  stroke: var(--gold-dark) !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* خانة الرقم */
#product-form > div.grid.w-full.items-center.gap-2 > div > input,
#product-form > div.grid.w-full.items-center.gap-2 > div > input[type="number"] {
  width: 52px !important;
  height: 46px !important;

  background: #fff !important;
  color: var(--black) !important;

  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 14px !important;

  text-align: center !important;
  font-size: 17px !important;
  font-weight: 800 !important;

  padding: 0 !important;
  margin: 0 !important;

  box-shadow: 0 4px 12px rgba(0,0,0,.05) !important;
  outline: none !important;
}

/* إزالة الأسهم الافتراضية */
#product-form > div.grid.w-full.items-center.gap-2 > div > input[type="number"]::-webkit-inner-spin-button,
#product-form > div.grid.w-full.items-center.gap-2 > div > input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
#product-form > div.grid.w-full.items-center.gap-2 > div > input[type="number"] {
  -moz-appearance: textfield !important;
}

/* Hover */
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1):hover,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3):hover {
  background: var(--gradient-gold) !important;
  color: var(--black) !important;
  border-color: transparent !important;
  box-shadow: var(--shadow-gold) !important;
  transform: translateY(-1px) !important;
}

#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1):hover span,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3):hover span,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1):hover svg,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3):hover svg,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(1):hover i,
#product-form > div.grid.w-full.items-center.gap-2 > div > button:nth-child(3):hover i {
  color: var(--black) !important;
  fill: var(--black) !important;
  stroke: var(--black) !important;
}
/* ============ تحسين وصف المنتج في صفحة التفاصيل ============ */
#product-main-section > div.product-details-column.flex.flex-col.gap-4 > div.prose.prose-sm.max-w-none > p {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  color: var(--black-soft) !important;
  background: transparent !important;

  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.9 !important;

  text-align: right !important;
  direction: rtl !important;

  margin: 0 0 12px 0 !important;
  padding: 0 !important;

  max-width: 100% !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;

  letter-spacing: .2px !important;
}

/* إبراز أول سطر/وصف المنتج بشكل أنضف */
#product-main-section > div.product-details-column.flex.flex-col.gap-4 > div.prose.prose-sm.max-w-none {
  color: var(--black-soft) !important;
  max-width: 100% !important;
}

/* أي روابط داخل وصف المنتج */
#product-main-section > div.product-details-column.flex.flex-col.gap-4 > div.prose.prose-sm.max-w-none > p a {
  color: var(--gold-dark) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

/* أي نص قوي داخل الوصف */
#product-main-section > div.product-details-column.flex.flex-col.gap-4 > div.prose.prose-sm.max-w-none > p strong,
#product-main-section > div.product-details-column.flex.flex-col.gap-4 > div.prose.prose-sm.max-w-none > p b {
  color: var(--gold-dark) !important;
  font-weight: 800 !important;
}
font-size: 17px !important;
/* ============ Product Description - Clean Bigger Text ============ */

#product-main-section 
> div.product-details-column.flex.flex-col.gap-4 
> div.prose.prose-sm.max-w-none {
  max-width: 100% !important;
  direction: rtl !important;
  text-align: right !important;
}

/* وصف المنتج */
#product-main-section 
> div.product-details-column.flex.flex-col.gap-4 
> div.prose.prose-sm.max-w-none 
> p {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  color: var(--black-soft) !important;
  background: transparent !important;

  font-size: 17px !important;
  line-height: 2.15 !important;
  font-weight: 500 !important;

  text-align: right !important;
  direction: rtl !important;

  margin: 0 0 14px 0 !important;
  padding: 0 !important;

  max-width: 100% !important;
  overflow-wrap: break-word !important;

  letter-spacing: 0 !important;
  word-spacing: 1px !important;
}