/* J4SALES.COM.NG visual system inspired by the provided CJ Creative reference */
:root{--j4-navy:#06172e;--j4-deep:#020b18;--j4-blue:#2b6cff;--j4-ice:#dcecff;--j4-line:#1e3961;--j4-muted:#91a5c5}
body{background:radial-gradient(circle at 50% -12%,#12325e 0,#06172e 38%,#020b18 100%)!important;color:var(--j4-ice)!important}
body::before{content:"J4SALES.COM.NG · J4SALES.COM.NG · J4SALES.COM.NG · J4SALES.COM.NG · ";position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:-1;pointer-events:none;color:#85a9df0d;font:italic 900 clamp(36px,8vw,100px)/1.1 Georgia,serif;letter-spacing:.08em;transform:rotate(-14deg);text-align:center;overflow:hidden}
.header,.categories,.cart-sidebar,.modal-content,.auth-card,.page-shell,.panel,.card{background:color-mix(in srgb,var(--j4-deep) 92%,transparent)!important;border-color:var(--j4-line)!important}
.header{backdrop-filter:blur(16px);box-shadow:0 16px 50px #0004}.logo,.hero-kicker,.section-kicker{color:#8db6ff!important}.primary-cta,.btn-primary,.checkout-btn{background:var(--j4-blue)!important;color:white!important}.secondary-cta,.btn-secondary{border-color:#5a8fff!important;color:#b9d2ff!important}
.j4-live-ticker{position:fixed;top:0;left:0;right:0;z-index:1000;height:24px;overflow:hidden;background:#020916;color:#8db6ff;border-bottom:1px solid #1d3c6b;font:800 10px/24px ui-monospace,monospace;letter-spacing:.2em;white-space:nowrap}.j4-live-track{display:inline-block;padding-left:100%;animation:j4-marquee 22s linear infinite}@keyframes j4-marquee{to{transform:translateX(-100%)}}
.j4-network{position:fixed;right:14px;bottom:14px;z-index:1001;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #2a4d7f;border-radius:999px;background:#041226e8;box-shadow:0 8px 30px #0005;color:#b9d2ff;font-size:11px}.j4-signal{display:flex;align-items:end;gap:2px;height:12px}.j4-signal i{display:block;width:3px;border-radius:2px;background:#3c8dff}.j4-signal i:nth-child(1){height:4px}.j4-signal i:nth-child(2){height:7px}.j4-signal i:nth-child(3){height:10px}.j4-signal i:nth-child(4){height:12px}.j4-network.good .j4-signal i{background:#46d58a}
.j4-powered{padding:28px 18px 34px;text-align:center;color:#7f98bd;font:700 10px/1.5 ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}.j4-powered strong{color:#b6d0ff}
@media(prefers-color-scheme:light){body{background:#dcecff!important;color:#092142!important}.j4-live-ticker,.j4-network{background:#eaf3ff;color:#16457e}.j4-powered{color:#315b8f}}