/* =========================================================
   ENJOY STORE — MERGED CUSTOM CSS
   نسخة موحدة بدون تعارضات — استبدل بها كل CSS الحالي
========================================================= */

:root {
  --enjoy-primary: #8d08f5;
  --enjoy-primary-dark: #5e02c4;
  --enjoy-primary-light: #bc33f8;
  --enjoy-purple-soft: #d186fa;
  --enjoy-purple-pale: #eebdfa;

  --enjoy-black: #050505;
  --enjoy-surface: #16071f;
  --enjoy-surface-light: #261030;

  --enjoy-white: #fdfcfd;
  --enjoy-text-light: #e6dfea;
  --enjoy-border: rgba(209, 134, 250, 0.28);
  --enjoy-card-media-height: clamp(300px, 25vw, 340px);

  --enjoy-gradient: linear-gradient(
    135deg,
    #5e02c4 0%,
    #8d08f5 50%,
    #bc33f8 100%
  );

  --enjoy-footer-background:
    radial-gradient(
      circle at 85% 10%,
      rgba(188, 51, 248, 0.22),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      #050505 0%,
      #16071f 48%,
      #31045e 100%
    );
}




/* =========================================================
   شاشة تحميل بديلة — تغطي شاشة الثيم الأصلية
   نفس ألوان الفوتر، ولا تعتمد على سليكتور شاشة سلة
========================================================= */

html.enjoy-booting,
html.enjoy-booting body {
  overflow: hidden !important;
  background: #16071f !important;
}

/*
 * تظهر الخلفية بمجرد تشغيل JavaScript، حتى قبل إنشاء العنصر.
 * دي لا تستهدف شاشة سلة؛ بل تغطيها بالكامل.
 */
html.enjoy-booting::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483645;
  pointer-events: all;

  background:
    radial-gradient(
      circle at 85% 10%,
      rgba(188, 51, 248, 0.22),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      #050505 0%,
      #16071f 48%,
      #31045e 100%
    ) !important;
}

/* شاشة التحميل التي ينشئها الكود */
#enjoy-custom-loader {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100vw !important;
  height: 100vh !important;

  background:
    radial-gradient(
      circle at 85% 10%,
      rgba(188, 51, 248, 0.22),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      #050505 0%,
      #16071f 48%,
      #31045e 100%
    ) !important;

  opacity: 1;
  visibility: visible;
  pointer-events: all;

  transition:
    opacity 0.38s ease,
    visibility 0.38s ease;
}

#enjoy-custom-loader.enjoy-loader-leaving {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.enjoy-loader-inner {
  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;

  width: min(78vw, 340px);
  min-height: 230px;
  padding: 30px 26px;

  text-align: center;
}

.enjoy-loader-logo {
  display: block;
  width: min(230px, 62vw) !important;
  height: auto !important;
  max-height: 150px !important;
  object-fit: contain !important;

  filter:
    drop-shadow(0 0 14px rgba(188, 51, 248, 0.45))
    drop-shadow(0 0 32px rgba(141, 8, 245, 0.22));

  animation: enjoy-loader-logo-breathe 1.35s ease-in-out infinite;
}

/* بديل نصي يظهر لحين التقاط صورة اللوجو من المتجر */
.enjoy-loader-wordmark {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 0.86;
  color: #ffffff;
  text-shadow:
    0 0 15px rgba(188, 51, 248, 0.45),
    0 0 36px rgba(141, 8, 245, 0.30);

  animation: enjoy-loader-logo-breathe 1.35s ease-in-out infinite;
}

.enjoy-loader-wordmark strong {
  font-size: clamp(42px, 12vw, 74px);
  font-weight: 900;
  letter-spacing: 0.05em;
}

.enjoy-loader-wordmark span {
  margin-top: 12px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.48em;
  color: #d186fa;
  transform: translateX(0.24em);
}

.enjoy-loader-track {
  width: min(210px, 55vw);
  height: 4px;
  overflow: hidden;

  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 0 0 1px rgba(238, 189, 250, 0.12);
}

.enjoy-loader-track::before {
  content: "";
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;

  background: linear-gradient(
    90deg,
    #8d08f5,
    #eebdfa,
    #bc33f8
  );

  box-shadow:
    0 0 10px rgba(188, 51, 248, 0.72),
    0 0 22px rgba(141, 8, 245, 0.42);

  animation: enjoy-loader-progress 1.05s ease-in-out infinite;
}

@keyframes enjoy-loader-progress {
  0% {
    transform: translateX(-125%);
  }

  100% {
    transform: translateX(340%);
  }
}

