
:root{--bg:#060910;--panel:#0d131d;--panel2:#111827;--line:#1f2a3a;--text:#f8fafc;--muted:#94a3b8;--blue:#0ea5e9;--blue2:#2563eb;--purple:#7c3aed;--pink:#d946ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#0d1b3f 0,#060910 35%);color:var(--text);font-family:Inter,Arial,sans-serif}
button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}.top-strip{height:30px;background:#020305;border-bottom:1px solid #182234;display:flex;justify-content:space-around;align-items:center;font-size:12px;color:#dbeafe}
.site-header{height:70px;display:grid;grid-template-columns:260px 1fr 430px;align-items:center;padding:0 24px;background:#070b12dd;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.brand{font-weight:900;font-size:28px;letter-spacing:-1px}.brand span{color:#1677ff}.top-nav{display:flex;gap:26px;justify-content:center;font-size:13px;font-weight:700}.top-nav a.active,.top-nav a:hover{color:#3b82f6}.header-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center}.search{display:flex;background:#0d131d;border:1px solid #172033;border-radius:9px;overflow:hidden}.search input{width:220px;background:transparent;border:0;color:#fff;padding:10px 12px;outline:0}.search button,.icon-btn{background:transparent;border:0;color:#fff;cursor:pointer}.icon-btn{font-size:18px}
.page-shell{display:grid;grid-template-columns:220px 1fr}.shop-sidebar{background:linear-gradient(#0d131d,#0a0f17);border-right:1px solid var(--line);padding:18px 12px;position:sticky;top:70px;height:calc(100vh - 70px);overflow:auto}.shop-sidebar h3{font-size:12px;color:#38bdf8;margin:10px 2px 12px}.side-links{display:grid;gap:3px;border-bottom:1px solid var(--line);padding-bottom:14px}.side-links button{background:transparent;border:0;color:#e5e7eb;text-align:left;padding:8px 8px;border-radius:7px;font-size:12px;cursor:pointer}.side-links button:hover{background:#172033}.side-links span{float:right;background:#1685ff;padding:2px 5px;border-radius:999px;font-size:9px}.filter-block{padding-top:8px}.filter-block>input,.filter-block select{width:100%;background:#121923;border:1px solid #243044;color:#fff;padding:9px;border-radius:8px;margin-bottom:12px}.filter-block label{font-size:11px;color:#cbd5e1;display:block;margin:8px 0 6px}.checks{display:flex;gap:8px;flex-wrap:wrap}.checks label{display:flex;align-items:center;gap:4px;margin:0}.checks.vertical{display:grid;gap:5px;margin-top:10px}.color-dots{display:flex;gap:7px}.color-dots span{width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid #445}.color-dots span:nth-child(2){background:#111827}.color-dots span:nth-child(3){background:#ef4444}.color-dots span:nth-child(4){background:#f59e0b}.color-dots span:nth-child(5){background:#22c55e}.color-dots span:nth-child(6){background:#3b82f6}.color-dots span:nth-child(7){background:#7c3aed}.color-dots span:nth-child(8){background:#d946ef}.range-row{display:flex;justify-content:space-between;font-size:10px;color:#cbd5e1}
.store-main{padding:0 18px 50px;min-width:0}.hero{min-height:355px;margin:0 -18px;padding:35px 55px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(90deg,#05070c 0%,#081125 45%,#07111e 100%);border-bottom:1px solid #182234;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 50%,#4f46e555,transparent 32%),radial-gradient(circle at 90% 30%,#2563eb55,transparent 24%);pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;color:#60a5fa;font-weight:900}.hero h1{font-size:44px;line-height:.96;margin:12px 0 18px;letter-spacing:-2px}.hero h1 span{background:linear-gradient(90deg,#38bdf8,#2563eb);-webkit-background-clip:text;color:transparent}.feature-line{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px;color:#e2e8f0}.feature-line span::first-letter{color:#38bdf8}.hero-buttons{display:flex;gap:12px;margin-top:24px}.btn{display:inline-block;border-radius:7px;padding:12px 20px;font-weight:900;font-size:13px;border:1px solid transparent;cursor:pointer}.blue{background:linear-gradient(90deg,#2563eb,#0ea5e9);color:#fff;box-shadow:0 0 22px #2563eb55}.ghost{border-color:#94a3b8;color:#fff;background:#090d14aa}.hero-visual{position:relative;z-index:2;text-align:center}.neon-logo{font-size:64px;font-weight:900;line-height:.8;font-style:italic;color:#fff;text-shadow:0 0 8px #60a5fa,0 0 22px #2563eb,0 0 36px #7c3aed}.neon-logo span{color:#c4b5fd;text-shadow:0 0 8px #d946ef,0 0 25px #7c3aed}.hero-items{display:flex;justify-content:center;gap:30px;margin-top:28px;font-size:64px}.hero-items div{filter:drop-shadow(0 0 18px #2563eb)}
.benefits{display:grid;grid-template-columns:repeat(5,1fr);background:#0d131ddd;border:1px solid #1f2a3a;border-radius:10px;margin-top:-15px;position:relative;z-index:4}.benefits>div{display:flex;gap:10px;padding:14px;border-right:1px solid #1f2a3a}.benefits>div:last-child{border-right:0}.benefits b,.benefits small{display:block}.benefits b{font-size:11px}.benefits small{color:var(--muted);font-size:9px;margin-top:4px}
.category-row,.products-section{padding-top:20px}.category-row h2,.section-heading h2{font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.category-grid button{background:linear-gradient(#111827,#0d131d);border:1px solid #1f2a3a;color:#fff;border-radius:9px;padding:13px 6px;cursor:pointer;font-size:25px}.category-grid span{display:block;font-size:10px;margin-top:8px}.category-grid button:hover{border-color:#2563eb;box-shadow:0 0 18px #2563eb44}
.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading a{font-size:11px;color:#38bdf8}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product{background:linear-gradient(#101722,#0b1018);border:1px solid #1f2a3a;border-radius:9px;overflow:hidden;position:relative}.product img{width:100%;aspect-ratio:4/3;object-fit:cover}.badge{position:absolute;top:8px;left:8px;background:#2563eb;color:#fff;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}.product-body{padding:9px}.product h3{font-size:12px;margin:0 0 4px}.stars{font-size:10px;color:#facc15}.rating-count{color:#94a3b8}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.price{font-weight:900}.add{background:#2563eb;color:white;border:0;border-radius:6px;padding:7px 9px;cursor:pointer;font-size:11px}
.custom-section{margin-top:30px;background:linear-gradient(90deg,#0e1725,#1b1033);border:1px solid #2d3b52;border-radius:12px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.custom-copy>span{color:#38bdf8;font-size:11px;font-weight:900}.custom-copy h2{font-size:34px;margin:8px 0}.custom-copy p{color:#cbd5e1;line-height:1.6}.custom-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom-form input,.custom-form select,.custom-form textarea{background:#0a0f17;border:1px solid #28354a;color:#fff;padding:11px;border-radius:7px}.custom-form textarea{grid-column:1/-1;min-height:90px}.custom-form .btn{grid-column:1/-1}.about{padding:40px 0;color:#cbd5e1}.about h2{color:#fff}
footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:35px 260px 35px 40px;background:#03050a;border-top:1px solid #182234}footer a{display:block;color:#cbd5e1;margin:8px 0}
.cart-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:80}.cart-overlay.show{display:block}.cart-drawer{position:fixed;right:-430px;top:0;width:min(430px,100%);height:100vh;background:#0a0f17;border-left:1px solid #263349;z-index:90;padding:20px;transition:.25s}.cart-drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between}.drawer-head button{background:none;border:0;color:#fff;font-size:20px}.cart-item{display:grid;grid-template-columns:60px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #1f2a3a}.cart-item img{width:60px;height:48px;object-fit:cover;border-radius:6px}.cart-total{display:flex;justify-content:space-between;font-size:20px;margin:20px 0}.full{width:100%}.cart-drawer p{color:#94a3b8;font-size:12px}
@media(max-width:1180px){.site-header{grid-template-columns:210px 1fr}.header-actions{grid-column:1/-1;padding-bottom:10px}.site-header{height:auto;padding-top:12px}.shop-sidebar{top:110px;height:calc(100vh - 110px)}.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.page-shell{grid-template-columns:1fr}.shop-sidebar{position:static;height:auto}.top-nav{display:none}.hero{grid-template-columns:1fr;padding:35px 24px}.hero-visual{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.custom-section{grid-template-columns:1fr}.custom-form{grid-template-columns:1fr}.custom-form textarea,.custom-form .btn{grid-column:1}.benefits{grid-template-columns:1fr 1fr}.site-header{grid-template-columns:1fr}.header-actions{justify-content:space-between}.search{flex:1}.search input{width:100%}footer{padding:30px;grid-template-columns:1fr}}
@media(max-width:560px){.top-strip{display:none}.product-grid,.category-grid,.benefits{grid-template-columns:1fr 1fr}.hero h1{font-size:34px}.site-header{position:static}.custom-form{display:block}.custom-form>*{width:100%;margin-bottom:10px}}
