/* أيقونات الهيدر – ستايل شفاف بلون أبيض خفيف (ستايل مكعب) */
header a[href*="cart"],
header a[href*="basket"],
header a[href*="checkout"],
header a[href*="account"],
header a[href*="login"],
header a[href*="profile"],
header a[href*="wishlist"],
header a[href*="favorite"],
header a[href*="search"] {
  display: grid !important;
  place-items: center !important;
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18) !important; /* أبيض شفاف خفيف */
  backdrop-filter: blur(6px); /* تأثير الزجاج */
  -webkit-backdrop-filter: blur(6px);
  color: #0D1B2A !important;
  border: 1.5px solid rgba(13, 27, 42, 0.2) !important;
  transition: all 0.25s ease;
}

/* عند المرور عليها */
header a[href*="cart"]:hover,
header a[href*="basket"]:hover,
header a[href*="checkout"]:hover,
header a[href*="account"]:hover,
header a[href*="login"]:hover,
header a[href*="profile"]:hover,
header a[href*="wishlist"]:hover,
header a[href*="favorite"]:hover,
header a[href*="search"]:hover {
  background: rgba(13, 27, 42, 0.9) !important; /* خلفية داكنة */
  color: #fff !important;
  border-color: transparent !important;
}

/* لون الأيقونة (الـ SVG) */
header a[href*="cart"] svg,
header a[href*="basket"] svg,
header a[href*="checkout"] svg,
header a[href*="account"] svg,
header a[href*="login"] svg,
header a[href*="profile"] svg,
header a[href*="wishlist"] svg,
header a[href*="favorite"] svg,
header a[href*="search"] svg {
  color: inherit !important;
  fill: currentColor !important;
  background: transparent !important;
}

/* Header – glass & sticky */
header, .s-header, .site-header, .header{
  position: sticky !important; top:0; z-index:1000 !important;
  background: rgba(255,255,255,.75) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(13,27,42,.08) !important;
  box-shadow: 0 8px 20px rgba(13,27,42,.06) !important;
}
/* تحسّن التباين داخل الهيدر على الخلفيات الفاتحة */
header a, .s-header a, header .icon, .s-header .icon, header svg, .s-header svg{
  color:#0D1B2A!important; fill:#0D1B2A!important;
}

/* ===========================
   MOKAB GLASS THEME – FULL PATCH
   =========================== */

/* ========== TOKENS ========== */
:root{
  --mokab-primary:#0d2b4b;
  --mokab-primary-800:#0a223d;
  --mokab-secondary:#12d672;
  --mokab-accent:#ff2f2f;
  --mokab-warning:#ffb300;
  --mokab-muted:#6b7280;
  --mokab-bg:#f7fafc;
  --mokab-card:#ffffff;
  --mokab-border:#e5e7eb;
  --radius-lg:20px; --radius-md:16px; --radius-sm:10px;
  --shadow-soft:0 10px 20px rgba(0,0,0,.06);
  --shadow-strong:0 14px 30px rgba(13,43,75,.14);
}

/* ========== GLOBAL POLISH ========== */
body, .s-container, .page-content{background:var(--mokab-bg)!important;}
a{color:var(--mokab-primary)} a:hover{color:var(--mokab-primary-800)}
img{border-radius:var(--radius-md)}

/* Buttons (الكبيرة فقط) */
button:not(.btn-icon):not(.icon-only):not(.btn-circle).btn,
.btn:not(.btn-icon):not(.icon-only):not(.btn-circle),
.s-button:not(.btn-icon):not(.icon-only):not(.btn-circle),
.btn-primary{
  background:var(--mokab-primary)!important;color:#fff!important;border:none!important;
  border-radius:999px!important;padding:.8rem 1.2rem!important;box-shadow:var(--shadow-soft);
  font-weight:700!important
}
button.btn:hover, .btn:hover, .btn-primary:hover{background:var(--mokab-primary-800)!important}

/* ===========================
   HEADER – GLASS STYLE
   =========================== */