@keyframes enjoy-loader-logo-breathe {
  0%,
  100% {
    transform: scale(0.98);
    opacity: 0.88;
  }

  50% {
    transform: scale(1.035);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .enjoy-loader-logo,
  .enjoy-loader-wordmark,
  .enjoy-loader-track::before {
    animation: none !important;
  }
}



/* =========================================================
   0) شاشة التحميل — نفس خلفية الفوتر
========================================================= */

/*
 * الكلاس enjoy-page-loader يضاف تلقائيًا من JavaScript.
 * أضفنا أيضًا أشهر سليكتورات شاشات التحميل لضمان ظهور اللون مبكرًا.
 */
.enjoy-page-loader,
body > #loader,
body > #preloader,
body > .preloader,
body > .page-loader,
body > .page-loading,
body > .loading-screen,
body > .loader-init,
body > .salla-loader,
body > salla-loader,
body > salla-loading {
  background: var(--enjoy-footer-background) !important;
  background-color: var(--enjoy-surface) !important;
  color: #ffffff !important;
}

/* ضمان تغطية الشاشة في حالة أن الثيم لم يحدد الأبعاد بوضوح */
.enjoy-page-loader {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  min-width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  z-index: 2147483000 !important;
}

/* اللوجو داخل شاشة التحميل */
.enjoy-page-loader img,
.enjoy-page-loader svg,
body > #loader img,
body > #preloader img,
body > .preloader img,
body > .page-loader img,
body > .loading-screen img {
  position: relative;
  z-index: 2;
  max-width: min(220px, 52vw) !important;
  max-height: min(180px, 34vh) !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 22px rgba(188, 51, 248, 0.42));
}

/* ألوان مؤشرات التحميل إن وُجدت */
.enjoy-page-loader [class*="spinner"],
.enjoy-page-loader [class*="loader"],
.enjoy-page-loader .loading,
.enjoy-page-loader progress {
  color: var(--enjoy-purple-soft) !important;
  accent-color: var(--enjoy-primary-light) !important;
}

.enjoy-page-loader [class*="spinner"] {
  border-color: rgba(255, 255, 255, 0.22) !important;
  border-top-color: var(--enjoy-purple-soft) !important;
}

.enjoy-page-loader::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(188, 51, 248, 0.12),
      transparent 34%
    );
}

/* =========================================================
   1) الهيدر — أكبر + لوجو واحد + الأيقونات باللون الأبيض
========================================================= */

.enjoy-header {
  position: relative;
  z-index: 50;
}

.enjoy-header .main-nav-container,
.enjoy-header .main-header,
.enjoy-header .header-inner,
.enjoy-header .navbar,
.enjoy-header [class*="header-wrapper"] {
  min-height: 110px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.enjoy-header .navbar-brand,
.enjoy-header .store-logo,
.enjoy-header a.logo,
.enjoy-header [class*="logo-container"],
.enjoy-header [class*="header-logo"],
.enjoy-header [class*="brand-logo"] {
  display: flex !important;
  align-items: center !important;
}

.enjoy-header .enjoy-main-logo {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 180px !important;
  max-height: 88px !important;
  object-fit: contain !important;
}

.enjoy-header .enjoy-logo-hidden,
.enjoy-header [data-enjoy-logo="duplicate"] {
  display: none !important;
}

/* لون نصوص وروابط الهيدر */
.enjoy-header a,
.enjoy-header button,
.enjoy-header [role="button"],
.enjoy-header .main-menu,
.enjoy-header .main-nav,
.enjoy-header nav {
  color: #ffffff !important;
}

/* لون أيقونات الهيدر */
.enjoy-header svg,
.enjoy-header i,
.enjoy-header salla-cart-summary,
.enjoy-header salla-user-menu,
.enjoy-header salla-search,
.enjoy-header salla-button,
.enjoy-header [class^="sicon-"],
.enjoy-header [class*=" sicon-"] {
  color: #ffffff !important;
}

.enjoy-header svg [stroke]:not([stroke="none"]),
.enjoy-header svg path[stroke]:not([stroke="none"]),
.enjoy-header svg circle[stroke]:not([stroke="none"]) {
  stroke: #ffffff !important;
}

.enjoy-header svg [fill]:not([fill="none"]),
.enjoy-header svg path[fill]:not([fill="none"]),
.enjoy-header svg circle[fill]:not([fill="none"]) {
  fill: #ffffff !important;
}

/* الأرقام الصغيرة مثل عدّاد السلة */
.enjoy-header [class*="badge"],
.enjoy-header [class*="count"],
.enjoy-header .s-cart-summary-count {
  color: #ffffff !important;
}

.enjoy-header .main-menu,
.enjoy-header .main-nav,
.enjoy-header nav {
  font-size: 15px;
}


/* أيقونة تسجيل الدخول المحددة داخل هيدر Anjiz */
#anjiz-header
> div.anjiz-header__bar.border-b
> div
> nav
> button.s-user-menu-login-btn,
#anjiz-header button.s-user-menu-login-btn {
  color: #ffffff !important;
}

#anjiz-header
> div.anjiz-header__bar.border-b
> div
> nav
> button.s-user-menu-login-btn
> svg,
#anjiz-header button.s-user-menu-login-btn > svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  filter: brightness(0) invert(1) !important;
}

