@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&display=swap');

/* =========================
   شريط التنقل الزجاجي
   ========================= */

.selia-bottom-nav {
  position: fixed !important;
  inset-inline: 12px !important;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 9999 !important;
  width: auto !important;
  max-width: 640px;
  margin-inline: auto !important;
  padding: 8px !important;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow:
    0 12px 36px rgba(89, 36, 88, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
  -webkit-backdrop-filter: blur(20px) saturate(155%);
  backdrop-filter: blur(20px) saturate(155%);
}

.selia-bottom-nav-items {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 2px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  direction: rtl;
}

.selia-bottom-nav-items > .selia-bottom-nav-button {
  position: relative;
  z-index: 1;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 5px 2px !important;
  box-sizing: border-box;
  color: #584c59 !important;
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  -webkit-tap-highlight-color: transparent;
}

.selia-bottom-nav-items .selia-bottom-nav-icon,
.selia-bottom-nav-items .s-cart-summary-wrapper,
.selia-bottom-nav-items .selia-bottom-nav-user > salla-user-menu,
.selia-bottom-nav-items .selia-bottom-nav-wishlist > .selia-bottom-nav-icon {
  position: relative;
  z-index: 1;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
}

/* أيقونات الشريط */
.selia-bottom-nav-items .selia-bottom-nav-button > .selia-bottom-nav-icon i,
.selia-bottom-nav-items .selia-bottom-nav-button > salla-user-menu i,
.selia-bottom-nav-items .selia-bottom-nav-button > salla-cart-summary i {
  display: block !important;
  margin: 0 !important;
  color: currentColor !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

.selia-bottom-nav-menu .selia-bottom-nav-icon > i {
  font-size: 21px !important;
}

/* أسماء عناصر الشريط */
.selia-bottom-nav-items .selia-bottom-nav-button > span:not(.selia-bottom-nav-pill),
.selia-bottom-nav-items .selia-bottom-nav-icon > span {
  display: block !important;
  margin: 0 !important;
  color: inherit !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

/* الحساب والمفضلة */
.selia-bottom-nav-user > salla-user-menu {
  flex: 0 0 auto;
}

.selia-bottom-nav-user button[slot="login-btn"],
.selia-bottom-nav-wishlist .selia-bottom-nav-icon > button[data-external-guest-wishlist-btn] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 28px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

.selia-bottom-nav-wishlist button[data-external-guest-wishlist-btn] svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
}

/* السلة */
.selia-bottom-nav-cart > salla-cart-summary {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

.selia-bottom-nav-cart .s-cart-summary-wrapper {
  position: relative !important;
}

.selia-bottom-nav-cart .s-cart-summary-content {
  display: none !important;
}

.selia-bottom-nav-cart #s-cart-icon {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.selia-bottom-nav-cart .s-cart-summary-count {
  position: absolute !important;
  top: -5px !important;
  inset-inline-start: calc(50% + 5px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 15px !important;
  height: 15px !important;
  padding: 0 4px !important;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: 999px !important;
  background: #d93dbb !important;
  color: #fff !important;
  font-size: 9px !important;
  line-height: 1 !important;
}

/* المؤشر الفوشي الزجاجي */
.selia-bottom-nav-pill {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 0 !important;
  display: block !important;
  box-sizing: border-box;
  overflow: hidden;
  pointer-events: none;
  border: 1px solid rgba(255, 190, 245, 0.72);
  border-radius: 17px;
  background: linear-gradient(
    135deg,
    rgba(255, 105, 218, 0.3),
    rgba(211, 105, 255, 0.19)
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    inset 0 -8px 18px rgba(238, 114, 218, 0.08),
    0 4px 16px rgba(207, 56, 184, 0.16);
  -webkit-backdrop-filter: blur(14px) saturate(165%);
  backdrop-filter: blur(14px) saturate(165%);
  will-change: left, top, width, height;
  transition:
    left 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    top 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.selia-bottom-nav-pill::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.5),
    transparent 55%
  );
}

/* تفاعل عناصر الشريط */
.selia-bottom-nav-button,
.selia-bottom-nav-button i,
.selia-bottom-nav-button svg,
.selia-bottom-nav-button > span,
.selia-bottom-nav-button .selia-bottom-nav-icon > span {
  transition:
    color 0.3s ease,
    transform 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.selia-bottom-nav-button.is-active {
  color: #b526a0 !important;
}

.selia-bottom-nav-button.is-active i,
.selia-bottom-nav-button.is-active svg {
  transform: translateY(-1px) scale(1.08);
}

.selia-bottom-nav-button:active {
  transform: scale(0.96);
  transition: transform 0.16s ease;
}

@media (min-width: 768px) {
  .selia-bottom-nav {
    display: none !important;
  }
}

/* زر واتساب */
#wa-selia.wa-selia.left {
  position: fixed !important;
  left: 16px !important;
  right: auto !important;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px) + 88px) !important;
  z-index: 9998 !important;
}