header, .s-header, .site-header, .header{
  position:sticky!important;top:0;z-index:1000!important;
  background:rgba(255,255,255,.75)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(13,27,42,.08)!important;
  box-shadow:0 8px 20px rgba(13,27,42,.06)!important;
}
header a, .s-header a, header .icon, .s-header .icon, header svg, .s-header svg{
  color:#0D1B2A!important; fill:#0D1B2A!important;
}

/* أيقونات الهيدر – شفاف بلون أبيض خفيف */
header a[href*="cart"],
header a[href*="basket"],
header a[href*="checkout"],
header a[href*="account"],
header a[href*="login"],
header a[href*="profile"],
header a[href*="wishlist"],
header a[href*="favorite"],
header a[href*="search"]{
  display:grid!important;place-items:center!important;
  width:56px;height:56px;border-radius:999px;
  background:rgba(255,255,255,0.18)!important;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  color:#0D1B2A!important;
  border:1.5px solid rgba(13,27,42,0.2)!important;
  transition:all .25s ease;
  box-shadow:0 6px 16px rgba(13,27,42,.08);
}
header a[href*="cart"]:hover,
header a[href*="basket"]:hover,
header a[href*="checkout"]:hover,
header a[href*="account"]:hover,
header a[href*="login"]:hover,
header a[href*="profile"]:hover,
header a[href*="wishlist"]:hover,
header a[href*="favorite"]:hover,
header a[href*="search"]:hover{
  background:rgba(13,27,42,0.9)!important;
  color:#fff!important;border-color:transparent!important;
}
header a[href*="cart"]:active,
header a[href*="basket"]:active,
header a[href*="checkout"]:active,
header a[href*="account"]:active,
header a[href*="login"]:active,
header a[href*="profile"]:active,
header a[href*="wishlist"]:active,
header a[href*="favorite"]:active,
header a[href*="search"]:active{
  transform:translateY(1px) scale(.98);
}
header a[href*="cart"] svg,
header a[href*="basket"] svg,
header a[href*="checkout"] svg,
header a[href*="account"] svg,
header a[href*="login"] svg,
header a[href*="profile"] svg,
header a[href*="wishlist"] svg,
header a[href*="favorite"] svg,
header a[href*="search"] svg{
  color:inherit!important;fill:currentColor!important;background:transparent!important;
}

/* شارة عدّاد السلة */
header [class*="cart"]{position:relative!important;}
header [class*="cart"] .badge,
header [class*="cart"] [class*="count"],
.mini-cart .count-badge{
  position:absolute!important;top:-6px!important;
  inset-inline-start:calc(100% - 18px)!important;
  min-width:20px;min-height:20px;display:grid;place-items:center;
  background:#ff2f2f!important;color:#fff!important;
  border:2px solid rgba(255,255,255,.9)!important;border-radius:999px;
  font:800 12px/1 inherit;
  box-shadow:0 0 0 3px rgba(255,255,255,.35);
}

/* ===========================
   SEARCH – GLASS INPUT
   =========================== */
.search, .search-form, .header .search, .site-search input, input[type="search"]{
  background:rgba(255,255,255,.18)!important;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border:1.5px solid rgba(13,27,42,.18)!important;
  border-radius:999px!important;padding:.75rem 1rem!important;
  color:#0D1B2A!important;
}
input[type="search"]::placeholder{color:rgba(13,27,42,.55)!important}

/* ===========================
   BOTTOM NAV – GLASS STYLE
   =========================== */
.bottom-nav, .mobile-bottom-nav, .appbar, .tabbar{
  background:rgba(255,255,255,.85)!important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-top:1px solid rgba(13,27,42,.08)!important;
}
.bottom-nav a, .mobile-bottom-nav a, .appbar a, .tabbar a{
  background:transparent!important;color:#0D1B2A!important;fill:#0D1B2A!important;
}
.bottom-nav a.active, .mobile-bottom-nav a.active, .appbar a.active, .tabbar a.active{
  background:rgba(13,27,42,.9)!important;color:#fff!important;border-radius:999px!important;
}

/* ===========================
   PRODUCT CARDS + FAQ
   =========================== */