#anjiz-header button.s-user-menu-login-btn > svg *,
#anjiz-header button.s-user-menu-login-btn > svg path,
#anjiz-header button.s-user-menu-login-btn > svg circle,
#anjiz-header button.s-user-menu-login-btn > svg line,
#anjiz-header button.s-user-menu-login-btn > svg polyline {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

#anjiz-header button.s-user-menu-login-btn > svg [fill]:not([fill="none"]) {
  fill: #ffffff !important;
}


/* =========================================================
   2) صور متحركة بجانب «تصفح حسب الفئة»
========================================================= */

.enjoy-category-section {
  position: relative !important;
  min-height: 235px;
  overflow: hidden !important;
  isolation: isolate;
}

.enjoy-category-motion {
  position: absolute;
  top: 50%;
  left: clamp(15px, 4vw, 60px);
  z-index: 2;

  width: min(55%, 760px);
  overflow: hidden;
  direction: ltr;
  transform: translateY(-50%);

  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    #000 8%,
    #000 92%,
    transparent
  );

  mask-image: linear-gradient(
    to right,
    transparent,
    #000 8%,
    #000 92%,
    transparent
  );
}

.enjoy-motion-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: enjoy-products-motion 25s linear infinite;
  will-change: transform;
}

.enjoy-motion-group {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-inline-end: 14px;
}

.enjoy-motion-item {
  flex: 0 0 auto;
  width: clamp(125px, 12vw, 185px);
  aspect-ratio: 4 / 3;
  padding: 8px;

  background: #ffffff;
  border: 1px solid rgba(141, 8, 245, 0.16);
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(94, 2, 196, 0.13);
  overflow: hidden;
}

.enjoy-motion-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 11px;
}

.enjoy-category-motion:hover .enjoy-motion-track {
  animation-play-state: paused;
}

@keyframes enjoy-products-motion {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}


/* =========================================================
   3) كروت المنتجات — صور كبيرة ومتساوية بدون إخفاء المحتوى
========================================================= */

.enjoy-product-card {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

/* حاوية الصورة فقط، وليست الكارت كله */
.enjoy-card-media {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: var(--enjoy-card-media-height) !important;
  min-height: var(--enjoy-card-media-height) !important;
  max-height: var(--enjoy-card-media-height) !important;

  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 6px !important;

  background: #ffffff !important;
  overflow: hidden !important;
  border-radius: 16px 16px 0 0 !important;
}

/* ننسّق فقط الطبقات الموجودة في مسار الصورة */
.enjoy-card-image-layer {
  position: static !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;

  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;

  background: #ffffff !important;
  overflow: hidden !important;
}

/* الصورة تظهر كاملة داخل المساحة الموحدة */
.enjoy-card-media img,
.enjoy-card-media img.enjoy-card-image {
  position: static !important;
  inset: auto !important;

  display: block !important;
  width: 100% !important;
  height: 100% !important;

  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;

  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center center !important;

  background: #ffffff !important;
  border-radius: 11px !important;
  transform: none !important;
}

/* اسم المنتج والسعر وزر الإضافة */
.enjoy-product-card .s-product-card-content,
.enjoy-product-card .s-product-card-content-main,
.enjoy-product-card .s-product-card-content-footer,
.enjoy-product-card .product-entry__content,
.enjoy-product-card .product-card__content,
.enjoy-product-card [class*="product-content"],
.enjoy-product-card [class*="card-content"],
.enjoy-product-card [class*="product-title"],
.enjoy-product-card [class*="product-name"],
.enjoy-product-card [class*="price"],
.enjoy-product-card salla-add-product-button,
.enjoy-product-card .s-button-element {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* منع السلايد أو عنصر الشبكة من قص أسفل الكارت */
.enjoy-product-card.closest-fix,
.swiper-slide:has(.enjoy-product-card),
li:has(> .enjoy-product-card) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

@media (max-width: 1100px) {
  :root {
    --enjoy-card-media-height: 310px;
  }
}

@media (max-width: 767px) {
  :root {
    --enjoy-card-media-height: 250px;
  }
}

@media (max-width: 480px) {
  :root {
    --enjoy-card-media-height: 215px;
  }
}

/* =========================================================
   4) صفحة تفاصيل المنتج — الصورة كاملة داخل إطار
========================================================= */

body.enjoy-product-page
salla-slider[data-testid="store-product-image-slider"],
body.enjoy-product-page .enjoy-product-gallery {
  display: block;
  padding: 10px !important;

  background: #ffffff !important;
  border: 6px solid var(--enjoy-primary-dark) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 35px rgba(94, 2, 196, 0.16);
  overflow: hidden !important;
}

body.enjoy-product-page
salla-slider[data-testid="store-product-image-slider"]
[slot="items"]
.swiper-slide,

body.enjoy-product-page
salla-slider[data-testid="store-product-image-slider"]
[slot="items"]
a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;

  background: #ffffff !important;
  overflow: hidden !important;
}

body.enjoy-product-page
salla-slider[data-testid="store-product-image-slider"]
[slot="items"]
img,

body.enjoy-product-page
.enjoy-product-gallery
.enjoy-main-product-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 650px !important;
  padding: 8px;

  object-fit: contain !important;
  object-position: center !important;
  background: #ffffff !important;
  border-radius: 10px !important;
}