/* خط عناوين الأقسام */
.enhanced-title-border.home-block-line.anime-item {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 190, 245, 0.65) !important;
  border-radius: 999px;
  background: linear-gradient(
    110deg,
    rgba(165, 155, 170, 0.72),
    rgba(231, 139, 216, 0.8),
    rgba(204, 65, 179, 0.92)
  ) !important;
  box-shadow:
    0 0 10px rgba(218, 75, 190, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -2px 5px rgba(180, 55, 160, 0.12);
  -webkit-backdrop-filter: blur(8px) saturate(155%);
  backdrop-filter: blur(8px) saturate(155%);
}

.enhanced-title-border.home-block-line.anime-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.55),
    transparent 65%
  );
}

.enhanced-title-border.home-block-line.anime-item::after {
  content: none !important;
}

/* =========================
   لوحة قائمة الأقسام
   ========================= */

.mm-ocd__content:has(#mobile-menu) {
  top: calc(12px + env(safe-area-inset-top, 0px)) !important;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  height: auto !important;
  max-height: calc(100dvh - 24px) !important;
  margin-inline: 12px !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  background-clip: padding-box !important;
  box-shadow: 0 14px 38px rgba(85, 42, 82, 0.16) !important;
  -webkit-backdrop-filter: blur(24px) saturate(170%) !important;
  backdrop-filter: blur(24px) saturate(170%) !important;

  transform-origin:
    var(--selia-origin-x, 82%)
    var(--selia-origin-y, 96%);
  will-change: scale, opacity;
  transition:
    scale 0.5s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.3s ease-out;
}

/* اللوحة مغلقة */
.mm-ocd:not(.mm-ocd--open) .mm-ocd__content:has(#mobile-menu) {
  scale: 0.12 0.12;
  opacity: 0;
}

/* اللوحة مفتوحة */
.mm-ocd.mm-ocd--open .mm-ocd__content:has(#mobile-menu) {
  scale: 1 1;
  opacity: 1;
}

nav#mobile-menu.mm-spn {
  --mm-color-background: rgba(255, 255, 255, 0.14) !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  background-image: none !important;
  -webkit-backdrop-filter: blur(24px) saturate(170%) !important;
  backdrop-filter: blur(24px) saturate(170%) !important;
}

#mobile-menu .main-menu {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 14px 12px 28px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* بطاقات الأقسام بدون الدوائر والأسهم */
#mobile-menu .main-menu__item > .main-menu__link,
#mobile-menu .main-menu__desktop-item > a[data-selia="header-menu-item-desktop-link"],
.main-menu__desktop-item > a[data-selia="header-menu-item-desktop-link"] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 58px !important;
  margin: 0 0 9px !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  direction: rtl !important;
  text-align: right !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.58),
    rgba(255, 225, 249, 0.38)
  ) !important;
  box-shadow:
    0 5px 16px rgba(91, 51, 88, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  color: #514452 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  -webkit-backdrop-filter: blur(18px) saturate(175%) !important;
  backdrop-filter: blur(18px) saturate(175%) !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition:
    transform 0.24s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.24s ease,
    box-shadow 0.24s ease,
    color 0.24s ease !important;
}

