/* ============================================================
   TACT × سلة (ثيم رائد) — v4
   سكين داكن كامل + نافبار ودروب داون مخصصين + إصلاح ظهور المنتجات
   يُلصق في: تصميم المتجر ← تخصيص النسخة ← تخصيص الثيم ← CSS
   (يستبدل أي نسخة سابقة بالكامل)
   ============================================================ */

/* ---------- 1) الخطوط ---------- */
@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;700;800;900&family=Poppins:wght@400;600;700;800;900&display=swap');

:root{
  --color-primary: #f5f5f5;
  --color-primary-dark: #dcdcdc;
  --color-primary-reverse: #000000;
  --main-text-color: #ffffff;
  --mainnav-text-color: #ffffff;
  --topnav-text-color: #cfcfcf;

  --tact-bg: #0b0b0b;
  --tact-card: #141414;
  --tact-panel: #101010;
  --tact-line: #232323;
  --tact-grey: #9a9a9a;
  --tact-skew: -12deg; /* زاوية 78° من الهوية */
}

body{
  font-family:'Arb-r','Poppins','Alexandria',system-ui,sans-serif !important;
  background: var(--tact-bg) !important;
  color:#fff !important;
}
h1,h2,h3,h4,h5{
  font-family:'Arb-b','Poppins','Alexandria',system-ui,sans-serif !important;
  color:#fff;
}
::selection{ background:#fff; color:#000; }

/* نمط النجوم خلفية ثابتة على كامل المتجر */
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background-color: var(--tact-bg);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190' viewBox='0 0 190 190'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath transform='rotate(-15 48 48)' d='M48 8l10.6 30.4 32.2.7-25.7 19.5 9.3 30.8L48 71l-26.4 18.4 9.3-30.8L5.2 39.1l32.2-.7z'/%3E%3Cpath transform='rotate(-15 143 143)' d='M143 103l10.6 30.4 32.2.7-25.7 19.5 9.3 30.8L143 166l-26.4 18.4 9.3-30.8-25.7-19.5 32.2-.7z'/%3E%3C/g%3E%3C/svg%3E");
  background-size:190px 190px;
}
.app-inner{ background:transparent !important; }

/* ---------- 2) حواف حادة ---------- */
[class*="rounded"], .s-button-element, salla-button,
input, select, textarea,
custom-salla-product-card, custom-salla-product-card *{
  border-radius:0 !important;
}

/* ============================================================
   3) النافبار — تصميم TACT المميز
   ============================================================ */