body.enjoy-product-page
[data-testid="store-product-thumbnails"] img,
body.enjoy-product-page
.enjoy-product-gallery
[class*="thumbnail"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #ffffff !important;
  border-radius: 8px !important;
}


/* =========================================================
   5) الفوتر — هوية داكنة ونصوص واضحة
========================================================= */

.enjoy-footer {
  position: relative;
  padding-top: 55px !important;
  padding-bottom: 35px !important;

  background: var(--enjoy-footer-background) !important;

  color: #ffffff !important;
  border-top: 3px solid var(--enjoy-primary-light) !important;
}

.enjoy-footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: var(--enjoy-gradient);
  box-shadow: 0 0 22px rgba(188, 51, 248, 0.7);
}

/* كل نصوص الفوتر أبيض */
.enjoy-footer,
.enjoy-footer h1,
.enjoy-footer h2,
.enjoy-footer h3,
.enjoy-footer h4,
.enjoy-footer h5,
.enjoy-footer h6,
.enjoy-footer p,
.enjoy-footer span,
.enjoy-footer li,
.enjoy-footer address,
.enjoy-footer label,
.enjoy-footer a,
.enjoy-footer small,
.enjoy-footer strong {
  color: #ffffff !important;
}

.enjoy-footer h1,
.enjoy-footer h2,
.enjoy-footer h3,
.enjoy-footer h4,
.enjoy-footer h5,
.enjoy-footer h6,
.enjoy-footer .footer-title {
  font-weight: 800 !important;
  line-height: 1.6;
}

.enjoy-footer p,
.enjoy-footer span,
.enjoy-footer li,
.enjoy-footer address,
.enjoy-footer label {
  line-height: 1.9;
}

.enjoy-footer a {
  text-decoration: none;
  transition: color 0.25s ease, transform 0.25s ease;
}

.enjoy-footer a:hover {
  color: var(--enjoy-purple-soft) !important;
}

.enjoy-footer li a:hover {
  display: inline-block;
  transform: translateX(-4px);
}

.enjoy-footer .footer-list,
.enjoy-footer ul {
  gap: 9px;
}

.enjoy-footer .container,
.enjoy-footer [class*="footer-container"] {
  column-gap: 45px;
  row-gap: 35px;
}

.enjoy-footer img {
  object-fit: contain;
}

.enjoy-footer .store-logo img,
.enjoy-footer .footer-logo img,
.enjoy-footer img[alt*="logo" i] {
  width: auto !important;
  max-width: 145px !important;
  max-height: 95px !important;
}

/* أيقونات الفوتر */
.enjoy-footer svg,
.enjoy-footer i,
.enjoy-footer [class^="sicon-"],
.enjoy-footer [class*=" sicon-"] {
  color: #ffffff !important;
}

.enjoy-footer svg [stroke]:not([stroke="none"]) {
  stroke: #ffffff !important;
}

.enjoy-footer [class*="social"] a,
.enjoy-footer .enjoy-social-row a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;

  color: #ffffff !important;
  background: rgba(188, 51, 248, 0.14);
  border: 1px solid rgba(209, 134, 250, 0.35);
  border-radius: 50%;

  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease;
}

.enjoy-footer [class*="social"] a:hover,
.enjoy-footer .enjoy-social-row a:hover {
  color: #ffffff !important;
  background: var(--enjoy-gradient);
  border-color: transparent;
  transform: translateY(-3px);
}

/* مدخلات الفوتر */
.enjoy-footer input {
  color: #1f1c22 !important;
  background: #ffffff !important;
  border: 1px solid var(--enjoy-border) !important;
}

.enjoy-footer input::placeholder {
  color: #77717d !important;
}


/* =========================================================
   6) الجزء السفلي من الفوتر — أفقي
========================================================= */