/* إزالة فواصل سلة */
#mobile-menu .main-menu > li::after {
  content: none !important;
  display: none !important;
}

#mobile-menu .main-menu__item > .main-menu__link > span,
#mobile-menu .main-menu__desktop-item > a[data-selia="header-menu-item-desktop-link"] > span,
.main-menu__desktop-item > a[data-selia="header-menu-item-desktop-link"] > span {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* تأثير الضغط على القسم */
#mobile-menu .main-menu__item > .main-menu__link:active,
#mobile-menu .main-menu__item > .main-menu__link.is-pressed,
#mobile-menu .main-menu__desktop-item > a:active,
#mobile-menu .main-menu__desktop-item > a.is-pressed,
.main-menu__desktop-item > a[data-selia="header-menu-item-desktop-link"]:active,
.main-menu__desktop-item > a[data-selia="header-menu-item-desktop-link"].is-pressed {
  transform: scale(0.98) !important;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.72),
    rgba(255, 190, 239, 0.52)
  ) !important;
  box-shadow: 0 4px 16px rgba(181, 68, 158, 0.14) !important;
}

/* تمييز القسم الحالي */
#mobile-menu a.is-current,
.main-menu__desktop-item > a.is-current {
  color: #ad328f !important;
  background: linear-gradient(
    135deg,
    rgba(255, 238, 251, 0.86),
    rgba(247, 218, 243, 0.62)
  ) !important;
}

/* إيقاف وميض الضغط القديم */
.selia-category-ripple {
  display: none !important;
  animation: none !important;
}

/* الشاشات الصغيرة */
@media (max-width: 360px) {
  #mobile-menu .main-menu__item > .main-menu__link,
  #mobile-menu .main-menu__desktop-item > a[data-selia="header-menu-item-desktop-link"],
  .main-menu__desktop-item > a[data-selia="header-menu-item-desktop-link"] {
    min-height: 54px !important;
    padding: 12px !important;
    font-size: 13px !important;
  }
}

/* تقليل الحركة لمن يفضّل ذلك */
@media (prefers-reduced-motion: reduce) {
  .selia-bottom-nav-pill,
  .selia-bottom-nav-button,
  .selia-bottom-nav-button i,
  .selia-bottom-nav-button svg,
  #mobile-menu .main-menu__item > .main-menu__link,
  #mobile-menu .main-menu__desktop-item > a,
  .mm-ocd__content:has(#mobile-menu) {
    transition: none !important;
  }
}
.selia-bottom-nav {
  transition:
    transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.25s ease !important;
}

.selia-bottom-nav,
#wa-selia {
  transition:
    transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.25s ease !important;
}

