:root{
  --bg1:#071a2d;
  --bg2:#0b2743;
  --black:#060606;
  --txt:#ffffff;
  --muted:rgba(255,255,255,.75);
  --r:22px;

  --matte-red:#b03a36;
  --icon-bg:rgba(255,255,255,.06);
  --icon-bd:rgba(255,255,255,.10);

  --btn:#b46b13;
}

/* خلفية */
html,body{background:var(--bg1)!important;color:var(--txt)!important;}
body{padding-top:110px!important;}
@media (max-width:480px){ body{padding-top:100px!important;} }

/* إخفاء هيدر الثيم */
header,.site-header,.s-header{
  opacity:.001!important;
  pointer-events:none!important;
  height:0!important;
  overflow:hidden!important;
}

/* ===== الهيدر ===== */
#saanHeader{
  position:fixed;
  top:16px; left:16px; right:16px;
  height:74px;
  background:var(--black);
  border-radius:var(--r);
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
#saanHeader .left,#saanHeader .right{
  display:flex;align-items:center;gap:12px;
}
#saanHeader .logo{
  display:flex;align-items:center;justify-content:center;
  font-weight:900;font-size:18px;
}
#saanHeader .logo img{height:34px;width:auto;display:block;}
#saanHeader .iconBtn{
  width:44px;height:44px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:var(--icon-bg);
  border:1px solid var(--icon-bd);
}
#saanHeader .iconBtn svg{
  width:22px;height:22px;
  fill:var(--matte-red)!important;
}

/* ===== الشريط المتحرك ===== */
#saanMarquee{
  margin:14px 16px 0;
  background:rgba(0,0,0,.25);
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
}
#saanMarquee .track{
  display:flex;gap:34px;white-space:nowrap;
  padding:12px 14px;
  animation:saanMar 18s linear infinite;
  color:var(--muted);
}
@keyframes saanMar{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* ===== الأقسام ===== */
#saanCats{margin:10px 16px 0;}
#saanCats .row{
  display:flex;gap:14px;overflow:auto;padding:10px 4px;
}
#saanCats .pill{
  min-width:92px;text-align:center;color:#fff;
}
#saanCats .pill .img{
  width:74px;height:74px;margin:0 auto 10px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:2px solid rgba(255,255,255,.65);
  display:flex;align-items:center;justify-content:center;
  font-size:30px;
}

/* ===== إطار المنتجات (محسن) ===== */
#saanProductsWrap{
  margin:18px 16px;
  padding:18px;
  border-radius:30px;

  border:2px solid rgba(255,255,255,.85);

  background:linear-gradient(
    180deg,
    rgba(255,255,255,.05),
    rgba(0,0,0,.25)
  );

  box-shadow:
    0 15px 40px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(255,255,255,.08);
}

/* Grid */
body.saan-home #saanProductsWrap .s-products-list,
body.saan-home #saanProductsWrap .products-list{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  padding:0!important;
  margin:0!important;
}
@media (min-width:992px){
  body.saan-home #saanProductsWrap .s-products-list,
  body.saan-home #saanProductsWrap .products-list{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* ===== كرت المنتج ===== */
body.saan-home #saanProductsWrap .s-product-card{
  background:var(--bg2)!important;
  border-radius:22px!important;
  border:2px solid rgba(255,255,255,.75)!important;
  overflow:hidden!important;
  box-shadow:0 12px 28px rgba(0,0,0,.25)!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:540px!important;
}

/* الصورة */
body.saan-home #saanProductsWrap .s-product-card img{
  width:100%!important;
  height:420px!important;
  object-fit:cover!important;
  margin:0!important;
  border-radius:18px 18px 0 0!important;
}

/* زر */
body.saan-home #saanProductsWrap .s-product-card button,
body.saan-home #saanProductsWrap .s-product-card .btn,
body.saan-home #saanProductsWrap .s-product-card .s-button-element{
  margin-top:auto!important;
  width:100%!important;
  padding:14px 12px!important;
  border-radius:16px!important;
  font-weight:900!important;
  background:var(--btn)!important;
  border:none!important;
  color:#fff!important;
}