.enjoy-footer .enjoy-footer-bottom {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;
  grid-template-areas: "social payments rights";
  align-items: center !important;
  gap: 24px !important;

  width: 100%;
  margin-top: 30px !important;
  padding-top: 22px !important;

  color: #ffffff !important;
  border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.enjoy-footer .enjoy-social-row {
  grid-area: social;
  justify-self: start;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.enjoy-footer .enjoy-payment-row {
  grid-area: payments;
  justify-self: center;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.enjoy-footer .enjoy-payment-row > *,
.enjoy-footer .enjoy-payment-row ul,
.enjoy-footer .enjoy-payment-row > div,
.enjoy-footer .enjoy-payment-row > div > div {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.enjoy-footer .enjoy-social-row > *,
.enjoy-footer .enjoy-social-row ul,
.enjoy-footer .enjoy-social-row > div {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.enjoy-footer .enjoy-payment-row img {
  display: inline-block !important;
  width: auto !important;
  max-width: 72px !important;
  max-height: 32px !important;
  margin: 0 !important;
}

.enjoy-footer .enjoy-rights {
  grid-area: rights;
  justify-self: end;
  color: #ffffff !important;
  text-align: end;
  white-space: nowrap;
}


/* =========================================================
   7) رقم السجل التجاري — شارة فاتحة
========================================================= */

.enjoy-footer .enjoy-cr-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  min-width: 125px !important;
  margin-top: 8px !important;
  padding: 9px 18px !important;

  color: #ffffff !important;
  background: linear-gradient(
    135deg,
    #d186fa 0%,
    #bc33f8 100%
  ) !important;

  border: 1px solid #eebdfa !important;
  border-radius: 999px !important;

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

  box-shadow: 0 6px 18px rgba(188, 51, 248, 0.3) !important;
  cursor: default !important;
}

.enjoy-footer .enjoy-cr-badge,
.enjoy-footer .enjoy-cr-badge * {
  color: #ffffff !important;
}


/* =========================================================
   الموبايل
========================================================= */

@media (max-width: 1100px) {
  :root {
    --enjoy-card-media-height: 350px;
  }
}

@media (max-width: 767px) {
  :root {
    --enjoy-card-media-height: 270px;
  }
}

@media (max-width: 480px) {
  :root {
    --enjoy-card-media-height: 230px;
  }
}


@media (max-width: 767px) {
  .enjoy-header .main-nav-container,
  .enjoy-header .main-header,
  .enjoy-header .header-inner,
  .enjoy-header .navbar,
  .enjoy-header [class*="header-wrapper"] {
    min-height: 78px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .enjoy-header .enjoy-main-logo {
    max-width: 110px !important;
    max-height: 60px !important;
  }

  .enjoy-category-section {
    min-height: 0;
  }

  .enjoy-category-motion {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-top: 24px;
    padding-bottom: 6px;
    transform: none;
  }

  .enjoy-motion-item {
    width: 135px;
    border-radius: 13px;
  }

  body.enjoy-product-page
  salla-slider[data-testid="store-product-image-slider"],
  body.enjoy-product-page .enjoy-product-gallery {
    padding: 6px !important;
    border-width: 4px !important;
    border-radius: 14px !important;
  }

  body.enjoy-product-page
  salla-slider[data-testid="store-product-image-slider"]
  [slot="items"]
  .swiper-slide,

  body.enjoy-product-page
  salla-slider[data-testid="store-product-image-slider"]
  [slot="items"]
  a {
    aspect-ratio: 4 / 5 !important;
  }

  .enjoy-footer {
    padding-top: 40px !important;
    padding-bottom: 25px !important;
    text-align: center;
  }

  .enjoy-footer .container,
  .enjoy-footer [class*="footer-container"] {
    row-gap: 30px;
  }

  .enjoy-footer .enjoy-footer-bottom {
    grid-template-columns: 1fr;
    grid-template-areas:
      "social"
      "payments"
      "rights";
    justify-items: center;
    gap: 18px !important;
    text-align: center !important;
  }

  .enjoy-footer .enjoy-social-row,
  .enjoy-footer .enjoy-payment-row,
  .enjoy-footer .enjoy-rights {
    justify-self: center;
    justify-content: center !important;
    text-align: center !important;
  }

  .enjoy-footer .enjoy-rights {
    white-space: normal;
  }
}


@media (prefers-reduced-motion: reduce) {
  .enjoy-motion-track {
    animation: none;
  }
}


/* =========================================================
   تأثير كروت المنتجات — لمعة ورفع وضغط
   يُضاف الكلاس للكارت المرئي مباشرة من JavaScript
========================================================= */

.enjoy-card-effect {
  position: relative !important;
  display: block !important;
  isolation: isolate !important;
  overflow: hidden !important;
  z-index: 1;

  transform: translate3d(0, 0, 0);
  transform-origin: center center;
  backface-visibility: hidden;
  will-change: transform, box-shadow;

  transition:
    transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.3s ease,
    filter 0.3s ease !important;
}

/* إطار الإضاءة */
.enjoy-card-effect::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 50;
  pointer-events: none;

  border: 1px solid transparent;
  border-radius: inherit;

  box-shadow:
    inset 0 0 0 1px rgba(238, 189, 250, 0),
    inset 0 0 34px rgba(188, 51, 248, 0);

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

/* اللمعة المتحركة */
.enjoy-card-effect::after {
  content: "";
  position: absolute;
  top: -35%;
  bottom: -35%;
  left: -75%;
  z-index: 51;
  pointer-events: none;

  width: 38%;
  opacity: 0;
  transform: skewX(-20deg);

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.06) 20%,
    rgba(255, 255, 255, 0.84) 48%,
    rgba(209, 134, 250, 0.42) 66%,
    transparent 100%
  );

  filter: blur(0.5px);
}

.enjoy-card-effect:hover {
  z-index: 20;
  transform: translate3d(0, -9px, 0) scale(1.025) !important;

  box-shadow:
    0 22px 46px rgba(22, 7, 31, 0.22),
    0 10px 28px rgba(141, 8, 245, 0.24) !important;
}

.enjoy-card-effect:hover::before {
  border-color: rgba(209, 134, 250, 0.76);

  box-shadow:
    inset 0 0 0 1px rgba(238, 189, 250, 0.24),
    inset 0 0 34px rgba(188, 51, 248, 0.13);
}

.enjoy-card-effect:hover::after {
  opacity: 1;
  animation: enjoy-visible-card-shine 0.95s ease-out forwards;
}

.enjoy-card-effect:active {
  transform: translate3d(0, -2px, 0) scale(0.975) !important;
  transition-duration: 0.08s !important;
}

@keyframes enjoy-visible-card-shine {
  from {
    left: -75%;
  }

  to {
    left: 140%;
  }
}

/* السماح للكارت بالارتفاع خارج صف الشبكة */
.enjoy-card-effect-parent {
  overflow: visible !important;
  position: relative;
}

/* =========================================================
   صفحة تفاصيل المنتج + قائمة الأقسام
   النسخة المصححة: معرض طولي + استهداف دقيق للوجو
========================================================= */

:root {
  --enjoy-menu-hover-blue: #2563eb;
  --enjoy-product-stroke: #8d08f5;
  --enjoy-product-gallery-width: 640px;
  --enjoy-product-gallery-height: 760px;
}

/* ---------------------------------------------------------
   1) هيدر صفحة المنتج بنفس هوية الصفحة الرئيسية
--------------------------------------------------------- */

#anjiz-header.enjoy-unified-header,
header.enjoy-unified-header-shell,
body.enjoy-product-details-page header.store-header,
body.enjoy-product-details-page .store-header {
  background:
    radial-gradient(
      circle at 85% 10%,
      rgba(188, 51, 248, 0.22),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      #050505 0%,
      #16071f 48%,
      #31045e 100%
    ) !important;

  color: #ffffff !important;
  border-bottom: 1px solid rgba(209, 134, 250, 0.30) !important;
  box-shadow: 0 10px 28px rgba(22, 7, 31, 0.16) !important;
}

#anjiz-header.enjoy-unified-header > *,
#anjiz-header.enjoy-unified-header .anjiz-header__bar,
#anjiz-header.enjoy-unified-header [class*="header__bar"],
#anjiz-header.enjoy-unified-header [class*="header-bar"],
header.enjoy-unified-header-shell > * {
  background-color: transparent !important;
}

#anjiz-header.enjoy-unified-header,
#anjiz-header.enjoy-unified-header nav,
#anjiz-header.enjoy-unified-header .main-menu,
#anjiz-header.enjoy-unified-header [class*="menu"] {
  overflow: visible !important;
}

#anjiz-header.enjoy-unified-header nav > ul > li > a,
#anjiz-header.enjoy-unified-header nav > ul > li > button,
#anjiz-header.enjoy-unified-header .main-menu > li > a,
#anjiz-header.enjoy-unified-header .main-menu > li > button,
#anjiz-header.enjoy-unified-header [class*="menu-item"] > a,
#anjiz-header.enjoy-unified-header [class*="menu-item"] > button {
  color: #ffffff !important;
}

#anjiz-header.enjoy-unified-header svg,
#anjiz-header.enjoy-unified-header i,
#anjiz-header.enjoy-unified-header [class^="sicon-"],
#anjiz-header.enjoy-unified-header [class*=" sicon-"] {
  color: #ffffff !important;
}