.s-product-card, .product-item, .card-product, .s-products-slider-card{
  background:var(--mokab-card)!important;border:1px solid var(--mokab-border)!important;
  border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-soft);overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease;
}
.s-product-card:hover, .product-item:hover, .card-product:hover, .s-products-slider-card:hover{
  transform:translateY(-3px);box-shadow:var(--shadow-strong);
}
.s-product-card .s-product-card-content-title a, .card-product .title a{
  color:#111;font-weight:800;line-height:1.4;
}
.s-product-card .price, .price-current{color:var(--mokab-primary)!important;font-weight:900;}
.old-price, .price-old{color:var(--mokab-muted)!important;text-decoration:line-through;}
.s-block--faqs, .faqs, .faqs-list{background:transparent!important;}
.faqs-list__item, .faq-item{
  background:var(--mokab-primary)!important;color:#fff!important;border-radius:var(--radius-lg);
  padding:.9rem 1rem;margin:.5rem 0;box-shadow:var(--shadow-soft);
}

/* ===========================
   CATEGORIES SCROLL POLISH
   =========================== */
@media (min-width:992px){
  .s-block--categories, .home-categories, .categories-section{
    order:-1;margin-top:0!important;padding-top:.25rem;
  }
  .s-block--categories .categories-list, .home-categories .categories-list{
    display:flex!important;flex-wrap:nowrap!important;gap:12px!important;
    overflow-x:auto!important;scrollbar-width:thin;
  }
  .categories-list .category-item{
    min-width:120px!important;width:120px!important;background:transparent;
    box-shadow:none!important;
  }
  .categories-list .category-item .thumb{
    outline:2.5px solid var(--mokab-secondary)!important;
    outline-offset:4px;border-radius:999px;
  }
}

/* ===========================
   SMALL ICON BUTTONS
   =========================== */
.btn-icon, .icon-only, .btn-circle{
  width:42px!important;height:42px!important;border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border:1.5px solid rgba(13,27,42,.18)!important;
  color:#0D1B2A!important;transition:all .2s ease;
}
.btn-icon:hover, .icon-only:hover, .btn-circle:hover{
  background:rgba(13,27,42,.9)!important;color:#fff!important;border-color:transparent!important;
}

/* ===========================
   ACCESSIBLE FOCUS
   =========================== */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid rgba(18,214,114,.6)!important;
  outline-offset:3px!important;border-radius:10px;
}

/* ===========================
   FALLBACK (NO BACKDROP SUPPORT)
   =========================== */
@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))){
  header, .s-header, .site-header, .header,
  .bottom-nav, .mobile-bottom-nav, .appbar, .tabbar,
  header a[href*="cart"], header a[href*="account"], header a[href*="wishlist"], header a[href*="search"],
  .btn-icon, .icon-only, .btn-circle,
  .search, .search-form, .site-search input, input[type="search"]{
    background:rgba(255,255,255,.92)!important;
    border-color:rgba(13,27,42,.12)!important;
    box-shadow:0 8px 20px rgba(13,27,42,.06)!important;
  }
}

/* =========================================
   MOKAB REPLICA – FULL THEME (Salla ready)
   Author: Nawaf x ChatGPT
   ========================================= */

/* 0) Typography (Tajawal شبيه مكعب) */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
html,body{font-family:'Tajawal',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif}

/* 1) Tokens */
:root{
  --mokab-primary:#0D2B4B;
  --mokab-primary-800:#0A223D;
  --mokab-secondary:#12D672;
  --mokab-accent:#FF2F2F;
  --mokab-warning:#FFB300;
  --mokab-muted:#6B7280;
  --mokab-bg:#F7FAFC;
  --mokab-card:#FFFFFF;
  --mokab-border:#E5E7EB;

  --radius-lg:20px; --radius-md:16px; --radius-sm:10px;
  --shadow-soft:0 10px 20px rgba(0,0,0,.06);
  --shadow-strong:0 14px 30px rgba(13,43,75,.14);
}