.selia-bottom-nav.is-scroll-hidden {
  transform: translate3d(0, calc(100% + 24px), 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#wa-selia.is-scroll-hidden {
  transform: translate3d(0, calc(100% + 110px), 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.selia-bottom-nav {
  transform-origin: right center;
  transition:
    transform 0.62s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 0.32s ease,
    filter 0.38s ease !important;
}

.selia-bottom-nav.is-account-panel-open {
  transform: translate3d(calc(-100% - 28px), 0, 0) scale(0.94) !important;
  opacity: 0 !important;
  filter: blur(4px) !important;
  pointer-events: none !important;
}
/* غلاف نافذة تسجيل الدخول */
.s-modal-body:has(> iframe[title="Salla Login"]) {
  position: relative !important;
  width: min(92vw, 430px) !important;
  max-width: calc(100vw - 24px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 190, 245, 0.7) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.2) !important;
  box-shadow:
    0 24px 70px rgba(93, 35, 88, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
  -webkit-backdrop-filter: blur(24px) saturate(170%) !important;
  backdrop-filter: blur(24px) saturate(170%) !important;
  transform-origin: 50% 100%;
  will-change: transform, opacity;
}

/* دخول النافذة من جهة زر الحساب */
.s-modal-body.s-modal-entering:has(> iframe[title="Salla Login"]) {
  animation: selia-login-glass-enter 0.52s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

@keyframes selia-login-glass-enter {
  from {
    transform: scale(0.12);
    opacity: 0;
  }

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

/* إطار صفحة الدخول */
.s-modal-body:has(> iframe[title="Salla Login"]) > iframe {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  border-radius: 26px !important;
}

/* زر الإغلاق */
.s-modal-body:has(> iframe[title="Salla Login"]) .s-modal-header {
  position: absolute !important;
  inset-block-start: 10px !important;
  inset-inline-end: 10px !important;
  z-index: 5 !important;
  padding: 0 !important;
  background: transparent !important;
}

.s-modal-body:has(> iframe[title="Salla Login"]) .s-modal-close {
  display: grid !important;
  width: 40px !important;
  height: 40px !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.68) !important;
  color: #b526a0 !important;
  box-shadow: 0 5px 18px rgba(119, 47, 111, 0.14) !important;
  -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
  backdrop-filter: blur(14px) saturate(160%) !important;
  transition:
    transform 0.22s ease,
    background 0.22s ease !important;
}

.s-modal-body:has(> iframe[title="Salla Login"]) .s-modal-close:active {
  transform: scale(0.9);
  background: rgba(255, 225, 249, 0.9) !important;
}
#wa-selia.is-account-panel-open {
  transform: translate3d(calc(-100% - 24px), 0, 0) scale(0.94) !important;
  opacity: 0 !important;
  filter: blur(4px) !important;
  pointer-events: none !important;
}
.s-modal-body:has(> iframe[title="Salla Login"]) {
  position: relative !important;
  width: min(90vw, 430px) !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100dvh - 48px) !important;
  margin-block-end: 36px !important;
  padding: 12px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 190, 245, 0.72) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.2) !important;
  box-shadow:
    0 24px 70px rgba(93, 35, 88, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
  -webkit-backdrop-filter: blur(24px) saturate(170%) !important;
  backdrop-filter: blur(24px) saturate(170%) !important;
}

.s-modal-body:has(> iframe[title="Salla Login"]) > iframe {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  border-radius: 20px !important;
}

.s-modal-body:has(> iframe[title="Salla Login"]) .s-modal-header {
  position: absolute !important;
  inset-block-start: 14px !important;
  inset-inline-end: 14px !important;
  z-index: 5 !important;
  padding: 0 !important;
}

.s-modal-body:has(> iframe[title="Salla Login"]) .s-modal-close {
  display: grid !important;
  width: 42px !important;
  height: 42px !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.82) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: #b526a0 !important;
  box-shadow: 0 5px 18px rgba(119, 47, 111, 0.14) !important;
  -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
  backdrop-filter: blur(14px) saturate(160%) !important;
}
.s-modal-body:has(> iframe[title="Salla Login"]) .s-modal-close,
.s-modal-body:has(> iframe[title="Salla Login"]) .s-modal-close:hover,
.s-modal-body:has(> iframe[title="Salla Login"]) .s-modal-close:active {
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  background: rgba(255, 255, 255, 0.24) !important;
  color: #c63cae !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    0 4px 14px rgba(181, 68, 158, 0.1) !important;
  -webkit-backdrop-filter: blur(14px) saturate(170%) !important;
  backdrop-filter: blur(14px) saturate(170%) !important;
}

.s-modal-body:has(> iframe[title="Salla Login"]) .s-modal-close svg,
.s-modal-body:has(> iframe[title="Salla Login"]) .s-modal-close svg path {
  fill: currentColor !important;
}