#anjiz-header.enjoy-unified-header svg [stroke]:not([stroke="none"]) {
  stroke: #ffffff !important;
}

#anjiz-header.enjoy-unified-header svg [fill]:not([fill="none"]) {
  fill: #ffffff !important;
}

/* ---------------------------------------------------------
   2) القوائم المنسدلة للأقسام الفرعية
--------------------------------------------------------- */

#anjiz-header .enjoy-submenu-panel {
  min-width: 230px !important;
  padding: 10px !important;

  background: #ffffff !important;
  border: 1px solid rgba(141, 8, 245, 0.32) !important;
  border-radius: 14px !important;

  box-shadow:
    0 18px 42px rgba(22, 7, 31, 0.18),
    0 0 0 1px rgba(188, 51, 248, 0.08) !important;

  overflow: hidden !important;
  z-index: 9999 !important;
}

#anjiz-header .enjoy-submenu-panel,
#anjiz-header .enjoy-submenu-panel li,
#anjiz-header .enjoy-submenu-panel div {
  background-color: #ffffff !important;
}

#anjiz-header .enjoy-submenu-panel a,
#anjiz-header .enjoy-submenu-panel button,
#anjiz-header .enjoy-submenu-panel [role="menuitem"] {
  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  min-height: 42px !important;
  padding: 9px 12px !important;

  color: #7b08d8 !important;
  background: #ffffff !important;

  border: 0 !important;
  border-radius: 9px !important;

  font-weight: 700 !important;
  text-align: right !important;

  transition:
    color 0.18s ease,
    background-color 0.18s ease,
    transform 0.18s ease !important;
}

