/* ShaFX Base UI (RTL) - shared header/footer + helpers */
:root{
  --shafx-primary:#ffcc00;
  --shafx-bg:#191d34;
  --shafx-bg2:#101327;
  --shafx-card:rgba(255,255,255,.06);
  --shafx-card2:rgba(255,255,255,.09);
  --shafx-border:rgba(255,255,255,.12);
  --shafx-text:#f5f7ff;
  --shafx-muted:rgba(245,247,255,.72);
  --shafx-radius:18px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0; background:radial-gradient(1000px 600px at 20% 10%, rgba(255,204,0,.10), transparent 60%),
            radial-gradient(900px 700px at 80% 20%, rgba(109,40,217,.12), transparent 55%),
            linear-gradient(135deg, var(--shafx-bg2), var(--shafx-bg));
     color:var(--shafx-text);}
a{color:inherit}
.container{width:min(1150px, calc(100% - 32px)); margin-inline:auto;}
/* Header */
.shafx-header{position:sticky; top:0; z-index:999; backdrop-filter:saturate(140%) blur(10px);
  background:rgba(16,19,39,.72); border-bottom:1px solid var(--shafx-border);}
.shafx-header .bar{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0;}
.shafx-brand{display:flex; align-items:center; gap:10px; text-decoration:none;}
.shafx-brand img{width:36px; height:36px; border-radius:10px; background:#fff;}
.shafx-brand .name{font-weight:800; letter-spacing:.2px}
.shafx-nav{display:flex; gap:6px; align-items:center; flex-wrap:wrap}
.shafx-nav a{padding:10px 12px; border-radius:12px; text-decoration:none; color:var(--shafx-muted);
  border:1px solid transparent; transition:.15s ease;}
.shafx-nav a:hover{color:var(--shafx-text); background:var(--shafx-card); border-color:var(--shafx-border);}
.shafx-nav a.active{color:#141414; background:var(--shafx-primary); border-color:rgba(0,0,0,.06); font-weight:800}
.shafx-cta{display:flex; gap:10px; align-items:center}
.shafx-btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 14px;
  border-radius:14px; border:1px solid var(--shafx-border); background:var(--shafx-card);
  text-decoration:none; color:var(--shafx-text); transition:.15s ease; white-space:nowrap;}
.shafx-btn.primary{background:var(--shafx-primary); color:#121212; border-color:rgba(0,0,0,.08); font-weight:900;}
.shafx-btn:hover{transform:translateY(-1px)}
/* Mobile menu */
.shafx-burger{display:none; width:44px; height:44px; border-radius:14px; border:1px solid var(--shafx-border);
  background:var(--shafx-card); color:var(--shafx-text);}
.shafx-mobile{display:none; padding:10px 0 14px; border-top:1px solid var(--shafx-border);}
.shafx-mobile a{display:block; padding:12px 10px; border-radius:14px; text-decoration:none; color:var(--shafx-muted);}
.shafx-mobile a:hover{background:var(--shafx-card); color:var(--shafx-text);}

@media (max-width: 860px){
  .shafx-nav{display:none;}
  .shafx-burger{display:inline-flex; align-items:center; justify-content:center;}
  .shafx-mobile{display:block;}
}
/* Footer */
.shafx-footer{margin-top:44px; border-top:1px solid var(--shafx-border);
  background:rgba(16,19,39,.55); padding:26px 0 22px;}
.shafx-footer .grid{display:grid; grid-template-columns: 1.2fr .8fr .8fr; gap:18px;}
.shafx-footer .muted{color:var(--shafx-muted); font-size:14px; line-height:1.7}
.shafx-footer .links{display:flex; flex-direction:column; gap:10px}
.shafx-footer .links a{color:var(--shafx-muted); text-decoration:none}
.shafx-footer .links a:hover{color:var(--shafx-text)}
.shafx-footer .badge{display:inline-flex; gap:8px; align-items:center; padding:10px 12px; border-radius:14px;
  border:1px solid var(--shafx-border); background:var(--shafx-card); color:var(--shafx-muted); font-size:13px}
@media (max-width: 860px){
  .shafx-footer .grid{grid-template-columns:1fr; }
}

/* Proof Gallery (shared) */
.proof-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:12px;}
.proof-item{position:relative; border-radius:16px; overflow:hidden; border:1px solid var(--shafx-border); background:var(--shafx-card)}
.proof-item img{width:100%; height:210px; object-fit:cover; display:block; transform:scale(1); transition:.2s ease;}
.proof-item:hover img{transform:scale(1.03)}
@media (max-width: 980px){.proof-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width: 720px){.proof-grid{grid-template-columns:repeat(2,1fr)} .proof-item img{height:190px}}
@media (max-width: 420px){.proof-grid{grid-template-columns:1fr} .proof-item img{height:230px}}
/* Lightbox */
.proof-lightbox{position:fixed; inset:0; background:rgba(0,0,0,.78); display:none; align-items:center; justify-content:center; padding:18px; z-index:10000}
.proof-lightbox.open{display:flex}
.proof-lightbox img{max-width:min(980px, 100%); max-height:90vh; border-radius:18px; border:1px solid rgba(255,255,255,.18)}
.proof-lightbox button{position:absolute; top:14px; left:14px; width:44px; height:44px; border-radius:14px;
  border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; font-size:18px}