/* =====================================================================
   PIX STORE — Complete Theme Skin (Salla · Angel theme · Dark)
   النسخة: ألوان pcspaces.com (تيل #009394) — تغيير ألوان فقط
   الصق الملف كامل في: تصميم المتجر ← إعدادات متقدمة ← CSS مخصص
   (احذف أي CSS قديم قبل اللصق حتى ما يتعارض)
   ---------------------------------------------------------------------
   01 Tokens + theme variables     11 Breadcrumb
   02 Base / page                  12 Product page
   03 Header                       13 Tabs + description + reviews
   04 Mobile side menu             14 Sticky product bar
   05 Search modal                 15 Forms / inputs / quantity
   06 Section titles + sliders     16 Modals / quick view / toast
   07 Buttons
   08 Product card                 18 Misc (skeleton, scrollbar…)
   09 Banners                      19 Reduced motion
   10 Features + testimonials
   ===================================================================== */


/* =====================================================================
   01 · TOKENS + THEME VARIABLES
   ===================================================================== */
:root{
  /* الهوية */
  --pix-lav:        #8fdada;   /* تيل فاتح (للنصوص والتمييز على الخلفية الداكنة) */
  --pix-lav-2:      #d5f3f3;
  --pix-violet:     #00a9aa;   /* تيل متوسط */
  --pix-deep:       #007577;
  --pix-cyan:       #3be0d0;

  /* الأسطح */
  --pix-bg:         #0b1213;
  --pix-bg-2:       #101a1b;
  --pix-surface:    #142021;
  --pix-surface-2:  #1a2a2c;
  --pix-surface-3:  #223639;

  /* النصوص والخطوط */
  --pix-ink:        #f1f8f8;
  --pix-ink-2:      #bfd1d2;
  --pix-muted:      #8aa1a3;
  --pix-line:       rgba(143,218,218,.12);
  --pix-line-2:     rgba(143,218,218,.22);

  /* تدرجات وظلال */
  --pix-grad:       linear-gradient(135deg,#007577 0%,#009394 55%,#2cc7c8 100%);
  --pix-grad-text:  linear-gradient(90deg,#8fdada,#00a9aa 30%,#3be0d0 50%,#00a9aa 70%,#8fdada);
  --pix-glow:       0 0 0 1px rgba(0,147,148,.25), 0 10px 30px -10px rgba(0,117,119,.55);
  --pix-shadow:     0 12px 34px -14px rgba(0,0,0,.7);
  --pix-r-sm: 10px; --pix-r: 16px; --pix-r-lg: 22px;
  --pix-ease: cubic-bezier(.2,.8,.2,1);

  /* متغيّرات ثيم أنجل/سلة — نعيد تعريفها لتتوحّد الهوية بكل مكان */
  --color-primary:          #8fdada !important;
  --color-primary-dark:     #009394 !important;
  --color-primary-light:    #e0f7f7 !important;
  --color-primary-reverse:  #142021 !important;
  --theme-primary-color:    #8fdada !important;
  --dark-bg-main:           #0b1213 !important;
  --dark-grey:              #142021 !important;
  --dark-text-main:         #f1f8f8 !important;
  --dark-text-sec:          #8aa1a3 !important;
  --bg-color:               #0b1213 !important;
  --header-bg:              rgba(11,18,19,.72) !important;
  --menu-bg:                #080e0f !important;
  --text-btn:               #ffffff !important;
  --swiper-theme-color:     #00a9aa !important;
}


/* =====================================================================
   02 · BASE / PAGE
   ===================================================================== */
html{ scroll-behavior:smooth }
body,
body.da-bgm{
  background-color:var(--pix-bg) !important;
  background-image:
    radial-gradient(900px 500px at 85% -10%, rgba(0,117,119,.16), transparent 60%),
    radial-gradient(700px 420px at 0% 35%,  rgba(0,147,148,.07), transparent 60%) !important;
  background-attachment:fixed !important;
  color:var(--pix-ink);
  -webkit-font-smoothing:antialiased;
}
::selection{ background:rgba(0,147,148,.45); color:#fff }

/* ألوان الثيم المساعدة (da-*) */
.dark .da-bgm:not(body):not(.store-footer__inner):not(.store-footer *), .da-bgm:not(body):not(.store-footer__inner):not(.store-footer *){ background-color:transparent !important }
html{ background-color:var(--pix-bg) !important }
.dark .da-bgg:not(.store-footer *), .da-bgg:not(.store-footer *){ background-color:var(--pix-surface) !important }
.dark .da-tm:not(.store-footer *),  .da-tm:not(.store-footer *) { color:var(--pix-ink) !important }
.dark .da-ts:not(.store-footer *),  .da-ts:not(.store-footer *) { color:var(--pix-muted) !important }
.dark .da-brdr:not(.store-footer *),.da-brdr:not(.store-footer *){ border-color:var(--pix-line) !important }
.dark .da-cp:not(.store-footer *),  .da-cp:not(.store-footer *) { color:var(--pix-lav) !important }
.dark .border-gray-200:not(.store-footer *), .dark .border-gray-100:not(.store-footer *), .dark .border-gray-300:not(.store-footer *){ border-color:var(--pix-line) !important }
.dark .text-primary:not(.store-footer *){ color:var(--pix-lav) !important }
.dark .bg-primary:not(.store-footer *){ background:var(--pix-grad) !important }

a{ transition:color .25s }
.dark a:hover:not(.store-footer *){ color:var(--pix-lav) }

:focus-visible{ outline:2px solid var(--pix-violet) !important; outline-offset:2px; border-radius:8px }


/* =====================================================================
   03 · HEADER
   ===================================================================== */
.store-header,
.store-header .main-nav-container,
.store-header .header-inner,
.store-header .header-inner.bg-white{
  background:transparent !important;
  box-shadow:none !important;
}
.store-header{ position:relative; z-index:100 !important }
.store-header .header-inner{
  background:transparent !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  border-bottom:1px solid var(--pix-line);
  position:relative; z-index:100;
}
/* الزجاج بطبقة منفصلة حتى ما يحبس قائمة الحساب */
.store-header .header-inner::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:rgba(11,18,19,.72);
  -webkit-backdrop-filter:saturate(160%) blur(18px);
          backdrop-filter:saturate(160%) blur(18px);
}
/* خط ضوئي أسفل الهيدر */
.store-header .header-inner::after{
  content:""; position:absolute; inset-inline:0; bottom:-1px; height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,147,148,.7),rgba(59,224,208,.6),rgba(0,147,148,.7),transparent);
  background-size:200% 100%;
  animation:pixLine 6s linear infinite;
  opacity:.8;
}
@keyframes pixLine{ to{ background-position:-200% 0 } }

/* الشعار */
.store-header .navbar-brand img{
  transition:transform .4s var(--pix-ease), filter .4s;
  filter:drop-shadow(0 0 10px rgba(0,147,148,.35));
}
.store-header .navbar-brand:hover img{ transform:scale(1.06); filter:drop-shadow(0 0 16px rgba(0,147,148,.7)) }

