@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

/* =========================================================
   E2HOP × True Ventures look — ثيم سيليا (Celia)
   فاتح + حبري #080c14 + لايم #cbf41c + أقسام داكنة
   ========================================================= */

/* ---------- 1) المتغيرات ---------- */
:root, .dark, html.dark, body.dark {
  --tv-ink: #080c14;
  --tv-ink-2: #1b2130;
  --tv-deep: #070b12;
  --tv-lime: #cbf41c;
  --tv-lime-ink: #4d6b00;
  --tv-blue: #3201e9;
  --tv-paper: #f6f7fb;
  --tv-line: #e3e6ec;
  --tv-muted: #5b6474;
  --tv-ease: cubic-bezier(.16, 1, .3, 1);
  --tv-font: 'IBM Plex Sans Arabic', 'Apple', system-ui, sans-serif;
  --tv-mono: 'IBM Plex Mono', 'IBM Plex Sans Arabic', monospace;

  --font-main: 'IBM Plex Sans Arabic' !important;
  --color-primary: #cbf41c !important;
  --color-primary-dark: #a9cc00 !important;
  --color-primary-light: #e6ff7a !important;
  --color-primary-reverse: #080c14 !important;
  --bg-primary: #ffffff !important;
  --bg-secondary: #f6f7fb !important;
  --header-bg: rgba(255, 255, 255, .86) !important;
  --header-text-color: #080c14 !important;
  --store-text-primary: #080c14 !important;
  --store-text-secondary: #5b6474 !important;
  --product-bg: #ffffff !important;
  --product-border-color: #e3e6ec !important;
  --product-enhanced-btn-bg: #080c14 !important;
  --product-enhanced-btn-color: #cbf41c !important;
  --footer-bg: #070b12 !important;
  --footer-text-color: #eef3fa !important;
  --bottom-footer-bg: #05070b !important;
  --bottom-nav-bg: #ffffff !important;
  --bottom-nav-text-color: #080c14 !important;
  --s-radius: 14px !important;
}

/* ---------- 2) أساسيات ---------- */
html { scroll-behavior: smooth; }
body {
  font-family: var(--tv-font) !important;
  color: var(--tv-ink);
  background: #fff !important;
  -webkit-font-smoothing: antialiased;
}
body h1, body h2, body h3, body h4, body p, body a, body button, body input, body textarea, body select, body li, body label, body b, body strong, body small {
  font-family: var(--tv-font);
}
.app-inner, .bg-storeBG { background-color: #fff !important; }
::selection { background: var(--tv-lime); color: var(--tv-ink); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--tv-paper); }
::-webkit-scrollbar-thumb { background: var(--tv-ink); border-radius: 8px; border: 2px solid var(--tv-paper); }
::-webkit-scrollbar-thumb:hover { background: var(--tv-lime-ink); }

/* ---------- 3) الشريط العلوي (داكن) ---------- */
.top-navbar {
  background: var(--tv-ink) !important;
  color: #9dabc0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  font-size: 12px;
}
.top-navbar a, .top-navbar span, .top-navbar .topnav-link-item {
  color: #c9d2df !important;
  transition: color .2s var(--tv-ease);
}
.top-navbar .topnav-link-item { font-size: 12.5px !important; font-weight: 500; }
.top-navbar a[href^="tel"], .top-navbar a[href^="mailto"] { font-family: var(--tv-mono) !important; font-size: 12px !important; letter-spacing: .02em; }
.top-navbar a:hover, .top-navbar .topnav-link-item:hover { color: var(--tv-lime) !important; }

/* ---------- 4) الهيدر (زجاجي فاتح) ---------- */
#mainnav, #mainnav .inner {
  background: rgba(255, 255, 255, .88) !important;
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid var(--tv-line);
}
#mainnav .main-menu__link,
#mainnav .main-menu__link span,
#mainnav .main-menu__desktop-item > a,
#mainnav .main-menu__desktop-item > a span,
#mainnav .header-btn,
#mainnav .header-btn__icon,
#mainnav .s-cart-summary-wrapper,
#mainnav .s-cart-summary-icon,
#mainnav .menu-label,
#mainnav i, #mainnav .icon {
  color: var(--tv-ink) !important;
}
@media (min-width: 1024px) {
  #mainnav .main-menu__desktop-item > a {
    position: relative;
    font-weight: 500;
    transition: color .2s var(--tv-ease);
  }
  #mainnav .main-menu__desktop-item > a::after {
    content: "";
    position: absolute;
    right: 0; left: 0; bottom: 8px;
    height: 2px;
    background: var(--tv-lime);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .35s var(--tv-ease);
  }
  #mainnav .main-menu__desktop-item:hover > a::after { transform: scaleX(1); }
}
#mainnav .header-btn, #mainnav .s-cart-summary-wrapper { transition: transform .2s var(--tv-ease); }
#mainnav .header-btn:hover, #mainnav .s-cart-summary-wrapper:hover { transform: translateY(-1px); }
.s-cart-summary-count {
  background: var(--tv-lime) !important;
  color: var(--tv-ink) !important;
  font-family: var(--tv-mono) !important;
  font-weight: 600;
}
body.tv-scrolled #mainnav .inner { box-shadow: 0 10px 30px -18px rgba(8, 12, 20, .35); }

/* القائمة المنسدلة والجوال */
.main-menu .sub-menu, .main-menu ul ul { background: #fff !important; color: var(--tv-ink) !important; }
@media (max-width: 1023px) {
  .mm-spn, .mm-spn--navbar, .mobile-menu { background: #fff !important; color: var(--tv-ink) !important; }
  .mm-spn a, .mobile-menu a, .mm-spn a span { color: var(--tv-ink) !important; }
}

/* ---------- 5) السلايدر الرئيسي ---------- */
.advanced-slider__caption__inner__content__heading {
  font-weight: 700 !important;
  letter-spacing: -.01em;
  line-height: 1.25 !important;
  text-wrap: balance;
}
.advanced-slider .swiper-pagination-bullet-active { background: var(--tv-lime) !important; }

/* ---------- 6) الشريط المتحرك (تيكر داكن) ---------- */
.animated-text {
  background: var(--tv-ink) !important;
  border-top: 1px solid rgba(255, 255, 255, .06);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.animated-text__inner, .animated-text__inner li, .animated-text__inner span, .animated-text__inner a {
  color: #eef3fa !important;
  font-weight: 500;
}
.animated-text__inner li i, .animated-text__inner li img, .animated-text__inner li svg { color: var(--tv-lime) !important; }

/* ---------- 7) الماركات (خلفية نقطية) ---------- */
.s-block--animated-brands {
  background-color: var(--tv-paper) !important;
  background-image: radial-gradient(rgba(8, 12, 20, .12) 1px, transparent 1px);
  background-size: 22px 22px;
  padding-block: 56px !important;
  margin-block: 0 !important;
}
.s-block--animated-brands img { filter: grayscale(1); opacity: .85; transition: filter .3s, opacity .3s; }
.s-block--animated-brands a:hover img, .s-block--animated-brands img:hover { filter: none; opacity: 1; }
.s-block--animated-brands a, .s-block--animated-brands .swiper-slide > * {
  border-radius: 12px !important;
}

/* ---------- 8) عناوين الأقسام (عنوان عريض + خط لايم) ---------- */
.s-slider-block__title {
  border: 0 !important;
  align-items: flex-end !important;
  margin-bottom: 28px !important;
  padding-bottom: 0 !important;
}
.s-slider-block__title::before, .s-slider-block__title::after,
.s-slider-block__title-right::before, .s-slider-block__title-right::after { display: none !important; }
.s-slider-block__title-right { border: 0 !important; padding: 0 !important; }
.s-slider-block__title h2,
.special-cats-with-bg__title,
.store-features__title {
  font-family: var(--tv-font) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
}
.s-slider-block__title h2 {
  color: var(--tv-ink) !important;
  font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.5rem) !important;
  line-height: 1.2 !important;
  position: relative;
  padding-bottom: 14px;
  display: inline-block;
}
.s-slider-block__title h2::after {
  content: "";
  position: absolute;
  right: 0; bottom: 0;
  width: 64px; height: 3px;
  background: var(--tv-lime);
  border-radius: 2px;
}
.tv-index {
  display: block;
  font-family: var(--tv-mono) !important;
  font-size: 12px;
  font-weight: 500;
  color: var(--tv-muted);
  letter-spacing: .08em;
  margin-bottom: 6px;
}
.tv-index::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--tv-lime); margin-inline-end: 8px; vertical-align: middle; box-shadow: 0 0 0 3px rgba(203, 244, 28, .25); }