.top-navbar{
  background:#000 !important; color:#cfcfcf !important;
  border-bottom:1px solid #161616;
  font-size:12.5px;
}
.store-header{
  background:rgba(5,5,5,.82) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow:none !important;
  border-bottom:1px solid #1f1f1f;
  position:sticky; top:0; z-index:200;
}
.main-nav-container{
  background:transparent !important;
  box-shadow:none !important;
}
/* شريط لمعة سفلي متحرك أسفل الهيدر */
.store-header::after{
  content:""; position:absolute; bottom:-1px; right:0; height:1px; width:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
  background-size:220px 1px; background-repeat:no-repeat;
  animation:tactGlide 5s linear infinite;
  pointer-events:none;
}
@keyframes tactGlide{
  0%{ background-position:-220px 0; }
  100%{ background-position:calc(100% + 220px) 0; }
}
.store-header a, .main-nav-container a,
.store-header i[class*="sicon"], .main-nav-container i[class*="sicon"]{ color:#fff !important; }

/* روابط المنيو الرئيسي — تتحول لبلوك أبيض مائل عند الهوفر */
.main-menu > li > a, .main-menu .root-level > a{
  font-weight:700 !important; font-size:14px !important;
  padding:9px 16px !important; position:relative;
  transition:color .2s, background .2s, transform .2s !important;
}
.main-menu > li > a:hover, .main-menu .root-level > a:hover,
.main-menu > li.is-active > a{
  background:#f5f5f5 !important; color:#000 !important;
  transform:skewX(var(--tact-skew));
}
.main-menu > li > a:hover > *, .main-menu .root-level > a:hover > *{
  display:inline-block; transform:skewX(calc(var(--tact-skew) * -1));
}

/* البحث */
.header-search input{
  background:#141414 !important; color:#fff !important;
  border:1px solid #2a2a2a !important;
  transition:border-color .2s !important;
}
.header-search input:focus{ border-color:#666 !important; outline:none !important; }
.header-search input::placeholder{ color:#8f8f8f !important; }

/* ============================================================
   4) الدروب داون — لوحات TACT الداكنة
   ============================================================ */
.sub-menu, .mega-menu, .dropdown__menu{
  background:var(--tact-panel) !important;
  border:1px solid #2a2a2a !important;
  border-top:3px solid #f5f5f5 !important;
  border-radius:0 !important;
  box-shadow:0 30px 60px rgba(0,0,0,.65) !important;
  padding:8px 0 !important;
  animation:tactDrop .22s cubic-bezier(.2,.8,.2,1);
}
@keyframes tactDrop{
  from{ opacity:0; transform:translateY(-8px); }
  to{ opacity:1; transform:none; }
}
.sub-menu li a, .mega-menu a, .dropdown__menu a, .dropdown__menu .menu-item{
  color:#cfcfcf !important; font-weight:500 !important; font-size:13.5px !important;
  padding:10px 18px !important; display:block;
  border-right:2px solid transparent;
  transition:all .18s !important;
}
.sub-menu li a:hover, .mega-menu a:hover, .dropdown__menu a:hover{
  background:#f5f5f5 !important; color:#000 !important;
  border-right-color:#000;
  padding-right:24px !important;
}
.mega-menu{ background:var(--tact-panel) !important; }
.mega-menu .s-product-card-entry{ background:var(--tact-card) !important; border:1px solid var(--tact-line); }

/* منيو الجوال (الدرج الجانبي) */
.mm-spn, .mm-ocd__content, .mobile-menu{
  background:var(--tact-panel) !important; color:#fff !important;
}
.mm-spn a, .mm-spn span{ color:#e8e8e8 !important; font-weight:600; }
.mm-spn li:after{ border-color:#242424 !important; }
.mm-spn--light{ background:var(--tact-panel) !important; }

/* ============================================================
   5) الأزرار — بيضاء مائلة
   ============================================================ */
salla-button .s-button-element, .btn:not(.btn--rounded-gray){
  background:#f5f5f5 !important; color:#000 !important;
  font-weight:800 !important; border:none !important;
  transform: skewX(var(--tact-skew));
  transition: background .2s, transform .2s !important;
}
salla-button .s-button-element > *, .btn:not(.btn--rounded-gray) > *{
  display:inline-block; transform: skewX(calc(var(--tact-skew) * -1));
}
salla-button .s-button-element:hover, .btn:not(.btn--rounded-gray):hover{
  background:#dcdcdc !important;
  transform: skewX(var(--tact-skew)) translateY(-2px);
}
/* داخل السلة/النوافذ بدون ميلان لتفادي كسر النماذج */
.s-cart-summary .s-button-element, salla-login-modal .s-button-element,
salla-modal .s-button-element{ transform:none !important; }
.s-cart-summary .s-button-element > *, salla-login-modal .s-button-element > *,
salla-modal .s-button-element > *{ transform:none !important; }

/* ============================================================
   6) السلايدر الرئيسي
   ============================================================ */
.s-block--hero-slider .swiper-slide{ background:var(--tact-bg) !important; }
.home-slider__content h1, .home-slider__content h2,
.home-slider__content [class*="text-title-size"]{
  font-size:clamp(38px,6vw,84px) !important;
  font-weight:900 !important; line-height:1.25 !important; color:#fff !important;
}
.home-slider__content .description{
  color:#b7b7b7 !important; font-weight:300 !important;
  font-size:clamp(14px,1.5vw,18px) !important; line-height:2 !important;
}
.s-block--hero-slider .overlay-bg::after,
.s-block--hero-slider .overlay-bg{ background:rgba(0,0,0,.35) !important; }
.swiper-pagination-bullet{ background:#555 !important; opacity:1 !important; border-radius:0 !important; width:22px !important; height:3px !important; }
.swiper-pagination-bullet-active{ background:#fff !important; }
.swiper-button-next, .swiper-button-prev{ color:#fff !important; }

/* ============================================================
   7) عناوين الأقسام
   ============================================================ */
.s-block__title h2, .section-title{
  color:#fff !important; font-weight:900 !important; position:relative;
}
.s-block__title h2::after, .section-title::after{
  content:""; display:block; width:56px; height:4px; background:#fff;
  margin-top:10px; transform:skewX(var(--tact-skew));
}
.s-block__title a{ color:var(--tact-grey) !important; }
.s-block__title a:hover{ color:#fff !important; }

/* ============================================================
   8) كروت المنتجات — داكنة (بدون أي إخفاء)
   ============================================================ */
custom-salla-product-card{
  background:var(--tact-card) !important;
  border:1px solid var(--tact-line) !important;
  transition:transform .3s, border-color .3s;
  opacity:1 !important; visibility:visible !important;
}
custom-salla-product-card:hover{
  transform:translateY(-6px); border-color:#6a6a6a !important;
}
custom-salla-product-card h3, custom-salla-product-card h2,
custom-salla-product-card a{ color:#fff !important; }
custom-salla-product-card [class*="price"]{ color:#fff !important; font-weight:900 !important; }
custom-salla-product-card [class*="sale-price"],
custom-salla-product-card del{ color:var(--tact-grey) !important; }
/* شارة الخصم/الجديد */
custom-salla-product-card [class*="badge"], .s-product-card-promotion-title{
  background:#f5f5f5 !important; color:#000 !important;
  font-weight:800 !important; transform:skewX(var(--tact-skew));
}

/* ============================================================
   9) المميزات وآراء العملاء
   ============================================================ */
.s-block--features__item{
  background:var(--tact-card) !important;
  border:1px solid var(--tact-line) !important;
  color:#fff !important;
  transition:transform .3s, border-color .3s;
}
.s-block--features__item:hover{ transform:translateY(-4px); border-color:#6a6a6a !important; }
.s-block--features__item *{ color:#fff !important; }
.s-block--features__item .feature-icon,
.s-block--features__item i[class*="sicon"]{
  display:inline-flex; align-items:center; justify-content:center;
  width:46px; height:46px; background:#f5f5f5; color:#000 !important;
  transform:skewX(var(--tact-skew)); font-size:20px; margin-bottom:12px;
}
.s-block--features__item p{ color:var(--tact-grey) !important; font-weight:300 !important; }

.s-block--testimonials .s-reviews-testimonial{
  background:var(--tact-card) !important;
  border:1px solid var(--tact-line) !important;
  color:#fff !important;
  transition:transform .3s, border-color .3s;
}
.s-block--testimonials .s-reviews-testimonial:hover{ transform:translateY(-4px); border-color:#6a6a6a !important; }
.s-reviews-testimonial__inner, .s-reviews-testimonial p{ color:#c9c9c9 !important; font-weight:300; line-height:2; }
.s-reviews-testimonial .text-gray-900,
.s-reviews-testimonial__info b, .s-reviews-testimonial__info .font-bold{ color:#fff !important; }
.s-reviews-testimonial__icon{ color:#3a3a3a !important; }
.s-reviews-testimonial__avatar{
  width:60px !important; height:60px !important; flex:none !important;
  border-radius:50% !important; overflow:hidden !important;
  border:2px solid #2c2c2c; filter:grayscale(1);
  aspect-ratio:1/1;
}
.s-reviews-testimonial__avatar img{
  width:100% !important; height:100% !important;
  object-fit:cover !important; border-radius:50% !important;
}

/* ============================================================
   10) النماذج والصفحات الداخلية
   ============================================================ */
input, select, textarea{
  background:#161616 !important; color:#fff !important;
  border:1px solid #2a2a2a !important;
}
input:focus, textarea:focus, select:focus{ border-color:#666 !important; outline:none !important; }
input::placeholder, textarea::placeholder{ color:#777 !important; }
.bg-white, .bg-gray-50, .bg-gray-100{ background:var(--tact-card) !important; }
.text-gray-500, .text-gray-400{ color:var(--tact-grey) !important; }
main a{ color:#eaeaea; }
main a:hover{ color:#fff; }
.banner--fixed, .banner-entry{ border:1px solid var(--tact-line); }
.banner__title{ color:#fff !important; font-weight:900 !important; }

/* ============================================================
   11) الفوتر
   ============================================================ */
.store-footer, footer{
  background:#000 !important; color:#bdbdbd !important;
  border-top:1px solid #1e1e1e;
}
.store-footer a, footer a{ color:#bdbdbd !important; }
.store-footer a:hover, footer a:hover{ color:#fff !important; }
.store-footer h3, .store-footer h4, footer h3, footer h4{ color:#fff !important; }
.store-footer [href*="salla.com"], footer [href*="salla.com"]{ opacity:.45; }

/* ============================================================
   12) شريط TACT المتحرك (يحقنه الـ JS)
   ============================================================ */
.tact-marquee{ background:#f5f5f5; overflow:hidden; padding:12px 0; }
.tact-marquee .track{ display:flex; width:max-content; animation:tactScroll 24s linear infinite; }
.tact-marquee span{
  color:#000; font-weight:800; font-size:15px; white-space:nowrap;
  padding:0 16px; display:flex; align-items:center; gap:32px;
  font-family:'Poppins','Alexandria',sans-serif;
}
.tact-marquee svg{ width:16px; height:16px; fill:#000; flex:none; }
@keyframes tactScroll{ to{ transform:translateX(50%);} }

/* ============================================================
   13) التاق المتأرجح (يحقنه الـ JS)
   ============================================================ */
.tact-hang{
  position:fixed; top:0; left:clamp(10px,4vw,70px); z-index:40;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.45));
  user-select:none; -webkit-user-select:none; touch-action:none;
  pointer-events:none;
}
.tact-hang .rig{ position:relative; transform-origin:50% 0; will-change:transform; pointer-events:auto; }
.tact-hang svg.twine{ display:block; margin:0 auto; overflow:visible; }
.tact-hang .tagcard{
  width:min(120px,18vw); aspect-ratio:19/30; margin:-6px auto 0; position:relative;
  background:#101010; border:1px solid #222;
  clip-path:polygon(22% 0,78% 0,100% 11%,100% 100%,0 100%,0 11%);
  cursor:grab; overflow:hidden;
}
.tact-hang .tagcard:active{ cursor:grabbing; }
.tact-hang .eyelet{
  position:absolute; top:4.5%; left:50%; transform:translateX(-50%);
  width:16px; height:16px; border-radius:50% !important;
  background:radial-gradient(circle at 35% 30%,#f6dfa0,#caa14e 55%,#8a6a2c);
}
.tact-hang .eyelet::after{ content:""; position:absolute; inset:4px; border-radius:50%; background:#101010; }
.tact-hang .tlogo{ width:72%; margin:38% auto 0; }
.tact-hang .tlogo svg{ width:100%; height:auto; display:block; }
.tact-hang .strip{
  position:absolute; bottom:8%; left:12%; right:12%; background:#fff; color:#000;
  text-align:center; font-weight:900; font-size:11px; padding:4px 0; direction:ltr;
}
@media (max-width:860px){ .tact-hang{ display:none; } }

/* ---------- سكرول بار ---------- */
::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background:#0b0b0b; }
::-webkit-scrollbar-thumb{ background:#333; }
::-webkit-scrollbar-thumb:hover{ background:#555; }

/* ============================================================
   15) خطوط TACT المخصصة — Arb-r / Arb-m / Arb-b
   r = عادي · m = متوسط · b = عريض
   ============================================================ */
/* النصوص العادية والفقرات */
body, p, .description,
.s-reviews-testimonial__inner, .s-reviews-testimonial p,
.s-block--features__item p{
  font-family:'Arb-r','Poppins','Alexandria',system-ui,sans-serif !important;
}
/* المتوسط: روابط المنيو والدروب داون وأسماء العملاء */
.main-menu > li > a, .main-menu .root-level > a,
.sub-menu li a, .mega-menu a, .dropdown__menu a, .dropdown__menu .menu-item,
.mm-spn a, .mm-spn span,
.s-reviews-testimonial__info b, .s-reviews-testimonial__info .font-bold,
custom-salla-product-card a, custom-salla-product-card h3{
  font-family:'Arb-m','Poppins','Alexandria',system-ui,sans-serif !important;
}
/* العريض: العناوين والأزرار والأسعار والشارات والشريط المتحرك */
h1,h2,h3,h4,h5,
.home-slider__content h1, .home-slider__content h2,
.s-block__title h2, .section-title,
salla-button .s-button-element, .btn,
custom-salla-product-card [class*="price"],
custom-salla-product-card [class*="badge"], .s-product-card-promotion-title,
.s-block--features__item h3, .s-block--features__item h4,
.banner__title, .tact-marquee span{
  font-family:'Arb-b','Poppins','Alexandria',system-ui,sans-serif !important;
}

/* ============================================================
   16) v4.2 — التاق تحت البنر + أيقونات ومربعات فريدة
   ============================================================ */

/* ---------- التاق معلّق أسفل البنر الرئيسي ---------- */
.tact-hang.tact-hang--banner{
  position:absolute; top:100%; margin-top:-6px;
  left:clamp(30px,8vw,150px);
  z-index:60;
}

/* ---------- مربعات المميزات — كروت TACT فريدة ---------- */
.s-block--features__item{
  position:relative;
  background:var(--tact-card) !important;
  border:1px solid var(--tact-line) !important;
  /* قصّة زاوية علوية مثل التاق */
  clip-path:polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 0 100%);
  overflow:hidden;
  padding-top:26px !important;
}
/* مثلث الزاوية المطوية */
.s-block--features__item::before{
  content:""; position:absolute; top:0; left:auto; right:auto;
  inset-inline-start:auto; inset-inline-end:0;
  width:26px; height:26px;
  background:linear-gradient(225deg, transparent 50%, #2e2e2e 50%);
}
/* نجمة مائية بالزاوية السفلية */
.s-block--features__item::after{
  content:""; position:absolute; bottom:-18px; inset-inline-start:-14px;
  width:96px; height:96px; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23ffffff' fill-opacity='0.05' transform='rotate(-15 50 50)' d='M50 4l11.5 33 34.9.8-27.9 21.1 10.1 33.4L50 72.4 21.4 92.3l10.1-33.4L3.6 37.8l34.9-.8z'/%3E%3C/svg%3E");
  background-size:contain; background-repeat:no-repeat;
  transition:transform .4s;
}
.s-block--features__item:hover::after{ transform:rotate(14deg) scale(1.12); }
.s-block--features__item:hover{
  border-color:#7a7a7a !important;
  transform:translateY(-5px);
}
/* الأيقونة: مربع أبيض مائل بالقصّ (الشكل مائل والرسمة مستقيمة) */
.s-block--features__item .feature-icon,
.s-block--features__item i[class*="sicon"],
.s-block--features__item [class*="rounded-full"],
.s-block--features__item img{
  border-radius:0 !important;
  background:#f5f5f5 !important;
  width:54px !important; height:48px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  clip-path:polygon(12% 0, 100% 0, 88% 100%, 0 100%);
  transform:none !important;
  color:#000 !important; font-size:20px !important;
  line-height:48px !important;
  padding:10px 13px !important;
  object-fit:contain;
  transition:translate .25s !important;
}
.s-block--features__item:hover .feature-icon,
.s-block--features__item:hover i[class*="sicon"],
.s-block--features__item:hover [class*="rounded-full"],
.s-block--features__item:hover img{
  translate:0 -3px;
}

/* ============================================================
   17) v5 — تنسيق جميع صفحات المتجر الداخلية
   ============================================================ */

/* ---------- مسار التنقل (بريدكرمب) — كل الصفحات ---------- */
.breadcrumbs, .container--breadcrumbs{ color:var(--tact-grey) !important; }
.breadcrumbs a{ color:var(--tact-grey) !important; }
.breadcrumbs a:hover{ color:#fff !important; }
.breadcrumbs [aria-current], .breadcrumbs .active{ color:#fff !important; font-weight:700; }
salla-breadcrumb{ color:var(--tact-grey) !important; }

/* ---------- صفحة التصنيفات / التخفيضات (قائمة المنتجات) ---------- */
/* الفلاتر الجانبية */
salla-filters, .filters, .md\:w-72{ color:#fff; }
salla-filters section, .filters-container, .filter{
  background:var(--tact-card) !important;
  border:1px solid var(--tact-line) !important;
}
salla-filters label, .filter label{ color:#cfcfcf !important; }
salla-filters input[type="checkbox"], .filter input[type="checkbox"]{
  accent-color:#f5f5f5; width:16px; height:16px;
}
.filters-trigger{
  background:var(--tact-card) !important; color:#fff !important;
  border:1px solid var(--tact-line) !important;
}
/* شريط الترتيب وعدد النتائج */
.container--products-list .form-input, select.form-input{
  background:#161616 !important; color:#fff !important;
  border:1px solid #2a2a2a !important;
}
/* ترقيم الصفحات */
[class*="pagination"] a, [class*="pagination"] button, .page-link{
  background:var(--tact-card) !important; color:#cfcfcf !important;
  border:1px solid var(--tact-line) !important; border-radius:0 !important;
  transition:all .2s !important;
}
[class*="pagination"] a:hover, [class*="pagination"] button:hover{
  background:#f5f5f5 !important; color:#000 !important;
}
[class*="pagination"] .active, [class*="pagination"] [aria-current]{
  background:#f5f5f5 !important; color:#000 !important; font-weight:800;
  transform:skewX(var(--tact-skew));
}

/* ---------- صفحة المنتج ---------- */
.product-single, .product-entry{ color:#fff; }
.product-single .product__description, .product__description,
.product-entry__sub-title{ color:#c9c9c9 !important; font-weight:300; line-height:2; }
.product-brand, .product-sku{ color:var(--tact-grey) !important; }
/* معرض الصور: إطار للصور المصغرة */
.product-single .s-slider-thumbs img, .product-single [class*="thumb"] img{
  border:1px solid var(--tact-line) !important; opacity:.65; transition:.2s;
}
.product-single .s-slider-thumbs .swiper-slide-thumb-active img,
.product-single [class*="thumb"] .swiper-slide-thumb-active img{
  border-color:#f5f5f5 !important; opacity:1;
}
/* نموذج الشراء والخيارات والكمية */
.product-form, .s-form-control{ color:#fff !important; }
.product-form label, .form-label{ color:#e5e5e5 !important; font-weight:700 !important; }
.product-form select, .product-form input,
.s-form-control input, .s-form-control select{
  background:#161616 !important; color:#fff !important;
  border:1px solid #2a2a2a !important;
}
/* خيارات المقاسات (أزرار الاختيار) */
.product-form [class*="option"] label, .product-form .s-button-solid{
  background:var(--tact-card) !important; color:#fff !important;
  border:1px solid #3a3a3a !important; border-radius:0 !important;
}
.product-form [class*="option"] input:checked + label,
.product-form [class*="option"] .is-selected{
  background:#f5f5f5 !important; color:#000 !important; font-weight:800;
}
/* الشريط السفلي الثابت (شراء سريع)
   تنبيه: is-sticky-product-bar كلاس على <body> — أي backdrop-filter/filter/transform
   عليه يجعله containing block ويكسر كل عناصر position:fixed (النوافذ، شريط الدفع). */
.product-bar,
body.is-sticky-product-bar .product-bar,
body.is-sticky-product-bar .sticky-product-bar{
  background:rgba(5,5,5,.9) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-top:1px solid #1f1f1f !important;
  box-shadow:0 -10px 30px rgba(0,0,0,.4) !important;
}
/* حماية دائمة: لا مرشّحات ولا تحويلات على body/html بأي حال */
html, body{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  filter:none !important;
  transform:none !important;
  perspective:none !important;
}
.product-bar__quantity input{ background:#161616 !important; color:#fff !important; }
/* التقييمات والتعليقات */
.s-comments, .s-comments-container, .rating-header{ color:#fff !important; }
.s-comments-item, [class*="comment-item"]{
  background:var(--tact-card) !important; border:1px solid var(--tact-line) !important;
}
.s-comments-item-user-info-name{ color:#fff !important; }

/* ---------- صفحة السلة ---------- */
.cart-item{
  background:var(--tact-card) !important;
  border:1px solid var(--tact-line) !important;
  color:#fff !important;
}
.cart-item a, .cart-item h3{ color:#fff !important; }
.cart-item [class*="price"]{ color:#fff !important; font-weight:800; }
.cart-options select, .cart-item input{
  background:#161616 !important; color:#fff !important;
  border:1px solid #2a2a2a !important;
}
/* ملخص الطلب */
.s-cart-summary, salla-cart-summary{
  background:var(--tact-card) !important;
  border:1px solid var(--tact-line) !important;
  color:#fff !important;
}
.s-cart-summary *{ color:#fff; }
.s-cart-summary [class*="total"]{ font-weight:900 !important; }
/* كوبون الخصم */
salla-cart-coupons input{ background:#161616 !important; color:#fff !important; border:1px solid #2a2a2a !important; }
/* شريط الشحن المجاني */
[class*="free-shipping"]{
  background:var(--tact-card) !important; border:1px solid var(--tact-line) !important; color:#fff !important;
}
[class*="free-shipping"] [class*="bar"], [class*="progress"]{ background:#2a2a2a !important; }
[class*="free-shipping"] [class*="bar"] > div, [class*="progress"] > div{ background:#f5f5f5 !important; }

/* ---------- صفحات الحساب (الملف/الطلبات/المفضلة/الإشعارات/المحفظة) ---------- */
.profile-header, .form--user-profile{
  background:var(--tact-card) !important; border:1px solid var(--tact-line) !important; color:#fff !important;
}
.profile-field-item{ border-color:var(--tact-line) !important; color:#fff !important; }
/* كروت الطلبات وتفاصيل الطلب */
[class*="order-item"], .single-order-header-item, .order-file, [href*="/orders/"]{
  color:#fff !important;
}
main [class*="order"] .bg-white, .single-order-header-item{
  background:var(--tact-card) !important; border:1px solid var(--tact-line) !important;
}
/* حالة الطلب */
main .tag, [class*="order-status"]{
  border-radius:0 !important; transform:skewX(var(--tact-skew));
  font-weight:700 !important;
}
/* جداول تفاصيل الطلب */
main table{ background:var(--tact-card) !important; color:#fff !important; }
main table th{ background:#0e0e0e !important; color:#fff !important; border-color:var(--tact-line) !important; }
main table td{ border-color:var(--tact-line) !important; color:#dcdcdc !important; }
/* الإشعارات */
main [class*="notification"]{
  background:var(--tact-card) !important; border:1px solid var(--tact-line) !important; color:#fff !important;
}

/* ---------- البلوق والصفحات التعريفية ---------- */
.blog-single, main article{ color:#e5e5e5 !important; }
.blog-single h1, main article h1, main article h2{ color:#fff !important; }
main [class*="post-item"], main [class*="blog-item"]{
  background:var(--tact-card) !important; border:1px solid var(--tact-line) !important;
}
main [class*="post-item"] *{ color:#fff; }

/* ---------- البراندات ---------- */
main [class*="brand-item"], main [class*="brands"] a{
  background:var(--tact-card) !important; border:1px solid var(--tact-line) !important;
}
main [class*="brand"] img{ filter:grayscale(1); transition:.25s; }
main [class*="brand"] a:hover img{ filter:none; }

/* ---------- صفحة الشكر بعد الطلب ---------- */
main [class*="thank"]{ color:#fff !important; }

/* ---------- حالات فارغة (سلة فاضية / لا نتائج) ---------- */
.no-content-placeholder, [class*="empty"]{
  color:var(--tact-grey) !important;
}
.no-content-placeholder i{ color:#3a3a3a !important; }

/* ---------- توست الإضافة للسلة ---------- */
salla-add-product-toast, .s-add-product-toast, [class*="toast"]{
  border-radius:0 !important;
}

/* ---------- شبكة أمان عامة للصفحات الداخلية ----------
   أي بطاقة/صندوق أبيض داخل المحتوى يتحول داكن تلقائياً */
main .bg-white, main .bg-gray-50, main .bg-gray-100, main .bg-border-color,
main .shadow-default, main [class*="shadow-"]{
  background-color:var(--tact-card) !important;
  box-shadow:none !important;
}
main .border, main [class*="border-gray"]{ border-color:var(--tact-line) !important; }
main .text-gray-900, main .text-gray-800, main .text-gray-700, main .text-black{ color:#fff !important; }
main .text-gray-600, main .text-gray-500, main .text-gray-400{ color:var(--tact-grey) !important; }

/* ============================================================
   19) v5.3 — التصحيح النهائي لأزرار الهيدر (بالكلاسات الصحيحة)
   + أيقونات البطاقات ثابتة + هوفر المنتجات سموذ
   ============================================================ */

/* ---------- أيقونات بطاقات المميزات: ثابتة تماماً ---------- */
.s-block--features__item .feature-icon,
.s-block--features__item i[class*="sicon"],
.s-block--features__item [class*="rounded-full"],
.s-block--features__item img{
  transition:none !important;
}
.s-block--features__item:hover .feature-icon,
.s-block--features__item:hover i[class*="sicon"],
.s-block--features__item:hover [class*="rounded-full"],
.s-block--features__item:hover img{
  translate:0 0 !important; transform:none !important;
}

/* ---------- هوفر بطاقات المنتجات: ناعم وسلس ---------- */
custom-salla-product-card{
  transition:transform .55s cubic-bezier(.22,.61,.36,1),
             border-color .55s cubic-bezier(.22,.61,.36,1),
             box-shadow .55s cubic-bezier(.22,.61,.36,1) !important;
  will-change:transform;
}
custom-salla-product-card:hover{
  transform:translateY(-6px);
  border-color:#6a6a6a !important;
  box-shadow:0 22px 44px rgba(0,0,0,.42);
}
custom-salla-product-card img{
  transition:transform .8s cubic-bezier(.22,.61,.36,1) !important;
}
custom-salla-product-card:hover img{ transform:scale(1.04); }

/* ============================================================
   22) الهيدر — إعادة تصميم كاملة
   نخفي أزرار سلة الأصلية ونستخدم أزرار TACT خاصة (يبنيها الـ JS)
   ============================================================ */

/* إخفاء زر السلة الأصلي فقط (المباشر) — لا نلمس أي عنصر داخلي آخر */
body.tact-actions-on salla-cart-summary > a{
  display:none !important;
}

/* زر الحساب الأصلي: نظيف بدون صناديق، أيقونة بيضاء وأفتار دائري */
salla-user-menu > a, salla-user-menu > button,
salla-user-menu > div > a, salla-user-menu > div > button{
  background:transparent !important; border:none !important;
  box-shadow:none !important;
  width:44px !important; height:44px !important; padding:0 !important;
}
salla-user-menu i{ color:#fff !important; font-size:21px !important; }
salla-user-menu svg{ width:22px !important; height:22px !important; color:#fff !important; }
salla-user-menu img, salla-user-menu [class*="avatar"]{
  width:30px !important; height:30px !important;
  border-radius:50% !important; object-fit:cover !important;
  background:transparent !important;
}
body.tact-actions-on salla-user-menu, body.tact-actions-on salla-cart-summary{
  min-width:0 !important; min-height:0 !important;
}
/* قائمة الحساب المنسدلة تظهر بمكان صحيح تحت الهيدر */
salla-user-menu .dropdown__menu{
  position:absolute !important; z-index:300 !important;
}

/* بنية الهيدر */
.store-header{
  background:rgba(5,5,5,.85) !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid #1f1f1f;
  position:sticky; top:0; z-index:200;
  box-shadow:none !important;
}
.main-nav-container{ background:transparent !important; box-shadow:none !important; }
.main-nav-container .container{
  display:flex !important; align-items:center !important; min-height:66px;
}
custom-main-menu{ min-height:unset !important; display:flex !important; align-items:center !important; }
.main-menu{ display:flex !important; align-items:center !important; }
.navbar-brand{ display:flex !important; align-items:center !important; }
.navbar-brand img{ height:40px !important; width:auto !important; }
.top-navbar{ padding-block:4px !important; font-size:12px !important; background:#000 !important; }

/* أزرار TACT المخصصة */
.tact-actions{
  display:flex; align-items:center; gap:6px;
}
.tact-actions .ta-btn{
  position:relative;
  width:46px; height:46px;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  background:transparent;
  border:none;
}
.tact-actions .ta-btn svg{
  width:23px; height:23px;
  stroke:#ffffff; fill:none; stroke-width:1.9;
  stroke-linecap:round; stroke-linejoin:round;
  transition:transform .25s cubic-bezier(.2,.8,.2,1);
  display:block;
}
.tact-actions .ta-btn:hover svg{ transform:translateY(-2px); }
/* الشرطة المائلة تحت الأيقونة */
.tact-actions .ta-btn::after{
  content:""; position:absolute; bottom:3px; right:50%;
  width:0; height:3px; background:#fff;
  transform:translateX(50%) skewX(var(--tact-skew));
  transition:width .28s cubic-bezier(.2,.8,.2,1);
}
.tact-actions .ta-btn:hover::after{ width:70%; }
/* عداد السلة */
.tact-actions .ta-count{
  position:absolute; top:3px; left:3px;
  width:17px; height:17px;
  background:#fff; color:#000;
  border-radius:50%;
  font-size:9.5px; font-weight:800;
  font-family:'Poppins','Arb-b',sans-serif;
  display:flex; align-items:center; justify-content:center;
  pointer-events:none;
}
.tact-actions .ta-count:empty{ display:none; }

/* ============================================================
   23) ترتيب الهيدر النهائي
   ============================================================ */

/* رابط السياسة/روابط الفوتر ما تظهر فوق — مكانها الفوتر */
.top-navbar salla-menu{ display:none !important; }
.top-navbar:empty{ display:none !important; }
.top-navbar .container{ min-height:unset !important; }

/* اللوقو يظهر أبيض دائماً مهما كان لون الملف المرفوع */
.navbar-brand img{
  filter:brightness(0) invert(1) !important;
  height:40px !important; width:auto !important;
}

/* حتى لو ظهرت أزرار سلة الأصلية (قبل تشغيل الـ JS) تكون متناسقة مع الهيدر:
   بدون خلفيات بيضاء، أيقونات بيضاء، وسعر الإجمالي مخفي دائماً */
.s-cart-summary-total{ display:none !important; }
salla-cart-summary a{
  background:transparent !important; border:none !important;
  box-shadow:none !important; color:#fff !important;
}
salla-cart-summary i{ color:#fff !important; }
salla-user-menu a, salla-user-menu button{
  background:transparent !important; border-color:#3a3a3a !important;
}
salla-user-menu i, salla-user-menu svg{ color:#fff !important; }
.s-cart-summary-count{
  background:#fff !important; color:#000 !important; border:none !important;
}

/* صف الهيدر الرئيسي: اللوقو يمين، المنيو بالوسط، الأزرار يسار */
.main-nav-container .container{
  display:flex !important; align-items:center !important;
  justify-content:space-between !important;
  min-height:64px; gap:20px;
}

/* ---------- إزالة الشريط العلوي كاملاً من الهيدر (روابط السياسات مكانها الفوتر) ---------- */
.store-header .top-navbar,
.top-navbar{
  display:none !important;
}

/* ---------- أزرار السلة والحساب: أقصى يسار الهيدر ---------- */
.tact-actions{ margin-inline-start:auto !important; }
.main-nav-container .container > .flex.items-center.justify-end,
.main-nav-container .container > div:last-child{
  margin-inline-start:auto !important;
  order:99;
}
/* روابط السياسات ما تظهر بالهيدر حتى قبل تشغيل الـ JS */
.store-header a[href*="policy"], .store-header a[href*="terms"],
.store-header a[href*="refund"], .store-header a[href*="privacy"]{
  display:none !important;
}

/* ============================================================
   24) ترتيب صف الهيدر النهائي: لوقو يمين — منيو وسط — أزرار يسار
   ============================================================ */
.main-nav-container .container{
  display:flex !important; align-items:center !important;
  flex-wrap:nowrap !important; gap:16px;
}
/* اللوقو: أقصى اليمين وأكبر */
.navbar-brand{
  order:0 !important;
  margin-inline-end:auto !important;
  flex:none !important;
}
.navbar-brand img{ height:52px !important; width:auto !important; }
/* المنيو بالوسط */
custom-main-menu{ order:1 !important; flex:none !important; }
/* السلة والحساب: أقصى اليسار */
.tact-actions,
.main-nav-container .flex.items-center.justify-end{
  order:99 !important;
  margin-inline-start:auto !important;
  flex:none !important;
}

/* أي قائمة سلة إضافية داخل الهيدر (روابط السياسات) تنحذف نهائياً */
.store-header salla-menu{ display:none !important; }

/* ============================================================
   25) صفحة تفاصيل المنتج — تفصيل كامل
   ============================================================ */

/* عنوان المنتج */
.container--product-details h1{
  color:#fff !important; font-weight:900 !important;
  font-family:'Arb-b','Poppins','Alexandria',sans-serif !important;
}

/* اللوحات البيضاء (معلومات المنتج، الفورم، الجدول) → داكنة بحد رصاصي */
.container--product-details .bg-white,
.container--product-details .sticky-product-bar{
  background:var(--tact-card) !important;
  border:1px solid var(--tact-line) !important;
  box-shadow:none !important;
}
/* شريط الشراء الثابت: حد علوي أبيض — توقيع الهوية */
.sticky-product-bar{
  border-top:3px solid #f5f5f5 !important;
}

/* منطقة صور المنتج */
.details-slider{ background:transparent !important; }
.details-slider .bg-gray-100, .details-slider [class*="bg-gray"]{
  background:#141414 !important;
}
.details-slider .swiper-slide{ background:#141414 !important; }

/* ستيكر الخصم الدائري → مربع TACT أبيض مائل */
.container--product-details .absolute.bg-white[class*="rounded-full"]{
  border-radius:0 !important;
  background:#f5f5f5 !important;
  transform:rotate(-8deg);
  width:74px !important; height:74px !important;
  box-shadow:0 10px 26px rgba(0,0,0,.45) !important;
}
.container--product-details .absolute.bg-white[class*="rounded-full"] *{
  color:#000 !important; font-weight:800 !important;
}

/* الأسعار: أبيض بولد بدل الأحمر — والسعر القديم رصاصي مشطوب */
.total-price, .text-red-800, .container--product-details .text-red-500{
  color:#fff !important; font-weight:900 !important;
}
.before-price, .container--product-details .line-through{
  color:var(--tact-grey) !important;
}
.starting-price-title{ color:var(--tact-grey) !important; }
/* نفذت الكمية */
.out-of-stock{ color:#c9c9c9 !important; }

/* وصف المنتج */
.article--main, #store-product-description{
  color:#c9c9c9 !important; font-weight:300; line-height:2.1 !important;
}
.article--main h1,.article--main h2,.article--main h3,.article--main strong{ color:#fff !important; }
#btn-show-more, .link--primary{
  color:#fff !important; font-weight:700 !important;
  border-bottom:2px solid #f5f5f5; padding-bottom:2px;
}

/* زر المفضلة (القلب) */
.btn--wishlist{
  background:#161616 !important;
  border:1px solid #2e2e2e !important;
  color:#fff !important;
  border-radius:0 !important;
  transition:all .25s !important;
}
.btn--wishlist:hover, .btn--wishlist.s-added{
  background:#f5f5f5 !important; color:#000 !important; border-color:#f5f5f5 !important;
}
.btn--wishlist i{ color:inherit !important; }

/* عداد الكمية */
salla-quantity-input button{
  background:#161616 !important; color:#fff !important;
  border:1px solid #2e2e2e !important; border-radius:0 !important;
}
salla-quantity-input button:hover{ background:#f5f5f5 !important; color:#000 !important; }
salla-quantity-input input{
  background:#0e0e0e !important; color:#fff !important;
  border:1px solid #2e2e2e !important; font-weight:800 !important;
}

/* خيارات المنتج (مقاس/لون/ملاحظات) */
#store-product-form .form-label, .product-form .form-label{
  color:#fff !important; font-weight:800 !important;
}
#store-product-form input, #store-product-form select, #store-product-form textarea{
  background:#161616 !important; color:#fff !important;
  border:1px solid #2a2a2a !important;
}
salla-product-options label{ color:#e5e5e5 !important; }
salla-product-options [class*="option"]{ border-radius:0 !important; }

/* جدول تفاصيل المنتج (الوزن/SKU...) */
.container--product-details .grid.bg-white,
.container--product-details [class*="grid-cols-3"]{
  background:var(--tact-card) !important;
  border:1px solid var(--tact-line) !important;
}
.product-sku, .text-unicode{ color:var(--tact-grey) !important; }
.brand-logo img{ filter:grayscale(1); }

/* أيقونات حمراء متفرقة (صندوق الشحن...) → رصاصي */
.container--product-details [class*="text-red"] i,
.container--product-details i[class*="!text-red"],
.sicon-box-bankers{ color:var(--tact-grey) !important; }

/* أزرار المشاركة */
salla-social-share a, [class*="share"] a{
  background:#161616 !important; border:1px solid #2e2e2e !important;
  color:#fff !important; border-radius:0 !important;
}
salla-social-share a:hover{ background:#f5f5f5 !important; color:#000 !important; }

/* المنتجات المشابهة وقسم التقييمات يرثون تنسيقات الأقسام الداكنة الموجودة */
.s-before-related, .s-after-related, .s-before-reviews{ color:#fff; }

/* ============================================================
   26) إصلاح سريع لصفحة المنتج: دروب داون المقاسات + شريط الدفع
   ============================================================ */

/* صندوق الخيارات الأبيض المتقطع → كرت داكن نظيف */
.cart-options{
  background:var(--tact-card) !important;
  border:1px solid var(--tact-line) !important;
  border-style:solid !important;
}
.cart-options salla-product-options,
salla-product-options{
  background:transparent !important; color:#fff !important;
}
/* عنوان الخيار (Sizes) */
.s-product-options-option-label,
salla-product-options label, salla-product-options .form-label{
  color:#fff !important; font-weight:800 !important;
}
/* حقول الاختيار */
salla-product-options .s-form-control,
.cart-options .s-form-control,
.cart-options select, .cart-options input{
  background:#161616 !important; color:#fff !important;
  border:1px solid #2e2e2e !important; border-radius:0 !important;
  padding:12px 14px !important;
}
salla-product-options .s-form-control:focus{ border-color:#666 !important; }
salla-product-options select option{ background:#161616; color:#fff; }
/* نص "اختر" */
salla-product-options [class*="placeholder"], .cart-options ::placeholder{
  color:#8f8f8f !important;
}

/* شريط الدفع ما يطوف فوق الفوتر — يرجع بمكانه الطبيعي داخل الصفحة */
.is-sticky-product-bar .sticky-product-bar,
.sticky-product-bar{
  position:static !important;
  transform:none !important;
  opacity:1 !important;
  box-shadow:none !important;
  bottom:auto !important; left:auto !important;
}
.is-sticky-product-bar .sticky-product-bar__quantity,
.is-sticky-product-bar salla-add-product-button{
  transform:none !important; opacity:1 !important;
}
/* نلغي الفراغ اللي كان محجوز للشريط الطافي */
.is-sticky-product-bar.product-single{ padding-bottom:0 !important; }

/* ============================================================
   27) المقاس بمستطيل واحد + سلاسة عامة
   ============================================================ */

/* خيار المقاس: العنوان والاختيار داخل مستطيل واحد */
.s-product-options-option{
  display:flex !important; align-items:center !important; gap:14px !important;
  background:#161616 !important;
  border:1px solid #2e2e2e !important;
  padding:6px 16px !important;
  margin-bottom:12px !important;
}
.s-product-options-option-label,
.s-product-options-option label{
  margin:0 !important; padding:0 !important; flex:none !important;
  background:transparent !important; border:none !important;
  color:#fff !important; font-weight:800 !important;
}
.s-product-options-option .s-form-control,
.s-product-options-option select{
  flex:1 !important;
  background:transparent !important;
  border:none !important; box-shadow:none !important;
  color:#fff !important; padding:10px 4px !important;
  min-height:44px;
}
.s-product-options-option .s-form-control:focus{ border:none !important; outline:none !important; }
salla-product-options select option{ background:#161616; color:#fff; }

/* ---------- سلاسة عامة لكل الموقع ---------- */
html{ scroll-behavior:smooth; }
:where(a, button, input, select, textarea, i, svg, img){
  transition:all .28s cubic-bezier(.25,.6,.3,1);
}
:where(a, button):active{ transform:scale(.985); }
/* القوائم المنسدلة والنوافذ تفتح بحركة ناعمة */
.dropdown__menu, .sub-menu, .mega-menu{
  animation:tactDrop .25s cubic-bezier(.2,.8,.2,1);
}


/* ============================================================
   27) المقاس بمستطيل واحد + سلاسة عامة
   ============================================================ */

/* خيار المقاس: العنوان والاختيار داخل مستطيل واحد */
.s-product-options-option{
  display:flex !important; align-items:center !important; gap:14px !important;
  background:#161616 !important;
  border:1px solid #2e2e2e !important;
  padding:6px 16px !important;
  margin-bottom:12px !important;
}
.s-product-options-option-label,
.s-product-options-option label{
  margin:0 !important; padding:0 !important; flex:none !important;
  background:transparent !important; border:none !important;
  color:#fff !important; font-weight:800 !important;
}
.s-product-options-option .s-form-control,
.s-product-options-option select{
  flex:1 !important;
  background:transparent !important;
  border:none !important; box-shadow:none !important;
  color:#fff !important; padding:10px 4px !important;
  min-height:44px;
}
.s-product-options-option .s-form-control:focus{ border:none !important; outline:none !important; }
salla-product-options select option{ background:#161616; color:#fff; }

/* ---------- سلاسة عامة لكل الموقع ---------- */
html{ scroll-behavior:smooth; }
:where(a, button, input, select, textarea, i, svg, img){
  transition:all .28s cubic-bezier(.25,.6,.3,1);
}
:where(a, button):active{ transform:scale(.985); }
/* القوائم المنسدلة والنوافذ تفتح بحركة ناعمة */
.dropdown__menu, .sub-menu, .mega-menu{
  animation:tactDrop .25s cubic-bezier(.2,.8,.2,1);
}


/* ---------- إخفاء أفتار الحساب المكرر (لما يكون المستخدم مسجل دخول) ---------- */
/* ============================================================
   27) المقاس بمستطيل واحد + سلاسة عامة
   ============================================================ */

/* خيار المقاس: العنوان والاختيار داخل مستطيل واحد */
.s-product-options-option{
  display:flex !important; align-items:center !important; gap:14px !important;
  background:#161616 !important;
  border:1px solid #2e2e2e !important;
  padding:6px 16px !important;
  margin-bottom:12px !important;
}
.s-product-options-option-label,
.s-product-options-option label{
  margin:0 !important; padding:0 !important; flex:none !important;
  background:transparent !important; border:none !important;
  color:#fff !important; font-weight:800 !important;
}
.s-product-options-option .s-form-control,
.s-product-options-option select{
  flex:1 !important;
  background:transparent !important;
  border:none !important; box-shadow:none !important;
  color:#fff !important; padding:10px 4px !important;
  min-height:44px;
}
.s-product-options-option .s-form-control:focus{ border:none !important; outline:none !important; }
salla-product-options select option{ background:#161616; color:#fff; }

/* ---------- سلاسة عامة لكل الموقع ---------- */
html{ scroll-behavior:smooth; }
:where(a, button, input, select, textarea, i, svg, img){
  transition:all .28s cubic-bezier(.25,.6,.3,1);
}
:where(a, button):active{ transform:scale(.985); }
/* القوائم المنسدلة والنوافذ تفتح بحركة ناعمة */
.dropdown__menu, .sub-menu, .mega-menu{
  animation:tactDrop .25s cubic-bezier(.2,.8,.2,1);
}


/* ============================================================
   27) المقاس بمستطيل واحد + سلاسة عامة
   ============================================================ */

/* خيار المقاس: العنوان والاختيار داخل مستطيل واحد */
.s-product-options-option{
  display:flex !important; align-items:center !important; gap:14px !important;
  background:#161616 !important;
  border:1px solid #2e2e2e !important;
  padding:6px 16px !important;
  margin-bottom:12px !important;
}
.s-product-options-option-label,
.s-product-options-option label{
  margin:0 !important; padding:0 !important; flex:none !important;
  background:transparent !important; border:none !important;
  color:#fff !important; font-weight:800 !important;
}
.s-product-options-option .s-form-control,
.s-product-options-option select{
  flex:1 !important;
  background:transparent !important;
  border:none !important; box-shadow:none !important;
  color:#fff !important; padding:10px 4px !important;
  min-height:44px;
}
.s-product-options-option .s-form-control:focus{ border:none !important; outline:none !important; }
salla-product-options select option{ background:#161616; color:#fff; }

/* ---------- سلاسة عامة لكل الموقع ---------- */
html{ scroll-behavior:smooth; }
:where(a, button, input, select, textarea, i, svg, img){
  transition:all .28s cubic-bezier(.25,.6,.3,1);
}
:where(a, button):active{ transform:scale(.985); }
/* القوائم المنسدلة والنوافذ تفتح بحركة ناعمة */
.dropdown__menu, .sub-menu, .mega-menu{
  animation:tactDrop .25s cubic-bezier(.2,.8,.2,1);
}


/* ---------- إخفاء أفتار الحساب المكرر (لما يكون المستخدم مسجل دخول) ---------- */
body.tact-actions-on salla-user-menu img,
body.tact-actions-on salla-user-menu [class*="avatar"],
body.tact-actions-on salla-user-menu .dropdown__trigger,
body.tact-actions-on salla-user-menu > a,
body.tact-actions-on salla-user-menu > button,
body.tact-actions-on salla-user-menu > span,
body.tact-actions-on salla-user-menu > div > a,
body.tact-actions-on salla-user-menu > div > button{
  display:none !important;
}
/* قائمة الحساب نفسها إذا انفتحت تظهر طبيعي */
body.tact-actions-on salla-user-menu .dropdown__menu,
body.tact-actions-on salla-user-menu .dropdown__menu *{
  display:revert !important;
}
body.tact-actions-on salla-user-menu .dropdown__menu img{
  display:inline-block !important;
  width:34px !important; height:34px !important; border-radius:50% !important;
}

/* ============================================================
   31) بطاقة ملخص السلة بالجوال — طبقة ومساحة أمان
   ============================================================ */
@media (max-width: 767px){
  /* رفع الشريط قليلاً عن حافة الشاشة */
  .s-cart-summary-card--mobile{
    z-index:200 !important;
    bottom:calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom:8px !important;
  }
  .product-bar, body.is-sticky-product-bar .sticky-product-bar{
    bottom:calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.cart{ padding-bottom:140px !important; }
}