/* أزرار الهيدر (القائمة، البحث، الحساب، السلة، العملة) */
.store-header .mburger,
.store-header .header-btn,
.store-header .search-btn,
.store-header .s-cart-summary-wrapper,
.store-header .currency{
  color:var(--pix-ink) !important;
  border-radius:12px;
  transition:background .25s, color .25s, box-shadow .25s;
}
.store-header .mburger:hover,
.store-header .header-btn:hover,
.store-header .search-btn:hover,
.store-header .s-cart-summary-wrapper:hover{
  background:rgba(0,147,148,.12) !important;
  box-shadow:inset 0 0 0 1px var(--pix-line-2);
}
.store-header i,
.store-header .text-black,
.store-header .sicon-menu,
.store-header .mburger p{ color:var(--pix-ink) !important }
.store-header .mburger:hover i,
.store-header .header-btn:hover i,
.store-header .search-btn:hover i{ color:var(--pix-lav) !important }
.store-header .currency-btn{ color:var(--pix-ink-2) !important; font-weight:600 }

/* عدّاد السلة */
.s-cart-summary-count{
  background:var(--pix-grad) !important;
  color:#fff !important;
  font-weight:800 !important;
  box-shadow:0 0 0 2px var(--pix-bg), 0 0 12px rgba(0,147,148,.8) !important;
  border:0 !important;
}
.s-cart-summary-total{ color:var(--pix-ink) !important; font-weight:700 }
.s-cart-summary-icon{ color:var(--pix-ink) !important }


/* =====================================================================
   04 · MOBILE SIDE MENU (mmenu)
   ===================================================================== */
#mobile-menu.mobile-menu,
.mm-ocd .mobile-menu.mm-spn,
.mm-spn{
  --menu-bg:#080e0f !important;
  --mm-spn-item-height:52px;
  background-color:#080e0f !important;
  background-image:
    radial-gradient(420px 260px at 100% 0%, rgba(0,147,148,.22), transparent 70%),
    linear-gradient(rgba(143,218,218,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(143,218,218,.04) 1px, transparent 1px) !important;
  background-size:auto, 34px 34px, 34px 34px !important;
  color:var(--pix-ink) !important;
  border-inline-start:1px solid var(--pix-line);
  overflow-x:hidden;
}
.mm-ocd__content{ box-shadow:-20px 0 60px rgba(0,0,0,.6) }
.mm-ocd:not(.mm-ocd--open) .mm-ocd__content{ box-shadow:none !important }
/* الخلفية المعتمة: تختفي بسرعة عند الإغلاق (بدون blur لأنه يسبب تأخير/شريط معلّق) */
.mm-ocd__backdrop{
  background:rgba(5,10,10,.6) !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  opacity:0 !important;
  transition:opacity .2s ease !important;
}
.mm-ocd--open .mm-ocd__backdrop{ opacity:1 !important }
.mm-spn ul, .mm-spn li, .mm-spn a, .mm-spn span{ background:transparent !important }
.mm-spn li::after{ border-color:var(--pix-line) !important; opacity:1 !important }
.mm-spn li::before{ border-color:var(--pix-lav) !important; opacity:.7 }
.mm-spn.mm-spn--navbar::after,
.mm-spn.mm-spn--navbar::before{ color:var(--pix-lav) !important; font-weight:800; opacity:1 !important }

/* مهم: لا نلمس الحشو الأفقي للقائمة — المكتبة تستخدمه لتحريك القوائم الفرعية */
#mobile-menu .main-menu{ padding-top:6px; padding-bottom:28px }
#mobile-menu .sidemenu-link,
#mobile-menu .links > span,
#mobile-menu .social > span{
  display:flex; align-items:center; gap:10px;
  color:var(--pix-ink-2) !important;
  font-weight:700;
  border-radius:12px;
  transition:color .25s, background .25s, padding-inline-start .25s;
}
#mobile-menu .sidemenu-link::before{
  content:""; width:6px; height:6px; border-radius:50%; flex:none;
  background:var(--pix-violet); box-shadow:0 0 8px var(--pix-violet);
  transition:transform .25s;
}
#mobile-menu .sidemenu-link:hover,
#mobile-menu .sidemenu-link:active{
  color:#fff !important;
  background:rgba(0,147,148,.10) !important;
  padding-inline-start:24px !important;
}
#mobile-menu .sidemenu-link:hover::before{ transform:scale(1.4) }
#mobile-menu .menu_title{ color:inherit }
#mobile-menu .main-menu ul .sidemenu-link{ font-size:13.5px; color:var(--pix-muted) !important }
#mobile-menu .display-all-category{ color:var(--pix-lav) !important; font-weight:800 !important }

#mobile-menu .links > span,
#mobile-menu .social > span,
#mobile-menu .footer-title{ color:var(--pix-lav) !important; font-size:13px; font-weight:800 }
#mobile-menu .links i,
#mobile-menu .social i,
#mobile-menu .currency-menu i{ color:var(--pix-lav) !important }
#mobile-menu .footer-list a{ color:var(--pix-ink-2) !important }
#mobile-menu .footer-list a:hover{ color:var(--pix-lav) !important }
#mobile-menu .links-menu,
#mobile-menu .social-menu{ border-top:1px dashed var(--pix-line-2); margin-top:6px; padding-top:8px }

#mobile-menu .s-contacts-item{
  color:var(--pix-ink-2) !important; border-radius:12px; padding:10px 6px;
  transition:background .25s, color .25s;
}
#mobile-menu .s-contacts-item:hover{ background:rgba(0,147,148,.10); color:#fff !important }
#mobile-menu .s-contacts-icon svg path{ fill:var(--pix-lav) !important }

#mobile-menu .btn--close-sm,
.close-mobile-menu{
  color:var(--pix-ink) !important;
  background:rgba(0,147,148,.14) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:50% !important;
  width:34px; height:34px; display:grid !important; place-items:center;
}
#mobile-menu .mobile-menu-slider{ border-bottom:1px solid var(--pix-line); margin-bottom:6px }


/* =====================================================================
   05 · SEARCH MODAL
   ===================================================================== */
.s-search-modal .s-modal-body,
.s-search-modal-new .s-modal-body,
.s-search-modal .s-modal-container,
.s-search-panel{
  background:var(--pix-surface) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:var(--pix-r-lg) !important;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.8), 0 0 0 1px rgba(0,147,148,.15) !important;
  color:var(--pix-ink) !important;
}
.s-search-input-wrapper,
.s-search-input-row{
  background:var(--pix-bg-2) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:14px !important;
  transition:border-color .25s, box-shadow .25s;
}
.s-search-input-wrapper:focus-within,
.s-search-input-row:focus-within{
  border-color:var(--pix-violet) !important;
  box-shadow:0 0 0 4px rgba(0,147,148,.18) !important;
}
.s-search-input{ background:transparent !important; color:var(--pix-ink) !important }
.s-search-input::placeholder{ color:var(--pix-muted) !important }
.s-search-icon, .s-search-icon-wrap, .s-search-back-btn{ color:var(--pix-lav) !important }
.s-search-idle-panel, .s-search-idle-panel-empty{ color:var(--pix-muted) !important }