/* زر عرض الكل */
a.s-slider-block__display-all {
  background: var(--tv-ink) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 9px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: color .35s var(--tv-ease);
}
a.s-slider-block__display-all::before {
  content: "";
  position: absolute; inset: 0;
  background: var(--tv-lime);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .45s var(--tv-ease);
  z-index: -1;
}
a.s-slider-block__display-all:hover { color: var(--tv-ink) !important; }
a.s-slider-block__display-all:hover::before { transform: scaleX(1); }
a.s-slider-block__display-all * { color: inherit !important; }

/* أسهم السلايدر */
.s-slider-nav-arrow {
  width: 38px !important; height: 38px !important;
  border-radius: 8px !important;
  border: 1px solid var(--tv-line) !important;
  background: #fff !important;
  color: var(--tv-ink) !important;
  transition: background .25s, border-color .25s;
}
.s-slider-nav-arrow:not(.swiper-button-disabled):hover { background: var(--tv-lime) !important; border-color: var(--tv-lime) !important; }
.s-slider-nav-arrow i, .s-slider-nav-arrow span { color: var(--tv-ink) !important; }

/* ---------- 9) كروت المنتجات ---------- */
custom-salla-product-card.product-card, .product-card {
  background: #fff !important;
  border: 1px solid var(--tv-line) !important;
  border-radius: 14px !important;
  overflow: hidden;
  transition: transform .45s var(--tv-ease), box-shadow .45s var(--tv-ease), border-color .3s;
}
custom-salla-product-card.product-card:hover {
  transform: translateY(-4px);
  border-color: var(--tv-ink) !important;
  box-shadow: 0 22px 40px -24px rgba(8, 12, 20, .35);
}
.product-card__image { background: var(--tv-paper) !important; }
.product-card__image img { transition: transform .8s var(--tv-ease); }
.product-card:hover .product-card__image img { transform: scale(1.04); }
.product-card__content { background: #fff !important; }
.product-card__title, .product-card__title a {
  color: var(--tv-ink) !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
}
.product-card__title a:hover { color: var(--tv-lime-ink) !important; }
.product-card__price, .product-card__price p, .product-card__price span:not([class*="sicon"]), .product-card__price .total-price,
.starting-or-normal-price, .starting-or-normal-price *:not([class*="sicon"]) {
  font-family: var(--tv-mono) !important;
  color: var(--tv-ink) !important;
  font-weight: 600 !important;
}
.product-card__price .before-price { color: var(--tv-muted) !important; font-weight: 400 !important; }
.product-card__price .price_is_on_sale .total-price { color: #b3261e !important; }

/* أزرار السلة */
.product-card__addToCart__btn button,
.product-card__mini-cart__btn button {
  background: var(--tv-ink) !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: background .3s var(--tv-ease), color .3s var(--tv-ease);
}
.product-card__addToCart__btn button:hover,
.product-card__mini-cart__btn button:hover {
  background: var(--tv-lime) !important;
  color: var(--tv-ink) !important;
}
.product-card__addToCart__btn button *, .product-card__mini-cart__btn button * { color: inherit !important; }
.product-card .btn--wishlist button, .product-card .quickview-btn {
  background: #fff !important;
  border: 1px solid var(--tv-line) !important;
  color: var(--tv-ink) !important;
  border-radius: 8px !important;
}

/* ---------- 10) أزرار سلة العامة ---------- */
.s-button-primary, .btn--primary, button.s-button-solid.s-button-primary {
  background-color: var(--tv-ink) !important;
  color: #fff !important;
  border-radius: 8px !important;
}
.s-button-primary:hover, .btn--primary:hover {
  background-color: var(--tv-lime) !important;
  color: var(--tv-ink) !important;
}
.s-button-primary-outline, .s-button-outline {
  border-color: var(--tv-ink) !important;
  color: var(--tv-ink) !important;
  border-radius: 8px !important;
}

/* ---------- 11) التصنيفات المميزة ---------- */
.special-cats-with-bg__title {
  font-size: clamp(2rem, 1.2rem + 3vw, 3.5rem) !important;
  text-shadow: 0 2px 30px rgba(0, 0, 0, .35);
}
a.special-cats-with-bg__button {
  background: var(--tv-lime) !important;
  color: var(--tv-ink) !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: transform .3s var(--tv-ease), box-shadow .3s;
}
a.special-cats-with-bg__button:hover { transform: translateY(-2px); box-shadow: 0 12px 24px -12px rgba(203, 244, 28, .8); }
.special-cats-with-bg a img { transition: transform .8s var(--tv-ease); }
.special-cats-with-bg a:hover img { transform: scale(1.05); }
.special-cats-with-bg__card-title { font-weight: 600 !important; }
.special-cats-with-bg a[class*=rounded], .special-cats-with-bg [class*=card] { border-radius: 14px !important; }

/* ---------- 12) البنر الثابت ---------- */
.s-block--fixed-banner .banner { border-radius: 14px !important; overflow: hidden; }

/* ---------- 13) المميزات (قسم داكن بشبكة) ---------- */
.s-block--store-features {
  background-color: var(--tv-deep) !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
  background-size: 56px 56px;
  padding-block: 72px !important;
  margin-block: 48px 0 !important;
  position: relative;
  overflow: hidden;
}
.s-block--store-features::before {
  content: "";
  position: absolute;
  width: 520px; height: 520px;
  inset-inline-start: -160px; top: -220px;
  background: radial-gradient(circle, rgba(50, 1, 233, .35), transparent 65%);
  pointer-events: none;
}
.s-block--store-features::after {
  content: "";
  position: absolute;
  width: 460px; height: 460px;
  inset-inline-end: -140px; bottom: -240px;
  background: radial-gradient(circle, rgba(203, 244, 28, .16), transparent 65%);
  pointer-events: none;
}
.s-block--store-features .container { position: relative; z-index: 1; }
.store-features__list { counter-reset: tvfeat; }
.store-features__item {
  counter-increment: tvfeat;
  background: rgba(255, 255, 255, .03) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 14px !important;
  color: #eef3fa !important;
  position: relative;
  transition: border-color .3s, background .3s, transform .45s var(--tv-ease);
}
.store-features__item:hover {
  border-color: var(--tv-lime) !important;
  background: rgba(203, 244, 28, .04) !important;
  transform: translateY(-4px);
}
.store-features__item::before {
  content: counter(tvfeat, decimal-leading-zero);
  position: absolute;
  top: 14px; inset-inline-end: 16px;
  font-family: var(--tv-mono);
  font-size: 12px;
  color: #7886a0;
  letter-spacing: .08em;
}
.store-features__item-inner { background: transparent !important; border-radius: 14px !important; padding: 28px 22px !important; }
.s-block--store-features-icon {
  background: var(--tv-lime) !important;
  color: var(--tv-ink) !important;
  border-radius: 10px !important;
}
.s-block--store-features-icon * { color: var(--tv-ink) !important; }
.store-features__title { color: #fff !important; }
.store-features__description { color: #9dabc0 !important; }
.store-features__item .bg-primary { background: var(--tv-lime) !important; }

/* ---------- 14) الفوتر (داكن) ---------- */
.store-footer, .store-footer__inner {
  background-color: var(--tv-deep) !important;
  color: #eef3fa !important;
}
.store-footer__curve { display: none !important; }
.store-footer { margin-top: 0 !important; }
main { padding-bottom: 64px; }
body.index main { padding-bottom: 0; }
.store-footer__inner { border-top: 1px solid rgba(255, 255, 255, .08); }
.store-footer__menu-title {
  color: #fff !important;
  font-weight: 700 !important;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}
.store-footer__menu-title::after {
  content: "";
  position: absolute; bottom: 0; right: 0;
  width: 32px; height: 2px;
  background: var(--tv-lime);
}
.store-footer__contacts-row {
  background: #0b1019 !important;
  border-top: 1px solid rgba(255, 255, 255, .08);
}
.store-footer a, .store-footer p, .store-footer span { color: #9dabc0 !important; }
.store-footer a:hover { color: var(--tv-lime) !important; }
.store-footer__contacts-row a, .store-footer__contacts-row span { font-family: var(--tv-mono) !important; font-size: 12px !important; }
.store-footer__contacts-row i, .store-footer .rounded_contacts i {
  border-color: rgba(255, 255, 255, .18) !important;
  color: #eef3fa !important;
  border-radius: 8px !important;
  transition: background .25s, color .25s, border-color .25s;
}
.store-footer__contacts-row a:hover i {
  background: var(--tv-lime) !important;
  border-color: var(--tv-lime) !important;
  color: var(--tv-ink) !important;
}
.store-footer [class*=border-t], .store-footer [class*=border-dashed] { border-color: rgba(255, 255, 255, .08) !important; }
.store-footer .footer-bottom {
  background: #05070b !important;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

/* ---------- 15) زر الصعود للأعلى ---------- */
.scroll-to-top {
  box-shadow: 0 0 0 1px var(--tv-lime);
  background: var(--tv-ink) !important;
  color: var(--tv-lime) !important;
  border-color: var(--tv-lime) !important;
  border-radius: 10px !important;
}
.scroll-to-top * { color: var(--tv-lime) !important; border-color: var(--tv-lime) !important; border-radius: 10px !important; }
.scroll-to-top:hover { background: var(--tv-lime) !important; }
.scroll-to-top:hover * { color: var(--tv-ink) !important; }

/* ---------- 16) حركة الظهور عند التمرير (تتفعل بالجافاسكربت) ---------- */
.tv-js .tv-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s var(--tv-ease), transform .9s var(--tv-ease);
}
.tv-js .tv-reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .tv-js .tv-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}

/* ---------- 17) شريط تقدم التمرير ---------- */
#tv-progress {
  position: fixed;
  top: 0; right: 0;
  height: 3px; width: 100%;
  background: var(--tv-lime);
  transform-origin: right;
  transform: scaleX(0);
  z-index: 9999;
  pointer-events: none;
}

/* ---------- 18) صفحات المنتج / السلة (عام) ---------- */
.breadcrumbs, .s-breadcrumb-wrapper { font-size: 13px; }
.s-breadcrumb-item a:hover { color: var(--tv-lime-ink) !important; }
.product-single .total-price, .product-price, .price-wrapper .total-price { font-family: var(--tv-mono) !important; }
input:focus, textarea:focus, select:focus { outline-color: var(--tv-lime) !important; border-color: var(--tv-ink) !important; }

/* ---------- حماية الأيقونات من تغيير الخط ---------- */
[class^="sicon-"], [class*=" sicon-"], i[class*="sicon-"], span[class*="sicon-"] { font-family: 'sallaicons' !important; }
/* ---------- 19) جوال ---------- */
@media (max-width: 640px) {
  .s-block--store-features { padding-block: 48px !important; }
  .s-slider-block__title { margin-bottom: 18px !important; }
  a.s-slider-block__display-all { padding: 7px 12px !important; font-size: 12px !important; }
}

/* =========================================================
   17) الهيدر + القائمة الجانبية الاحترافية + إصلاحات تجربة المستخدم
   ========================================================= */

/* ---------- 17.1) الهيدر ---------- */
html:not(#tvx) #mainnav .header__main-row { min-height: 72px; align-items: center; }
html:not(#tvx) #mainnav .navbar-brand img { max-height: 46px; width: auto; transition: transform .3s var(--tv-ease, ease); }
html:not(#tvx) #mainnav .navbar-brand:hover img { transform: scale(1.04); }

/* زر القائمة (برجر) بشكل كبسولة */
html:not(#tvx) #mainnav .mburger {
  display: inline-flex !important;
  align-items: center;
  gap: 8px !important;
  width: auto !important;
  height: 42px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  border: 1px solid var(--e2-line, var(--tv-line, #e3e6ec)) !important;
  border-radius: 999px !important;
  background: #fff !important;
  transition: background .2s var(--tv-ease, ease), border-color .2s var(--tv-ease, ease);
}
html:not(#tvx) #mainnav .mburger .sicon-menu { font-size: 20px !important; line-height: 1; }
html:not(#tvx) #mainnav .mburger .menu-label { font-size: 14.5px !important; font-weight: 600; margin: 0 !important; line-height: 1; }

/* إصلاح: أيقونات الهيدر كانت تختفي (بلون الخلفية) عند تحريك الماوس */
html:not(#tvx) #mainnav i,
html:not(#tvx) #mainnav .header-btn__icon,
html:not(#tvx) #mainnav .s-cart-summary-icon,
html:not(#tvx) #mainnav .menu-label { color: var(--e2-ink, var(--tv-ink, #080c14)) !important; }
html:not(#tvx) #mainnav .s-cart-summary-icon svg { fill: currentColor; }

html:not(#tvx) #mainnav .mburger:hover { background: var(--e2-ink, var(--tv-ink, #080c14)) !important; border-color: var(--e2-ink, var(--tv-ink, #080c14)) !important; }
html:not(#tvx) #mainnav .mburger:hover i,
html:not(#tvx) #mainnav .mburger:hover .menu-label { color: var(--e2-beige, var(--tv-lime, #cbf41c)) !important; }

/* إصلاح: أيقونة البحث كانت ملتصقة بكلمة "القائمة" */
html:not(#tvx) #mainnav .header__main-start { gap: 10px; }

/* أزرار الأيقونات بمساحة لمس 42px */
html:not(#tvx) #mainnav .header-btn,
html:not(#tvx) #mainnav .s-cart-summary-wrapper {
  width: 42px; height: 42px;
  display: inline-flex !important;
  align-items: center; justify-content: center;
  border-radius: 50%;
  transition: background .2s var(--tv-ease, ease), transform .2s var(--tv-ease, ease);
}
@media (min-width: 1024px) {
  html:not(#tvx) #mainnav .header__main-start .header__search-btn {
    width: 42px; height: 42px;
    display: inline-flex !important;
    align-items: center; justify-content: center;
    border-radius: 50%;
  }
}
@media (max-width: 1023px) {
  html:not(#tvx) #mainnav .header__main-end .header__search-btn {
    width: 40px; height: 40px;
    display: inline-flex !important;
    align-items: center; justify-content: center;
    border-radius: 50%;
    margin: 0 !important;
  }
  html:not(#tvx) #mainnav .header__main-end { gap: 4px; }
  html:not(#tvx) #mainnav .header__cart-summary { margin: 0 !important; }
  html:not(#tvx) #mainnav .mburger { height: 40px !important; width: 40px !important; padding: 0 !important; justify-content: center; }
  html:not(#tvx) #mainnav .header__main-row { min-height: 64px; }
  html:not(#tvx) #mainnav .navbar-brand img { max-height: 40px; }
}
html:not(#tvx) #mainnav .header__search-btn:hover,
html:not(#tvx) #mainnav .header-btn:hover,
html:not(#tvx) #mainnav .s-cart-summary-wrapper:hover { background: var(--e2-cream, var(--tv-paper, #f6f7fb)); }
html:not(#tvx) #mainnav .header-btn__icon,
html:not(#tvx) #mainnav .header__search-btn .icon { font-size: 20px !important; }
html:not(#tvx) #mainnav .s-cart-summary-count { min-width: 18px; height: 18px; font-size: 10.5px !important; line-height: 18px; box-shadow: 0 0 0 2px #fff; }

/* إمكانية الوصول */
html:not(#tvx) #mainnav a:focus-visible,
html:not(#tvx) #mainnav button:focus-visible,
html:not(#tvx) #mobile-menu a:focus-visible { outline: 2px solid var(--e2-ink, var(--tv-lime-ink, #4d6b00)); outline-offset: 2px; border-radius: 10px; }

/* ---------- 17.2) القائمة الجانبية (كل المقاسات) ---------- */
html:not(#tvx) .mm-ocd { --mm-ocd-width: 86%; --mm-ocd-max-width: 380px; }
html:not(#tvx) .mm-ocd__backdrop { background: rgba(8, 12, 20, .45) !important; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
html:not(#tvx) .mm-ocd__content { background: #fff !important; box-shadow: -24px 0 60px -30px rgba(8, 12, 20, .5); }
html:not(#tvx) #mobile-menu.mm-spn {
  --mm-spn-item-height: 54px;
  --mm-spn-item-indent: 22px;
  background: #fff !important;
  color: var(--e2-ink, var(--tv-ink, #080c14)) !important;
  font-family: var(--tv-font, inherit);
}
html:not(#tvx) #mobile-menu.mm-spn ul { background: #fff !important; }
html:not(#tvx) #mobile-menu.mm-spn--navbar::after {
  opacity: 1 !important;
  color: var(--e2-ink, var(--tv-ink, #080c14));
  font-size: 15px;
  font-weight: 700;
  background: var(--e2-cream, var(--tv-paper, #f6f7fb));
  border-bottom: 1px solid var(--e2-line, var(--tv-line, #e3e6ec));
}
html:not(#tvx) #mobile-menu.mm-spn--navbar::before { z-index: 2; border-color: var(--e2-ink, var(--tv-ink, #080c14)) !important; opacity: .8 !important; }
html:not(#tvx) #mobile-menu li > a,
html:not(#tvx) #mobile-menu .main-menu__parent-label {
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  gap: 10px;
  text-align: start !important;
  padding: 15px 22px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--e2-ink, var(--tv-ink, #080c14)) !important;
  background: #fff !important;
  transition: background .2s var(--tv-ease, ease), box-shadow .2s var(--tv-ease, ease), padding .2s var(--tv-ease, ease);
}
html:not(#tvx) #mobile-menu .main-menu__parent-label { background: transparent !important; }
html:not(#tvx) #mobile-menu li:not(:has(> ul))::before { display: none !important; }
html:not(#tvx) #mobile-menu li > a:hover,
html:not(#tvx) #mobile-menu .main-menu__parent-label:hover {
  background: var(--e2-cream, var(--tv-paper, #f6f7fb)) !important;
  box-shadow: inset -3px 0 0 var(--e2-beige, var(--tv-lime, #cbf41c));
  padding-inline-start: 26px !important;
}
html:not(#tvx) #mobile-menu .main-menu > li,
html:not(#tvx) #mobile-menu .main-menu__side-contacts { background: transparent !important; }
html:not(#tvx) #mobile-menu li::after { border-top-color: var(--e2-line, var(--tv-line, #e3e6ec)) !important; opacity: 1 !important; }
html:not(#tvx) #mobile-menu li::before { border-color: var(--e2-gr, var(--tv-muted, #5b6474)) !important; opacity: .8; }
html:not(#tvx) #mobile-menu .main-menu__parent-label i {
  width: 32px; height: 32px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: var(--e2-cream, var(--tv-paper, #f6f7fb));
  color: var(--e2-ink, var(--tv-ink, #080c14)) !important;
  font-size: 16px;
  flex-shrink: 0;
}
html:not(#tvx) #mobile-menu .main-menu > li:not(.main-menu__side-tab) + .main-menu__side-tab { border-top: 8px solid var(--e2-cream, var(--tv-paper, #f6f7fb)); }

/* إصلاح: روابط التواصل داخل "خدمة العملاء" كانت مضغوطة */
html:not(#tvx) #mobile-menu [class*="contact"] { background: transparent !important; }
html:not(#tvx) #mobile-menu .user-contacts { display: flex !important; flex-direction: column; padding: 6px 0; }
html:not(#tvx) #mobile-menu .user-contacts .links-contact {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100% !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 10px 22px !important;
  color: var(--e2-ink, var(--tv-ink, #080c14)) !important;
  font-weight: 500;
  transition: background .2s var(--tv-ease, ease);
}
html:not(#tvx) #mobile-menu .user-contacts .links-contact:hover { background: var(--e2-cream, var(--tv-paper, #f6f7fb)) !important; }
html:not(#tvx) #mobile-menu .user-contacts .text-unicode {
  width: auto !important;
  white-space: nowrap;
  word-break: normal !important;
  direction: ltr;
  unicode-bidi: plaintext;
  font-family: var(--tv-mono, inherit);
  font-size: 14px;
}
html:not(#tvx) #mobile-menu .user-contacts .links-icon {
  width: 36px; height: 36px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: var(--e2-ink, var(--tv-ink, #080c14)) !important;
  color: var(--e2-beige, var(--tv-lime, #cbf41c)) !important;
  font-size: 16px;
}

/* ---------- 17.3) إصلاح زر السلايدر الرئيسي (النص كان مخفي) ---------- */
html:not(#tvx) .advanced-slider__caption__inner__content__button {
  display: inline-flex !important;
  align-items: center; justify-content: center;
  min-height: 48px;
  padding: 0 28px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--e2-beige, var(--tv-lime, #cbf41c)) !important;
  color: var(--e2-ink, var(--tv-ink, #080c14)) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  transition: background .2s var(--tv-ease, ease), transform .2s var(--tv-ease, ease);
}
html:not(#tvx) .advanced-slider__caption__inner__content__button * { color: inherit !important; }
html:not(#tvx) .advanced-slider__caption__inner__content__button:hover { background: #fff !important; transform: translateY(-2px); }

@media (prefers-reduced-motion: reduce) {
  html:not(#tvx) #mainnav *,
  html:not(#tvx) #mobile-menu *,
  html:not(#tvx) .advanced-slider__caption__inner__content__button { transition: none !important; }
}
/* ===== 18) خلفية بيج فاتح + هيدر بالصور (شعار بدل النصوص) ===== */
html:not(#tvx) body,
html:not(#tvx) .app-inner,
html:not(#tvx) .bg-storeBG { background-color: var(--e2-cream, #F7F3EC) !important; }

/* زر القائمة: أيقونة فقط بدون كلمة "القائمة" */
html:not(#tvx) #mainnav .mburger .menu-label { display: none !important; }
html:not(#tvx) #mainnav .mburger { width: 42px !important; height: 42px !important; padding: 0 !important; justify-content: center !important; border-radius: 50% !important; }

/* شعار أكبر وأوضح في وسط الهيدر */
html:not(#tvx) #mainnav .navbar-brand img { max-height: 62px !important; height: 62px !important; width: auto !important; border-radius: 12px; }
@media (max-width: 1023px) {
  html:not(#tvx) #mainnav .navbar-brand img { max-height: 50px !important; height: 50px !important; border-radius: 10px; }
}

/* رأس القائمة الجانبية: شعار المتجر بدل نص "القائمة الرئيسية" */
html:not(#tvx) #mobile-menu.mm-spn--main.mm-spn--navbar::after {
  content: "" !important;
  background: var(--e2-cream, #F7F3EC) url("https://cdn.files.salla.network/other/1646191697/9c2a067b-21be-45af-bf37-2b4b1a6510ef-original.webp") center / auto 40px no-repeat !important;
}
/* ===== 19) القائمة الجانبية: فتح ثابت وسلس بدون تقطيع ===== */
html:not(#tvx) .mm-ocd__backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(14, 14, 15, .55) !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 1 !important; }
html:not(#tvx) .mm-ocd__content { z-index: 2 !important; overflow: hidden !important; will-change: transform; transition: transform .28s cubic-bezier(.2, .7, .2, 1) !important; }

/* ===== 20) نافذة البحث — تصميم جديد بهوية المتجر ===== */
html:not(#tvx) .s-search-modal .s-modal-overlay { background: rgba(14, 14, 15, .62) !important; }
html:not(#tvx) .s-search-modal .s-modal-body {
  width: min(880px, calc(100vw - 32px)) !important; max-width: 880px !important;
  margin-top: 84px !important; padding: 0 !important;
  background: var(--e2-cream, #F7F3EC) !important;
  border: 1px solid var(--e2-line, #DDD5C7) !important; border-radius: 24px !important;
  box-shadow: 0 40px 90px -30px rgba(14, 14, 15, .55) !important; overflow: hidden !important;
}
html:not(#tvx) .s-search-modal .s-search-panel { padding: 0 !important; gap: 0 !important; }
html:not(#tvx) .s-search-modal .s-search-input-row { margin: 0 !important; border: 0 !important; padding: 18px 20px !important; background: var(--e2-ink, #0E0E0F) !important; }
html:not(#tvx) .s-search-modal .s-search-input-wrapper {
  height: 56px !important; padding: 0 18px !important; gap: 12px !important;
  display: flex !important; align-items: center !important;
  background: #fff !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important;
}
html:not(#tvx) .s-search-modal .s-search-input {
  height: 100% !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important;
  font-size: 16px !important; font-weight: 600 !important; color: var(--e2-ink, #0E0E0F) !important;
}
html:not(#tvx) .s-search-modal .s-search-input::placeholder { color: #8A857C !important; font-weight: 500 !important; }
html:not(#tvx) .s-search-modal .s-search-icon-wrap {
  width: 36px !important; height: 36px !important; flex-shrink: 0; border-radius: 50% !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  background: var(--e2-beige, #D9C8AE) !important; color: var(--e2-ink, #0E0E0F) !important; cursor: pointer;
}
html:not(#tvx) .s-search-modal .s-search-icon-wrap :is(i, svg, span) { color: var(--e2-ink, #0E0E0F) !important; fill: currentColor !important; }
html:not(#tvx) .s-search-modal .s-search-back-btn { color: var(--e2-cream, #F7F3EC) !important; }
html:not(#tvx) .s-search-modal .s-search-back-btn svg { fill: currentColor !important; }
html:not(#tvx) .s-search-modal .s-search-results-body { border: 0 !important; padding: 18px 0 6px !important; max-height: min(62vh, 560px) !important; overflow-y: auto !important; }
html:not(#tvx) .s-search-modal .s-search-idle-section-title {
  margin: 0 0 12px !important; font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: .4px;
  color: var(--e2-gr, #3A3A3D) !important; display: flex; align-items: center; gap: 8px;
}
html:not(#tvx) .s-search-modal .s-search-idle-section-title::before { content: ""; width: 18px; height: 2px; border-radius: 2px; background: var(--e2-beige, #D9C8AE); }
html:not(#tvx) .s-search-modal .s-search-results-grid { gap: 10px !important; }
html:not(#tvx) .s-search-modal .s-search-results-grid-wrap { padding: 0 20px !important; }
html:not(#tvx) .s-search-modal .s-search-product-card-entry {
  background: #fff !important; border: 1px solid var(--e2-line, #DDD5C7) !important; border-radius: 16px !important;
  padding: 10px 12px !important; transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease !important;
}
html:not(#tvx) .s-search-modal .s-search-product-card-entry:hover {
  border-color: var(--e2-ink, #0E0E0F) !important; transform: translateY(-2px); box-shadow: 0 14px 28px -20px rgba(14, 14, 15, .5) !important;
}
html:not(#tvx) .s-search-modal .s-search-product-card-image {
  width: 64px !important; height: 64px !important; min-width: 64px !important; flex-shrink: 0;
  border-radius: 12px !important; background: var(--e2-sand, #EFE7DA) !important; overflow: hidden !important; padding: 4px;
}
html:not(#tvx) .s-search-modal .s-search-product-card-image img { object-fit: contain !important; width: 100% !important; height: 100% !important; mix-blend-mode: multiply; }
html:not(#tvx) .s-search-modal .s-search-product-card-content-title {
  font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.55 !important; color: var(--e2-ink, #0E0E0F) !important;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
html:not(#tvx) .s-search-modal .s-search-product-card-price-value { font-size: 14px !important; font-weight: 800 !important; color: var(--e2-ink, #0E0E0F) !important; }
html:not(#tvx) .s-search-modal .s-search-product-card-price-value i { color: inherit !important; }
html:not(#tvx) .s-search-modal .s-search-view-all {
  display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
  width: max-content !important; margin: 10px auto 18px !important; min-height: 46px !important; padding: 0 26px !important;
  border: 0 !important; border-radius: 999px !important;
  background: var(--e2-ink, #0E0E0F) !important; color: var(--e2-cream, #F7F3EC) !important;
  font-size: 14px !important; font-weight: 700 !important; transition: background .25s ease, transform .25s ease !important;
}
html:not(#tvx) .s-search-modal .s-search-view-all * { color: inherit !important; }
html:not(#tvx) .s-search-modal .s-search-view-all:hover { background: var(--e2-gr, #3A3A3D) !important; transform: translateY(-1px); }
html:not(#tvx) .s-search-modal .s-search-results-body::-webkit-scrollbar { width: 6px; }
html:not(#tvx) .s-search-modal .s-search-results-body::-webkit-scrollbar-thumb { background: var(--e2-line, #DDD5C7); border-radius: 6px; }
@media (max-width: 767px) {
  html:not(#tvx) .s-search-modal .s-modal-body { width: 100vw !important; max-width: 100vw !important; margin: 0 !important; border-radius: 0 0 22px 22px !important; border-top: 0 !important; }
  html:not(#tvx) .s-search-modal .s-search-input-row { padding: 14px !important; }
  html:not(#tvx) .s-search-modal .s-search-input-wrapper { height: 50px !important; }
  html:not(#tvx) .s-search-modal .s-search-results-body { padding: 14px 0 !important; max-height: 70vh !important; }
}

/* ===== 21) خلفية المتجر كاملة بيضاء + هوفر أيقونات الهيدر واضح ===== */
html:not(#tvx) body,
html:not(#tvx) .app-inner,
html:not(#tvx) .bg-storeBG,
html:not(#tvx) :is(header, .store-header, .main-nav-container, .main-nav-container .inner, #mainnav) { background-color: #FFFFFF !important; background: #FFFFFF !important; }
html:not(#tvx) #mobile-menu.mm-spn--navbar::after { background-color: #FFFFFF !important; }
html:not(#tvx) .s-search-modal .s-modal-body { background: #FFFFFF !important; }

/* أزرار الهيدر: عند الهوفر خلفية سوداء والأيقونة فاتحة (ما تختفي) */
html:not(#tvx) #mainnav :is(.mburger, .header-btn, .header__search-btn, .s-cart-summary-wrapper) { transition: background .25s ease, border-color .25s ease !important; }
html:not(#tvx) #mainnav :is(.mburger, .header-btn, .header__search-btn, .s-cart-summary-wrapper):hover { background: var(--e2-ink, #0E0E0F) !important; border-color: var(--e2-ink, #0E0E0F) !important; }
html:not(#tvx) #mainnav :is(.mburger, .header-btn, .header__search-btn, .s-cart-summary-wrapper):hover :is(i, svg, .icon, .header-btn__icon, .s-cart-summary-icon, .sicon-menu) { color: #FFFFFF !important; fill: currentColor; }
html:not(#tvx) #mainnav .s-cart-summary-wrapper:hover .s-cart-summary-count { background: #FFFFFF !important; color: var(--e2-ink, #0E0E0F) !important; box-shadow: 0 0 0 2px var(--e2-ink, #0E0E0F) !important; }

/* ===== 22) أيقونة البحث في الهيدر + نافذة بحث احترافية (لوحة علوية) ===== */
html:not(#tvx) #mainnav .header__search-btn { padding: 0 !important; line-height: 1 !important; }
html:not(#tvx) #mainnav .header__search-btn > span,
html:not(#tvx) #mainnav .header__search-btn .header-btn__icon {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important;
  font-size: 19px !important; line-height: 1 !important;
}
html:not(#tvx) #mainnav :is(.header__search-btn, .header-btn, .mburger, .s-cart-summary-wrapper) :is(span, i)::before { line-height: 1 !important; }
html:not(#tvx) #mainnav :is(.header__search-btn, .header-btn, .mburger, .s-cart-summary-wrapper):focus:not(:focus-visible) { outline: none !important; box-shadow: none !important; }
html:not(#tvx) #mainnav :is(.header__search-btn, .header-btn, .mburger, .s-cart-summary-wrapper):focus-visible { outline: 2px solid var(--e2-ink, #0E0E0F) !important; outline-offset: 3px !important; }

@keyframes tvSearchDrop { from { transform: translateY(-24px); opacity: 0; } to { transform: none; opacity: 1; } }
html:not(#tvx) .s-search-modal .s-modal-overlay { background: rgba(14, 14, 15, .55) !important; }
html:not(#tvx) .s-search-modal .s-modal-wrapper { padding: 0 !important; }
html:not(#tvx) .s-search-modal .s-modal-spacer { display: none !important; }
html:not(#tvx) .s-search-modal .s-modal-body {
  display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important;
  background: #FFFFFF !important; border: 0 !important; border-radius: 0 0 28px 28px !important;
  box-shadow: 0 30px 80px -30px rgba(14, 14, 15, .45) !important; overflow: hidden !important;
  animation: tvSearchDrop .38s cubic-bezier(.2, .7, .2, 1) both;
}
html:not(#tvx) .s-search-modal .s-search-panel { max-width: 1040px !important; margin: 0 auto !important; padding: 26px 32px 8px !important; }
html:not(#tvx) .s-search-modal .s-search-input-row {
  margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important;
  display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important;
}
html:not(#tvx) .s-search-modal .s-search-input-row::after {
  content: "ابحث باسم العطر أو الماركة — مثل: ديور، توم فورد، شانيل، كيليان";
  flex-basis: 100%; order: 3; padding: 10px 6px 0; font-size: 12.5px; color: #8A857C; text-align: start;
}
html:not(#tvx) .s-search-modal .s-search-input-wrapper {
  flex: 1 1 auto !important; height: 64px !important; padding: 0 10px 0 24px !important; gap: 12px !important;
  display: flex !important; align-items: center !important;
  background: #F5F2EC !important; border: 1.5px solid transparent !important; border-radius: 999px !important; box-shadow: none !important;
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}
html:not(#tvx) .s-search-modal .s-search-input-wrapper:focus-within {
  background: #FFFFFF !important; border-color: var(--e2-ink, #0E0E0F) !important; box-shadow: 0 0 0 5px rgba(14, 14, 15, .06) !important;
}
html:not(#tvx) .s-search-modal .s-search-input { font-size: 18px !important; font-weight: 600 !important; letter-spacing: .1px; }
html:not(#tvx) .s-search-modal .s-search-icon-wrap {
  width: 46px !important; height: 46px !important; background: var(--e2-ink, #0E0E0F) !important; color: #FFFFFF !important;
  transition: transform .2s ease, background .2s ease !important;
}
html:not(#tvx) .s-search-modal .s-search-icon-wrap :is(i, svg, span) { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 18px !important; }
html:not(#tvx) .s-search-modal .s-search-icon-wrap:hover { transform: scale(1.05); background: var(--e2-gr, #3A3A3D) !important; }
/* زر الرجوع يصير زر إغلاق دائري واضح */
html:not(#tvx) .s-search-modal .s-search-back-btn {
  display: inline-flex !important; order: -1; align-items: center !important; justify-content: center !important;
  width: 48px !important; height: 48px !important; flex-shrink: 0; border-radius: 50% !important;
  background: #F5F2EC !important; color: var(--e2-ink, #0E0E0F) !important; border: 0 !important;
  transition: background .2s ease !important;
}
html:not(#tvx) .s-search-modal .s-search-back-btn svg { width: 18px !important; height: 18px !important; fill: currentColor !important; }
html:not(#tvx) .s-search-modal .s-search-back-btn:hover { background: var(--e2-ink, #0E0E0F) !important; color: #FFFFFF !important; }

html:not(#tvx) .s-search-modal .s-search-results-body { padding: 22px 0 6px !important; max-height: min(64vh, 600px) !important; border-top: 1px solid #EEE9E1 !important; margin-top: 18px !important; }
html:not(#tvx) .s-search-modal .s-search-results-grid-wrap { padding: 0 !important; }
html:not(#tvx) .s-search-modal .s-search-idle-section-title { font-size: 13px !important; color: var(--e2-ink, #0E0E0F) !important; margin-bottom: 14px !important; }
html:not(#tvx) .s-search-modal .s-search-results-grid { gap: 12px !important; }
html:not(#tvx) .s-search-modal .s-search-product-card-entry {
  background: #FAF8F4 !important; border: 1px solid transparent !important; border-radius: 18px !important; padding: 12px 14px !important;
}
html:not(#tvx) .s-search-modal .s-search-product-card-entry:hover {
  background: #FFFFFF !important; border-color: var(--e2-ink, #0E0E0F) !important; transform: translateY(-2px); box-shadow: 0 16px 30px -22px rgba(14, 14, 15, .5) !important;
}
html:not(#tvx) .s-search-modal .s-search-product-card-image { width: 72px !important; height: 72px !important; min-width: 72px !important; border-radius: 14px !important; background: #FFFFFF !important; border: 1px solid #EEE9E1; }
html:not(#tvx) .s-search-modal .s-search-view-all { min-height: 50px !important; padding: 0 32px !important; margin: 14px auto 22px !important; font-size: 14.5px !important; }

@media (max-width: 767px) {
  html:not(#tvx) .s-search-modal .s-modal-body { border-radius: 0 0 22px 22px !important; }
  html:not(#tvx) .s-search-modal .s-search-panel { padding: 14px 14px 4px !important; }
  html:not(#tvx) .s-search-modal .s-search-input-row { padding: 0 !important; gap: 8px !important; }
  html:not(#tvx) .s-search-modal .s-search-input-row::after { font-size: 11.5px; padding-top: 8px; }
  html:not(#tvx) .s-search-modal .s-search-input-wrapper { height: 52px !important; padding: 0 6px 0 16px !important; }
  html:not(#tvx) .s-search-modal .s-search-input { font-size: 16px !important; }
  html:not(#tvx) .s-search-modal .s-search-icon-wrap { width: 40px !important; height: 40px !important; }
  html:not(#tvx) .s-search-modal .s-search-back-btn { width: 44px !important; height: 44px !important; }
  html:not(#tvx) .s-search-modal .s-search-results-body { margin-top: 12px !important; padding: 14px 0 !important; max-height: 72vh !important; }
  html:not(#tvx) .s-search-modal .s-search-product-card-image { width: 60px !important; height: 60px !important; min-width: 60px !important; }
}
@media (prefers-reduced-motion: reduce) { html:not(#tvx) .s-search-modal .s-modal-body { animation: none !important; } }

/* 22-b) زر إغلاق (✕) بدل السهم + سكرول بار ناعم داخل البحث */
html:not(#tvx) .s-search-modal .s-search-back-btn svg { display: none !important; }
html:not(#tvx) .s-search-modal .s-search-back-btn > span { display: none !important; }
html:not(#tvx) .s-search-modal .s-search-back-btn::before { content: "\2715"; font-size: 16px; font-weight: 700; line-height: 1; color: currentColor; }
html:not(#tvx) .s-search-modal *::-webkit-scrollbar { width: 6px !important; height: 6px !important; background: transparent !important; }
html:not(#tvx) .s-search-modal *::-webkit-scrollbar-thumb { background: #DDD5C7 !important; border-radius: 6px !important; border: 0 !important; }
html:not(#tvx) .s-search-modal *::-webkit-scrollbar-track { background: transparent !important; }
html:not(#tvx) .s-search-modal * { scrollbar-width: thin; scrollbar-color: #DDD5C7 transparent; }
html:not(#tvx) .s-search-modal .s-search-input-wrapper { flex: 1 1 0% !important; min-width: 0 !important; width: auto !important; }

/* ===== 23) تحسينات رحلة العميل حتى الشراء ===== */
/* سعر المنتج أوضح وأكبر */
html:not(#tvx) .product-single__price-values .total-price { font-size: 26px !important; font-weight: 800 !important; letter-spacing: .2px; color: var(--e2-ink, #0E0E0F) !important; }
html:not(#tvx) .product-single__price-values .price_is_on_sale .total-price { color: #C0262D !important; }
html:not(#tvx) .product-single__price-values .before-price { font-size: 15px !important; }
/* إخفاء أقسام التوصيات الفاضية اللي تترك فراغ كبير قبل الفوتر */
html:not(#tvx) section.s-block[class*="s-block--bundle-"]:not(:has(img, button, .swiper, [class*="product-card"])) { display: none !important; }
/* قسم المميزات: مسافة من أطراف الشاشة */
@media (max-width: 1440px) { html:not(#tvx) .s-block--enhanced-features { padding-inline: 16px !important; } }
/* روابط الفوتر في عمود واحد بدون تكسير الكلمات */
html:not(#tvx) .store-footer .footer-list.enhanced_links { display: flex !important; flex-direction: column !important; gap: 10px !important; }
html:not(#tvx) .store-footer .footer-list.enhanced_links > li { width: auto !important; max-width: none !important; }
html:not(#tvx) .store-footer .footer-list.enhanced_links a { white-space: nowrap !important; }
/* علامة الصح في جدول المقارنة بلون واضح */
html:not(#tvx) [class*="comparison"] i[class*="check"] { color: #1F7A4D !important; }
@media (max-width: 767px) {
  /* أسماء المنتجات سطرين بدل سطر واحد (عشان يبان الحجم) */
  html:not(#tvx) .s-product-card-content-title,
  html:not(#tvx) .s-product-card-content-title a {
    white-space: normal !important; overflow: hidden !important; text-overflow: clip !important;
    display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; line-height: 1.5 !important;
  }
  html:not(#tvx) .s-product-card-content-title { min-height: 3em; }
  /* مسار الصفحة (breadcrumb) سطر واحد في صفحة المنتج */
  html:not(#tvx) .s-breadcrumb-wrapper { flex-wrap: nowrap !important; overflow-x: auto !important; white-space: nowrap !important; scrollbar-width: none; }
  html:not(#tvx) .s-breadcrumb-wrapper::-webkit-scrollbar { display: none; }
  html:not(#tvx) body.product-single .s-breadcrumb-wrapper > .s-breadcrumb-item:last-child,
  html:not(#tvx) body.product-single .s-breadcrumb-wrapper > .s-breadcrumb-arrow:nth-last-child(2) { display: none !important; }
}
@media (max-width: 767px) {
  html:not(#tvx) .product-card__title a { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; white-space: normal !important; overflow: hidden !important; line-height: 1.5 !important; min-height: 3em; }
}
/* ===== 24) زر الهيرو "جرب أفضل العطور العالمية": هوفر نظيف بدون حواف مقصوصة ===== */
html:not(#tvx) .advanced-slider__caption__inner__content__button { position: relative !important; overflow: hidden !important; isolation: isolate; transition: background .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease !important; }
html:not(#tvx) .advanced-slider__caption__inner__content__button::before,
html:not(#tvx) .advanced-slider__caption__inner__content__button::after { display: none !important; content: none !important; }
html:not(#tvx) .advanced-slider__caption__inner__content__button:hover,
html:not(#tvx) .advanced-slider__caption__inner__content__button:focus-visible {
  background: var(--e2-ink, #0E0E0F) !important; color: #FFFFFF !important;
  transform: translateY(-2px); box-shadow: 0 14px 30px -14px rgba(14, 14, 15, .6) !important;
}
html:not(#tvx) .advanced-slider__caption__inner__content__button:hover *,
html:not(#tvx) .advanced-slider__caption__inner__content__button:focus-visible * { color: #FFFFFF !important; }
/* ===== 25) زر الرجوع للأعلى: دائرة نظيفة بدل المربع الأسود ===== */
html:not(#tvx) .scroll-to-top {
  background: transparent !important; border: 0 !important; border-radius: 50% !important;
  box-shadow: 0 10px 24px -10px rgba(14, 14, 15, .45) !important;
  transition: opacity .3s ease, transform .25s ease, box-shadow .25s ease !important;
}
html:not(#tvx) .scroll-to-top::after {
  background: #FFFFFF !important; border-color: #FFFFFF !important; border-radius: 50% !important;
  color: var(--e2-ink, #0E0E0F) !important; transition: background .25s ease, color .25s ease, border-color .25s ease !important;
}
html:not(#tvx) .scroll-to-top svg { border-radius: 50% !important; }
html:not(#tvx) .scroll-to-top svg path { stroke: var(--e2-ink, #0E0E0F) !important; stroke-width: 3px !important; }
html:not(#tvx) .scroll-to-top:hover { background: transparent !important; transform: translateY(-3px); box-shadow: 0 16px 30px -12px rgba(14, 14, 15, .55) !important; }
html:not(#tvx) .scroll-to-top:hover::after { background: var(--e2-ink, #0E0E0F) !important; border-color: var(--e2-ink, #0E0E0F) !important; color: #FFFFFF !important; }
html:not(#tvx) .scroll-to-top:hover svg path { stroke: var(--e2-beige, #D9C8AE) !important; }

/* =========================================================
   Salman4Perfume – Celia Mobile Navigation line repair
   Add this at the END of the current Custom CSS.
   Does not move the bar, change click areas, or affect icon fonts.
   ========================================================= */
@media (max-width: 767px) {
  :root {
    --bottom-nav-bg: #F7F3EC !important;
    --bottom-nav-text-color: #080c14 !important;
  }

  :is(.tv-bottom-nav-fix, .mobile-bottom-nav, .bottom-nav,
      .bottom-navigation, .mobile-nav-bar, .mobile-tab-bar,
      .s-bottom-nav, .footer-mobile-nav, .mobile-bottom-bar) {
    background-image: none !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  :is(.tv-bottom-nav-fix, .mobile-bottom-nav, .bottom-nav,
      .bottom-navigation, .mobile-nav-bar, .mobile-tab-bar,
      .s-bottom-nav, .footer-mobile-nav, .mobile-bottom-bar)::before,
  :is(.tv-bottom-nav-fix, .mobile-bottom-nav, .bottom-nav,
      .bottom-navigation, .mobile-nav-bar, .mobile-tab-bar,
      .s-bottom-nav, .footer-mobile-nav, .mobile-bottom-bar)::after {
    display: none !important;
    content: none !important;
  }

  /* Remove decorative horizontal rules, not icon glyphs. */
  :is(.tv-bottom-nav-fix, .mobile-bottom-nav, .bottom-nav,
      .bottom-navigation, .mobile-nav-bar, .mobile-tab-bar,
      .s-bottom-nav, .footer-mobile-nav, .mobile-bottom-bar)
  :is(ul, li, div, a, button):not([class*="sicon-"]) {
    background-image: none !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  :is(.tv-bottom-nav-fix, .mobile-bottom-nav, .bottom-nav,
      .bottom-navigation, .mobile-nav-bar, .mobile-tab-bar,
      .s-bottom-nav, .footer-mobile-nav, .mobile-bottom-bar)
  :is(ul, li, div, a, button):not([class*="sicon-"])::before,
  :is(.tv-bottom-nav-fix, .mobile-bottom-nav, .bottom-nav,
      .bottom-navigation, .mobile-nav-bar, .mobile-tab-bar,
      .s-bottom-nav, .footer-mobile-nav, .mobile-bottom-bar)
  :is(ul, li, div, a, button):not([class*="sicon-"])::after {
    display: none !important;
    content: none !important;
  }
}