#anjiz-header .enjoy-submenu-panel a svg,
#anjiz-header .enjoy-submenu-panel button svg,
#anjiz-header .enjoy-submenu-panel [role="menuitem"] svg {
  color: #8d08f5 !important;
  stroke: currentColor !important;
}

#anjiz-header .enjoy-submenu-panel a:hover,
#anjiz-header .enjoy-submenu-panel a:focus-visible,
#anjiz-header .enjoy-submenu-panel button:hover,
#anjiz-header .enjoy-submenu-panel button:focus-visible,
#anjiz-header .enjoy-submenu-panel [role="menuitem"]:hover,
#anjiz-header .enjoy-submenu-panel [role="menuitem"]:focus-visible {
  color: var(--enjoy-menu-hover-blue) !important;
  background: #eff6ff !important;
  transform: translateX(-3px);
}

/* ---------------------------------------------------------
   3) معرض المنتج: إطار طولي والصورة كاملة بدون قص
--------------------------------------------------------- */

body.enjoy-product-details-page
salla-slider[data-testid="store-product-image-slider"],
body.enjoy-product-details-page
.enjoy-product-gallery {
  display: block !important;

  width: min(
    100%,
    var(--enjoy-product-gallery-width)
  ) !important;
  max-width: var(--enjoy-product-gallery-width) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin-inline: auto !important;
  padding: 10px !important;

  background: #ffffff !important;
  border: 2px solid rgba(141, 8, 245, 0.88) !important;
  border-radius: 20px !important;

  box-shadow:
    0 18px 42px rgba(22, 7, 31, 0.14),
    0 0 0 5px rgba(188, 51, 248, 0.07) !important;

  overflow: visible !important;
}

/* العنصر المسند إلى slot=items قد يكون هو السلايد نفسه */
body.enjoy-product-details-page
salla-slider[data-testid="store-product-image-slider"]
> [slot="items"],
body.enjoy-product-details-page
.enjoy-product-gallery
> [slot="items"],
body.enjoy-product-details-page
.enjoy-main-product-slide {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: var(--enjoy-product-gallery-height) !important;
  min-height: var(--enjoy-product-gallery-height) !important;
  max-height: var(--enjoy-product-gallery-height) !important;

  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 8px !important;

  background: #ffffff !important;
  overflow: hidden !important;
}

/* كل الطبقات الواقعة بين السلايد والصورة */
body.enjoy-product-details-page
.enjoy-main-product-layer {
  position: static !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;

  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;

  background: #ffffff !important;
  overflow: hidden !important;
}

body.enjoy-product-details-page
img.enjoy-portrait-product-image,
body.enjoy-product-details-page
salla-slider[data-testid="store-product-image-slider"]
> [slot="items"] img {
  position: static !important;
  inset: auto !important;

  display: block !important;
  width: 100% !important;
  height: 100% !important;

  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;

  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center center !important;

  background: #ffffff !important;
  border-radius: 12px !important;
  transform: none !important;
}