/* =====================================================================
   06 · SECTION TITLES + SLIDERS
   ===================================================================== */
.s-block__title h2,
.s-slider-block__title h2,
.angel-products-title h2,
.similar-products__title,
.s-block__title .title{
  font-weight:800 !important;
  background:var(--pix-grad-text);
  background-size:200% 100%;
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent !important;
  filter:drop-shadow(0 0 14px rgba(0,147,148,.35));
  animation:pixShine 7s linear infinite;
}
@keyframes pixShine{ to{ background-position:-200% 0 } }
.s-block__title p,
.s-slider-block__title p{ color:var(--pix-muted) !important }

/* رابط "عرض الكل" */
.s-block__display-all,
.s-slider-block__display-all{
  color:var(--pix-lav) !important;
  font-weight:700;
  padding:6px 14px;
  border-radius:999px;
  border:1px solid var(--pix-line-2);
  background:rgba(0,147,148,.08);
  transition:background .25s, border-color .25s, color .25s, box-shadow .25s;
}
.s-block__display-all:hover,
.s-slider-block__display-all:hover{
  color:#fff !important;
  background:rgba(0,147,148,.2);
  border-color:var(--pix-violet);
  box-shadow:0 0 18px -4px rgba(0,147,148,.7);
}

/* أسهم السلايدر */
.s-slider-nav-arrow,
.s-slider-prev,
.s-slider-next{
  width:40px !important; height:40px !important;
  border-radius:12px !important;
  background:var(--pix-surface) !important;
  border:1px solid var(--pix-line-2) !important;
  color:var(--pix-ink) !important;
  box-shadow:var(--pix-shadow);
  transition:background .25s, border-color .25s, transform .25s;
}
.s-slider-nav-arrow:hover,
.s-slider-prev:hover,
.s-slider-next:hover{
  background:var(--pix-grad) !important;
  border-color:transparent !important;
  transform:translateY(-2px);
}
.s-slider-nav-arrow svg, .s-slider-button-icon{ fill:currentColor !important; color:inherit !important }
.s-slider-nav-arrow.swiper-button-disabled{ opacity:.35 !important }

/* نقاط السلايدر */
.swiper-pagination-bullet{ background:var(--pix-lav) !important; opacity:.3 !important; transition:all .3s }
.swiper-pagination-bullet-active{
  opacity:1 !important; width:22px !important; border-radius:6px !important;
  background:var(--pix-grad) !important; box-shadow:0 0 10px rgba(0,147,148,.7);
}
.swiper-scrollbar{ background:var(--pix-line) !important }
.swiper-scrollbar-drag{ background:var(--pix-grad) !important }


/* =====================================================================
   07 · BUTTONS (سلة)
   ===================================================================== */
.s-button-element{
  font-family:inherit !important;
  border-radius:12px !important;
  font-weight:700 !important;
  transition:transform .2s var(--pix-ease), box-shadow .25s, background .25s, border-color .25s, color .25s !important;
}

/* الزر الأساسي المعبّى */
.s-button-solid.s-button-primary,
.s-button-primary:not(.s-button-outline):not(.s-button-primary-outline),
.s-add-product-button-main .s-button-element,
.sticky-product-bar__btn .s-button-solid{
  position:relative; overflow:hidden; isolation:isolate;
  background:var(--pix-grad) !important;
  color:#fff !important;
  border:1px solid rgba(213,243,243,.28) !important;
  box-shadow:0 10px 26px -10px rgba(0,117,119,.9), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
/* لمعة */
.s-button-solid.s-button-primary::after,
.s-button-primary:not(.s-button-outline):not(.s-button-primary-outline)::after,
.s-add-product-button-main .s-button-element::after{
  content:""; position:absolute; top:0; bottom:0; width:40%; left:-60%; z-index:-1;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);
  animation:pixBtnShine 4.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes pixBtnShine{ 0%{left:-60%} 40%,100%{left:130%} }
.s-button-solid.s-button-primary:hover,
.s-button-primary:not(.s-button-outline):not(.s-button-primary-outline):hover,
.s-add-product-button-main .s-button-element:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px -10px rgba(0,147,148,1), 0 0 0 1px rgba(213,243,243,.35) !important;
}
.s-button-element:active{ transform:scale(.97) !important }