/* 2) Global */
body,.s-container,.page-content{background:var(--mokab-bg)!important;color:#111}
a{color:var(--mokab-primary)} a:hover{color:var(--mokab-primary-800)}
img{border-radius:var(--radius-md)}
.section-title, h1,h2,h3{font-weight:900;letter-spacing:.1px}

/* 3) Header – Glass */
header,.s-header,.site-header,.header{
  position:sticky!important;top:0;z-index:1000!important;
  background:rgba(255,255,255,.75)!important;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(13,27,42,.08)!important;
  box-shadow:0 8px 20px rgba(13,27,42,.06)!important;
}
header a,.s-header a,header .icon,.s-header .icon,header svg,.s-header svg{
  color:#0D1B2A!important; fill:#0D1B2A!important;
}

/* Header pills (cart/account/wishlist/search) */
header a[href*="cart"],header a[href*="basket"],header a[href*="checkout"],
header a[href*="account"],header a[href*="login"],header a[href*="profile"],
header a[href*="wishlist"],header a[href*="favorite"],
header a[href*="search"]{
  display:grid!important;place-items:center!important;
  width:56px;height:56px;border-radius:999px;
  background:rgba(255,255,255,.18)!important;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  border:1.5px solid rgba(13,27,42,.2)!important;
  color:#0D1B2A!important; transition:all .25s ease;
  box-shadow:0 6px 16px rgba(13,27,42,.08);
}
header a[href*="cart"]:hover,
header a[href*="basket"]:hover,
header a[href*="checkout"]:hover,
header a[href*="account"]:hover,
header a[href*="login"]:hover,
header a[href*="profile"]:hover,
header a[href*="wishlist"]:hover,
header a[href*="favorite"]:hover,
header a[href*="search"]:hover{
  background:rgba(13,27,42,.9)!important;color:#fff!important;border-color:transparent!important;
}
header a[href*="cart"]:active,
header a[href*="basket"]:active,
header a[href*="checkout"]:active,
header a[href*="account"]:active,
header a[href*="login"]:active,
header a[href*="profile"]:active,
header a[href*="wishlist"]:active,
header a[href*="favorite"]:active,
header a[href*="search"]:active{transform:translateY(1px) scale(.98)}
header a[href*="cart"] svg,header a[href*="basket"] svg,header a[href*="checkout"] svg,
header a[href*="account"] svg,header a[href*="login"] svg,header a[href*="profile"] svg,
header a[href*="wishlist"] svg,header a[href*="favorite"] svg,header a[href*="search"] svg{
  color:inherit!important; fill:currentColor!important; background:transparent!important;
}

/* Cart badge */
header [class*="cart"]{position:relative!important}
header [class*="cart"] .badge,
header [class*="cart"] [class*="count"],
.mini-cart .count-badge{
  position:absolute!important; top:-6px!important; inset-inline-start:calc(100% - 18px)!important;
  min-width:20px; min-height:20px; display:grid; place-items:center;
  background:var(--mokab-accent)!important; color:#fff!important;
  border:2px solid rgba(255,255,255,.9)!important; border-radius:999px; font:800 12px/1 inherit;
  box-shadow:0 0 0 3px rgba(255,255,255,.35);
}

/* 4) Search – Glass input */
.search,.search-form,.header .search,.site-search input,input[type="search"]{
  background:rgba(255,255,255,.18)!important;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  border:1.5px solid rgba(13,27,42,.18)!important; border-radius:999px!important;
  padding:.75rem 1rem!important; color:#0D1B2A!important;
}
input[type="search"]::placeholder{color:rgba(13,27,42,.55)!important}

/* 5) Primary Buttons (large only) */
button:not(.btn-icon):not(.icon-only):not(.btn-circle).btn,
.btn:not(.btn-icon):not(.icon-only):not(.btn-circle),
.s-button:not(.btn-icon):not(.icon-only):not(.btn-circle),
.btn-primary{
  background:var(--mokab-primary)!important; color:#fff!important; border:none!important;
  border-radius:999px!important; padding:.85rem 1.3rem!important; box-shadow:var(--shadow-soft);
  font-weight:800!important; letter-spacing:.2px;
}
button.btn:hover,.btn:hover,.btn-primary:hover{background:var(--mokab-primary-800)!important}

/* 6) Bottom nav – Glass */
.bottom-nav,.mobile-bottom-nav,.appbar,.tabbar{
  background:rgba(255,255,255,.85)!important;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border-top:1px solid rgba(13,27,42,.08)!important;
}
.bottom-nav a,.mobile-bottom-nav a,.appbar a,.tabbar a{
  background:transparent!important;color:#0D1B2A!important; fill:#0D1B2A!important;
}
.bottom-nav a.active,.mobile-bottom-nav a.active,.appbar a.active,.tabbar a.active{
  background:rgba(13,27,42,.9)!important; color:#fff!important; border-radius:999px!important;
}

/* 7) Product cards */
.s-product-card,.product-item,.card-product,.s-products-slider-card{
  background:var(--mokab-card)!important; border:1px solid var(--mokab-border)!important;
  border-radius:var(--radius-lg)!important; box-shadow:var(--shadow-soft); overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease;
}
.s-product-card:hover,.product-item:hover,.card-product:hover,.s-products-slider-card:hover{
  transform:translateY(-3px); box-shadow:var(--shadow-strong);
}
.s-product-card .s-product-card-content-title a,.card-product .title a{
  color:#0D0D0D; font-weight:900; line-height:1.35;
}
.s-product-card .price,.price-current{color:var(--mokab-primary)!important;font-weight:900}
.old-price,.price-old{color:var(--mokab-muted)!important; text-decoration:line-through}

/* 8) Categories row (desktop) */
@media (min-width:992px){
  .s-block--categories,.home-categories,.categories-section{order:-1;margin-top:0!important;padding-top:.25rem}
  .s-block--categories .categories-list,.home-categories .categories-list{
    display:flex!important; flex-wrap:nowrap!important; gap:12px!important; overflow-x:auto!important; scrollbar-width:thin;
  }
  .categories-list .category-item{min-width:120px!important;width:120px!important;background:transparent;box-shadow:none!important}
  .categories-list .category-item .thumb{outline:3px solid var(--mokab-secondary)!important; outline-offset:4px; border-radius:999px}
}

/* 9) FAQ (pill blocks) */
.s-block--faqs,.faqs,.faqs-list{background:transparent!important}
.faqs-list__item,.faq-item{
  background:var(--mokab-primary)!important; color:#fff!important; border-radius:var(--radius-lg);
  padding:.9rem 1rem; margin:.5rem 0; box-shadow:var(--shadow-soft)
}

/* 10) Mini-cart / panels glass touch */
.offcanvas,.drawer,.modal{
  background:rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border:1px solid rgba(13,27,42,.08)!important; border-radius:var(--radius-lg);
  box-shadow:var(--shadow-strong);
}

/* 11) Breadcrumb minimal */
.breadcrumb{background:transparent!important}
.breadcrumb a{color:var(--mokab-muted)!important}
.breadcrumb .active{color:#111!important;font-weight:700}

/* 12) Forms (glass inputs) */
input,select,textarea{
  background:#fff; border:1px solid var(--mokab-border); border-radius:14px; padding:.75rem 1rem;
}
input:focus,select:focus,textarea:focus{
  outline:none; border-color:rgba(13,27,42,.35); box-shadow:0 0 0 4px rgba(18,214,114,.15)
}

/* 13) Toasts/alerts */
.alert,.toast{border-radius:16px; box-shadow:var(--shadow-soft)}
.alert-success{background:#E8FFF3; color:#0E7D4B}
.alert-danger{background:#FFF1F1; color:#BA1A1A}

/* 14) Quantity buttons & icon-only */
.btn-icon,.icon-only,.btn-circle,
.qty button,.quantity button,.product-qty button,
.offcanvas .btn-close,.modal .btn-close{
  display:inline-grid!important; place-items:center!important;
  width:42px!important; height:42px!important; padding:0!important; border-radius:50%!important; line-height:1!important;
  background:rgba(255,255,255,.18)!important; border:1.5px solid rgba(13,27,42,.18)!important;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  color:#0D1B2A!important; transition:all .2s ease;
}
.btn-icon:hover,.icon-only:hover,.btn-circle:hover{background:rgba(13,27,42,.9)!important;color:#fff!important;border-color:transparent!important}
.quantity,.product-qty{gap:.35rem!important}
.quantity button,.product-qty button{font-size:18px!important}

/* 15) Footer clean */
footer,.site-footer{
  background:#fff; border-top:1px solid var(--mokab-border);
}
.site-footer .title,footer h4{font-weight:900}
.site-footer a:hover{color:var(--mokab-primary-800)}

/* 16) Focus ring (accessibility) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid rgba(18,214,114,.6)!important; outline-offset:3px!important; border-radius:10px;
}

/* 17) Fallback (no backdrop support) */
@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))){
  header,.s-header,.site-header,.header,
  .bottom-nav,.mobile-bottom-nav,.appbar,.tabbar,
  header a[href*="cart"],header a[href*="account"],header a[href*="wishlist"],header a[href*="search"],
  .btn-icon,.icon-only,.btn-circle,
  .search,.search-form,.site-search input,input[type="search"],
  .offcanvas,.drawer,.modal{
    background:rgba(255,255,255,.92)!important;
    border-color:rgba(13,27,42,.12)!important;
    box-shadow:0 8px 20px rgba(13,27,42,.06)!important;
  }
}

/* 18) Product page polish */
.product-summary .price{font-weight:900!important;color:var(--mokab-primary)!important}
.product-summary .old-price{color:var(--mokab-muted)!important}
.product-gallery img{border-radius:var(--radius-lg)}
.add-to-cart .btn-primary{min-height:52px}

/* 19) Utilities (للسرعة) */
.rounded-xl{border-radius:var(--radius-lg)!important}
.shadow-soft{box-shadow:var(--shadow-soft)!important}
.bg-glass{background:rgba(255,255,255,.18)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(13,27,42,.18)!important;border-radius:16px}

/* 20) Dark mode – مكعب ليلي */
@media (prefers-color-scheme: dark){
  :root{
    --mokab-bg:#0B121A;
    --mokab-card:#0F1722;
    --mokab-border:rgba(255,255,255,.08);
  }
  body,.s-container,.page-content{background:var(--mokab-bg)!important;color:#F2F5F7}
  header,.s-header,.site-header,.header{
    background:rgba(15,23,34,.65)!important; border-bottom:1px solid rgba(255,255,255,.06)!important;
  }
  header a,header svg{color:#EAF0F6!important;fill:#EAF0F6!important}
  header a[href*="cart"],header a[href*="account"],header a[href*="wishlist"],header a[href*="search"]{
    background:rgba(255,255,255,.08)!important; border-color:rgba(255,255,255,.14)!important; color:#EAF0F6!important;
  }
  header a[href*="cart"]:hover,header a[href*="account"]:hover,header a[href*="wishlist"]:hover,header a[href*="search"]:hover{
    background:rgba(255,255,255,.18)!important; color:#0B121A!important
  }
  .bottom-nav,.mobile-bottom-nav,.appbar,.tabbar{
    background:rgba(15,23,34,.7)!important; border-top:1px solid rgba(255,255,255,.06)!important;
  }
  .s-product-card,.product-item,.card-product,.s-products-slider-card{
    background:var(--mokab-card)!important; border:1px solid var(--mokab-border)!important
  }
  .s-product-card .s-product-card-content-title a,.card-product .title a{color:#F2F5F7}
  .old-price,.price-old{color:#9AA6B2!important}
  .faqs-list__item,.faq-item{background:#0D2B4B!important}
  .offcanvas,.drawer,.modal{
    background:rgba(15,23,34,.85)!important; border:1px solid rgba(255,255,255,.06)!important
  }
  .breadcrumb a{color:#9AA6B2!important}
  input,select,textarea{background:#0F1722; border:1px solid rgba(255,255,255,.08); color:#EAF0F6}
  input::placeholder,textarea::placeholder{color:#9AA6B2}
}

:root{
  /* متغير سلة غالباً يكون --color-primary في الثيمات الحديثة */
  --mokab-primary: var(--color-primary, #0D2B4B);
  --mokab-primary-800: color-mix(in oklab, var(--mokab-primary) 88%, black);
  --mokab-secondary: var(--color-secondary, #12D672);
}