/* زيادة شفافية شريط التنقل بطابع ليكود جلاس */
.selia-bottom-nav {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.44),
    rgba(248, 222, 244, 0.24) 55%,
    rgba(255, 255, 255, 0.16)
  ) !important;

  -webkit-backdrop-filter: blur(24px) saturate(175%) !important;
  backdrop-filter: blur(24px) saturate(175%) !important;

  border: 1px solid rgba(224, 113, 197, 0.24) !important;
  box-shadow:
    0 8px 28px rgba(104, 43, 93, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

/* إبقاء خلفية العناصر شفافة ليظهر تأثير الزجاج */
.selia-bottom-nav-items {
  background: transparent !important;
}
.nvc360-slot { display: block; width: 100%; margin: 24px auto 0; }
.advanced-slider + .nvc360-slot { display: block; width: 100%; margin: 24px auto 0; }
.s-block--best-offers + .nvc360-slot,
#best-offers-2-slider + .nvc360-slot,
#best-offers-3-slider + .nvc360-slot { display: block; width: 100%; margin: 24px auto 0; }
.advanced-slider__caption__inner__content.nvc360-host,
.advanced-slider__caption.nvc360-host { width: 100% !important; min-width: 0; flex: 1 1 100%; align-self: stretch; }
.advanced-slider__caption__inner__content > .nvc360-slot,
.advanced-slider__caption > .nvc360-slot { display: block; width: 100% !important; min-width: 0; margin-inline: auto; }
.nvc360 {
  --nv-pink: #c63cae;
  --nv-ink: #49434e;
  position: relative;
  isolation: isolate;
  width: min(100%, 800px);
  aspect-ratio: 2 / 3;
  margin-inline: auto;
  overflow: hidden;
  border-radius: 32px;
  box-sizing: border-box;
  container-type: inline-size;
  direction: rtl;
  color: var(--nv-ink);
  font-family: inherit;
  background: linear-gradient(145deg, #fff 5%, #f4f4f8 52%, #f3e7f1 100%);
  box-shadow: 0 22px 65px rgb(81 63 88 / 12%);
}
.nvc360 *, .nvc360 *::before, .nvc360 *::after { box-sizing: border-box; }
.nvc360 button, .nvc360 a { -webkit-tap-highlight-color: transparent; }
.nvc360::after {
  content: "";
  position: absolute;
  inset: 1.7%;
  z-index: 7;
  border: 1px solid rgb(255 255 255 / 82%);
  border-radius: 23px;
  pointer-events: none;
}
.nvc360__ribbon { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.nvc360__brand { position: absolute; top: 4.7%; left: 5.5%; width: 31%; z-index: 5; }
.nvc360__brand { height: auto; object-fit: contain; }
.nvc360__edition { position: absolute; right: 6%; top: 6.4%; margin: 0; font-size: 1.5cqw; letter-spacing: .18em; color: #8e8291; direction: ltr; }
.nvc360__eyebrow { position: absolute; top: 13%; right: 6%; margin: 0; font-size: 2.1cqw; letter-spacing: .05em; color: #8c7c8f; }
.nvc360__copy { position: absolute; right: 6%; top: 32%; z-index: 4; width: 39%; pointer-events: none; }
.nvc360__title { margin: 0; color: #514653; font-size: 6.8cqw; font-weight: 500; line-height: 1.42; letter-spacing: -.045em; }
.nvc360__title em { color: var(--nv-pink); font-style: normal; }
.nvc360__description { margin: 6% 0 0; max-width: 94%; color: #8b7d8e; font-size: 2.1cqw; line-height: 1.9; }
.nvc360__stage {
  position: absolute;
  inset: 16% 0 14%;
  z-index: 3;
  cursor: grab;
  touch-action: pan-y pinch-zoom;
  user-select: none;
  -webkit-user-select: none;
  outline-offset: -8px;
}
.nvc360__stage.is-dragging { cursor: grabbing; }
.nvc360__model { position: absolute; bottom: 0; left: -1%; height: 100%; width: auto; max-width: none; pointer-events: none; }
.nvc360__floor { position: absolute; left: 2%; bottom: 13.1%; width: 69%; height: 5.7%; border-radius: 50%; background: radial-gradient(ellipse, rgb(105 88 112 / 17%), rgb(156 143 164 / 5%) 55%, transparent 72%); transform: rotate(-5deg); }
.nvc360__controls {
  position: absolute;
  z-index: 8;
  right: 6%;
  bottom: 5.1%;
  left: 6%;
  display: flex;
  align-items: center;
  gap: 3%;
  padding: 3%;
  min-height: 8%;
  border: 1px solid rgb(255 255 255 / 90%);
  border-radius: 22px;
  background: rgb(255 255 255 / 54%);
  box-shadow: inset 0 1px 0 white, 0 12px 30px rgb(94 66 99 / 7%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
}
.nvc360__spin { display: flex; align-items: center; gap: 3%; flex: 1; min-width: 0; direction: ltr; }
.nvc360__step { flex: 0 0 auto; display: grid; place-items: center; width: 9cqw; height: 9cqw; max-width: 44px; max-height: 44px; padding: 0; border: 1px solid rgb(198 60 174 / 13%); border-radius: 50%; color: var(--nv-pink); background: rgb(255 255 255 / 56%); cursor: pointer; }
.nvc360__step svg { width: 45%; height: 45%; }
.nvc360__angle { width: 5ch; flex-shrink: 0; font-size: 2.1cqw; text-align: center; font-variant-numeric: tabular-nums; color: #817186; }
.nvc360__range { width: 100%; min-width: 25px; height: 30px; margin: 0; accent-color: var(--nv-pink); cursor: ew-resize; }
.nvc360__cta { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: .8em; min-height: 44px; padding: 1.1em 1.35em; border: 1px solid rgb(198 60 174 / 16%); border-radius: 13px; background: linear-gradient(135deg, #d450bb, #b82e9f); color: white !important; font-size: 2.2cqw; line-height: 1.2; text-decoration: none; box-shadow: 0 5px 14px rgb(180 44 153 / 14%); }
.nvc360__hint { position: absolute; bottom: 15%; right: 7%; z-index: 5; width: 28%; color: #8b7d8e; font-size: 1.9cqw; line-height: 1.8; pointer-events: none; }
.nvc360__hint strong { display: block; color: var(--nv-pink); font-size: 4.4cqw; font-weight: 400; direction: ltr; text-align: right; }
.nvc360__loading { position: absolute; z-index: 6; inset: 43% 15% auto; margin: 0; text-align: center; color: #886a8b; font-size: 2.5cqw; }
.nvc360__loading[hidden] { display: none; }
.nvc360__stage:focus-visible, .nvc360 button:focus-visible, .nvc360 a:focus-visible, .nvc360 input:focus-visible { outline: 2px solid #a1278d; outline-offset: 4px; }
.nvc360__step:active { scale: .94; }
.nvc360__cta:active { scale: .98; }
@media (max-width: 480px) {
  .nvc360 { border-radius: 24px; }
  .nvc360__controls { border-radius: 17px; bottom: 4.7%; }
  .nvc360__step { min-width: 34px; min-height: 34px; }
  .nvc360__cta { min-height: 42px; font-size: 2.5cqw; }
  .nvc360__hint { font-size: 2.3cqw; }
}
@media (max-width: 640px) {
  .nvc360-slot { width: 100%; padding-inline: 12px; }
  .nvc360 { width: 100%; max-width: 800px; margin-inline: auto; aspect-ratio: 2 / 3; border-radius: 28px; }
  .nvc360__stage { left: 1%; width: 86%; top: 17%; bottom: 16%; }
  .nvc360__copy { right: 5%; top: 31%; width: 38%; }
  .nvc360__title { font-size: 5.8cqw; line-height: 1.55; }
  .nvc360__description { margin-top: 8%; font-size: 2.5cqw; }
  .nvc360__controls { right: 4%; left: 4%; bottom: 4.5%; padding: 2.5%; gap: 2%; border-radius: 24px; }
  .nvc360__cta { min-height: 38px; padding: .85em 1em; font-size: 2.8cqw; white-space: nowrap; }
  .nvc360__step { width: 9.5cqw; height: 9.5cqw; min-width: 32px; min-height: 32px; }
  .nvc360__angle { font-size: 2.5cqw; }
}
@media (prefers-reduced-motion: no-preference) {
  .nvc360__step, .nvc360__cta { transition: scale .18s ease, background .18s ease; }
}

.nvc360__stage{top:14%;bottom:14%;left:0;right:auto;width:78%;}
.nvc360__model{left:0;width:100%;height:100%;bottom:0;}
.nvc360__title{font-size:6.4cqw;line-height:1.5;letter-spacing:-.025em;}
.nvc360__copy{right:6%;top:32%;width:37%;}
.nvc360__reset{border:0;background:transparent;color:#956b94;font:inherit;font-size:1.8cqw;cursor:pointer;padding:10px;}
.nvc360__brand{top:4.7%;}

.nvc360__poster{position:absolute;top:0;bottom:0;left:2%;height:100%;width:auto;aspect-ratio:2/3;background-size:200% 200%;background-position:0 0;background-repeat:no-repeat;border-radius:24px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.nvc360__video{position:absolute;top:0;left:2%;height:100%;width:auto;max-width:none;pointer-events:none;object-fit:contain}
.nvc360__step:disabled,.nvc360__range:disabled,.nvc360__reset:disabled{opacity:.45;cursor:default}

.nvc360__poster{position:absolute;top:0;bottom:0;left:2%;height:100%;width:auto;aspect-ratio:2/3;background-size:200% 200%;background-position:0 0;background-repeat:no-repeat;border-radius:24px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.nvc360__stage{top:17%;bottom:15%}
.nvc360__eyebrow{z-index:5;max-width:35%;top:12.7%;line-height:1.8;font-size:1.9cqw}
.nvc360__video{position:absolute;top:0;left:2%;height:100%;width:auto;max-width:none;pointer-events:none;object-fit:contain}
.nvc360__step:disabled,.nvc360__range:disabled,.nvc360__reset:disabled{opacity:.45;cursor:default}
/* refined-brand-type */
.nvc360,.nvc360 *{font-family:"El Messiri",Apple,Arial,sans-serif!important}
.nvc360__edition{display:none!important}
.nvc360__model{transform:scaleX(.86);transform-origin:center bottom}
.nvc360{border-radius:30px}
.nvc360::after{border-radius:24px}
.nvc360__stage{border-radius:24px;overflow:hidden}
.nvc360__poster,.nvc360__model{border-radius:24px;overflow:hidden;clip-path:inset(0 round 24px)}
.nvc360__copy{right:5.5%;top:34%;width:39%}
.nvc360__title{font-family:"El Messiri",Apple,Arial,sans-serif;font-size:5.2cqw;font-weight:400;font-synthesis:none;line-height:1.65;letter-spacing:normal}
.nvc360__title span,.nvc360__title em{display:block}
.nvc360__description{margin-top:12%;font-size:2.1cqw}
.nvc360__poster[hidden],.nvc360__video[hidden],.nvc360__spin[hidden],.nvc360__hint[hidden]{display:none!important}
.nvc360__stage[aria-disabled="true"]{cursor:default}
.nvc360__video{left:2%;height:100%;max-width:100%;border-radius:20px}
.nvc360__controls{border-radius:34px}
.nvc360[data-motion="pending"] .nvc360__controls{justify-content:center}
.preview-status{max-width:760px;margin:0 auto 16px;text-align:center;color:#6c526e;font-size:13px;line-height:1.9}
.preview-status p{margin:4px 0}
.nvc360__poster{display:none!important}
.nvc360__model{opacity:0;transition:opacity .2s ease}
.nvc360[data-ready="true"] .nvc360__model{opacity:1}
.nvc360__controls{bottom:3.2%!important}
@media (max-width:640px){.nvc360__controls{bottom:3%!important}}
#nervenia-continuous:not([data-nervenia-salla="1"]){display:none!important}
.nvc360:not([data-nervenia-salla="1"]){display:none!important}

/* دمج البطاقة مع هيكل المتجر بدون إطار أو حواف منفصلة */
.nvc360{
  width:100%!important;
  max-width:800px!important;
  margin-inline:auto!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.nvc360::after{display:none!important}
.nvc360__stage{border-radius:0!important;overflow:visible!important}
.nvc360__poster,.nvc360__model{border-radius:0!important;clip-path:none!important}
.nvc360__model{
  mix-blend-mode:normal;
  -webkit-mask-image:none;
  mask-image:none;
  border-radius:24px!important;
  clip-path:inset(0 round 24px)!important;
}
.nvc360__stage{border-radius:24px!important;overflow:hidden!important}