/* الزر المفرّغ (outline) */
.s-button-outline,
.s-button-primary-outline{
  background:rgba(0,147,148,.06) !important;
  color:var(--pix-lav) !important;
  border:1px solid rgba(143,218,218,.35) !important;
}
.s-button-outline:hover,
.s-button-primary-outline:hover{
  background:rgba(0,147,148,.16) !important;
  border-color:var(--pix-violet) !important;
  color:#fff !important;
  box-shadow:0 0 20px -6px rgba(0,147,148,.8) !important;
}
.s-button-element .s-button-text,
.s-button-element i{ color:inherit !important }
.s-button-disabled, .s-button-element[disabled]{ opacity:.5 !important; filter:grayscale(.4); transform:none !important }
.s-button-loader-after::after,
.s-button-loader{ border-color:#fff transparent #fff transparent !important }

/* زر أبل باي يبقى أسود أصلي مع حواف متناسقة */
.s-quick-buy-apple-pay, apple-pay-button{ border-radius:12px !important; overflow:hidden }


/* =====================================================================
   08 · PRODUCT CARD
   ===================================================================== */
.s-product-card-entry{
  position:relative;
  background:linear-gradient(180deg,var(--pix-surface-2) 0%,var(--pix-surface) 100%) !important;
  border:1px solid var(--pix-line) !important;
  border-radius:var(--pix-r) !important;
  overflow:hidden !important;
  box-shadow:var(--pix-shadow) !important;
  transition:transform .45s var(--pix-ease), box-shadow .45s var(--pix-ease), border-color .35s !important;
}
/* إطار متدرّج يظهر عند المرور */
.s-product-card-entry::before{
  content:""; position:absolute; inset:0; z-index:3; pointer-events:none;
  border-radius:inherit; padding:1px;
  background:linear-gradient(140deg,rgba(0,147,148,.9),rgba(59,224,208,.6) 45%,transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity .4s;
}
.s-product-card-entry:hover{
  transform:translateY(-6px);
  border-color:transparent !important;
  box-shadow:0 24px 50px -18px rgba(0,117,119,.65), 0 0 0 1px rgba(0,147,148,.2) !important;
}
.s-product-card-entry:hover::before{ opacity:1 }

/* الصورة */
.s-product-card-image{ background:var(--pix-bg-2) !important; overflow:hidden }
.s-product-card-image img,
.s-product-card-image-cover{
  transition:transform .8s var(--pix-ease), filter .6s !important;
}
.s-product-card-entry:hover .s-product-card-image img{ transform:scale(1.06) }
.s-product-card-image::after{
  content:""; position:absolute; inset:auto 0 0 0; height:40%; pointer-events:none;
  background:linear-gradient(to top, rgba(20,32,33,.85), transparent);
}

/* أزرار المفضلة + العرض السريع */
.s-product-card-fixed-btn,
.s-product-card-wishlist,
.s-product-card-quick-view-btn{
  width:36px !important; height:36px !important;
  background:rgba(11,18,19,.6) !important;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border:1px solid var(--pix-line-2) !important;
  border-radius:12px !important;
  color:var(--pix-ink) !important;
}
.s-product-card-fixed-btn:hover{ background:var(--pix-grad) !important; border-color:transparent !important }
.btn--wishlist.is-added i,
.btn--wishlist.favorited i{ color:#f472b6 !important }

/* التقييم فوق الصورة */
.s-product-card-rating{
  background:rgba(11,18,19,.7) !important;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  border:1px solid var(--pix-line-2);
  border-radius:999px !important;
  color:var(--pix-ink) !important;
  font-weight:700;
  z-index:2;
}
.s-product-card-rating i, .sicon-star2{ color:#fbbf24 !important }

/* شارة العرض (مثل: أكثر طلباً) */
.s-product-card-promotion-title,
.promotion-title{
  background:var(--pix-grad) !important;
  color:#fff !important;
  font-weight:800 !important;
  border-radius:999px !important;
  box-shadow:0 6px 16px -6px rgba(0,117,119,.9);
  z-index:2;
}

/* العدّاد (بدل الشريط الأحمر) */
.s-product-card-countdown{ background:transparent !important; padding:0 12px; margin-top:10px }
.s-product-card-countdown .s-count-down-list{
  background:rgba(0,147,148,.10) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:12px !important;
  overflow:hidden;
}
.s-count-down-item{ background:transparent !important; border-color:var(--pix-line) !important }
.s-count-down-item-value{
  color:#fff !important; font-weight:800 !important;
  text-shadow:0 0 10px rgba(0,147,148,.8);
}
.s-count-down-item-label{ color:var(--pix-muted) !important }

/* المحتوى */
.s-product-card-content{ padding:14px !important; position:relative; z-index:1 }
.s-product-card-props{ gap:6px }
.s-product-card-category,
.s-product-card-brand{
  background:rgba(0,147,148,.12) !important;
  color:var(--pix-lav) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:999px !important;
  font-size:11px !important; font-weight:700 !important;
  padding:2px 10px !important;
}
.s-product-card-content-title,
.s-product-card-content-title a{
  color:var(--pix-ink) !important;
  font-weight:800 !important;
  transition:color .25s;
}
.s-product-card-entry:hover .s-product-card-content-title a{ color:var(--pix-lav) !important }
.s-product-card-content-subtitle{ color:var(--pix-muted) !important }

/* السعر */
.s-product-card-price,
.s-product-card-sale-price h4{
  font-weight:900 !important;
  background:linear-gradient(90deg,#fff,var(--pix-lav));
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent !important;
}
.s-product-card-sale-price .s-product-card-price{
  background:linear-gradient(90deg,#c9f1f1,#5fd6d6);
  -webkit-background-clip:text; background-clip:text;
}
.s-product-card-price-before{ color:var(--pix-muted) !important; opacity:.8 }

/* زر أضف للسلة داخل البطاقة — معبّى */
.s-product-card-content-footer .s-button-element{
  position:relative; overflow:hidden; isolation:isolate;
  background:var(--pix-grad) !important;
  border:1px solid rgba(213,243,243,.25) !important;
  color:#fff !important;
  min-height:42px;
  box-shadow:0 10px 22px -12px rgba(0,117,119,1) !important;
}
.s-product-card-content-footer .s-button-element::after{
  content:""; position:absolute; top:0; bottom:0; width:40%; left:-60%; z-index:-1;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg); pointer-events:none;
}
.s-product-card-entry:hover .s-product-card-content-footer .s-button-element::after{ animation:pixBtnShine 1.1s ease-out }
.s-product-card-content-footer .s-button-element:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px -10px rgba(0,147,148,1) !important;
}

/* غير متوفر */
.s-product-card-out-of-stock .s-product-card-image img{ filter:grayscale(.7) brightness(.7) }


/* =====================================================================
   09 · BANNERS
   ===================================================================== */
.s-block--banners .banner,
.s-block--banners a,
.s-block--fixed-banner .banner,
.banner--fixed,
.fullwidth-slider .swiper-slide img,
.s-block--banners img{
  border-radius:var(--pix-r-lg) !important;
  overflow:hidden;
}
.s-block--banners a{
  display:block;
  box-shadow:var(--pix-shadow);
  transition:transform .5s var(--pix-ease), box-shadow .5s;
}
.s-block--banners a:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 60px -20px rgba(0,117,119,.6);
}
.s-block--banners a img{ transition:transform .8s var(--pix-ease) }
.s-block--banners a:hover img{ transform:scale(1.04) }


/* =====================================================================
   10 · FEATURES + TESTIMONIALS
   ===================================================================== */
.angel-feature,
.s-block--features .feature,
.s-block--features > div > div > div{
  background:linear-gradient(180deg,var(--pix-surface-2),var(--pix-surface)) !important;
  border:1px solid var(--pix-line) !important;
  border-radius:var(--pix-r) !important;
  transition:transform .35s var(--pix-ease), border-color .35s, box-shadow .35s;
}
.angel-feature:hover{
  transform:translateY(-4px);
  border-color:rgba(0,147,148,.45) !important;
  box-shadow:0 18px 40px -18px rgba(0,117,119,.7);
}
.s-block--features i,
.angel-feature i,
.s-block--features [class*="sicon-"]{
  color:var(--pix-lav) !important;
  filter:drop-shadow(0 0 8px rgba(0,147,148,.7));
}
.s-block--features h2,
.s-block--features h3,
.s-block--features strong,
.angel-feature h3{ color:#fff !important; font-weight:800 !important }
.s-block--features p,
.angel-feature p{ color:var(--pix-muted) !important }

/* آراء العملاء */
.s-block--testimonials .swiper-slide > div,
.testimonials-slider .swiper-slide > div{
  background:linear-gradient(180deg,var(--pix-surface-2),var(--pix-surface)) !important;
  border:1px solid var(--pix-line) !important;
  border-radius:var(--pix-r) !important;
  box-shadow:var(--pix-shadow);
}
.testimonial__icon, .sicon-quote{ color:var(--pix-violet) !important; opacity:.8 }
.testimonial__rating i{ color:#fbbf24 !important }
.testimonial__avatar img{ border:2px solid var(--pix-violet) !important; box-shadow:0 0 12px rgba(0,147,148,.6) }
.s-block--testimonials p{ color:var(--pix-ink-2) !important }


/* =====================================================================
   11 · BREADCRUMB
   ===================================================================== */
.breadcrumbs{ padding-block:10px }
.s-breadcrumb-wrapper{ gap:6px }
.s-breadcrumb-item,
.s-breadcrumb-item a{ color:var(--pix-muted) !important; font-size:13px; transition:color .2s }
.s-breadcrumb-item a:hover{ color:var(--pix-lav) !important }
.s-breadcrumb-item:last-child,
.s-breadcrumb-item:last-child a{ color:var(--pix-lav) !important; font-weight:700 }
.s-breadcrumb-arrow{ color:var(--pix-line-2) !important; fill:currentColor }
.product-single .bg-gray-100.da-bgg{
  background:rgba(20,32,33,.6) !important;
  border-bottom:1px solid var(--pix-line);
}


/* =====================================================================
   12 · PRODUCT PAGE
   ===================================================================== */
/* معرض الصور */
.product-single .sidebar .details-slider,
.product-single .sidebar .s-slider-wrapper{
  border-radius:var(--pix-r-lg) !important;
  overflow:hidden;
  border:1px solid var(--pix-line);
  box-shadow:0 30px 70px -30px rgba(0,117,119,.55);
}
.product-single .sidebar .swiper-slide img{ border-radius:0 !important }
.wish-share .btn,
.wish-share button,
.btn--share,
.product-single .btn--wishlist{
  background:rgba(11,18,19,.65) !important;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border:1px solid var(--pix-line-2) !important;
  color:#fff !important;
  border-radius:12px !important;
}
.s-social-share-list{
  background:var(--pix-surface) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:14px !important;
}

/* العنوان */
.product-single .main-content h1{
  font-size:clamp(22px,2.4vw,30px) !important;
  font-weight:900 !important;
  line-height:1.4;
  color:#fff !important;
}
.product-entry__sub-title{ color:var(--pix-lav) !important; font-weight:600 }

/* النجوم */
.s-rating-stars-selected svg,
.s-rating-stars-selected path{ fill:#fbbf24 !important; color:#fbbf24 !important }
.s-rating-stars-btn-star:not(.s-rating-stars-selected) path{ fill:var(--pix-surface-3) !important }
.s-rating-stars-reviews{ color:var(--pix-muted) !important }

/* صندوق الماركة */
.product-single .main-content > .border{
  background:linear-gradient(135deg,rgba(0,147,148,.10),rgba(59,224,208,.04)) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:var(--pix-r) !important;
}
.product-brand .brand-logo img{ border-radius:12px }
.product-single .text-green-500{ color:#4ade80 !important }

/* السعر */
.price-wrapper .total-price{
  font-size:clamp(24px,2.6vw,32px) !important;
  font-weight:900 !important;
  background:linear-gradient(90deg,#fff,#c9f1f1 40%,#5fd6d6);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent !important;
  filter:drop-shadow(0 0 16px rgba(0,147,148,.45));
}
.price-wrapper .before-price{
  color:var(--pix-muted) !important;
  text-decoration-color:rgba(244,114,182,.8) !important;
  font-size:15px;
}

/* الأسعار والنصوص الحمراء الافتراضية بالثيم → تيل فاتح متناسق */
.dark .text-red-400, .dark .text-red-500, .dark .text-red-600{ color:#5fd6d6 !important }

/* التوفر */
.product-availablity{ color:#4ade80 !important; font-weight:700 }
.product-available-dot{ background:#4ade80 !important; box-shadow:0 0 0 4px rgba(74,222,128,.18), 0 0 10px #4ade80 }

/* عدّاد العرض بصفحة المنتج */
.product-countdown .s-count-down-list{ gap:10px; background:transparent !important; border:0 !important }
.product-countdown .s-count-down-item{
  background:linear-gradient(180deg,var(--pix-surface-2),var(--pix-surface)) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:14px !important;
  min-width:64px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

/* الصناديق داخل صفحة المنتج (عدد مرات الشراء، أهدي من تحب…) */
.product-single .main-content .bg-white,
.product-single .main-content .da-bgg,
.s-gifting-widget,
.s-list-tile-item,
salla-cashback-banner > div,
salla-offer > div{
  background:linear-gradient(135deg,var(--pix-surface-2),var(--pix-surface)) !important;
  border:1px solid var(--pix-line) !important;
  border-radius:var(--pix-r) !important;
  color:var(--pix-ink) !important;
}
.s-gifting-widget-action .s-button-element,
.s-gifting-widget .s-button-element{
  background:var(--pix-grad) !important; color:#fff !important; border:0 !important;
}
.s-list-tile-item-title{ color:var(--pix-ink) !important; font-weight:700 }
.s-list-tile-item-subtitle{ color:var(--pix-muted) !important }
.s-list-tile-item-icon{ color:var(--pix-lav) !important }

/* تصنيف المنتج */
.product-single .main-content a.underline{ color:var(--pix-lav) !important; text-decoration-color:rgba(143,218,218,.4) }

/* التقسيط */
.s-installment-mispay-content-text,
.s-installment-madfu-content-text,
.s-installment-emkan-content-text,
.s-installment-rajehi-content-text,
.s-installment-tabby-content-text,
.s-installment-tamara-content-text{ color:var(--pix-ink-2) !important }


/* =====================================================================
   13 · TABS + DESCRIPTION + REVIEWS
   ===================================================================== */
.tabs__product{ gap:8px; border-bottom:1px solid var(--pix-line); padding-bottom:0 }
.tabs__product .tab-trigger{
  background:transparent !important;
  color:var(--pix-muted) !important;
  border:1px solid transparent !important;
  border-bottom:0 !important;
  border-radius:12px 12px 0 0 !important;
  padding:10px 18px !important;
  font-weight:800 !important;
  position:relative;
  transition:color .25s, background .25s;
}
.tabs__product .tab-trigger:hover{ color:var(--pix-ink) !important; background:rgba(0,147,148,.08) !important }
.tabs__product .tab-trigger.is-active{
  color:#fff !important;
  background:linear-gradient(180deg,rgba(0,147,148,.22),rgba(0,147,148,.05)) !important;
  border-color:var(--pix-line-2) !important;
}
.tabs__product .tab-trigger.is-active::after{
  content:""; position:absolute; inset-inline:12px; bottom:-1px; height:2px; border-radius:2px;
  background:var(--pix-grad); box-shadow:0 0 12px rgba(0,147,148,.9);
}
.tabs-wrapper__product{
  background:linear-gradient(180deg,var(--pix-surface),rgba(20,32,33,.6)) !important;
  border:1px solid var(--pix-line) !important;
  border-top:0 !important;
  border-radius:0 0 var(--pix-r) var(--pix-r) !important;
  padding:clamp(14px,2vw,24px) !important;
}
.product__description{ color:var(--pix-ink-2) !important; line-height:2 }
.product__description h1,.product__description h2,.product__description h3,.product__description h4,
.product__description strong{ color:#fff !important }
.product__description a{ color:var(--pix-lav) !important; text-decoration:underline }
.product__description ul li::marker{ color:var(--pix-violet) }
.product__description img{ border-radius:var(--pix-r) }
.product__description table{ border-color:var(--pix-line) !important }
.product__description td,.product__description th{ border-color:var(--pix-line) !important; padding:8px }

/* التقييمات */
.s-reviews-summary-header-section,
.s-comments-header{ color:var(--pix-ink) !important }
.s-reviews-summary-count,
.s-comments-title{ color:#fff !important; font-weight:800 !important }
.s-reviews-summary-recommendation-percentage{ color:var(--pix-lav) !important }
.s-comments-item{
  background:linear-gradient(180deg,var(--pix-surface-2),var(--pix-surface)) !important;
  border:1px solid var(--pix-line) !important;
  border-radius:var(--pix-r) !important;
  padding:16px !important;
  margin-bottom:12px;
}
.s-comments-item-user-info-name-with-margin,
.s-comments-item-user-info b{ color:#fff !important }
.s-comments-item-content{ color:var(--pix-ink-2) !important }
.s-comments-item-time,
.s-comments-item-timestamp,
.s-comments-count-label,
.s-comments-filter-label{ color:var(--pix-muted) !important }
.s-comments-item-avatar-img{ border:2px solid rgba(0,147,148,.6) !important }
.s-comments-item-has-order-check-icon{ color:#4ade80 !important }
.s-comments-item-has-order-check-text{ color:#86efac !important }
.s-comments-sort-input{
  background:var(--pix-surface) !important; color:var(--pix-ink) !important;
  border:1px solid var(--pix-line-2) !important; border-radius:10px !important;
}
.s-translate-btn{ color:var(--pix-lav) !important }

/* منتجات مشابهة */
.similar-products__header{ border-color:var(--pix-line) !important }


/* =====================================================================
   14 · STICKY PRODUCT BAR
   ===================================================================== */
.sticky-product-bar,
.sticky-product-bar.bg-white{
  background:rgba(11,18,19,.82) !important;
  -webkit-backdrop-filter:saturate(160%) blur(18px);
          backdrop-filter:saturate(160%) blur(18px);
  border-top:1px solid var(--pix-line-2) !important;
  box-shadow:0 -20px 50px -20px rgba(0,0,0,.8) !important;
}
.sticky-product-bar::before{
  content:""; position:absolute; inset-inline:0; top:-1px; height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,147,148,.8),rgba(59,224,208,.6),transparent);
}
.sticky-product-bar .bg-cover{ border-radius:10px; border:1px solid var(--pix-line-2) }
.sticky-product-bar .total-price{
  font-weight:900 !important;
  background:linear-gradient(90deg,#fff,#5fd6d6);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent !important;
}
.sticky-product-bar .before-price{ color:var(--pix-muted) !important }


/* =====================================================================
   15 · FORMS / INPUTS / QUANTITY
   ===================================================================== */
.s-form-control,
.form-input,
.dark input[type="text"],
.dark input[type="email"],
.dark input[type="tel"],
.dark input[type="number"],
.dark input[type="password"],
.dark input[type="search"],
.dark select,
.dark textarea,
.s-tel-input-control,
.s-datetime-picker-input{
  background:var(--pix-bg-2) !important;
  color:var(--pix-ink) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:12px !important;
  transition:border-color .25s, box-shadow .25s !important;
}
.s-form-control:focus,
.dark input:focus,
.dark select:focus,
.dark textarea:focus,
.s-tel-input-control:focus{
  border-color:var(--pix-violet) !important;
  box-shadow:0 0 0 4px rgba(0,147,148,.18) !important;
  outline:0 !important;
}
.dark input::placeholder,
.dark textarea::placeholder{ color:var(--pix-muted) !important }
.s-form-label,
.product-form label{ color:var(--pix-ink) !important; font-weight:700 !important }
.s-tel-input-error-msg{ color:#fb7185 !important }

/* الخيارات (radio / checkbox / الألوان / الأحجام) */
.s-checkbox,
.dark input[type="checkbox"],
.dark input[type="radio"]{ accent-color:var(--pix-violet) }
.product-form .s-form-group label.s-product-options-thumbnails-item,
.product-form [class*="options"] label{
  border-color:var(--pix-line-2) !important;
  border-radius:12px !important;
  transition:border-color .25s, background .25s;
}
.product-form input:checked + label,
.product-form [class*="options"] input:checked + *{
  border-color:var(--pix-violet) !important;
  background:rgba(0,147,148,.14) !important;
  box-shadow:0 0 0 3px rgba(0,147,148,.18);
}

/* الكمية */
.s-quantity-input-container{
  background:var(--pix-bg-2) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:12px !important;
  overflow:hidden;
}
.s-quantity-input-input{
  background:transparent !important; border:0 !important;
  color:#fff !important; font-weight:800 !important;
  box-shadow:none !important;
}
.s-quantity-input-button{
  color:var(--pix-lav) !important; background:transparent !important;
  transition:background .2s, color .2s;
}
.s-quantity-input-button:hover{ background:rgba(0,147,148,.16) !important; color:#fff !important }


/* =====================================================================
   16 · MODALS / QUICK VIEW / TOAST / LOGIN
   ===================================================================== */
.s-modal-overlay{
  background:rgba(5,10,10,.7) !important;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.s-modal-body,
.s-modal-container > div,
.angel-quick-view-modal .s-modal-body,
.angel-quick-view__body,
.s-mini-checkout-modal-container{
  background:var(--pix-surface) !important;
  color:var(--pix-ink) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:var(--pix-r-lg) !important;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(0,147,148,.12) !important;
}
.s-modal-header,
.s-modal-title,
.s-localization-modal-title,
.s-gifting-modal-title{ color:#fff !important; font-weight:800 !important }
.s-modal-close{
  background:rgba(0,147,148,.14) !important;
  color:#fff !important;
  border-radius:12px !important;
  border:1px solid var(--pix-line-2) !important;
}
.s-modal-close:hover{ background:var(--pix-grad) !important }
.s-localization-modal-select{
  background:var(--pix-bg-2) !important; color:var(--pix-ink) !important;
  border:1px solid var(--pix-line-2) !important; border-radius:12px !important;
}
.s-login-modal .s-modal-body p,
.s-modal-body p{ color:var(--pix-ink-2) }

/* الإشعارات (Toast) */
salla-toast .s-toast,
.s-toast,
.toastify{
  background:rgba(20,32,33,.95) !important;
  color:var(--pix-ink) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:14px !important;
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  box-shadow:0 20px 40px -20px rgba(0,0,0,.8) !important;
}


/* =====================================================================
   18 · MISC
   ===================================================================== */
/* Skeleton / loading */
.s-skeleton-item{
  background:linear-gradient(90deg,var(--pix-surface) 25%,var(--pix-surface-3) 50%,var(--pix-surface) 75%) !important;
  background-size:200% 100% !important;
  animation:pixSkel 1.4s linear infinite !important;
}
@keyframes pixSkel{ to{ background-position:-200% 0 } }
.s-loading, .s-loading-container{ color:var(--pix-violet) !important }

/* Placeholder (لا توجد منتجات…) */
.s-placeholder-wrapper{ color:var(--pix-muted) !important }
.s-placeholder-icon{ background:rgba(0,147,148,.12) !important; color:var(--pix-lav) !important }
.s-placeholder-title{ color:#fff !important }

/* زر تحميل المزيد */
.s-infinite-scroll-btn{
  background:rgba(0,147,148,.10) !important;
  color:var(--pix-lav) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:999px !important;
  font-weight:700 !important;
  padding:10px 28px !important;
  transition:background .25s, color .25s, box-shadow .25s;
}
.s-infinite-scroll-btn:hover{
  background:var(--pix-grad) !important; color:#fff !important;
  box-shadow:0 12px 26px -10px rgba(0,147,148,.9);
}

/* الترقيم (Pagination) */
.pagination a, .pagination span,
.s-pagination a, .s-pagination span{
  border-radius:10px !important;
  background:var(--pix-surface) !important;
  border:1px solid var(--pix-line) !important;
  color:var(--pix-ink-2) !important;
}
.pagination .active, .s-pagination .active{
  background:var(--pix-grad) !important; color:#fff !important; border-color:transparent !important;
}

/* شريط التمرير */
*{ scrollbar-width:thin; scrollbar-color:#1f5557 transparent }
::-webkit-scrollbar{ width:9px; height:9px }
::-webkit-scrollbar-track{ background:var(--pix-bg) }
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#007577,#009394);
  border-radius:10px; border:2px solid var(--pix-bg);
}
::-webkit-scrollbar-thumb:hover{ background:#5fd6d6 }

/* الصور العامة */
.product-single img, .s-block img{ image-rendering:auto }

/* الموبايل */
@media (max-width:768px){
  .s-product-card-entry:hover{ transform:none }
  .s-product-card-content{ padding:10px !important }
  .s-product-card-content-footer .s-button-element{ min-height:38px; font-size:13px !important }
  .tabs__product .tab-trigger{ padding:9px 12px !important; font-size:13px }
  .store-header .header-inner::before{ -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px) }
}


/* =====================================================================
   18b · SECTION DIVIDERS (.pxd) — حجم الجوال
   قاعدة أقوى من الكود داخل عناصر HTML، فتشتغل حتى لو بعض الفواصل قديمة
   ===================================================================== */
@media (max-width:640px){
  html body .pxd{ gap:10px; padding:18px 10px 14px }
  html body .pxd .pxd-head::before{ inset:-14px -40px }
  html body .pxd .pxd-ico{ margin-bottom:8px }
  html body .pxd .pxd-ico::before{ inset:-6px }
  html body .pxd .pxd-ico::after{ top:-8px; width:4px; height:4px; margin-left:-2px; transform-origin:2px 29px }
  html body .pxd .pxd-badge{ width:42px; height:42px; border-radius:13px; box-shadow:0 8px 20px -8px rgba(0,117,119,.7) }
  html body .pxd .pxd-badge::after{ border-radius:11.5px }
  html body .pxd .pxd-badge svg{ width:22px; height:22px }
  html body .pxd .pxd-title{ font-size:19px; line-height:1.3 }
  html body .pxd .pxd-sub{ margin-top:4px; gap:6px; font-size:11.5px }
  html body .pxd .pxd-sub::before, html body .pxd .pxd-sub::after{ width:10px }
  html body .pxd .pxd-sub i{ width:3px; height:3px }
  html body .pxd .pxd-rail{ height:10px }
  html body .pxd .pxd-rail b{ width:5px; height:5px; margin-top:-2.5px }
  html body .pxd .pxd-rail b::after{ inset:-3px }
  html body .pxd .pxd-rail i::before{ display:none }
}


/* =====================================================================
   19 · REDUCED MOTION
   ===================================================================== */
@media (prefers-reduced-motion:reduce){
  *, *::before, *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* =====================================================================
   USER MENU — قائمة الحساب بعد تسجيل الدخول
   ===================================================================== */
.s-user-menu-dropdown{
  z-index:9999 !important;
  background:#0f1819 !important;
  border:1px solid var(--pix-line) !important;
  border-radius:16px !important;
  box-shadow:0 25px 60px -15px rgba(0,0,0,.85), 0 0 0 1px rgba(0,147,148,.12) !important;
  overflow:hidden;
}
.s-user-menu-dropdown-header{
  background:rgba(0,147,148,.08) !important;
  border-bottom:1px solid var(--pix-line) !important;
}
.s-user-menu-dropdown-header-content span{ color:var(--pix-ink-2) !important }
.s-user-menu-dropdown-header-content p{ color:var(--pix-ink) !important; font-weight:700 }
.s-user-menu-dropdown-header-close svg{ fill:var(--pix-ink) !important }
.s-user-menu-dropdown-item-link{ color:var(--pix-ink) !important; transition:background .2s, color .2s }
.s-user-menu-dropdown-item-link svg{ fill:currentColor !important }
.s-user-menu-dropdown-item-link:hover{ background:rgba(0,147,148,.12) !important; color:var(--pix-lav) !important }
.s-user-menu-dropdown-item-logout .s-user-menu-dropdown-item-link{ color:#f87171 !important }
.s-user-menu-dropdown-item-logout .s-user-menu-dropdown-item-link:hover{ background:rgba(248,113,113,.1) !important }

@media (max-width:1024px){
  .s-user-menu-dropdown{
    position:fixed !important;
    inset:auto 0 0 0 !important;
    width:100% !important; max-width:100% !important;
    max-height:85vh; overflow-y:auto;
    border-radius:20px 20px 0 0 !important;
    z-index:99999 !important;
  }
}


/* =====================================================================
   20 · FAQ + FOOTER + FLOATING BUTTONS + BOTTOM NAV
   (قسم جديد — يكمّل الهوية لتحت الصفحة)
   ===================================================================== */

/* ---------- الأسئلة الشائعة (Accordion) ---------- */
[class*="faq" i] [class*="item" i],
[class*="question" i] [class*="item" i],
[class*="accordion" i] [class*="item" i],
.s-block--faq details,
details.faq-item{
  background:linear-gradient(135deg,var(--pix-surface-2),var(--pix-surface)) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:var(--pix-r) !important;
  color:var(--pix-ink) !important;
  box-shadow:var(--pix-shadow);
  overflow:hidden;
  transition:border-color .3s, box-shadow .3s, transform .3s var(--pix-ease);
}
[class*="faq" i] [class*="item" i]:hover,
[class*="question" i] [class*="item" i]:hover,
[class*="accordion" i] [class*="item" i]:hover{
  border-color:rgba(0,147,148,.6) !important;
  box-shadow:0 14px 34px -16px rgba(0,147,148,.6);
  transform:translateY(-2px);
}
/* العنوان داخل السؤال */
[class*="faq" i] h2, [class*="faq" i] h3, [class*="faq" i] h4, [class*="faq" i] summary,
[class*="question" i] h3, [class*="accordion" i] h3, [class*="accordion" i] button{
  color:var(--pix-ink) !important;
  font-weight:800 !important;
}
/* الجواب */
[class*="faq" i] p,
[class*="accordion" i] [class*="content" i],
[class*="accordion" i] [class*="body" i]{
  color:var(--pix-ink-2) !important;
}
/* دائرة الـ + */
[class*="faq" i] [class*="icon" i],
[class*="faq" i] [class*="toggle" i],
[class*="accordion" i] [class*="icon" i],
[class*="accordion" i] [class*="toggle" i]{
  background:var(--pix-grad) !important;
  color:#fff !important;
  border-radius:50% !important;
  box-shadow:0 6px 16px -6px rgba(0,147,148,.9), inset 0 1px 0 rgba(255,255,255,.25);
}
[class*="faq" i] [class*="icon" i] i,
[class*="faq" i] [class*="icon" i] svg,
[class*="accordion" i] [class*="icon" i] i,
[class*="accordion" i] [class*="icon" i] svg{ color:#fff !important; fill:currentColor }

/* ---------- الفوتر ---------- */
.store-footer,
.store-footer .store-footer__inner{
  background:
    radial-gradient(600px 240px at 50% 0%, rgba(0,147,148,.14), transparent 70%),
    linear-gradient(180deg,var(--pix-bg-2),var(--pix-bg)) !important;
  color:var(--pix-ink-2) !important;
}
.store-footer{
  position:relative;
  border-top:1px solid var(--pix-line) !important;
}
/* خط ضوئي أعلى الفوتر (نفس خط الهيدر) */
.store-footer::before{
  content:""; position:absolute; inset-inline:0; top:-1px; height:1px; pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(0,147,148,.8),rgba(59,224,208,.6),rgba(0,147,148,.8),transparent);
  background-size:200% 100%;
  animation:pixLine 6s linear infinite;
}
.store-footer p,
.store-footer span,
.store-footer .text-gray-500,
.store-footer .text-gray-600{ color:var(--pix-ink-2) !important }
.store-footer h2, .store-footer h3, .store-footer h4,
.store-footer .footer-title{
  color:var(--pix-lav) !important;
  font-weight:800 !important;
}
.store-footer a{ color:var(--pix-ink-2) !important; transition:color .25s }
.store-footer a:hover{ color:var(--pix-lav) !important }
.store-footer .navbar-brand img,
.store-footer a > img{ filter:drop-shadow(0 0 12px rgba(0,147,148,.35)) }
.store-footer hr,
.store-footer [class*="border-t"],
.store-footer [class*="divider"]{ border-color:var(--pix-line) !important }

/* حقوق الملكية (آخر سطر) */
.store-footer [class*="copyright" i],
.store-footer [class*="bottom" i]{ color:var(--pix-muted) !important }

/* ---------- أيقونات السوشيال ---------- */
.store-footer a[href*="instagram"],
.store-footer a[href*="tiktok"],
.store-footer a[href*="twitter"],
.store-footer a[href*="x.com"],
.store-footer a[href*="snapchat"],
.store-footer a[href*="youtube"],
.store-footer a[href*="facebook"],
.store-footer [class*="social" i] a{
  background:rgba(0,147,148,.08) !important;
  border:1px solid var(--pix-line-2) !important;
  border-radius:12px !important;
  color:var(--pix-ink) !important;
  transition:background .25s, border-color .25s, transform .25s var(--pix-ease), box-shadow .25s;
}
.store-footer a[href*="instagram"]:hover,
.store-footer a[href*="tiktok"]:hover,
.store-footer a[href*="twitter"]:hover,
.store-footer a[href*="x.com"]:hover,
.store-footer a[href*="snapchat"]:hover,
.store-footer a[href*="youtube"]:hover,
.store-footer a[href*="facebook"]:hover,
.store-footer [class*="social" i] a:hover{
  background:var(--pix-grad) !important;
  border-color:transparent !important;
  color:#fff !important;
  transform:translateY(-3px);
  box-shadow:0 12px 24px -10px rgba(0,147,148,.9);
}
.store-footer [class*="social" i] a i,
.store-footer [class*="social" i] a svg{ color:inherit !important; fill:currentColor }

/* ---------- زر الرجوع للأعلى (بدل الدائرة البيضاء) ---------- */
.btn--to-top, .to-top, #to-top, #btn-to-top, .back-to-top, .scroll-top,
[class*="to-top" i], [class*="scroll-top" i], [class*="back-top" i]{
  background:rgba(11,18,19,.75) !important;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border:1px solid rgba(0,147,148,.7) !important;
  color:var(--pix-lav) !important;
  box-shadow:0 10px 26px -10px rgba(0,147,148,.8), inset 0 1px 0 rgba(255,255,255,.08) !important;
  transition:background .25s, transform .25s var(--pix-ease), box-shadow .25s;
}
.btn--to-top:hover, .to-top:hover, #to-top:hover, #btn-to-top:hover, .back-to-top:hover, .scroll-top:hover,
[class*="to-top" i]:hover, [class*="scroll-top" i]:hover, [class*="back-top" i]:hover{
  background:var(--pix-grad) !important;
  color:#fff !important;
  transform:translateY(-3px);
}
.btn--to-top i, .to-top i, [class*="to-top" i] i, [class*="scroll-top" i] i,
.btn--to-top svg, .to-top svg, [class*="to-top" i] svg, [class*="scroll-top" i] svg{
  color:inherit !important; fill:currentColor !important;
}

/* ---------- زر الواتساب العائم (يبقى أخضر + توهج خفيف) ---------- */
a[href*="wa.me"].fixed, .whatsapp-float, [class*="whatsapp" i][class*="float" i]{
  box-shadow:0 10px 26px -8px rgba(37,211,102,.7), 0 0 0 4px rgba(37,211,102,.12) !important;
}

/* ---------- الشريط السفلي بالجوال ---------- */
[class*="bottom-nav" i],
[class*="bottom-navigation" i],
.mobile-bottom-nav{
  background:var(--pix-grad) !important;
  border-top:1px solid rgba(213,243,243,.25) !important;
  box-shadow:0 -16px 40px -16px rgba(0,117,119,.7), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
[class*="bottom-nav" i] a,
[class*="bottom-nav" i] span,
[class*="bottom-nav" i] i,
[class*="bottom-nav" i] svg{ color:#fff !important; fill:currentColor }
[class*="bottom-nav" i] .active,
[class*="bottom-nav" i] .is-active,
[class*="bottom-nav" i] a[aria-current]{
  background:rgba(255,255,255,.14) !important;
  border-radius:14px;
}
[class*="bottom-nav" i] .s-cart-summary-count{
  background:var(--pix-bg) !important;
  color:var(--pix-lav) !important;
  box-shadow:0 0 0 2px rgba(213,243,243,.55) !important;
}