/* الصور المصغرة تظل أفقية ومنفصلة عن ارتفاع الصورة الأساسية */
body.enjoy-product-details-page
salla-slider[data-testid="store-product-image-slider"]
> [slot="thumbs"],
body.enjoy-product-details-page
[data-testid="store-product-thumbnails"],
body.enjoy-product-details-page
.enjoy-product-gallery
[class*="thumbnail"] {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.enjoy-product-details-page
salla-slider[data-testid="store-product-image-slider"]
> [slot="thumbs"] img,
body.enjoy-product-details-page
[data-testid="store-product-thumbnails"] img,
body.enjoy-product-details-page
.enjoy-product-gallery
[class*="thumbnail"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #ffffff !important;
}

/* ---------------------------------------------------------
   4) اللوجو الموجود فوق معرض المنتج فقط
--------------------------------------------------------- */

body.enjoy-product-details-page
img.enjoy-product-gallery-logo {
  display: block !important;

  width: auto !important;
  height: auto !important;
  max-width: 125px !important;
  max-height: 125px !important;

  margin: 10px auto !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  object-fit: contain !important;

  filter:
    drop-shadow(
      0 7px 13px rgba(94, 2, 196, 0.18)
    ) !important;
}

body.enjoy-product-details-page
.enjoy-product-gallery-logo-wrap {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ---------------------------------------------------------
   5) نموذج الطلب السريع
--------------------------------------------------------- */

#anjiz-order-2018191282 > salla-quick-order > div,
[id^="anjiz-order-"] > salla-quick-order > div {
  background: #ffffff !important;
  color: #111111 !important;

  border: 2px solid var(--enjoy-product-stroke) !important;
  border-radius: 20px !important;

  box-shadow:
    0 18px 40px rgba(22, 7, 31, 0.12),
    0 0 0 5px rgba(188, 51, 248, 0.07) !important;

  overflow: hidden !important;
}

#anjiz-order-2018191282 > salla-quick-order > div h1,
#anjiz-order-2018191282 > salla-quick-order > div h2,
#anjiz-order-2018191282 > salla-quick-order > div h3,
#anjiz-order-2018191282 > salla-quick-order > div h4,
#anjiz-order-2018191282 > salla-quick-order > div p,
#anjiz-order-2018191282 > salla-quick-order > div span,
#anjiz-order-2018191282 > salla-quick-order > div label,
#anjiz-order-2018191282 > salla-quick-order > div strong,
#anjiz-order-2018191282 > salla-quick-order > div small,
[id^="anjiz-order-"] > salla-quick-order > div h1,
[id^="anjiz-order-"] > salla-quick-order > div h2,
[id^="anjiz-order-"] > salla-quick-order > div h3,
[id^="anjiz-order-"] > salla-quick-order > div h4,
[id^="anjiz-order-"] > salla-quick-order > div p,
[id^="anjiz-order-"] > salla-quick-order > div span,
[id^="anjiz-order-"] > salla-quick-order > div label,
[id^="anjiz-order-"] > salla-quick-order > div strong,
[id^="anjiz-order-"] > salla-quick-order > div small {
  color: #111111 !important;
}

#anjiz-order-2018191282 > salla-quick-order > div input,
#anjiz-order-2018191282 > salla-quick-order > div select,
#anjiz-order-2018191282 > salla-quick-order > div textarea,
[id^="anjiz-order-"] > salla-quick-order > div input,
[id^="anjiz-order-"] > salla-quick-order > div select,
[id^="anjiz-order-"] > salla-quick-order > div textarea {
  background: #ffffff !important;
  color: #111111 !important;

  border: 1px solid rgba(141, 8, 245, 0.42) !important;
  border-radius: 11px !important;

  box-shadow: none !important;
}

#anjiz-order-2018191282 > salla-quick-order > div input::placeholder,
#anjiz-order-2018191282 > salla-quick-order > div textarea::placeholder,
[id^="anjiz-order-"] > salla-quick-order > div input::placeholder,
[id^="anjiz-order-"] > salla-quick-order > div textarea::placeholder {
  color: #666666 !important;
  opacity: 1 !important;
}

#anjiz-order-2018191282 > salla-quick-order > div input:focus,
#anjiz-order-2018191282 > salla-quick-order > div select:focus,
#anjiz-order-2018191282 > salla-quick-order > div textarea:focus,
[id^="anjiz-order-"] > salla-quick-order > div input:focus,
[id^="anjiz-order-"] > salla-quick-order > div select:focus,
[id^="anjiz-order-"] > salla-quick-order > div textarea:focus {
  border-color: var(--enjoy-primary) !important;
  box-shadow:
    0 0 0 3px rgba(141, 8, 245, 0.14) !important;
  outline: none !important;
}

#anjiz-order-2018191282 > salla-quick-order > div button,
#anjiz-order-2018191282 > salla-quick-order > div .s-button-element,
[id^="anjiz-order-"] > salla-quick-order > div button,
[id^="anjiz-order-"] > salla-quick-order > div .s-button-element {
  background:
    linear-gradient(
      135deg,
      #5e02c4,
      #8d08f5,
      #bc33f8
    ) !important;

  color: #ffffff !important;
  border: 0 !important;
}

@media (max-width: 1100px) {
  :root {
    --enjoy-product-gallery-width: 560px;
    --enjoy-product-gallery-height: 680px;
  }
}

@media (max-width: 767px) {
  :root {
    --enjoy-product-gallery-width: 100%;
    --enjoy-product-gallery-height:
      min(118vw, 560px);
  }

  body.enjoy-product-details-page
  salla-slider[data-testid="store-product-image-slider"],
  body.enjoy-product-details-page
  .enjoy-product-gallery {
    width: 100% !important;
    max-width: none !important;
    padding: 6px !important;
    border-radius: 16px !important;
  }

  body.enjoy-product-details-page
  img.enjoy-product-gallery-logo {
    max-width: 92px !important;
    max-height: 92px !important;
  }

  #anjiz-header .enjoy-submenu-panel {
    min-width: min(92vw, 320px) !important;
  }
}