*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f7f9;color:#0b1018;font-family:Inter,Arial,sans-serif}body.dark{background:#0b1018;color:#f5f7fa}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.topbar{height:32px;background:#07101c;color:#cdd7e5;display:flex;align-items:center;justify-content:center;gap:18px;font-size:9px;letter-spacing:2px}.topbar span{color:#58a6ff}header{height:84px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);border-bottom:1px solid #dce2ea;position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px}.mh{width:43px;height:43px;border-radius:12px;background:#0b1018;color:white;display:grid;place-items:center;font-weight:900;letter-spacing:-2px;box-shadow:inset 0 0 0 1px #26364d}.brand b{display:block;letter-spacing:.5px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#738096;margin-top:3px}nav{display:flex;gap:28px;align-items:center}nav>a,.drop>button{font-size:12px;font-weight:700;border:0;background:none;cursor:pointer}.drop{position:relative}.drop>div{display:none;position:absolute;top:25px;left:-25px;background:white;border:1px solid #dce2ea;padding:12px;width:180px;box-shadow:0 20px 50px #14203322}.drop:hover>div{display:grid}.drop a{padding:10px;font-size:12px}.drop a:hover{background:#eef3f8}.tools{display:flex;align-items:center;gap:7px}.tools button,.tools>a{height:38px;border:1px solid #d3dae4;background:white;padding:0 12px;display:flex;align-items:center;gap:6px;font-size:11px;cursor:pointer}.tools b{background:#0b1018;color:white;border-radius:20px;padding:2px 6px}.hamb{display:none}.hero{min-height:690px;padding:70px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:5vw;background:linear-gradient(120deg,#f8fafc,#edf2f7)}.hero-copy{align-self:center}.kicker,.pagehero small,.home-feature small{font-size:10px;font-weight:800;letter-spacing:2.5px;color:#50749b}.hero h1,.pagehero h1{font-size:clamp(62px,7vw,108px);line-height:.86;letter-spacing:-7px;margin:22px 0;font-weight:900}.hero h1 em{font-weight:300;color:#41688f}.hero-copy>p{max-width:570px;color:#586579;font-size:17px;line-height:1.7}.btn,.ghost{display:inline-block;margin-top:18px;padding:15px 21px;font-size:12px;font-weight:800;border:0;cursor:pointer}.btn{background:#0b1018;color:white}.ghost{border:1px solid #aeb9c7;margin-left:8px}.hero-stats{display:flex;gap:35px;margin-top:55px}.hero-stats span{display:grid}.hero-stats small{color:#7a8798;font-size:10px;margin-top:4px}.hero-product{align-self:center;position:relative;background:#dce5ef;border-radius:28px;padding:35px;box-shadow:0 40px 90px #20365024}.hero-product img{width:100%;display:block}.glass-label{position:absolute;top:22px;left:25px;background:#ffffffb8;padding:9px 12px;font-size:9px;letter-spacing:2px;z-index:2}.hero-product-info{display:flex;justify-content:space-between;align-items:end;margin-top:18px}.hero-product-info span{font-weight:800}.hero-product-info small{display:block;color:#6f7d90;font-weight:400;margin-top:5px}.catstrip{display:grid;grid-template-columns:repeat(5,1fr);background:#0b1018;color:white;padding:0 4vw}.catstrip a{padding:27px 16px;border-right:1px solid #263242;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.catstrip b{font-size:9px;color:#6fa1d5}.catstrip span{font-weight:700}.home-feature{padding:120px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.home-feature h2{font-size:58px;letter-spacing:-4px;margin:15px 0}.home-feature p{color:#667386;line-height:1.7;max-width:550px}.textlink{font-weight:800;font-size:12px}.feature-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-cards article{background:white;border:1px solid #e0e5eb;padding:35px;min-height:160px;display:flex;flex-direction:column;justify-content:end}.feature-cards b{font-size:32px}.feature-cards span{color:#6c7889;margin-top:6px}.pagehero{padding:100px 6vw 70px;background:#eaf0f6}.pagehero h1{margin-bottom:15px}.pagehero p{color:#667386;font-size:17px}.smallhero{padding-bottom:50px}.shopbar{padding:35px 5vw;display:flex;justify-content:space-between;gap:20px}.filters{display:flex;gap:8px;overflow:auto}.filters button,.shopbar select{border:1px solid #d3dae4;background:white;padding:11px 15px;white-space:nowrap}.filters .active{background:#0b1018;color:white}.product-grid{padding:10px 5vw 110px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.catgrid{padding-top:55px}.card{background:white;border:1px solid #e0e5eb;position:relative;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #1b314c14}.card img{width:100%;display:block;background:#edf1f5}.card-info{padding:18px}.card-info small{color:#728095}.card-info h3{margin:7px 0 18px}.price{display:flex;justify-content:space-between;align-items:center}.add{width:38px;height:38px;border:0;background:#0b1018;color:white;font-size:18px;cursor:pointer}.wishlist{position:absolute;right:13px;top:13px;width:38px;height:38px;border-radius:50%;border:0;background:white;z-index:2}.aboutgrid{padding:90px 6vw;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.aboutgrid article{border-top:1px solid #bac5d1;padding-top:22px}.aboutgrid article>b{color:#527da9}.aboutgrid p{color:#687588;line-height:1.7}.manifest{margin:30px 5vw 100px;background:#0b1018;color:white;padding:80px}.manifest span{letter-spacing:3px;font-size:11px;color:#76a5d5}.manifest h2{font-size:70px;letter-spacing:-5px;margin:20px 0}.account-wrap{min-height:720px;display:grid;grid-template-columns:1fr 1fr}.account-side{background:#0b1018;color:white;padding:100px 8vw}.account-side h1{font-size:70px;letter-spacing:-5px}.account-side p{color:#9ba9ba;line-height:1.7}.account-card{padding:100px 9vw}.tabs{display:flex;border-bottom:1px solid #d8dfe7;margin-bottom:35px}.tabs button{border:0;background:none;padding:15px 25px;font-weight:800}.tabs .active{border-bottom:2px solid #0b1018}.account-card form{display:grid;gap:18px}.account-card label{display:grid;gap:8px;font-size:12px;font-weight:700}.account-card input{padding:15px;border:1px solid #cbd4df;background:white}.account-card form>a{text-align:center;font-size:11px;color:#667386}.wide{width:100%}.settings{max-width:900px;margin:60px auto 110px;padding:0 25px}.settings>div{background:white;border:1px solid #dfe5ec;margin-bottom:16px;padding:25px}.settings h3{margin-top:0}.settings label{padding:18px 0;border-top:1px solid #e7ebf0;display:flex;justify-content:space-between;align-items:center}.settings label small{display:block;color:#7a8798;margin-top:4px}.selectrow select{padding:9px}.newsletter{background:#dce8f4;padding:70px 6vw;display:flex;align-items:end;justify-content:space-between;gap:40px}.newsletter h2{font-size:42px;letter-spacing:-2px;margin:10px 0}.newsletter form{display:flex;min-width:450px}.newsletter input{padding:16px;flex:1;border:1px solid #9facbb;background:white}.newsletter button{background:#0b1018;color:white;border:0;padding:0 20px}footer{background:#07101c;color:#9eacbc;padding:65px 6vw;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px}footer>div{display:flex;flex-direction:column;gap:11px}footer b{color:white}footer a{font-size:12px}.footbrand b{font-size:24px}.footbrand p{font-size:12px;line-height:1.6}.shade{display:none;position:fixed;inset:0;background:#0008;z-index:50}.shade.on{display:block}.cart{position:fixed;right:-470px;top:0;width:min(450px,100%);height:100vh;background:white;z-index:60;padding:28px;transition:.3s;display:flex;flex-direction:column}.cart.on{right:0}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid #dce2ea}.drawer-head button,.modal>button{border:0;background:none;font-size:30px}.cartitem{display:grid;grid-template-columns:60px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid #e4e8ed;align-items:center}.cartitem img{width:60px}.cartitem small{display:block;color:#748196}.cartitem button{border:0;background:none}.cart-bottom{margin-top:auto}.cart-bottom>div{display:flex;justify-content:space-between;margin:20px 0}.cart-bottom small{display:block;text-align:center;color:#8490a0;margin-top:10px}.modal{display:none;position:fixed;z-index:70;left:50%;top:50%;transform:translate(-50%,-50%);width:min(650px,92%);background:white;padding:35px;box-shadow:0 30px 100px #0008}.modal.on{display:block}.modal>button{position:absolute;right:15px;top:10px}.searchbox{width:100%;padding:16px;border:1px solid #bdc8d5;margin:25px 0}.search-result{display:flex;gap:14px;align-items:center;padding:10px 0;border-top:1px solid #e1e6ec}.search-result img{width:55px}.checkout{display:grid;gap:10px}.checkout input{padding:13px;border:1px solid #c8d1dc}.success{text-align:center;padding:30px}.success b{font-size:60px;color:#3976b6}@media(max-width:950px){nav{display:none}.tools a span{display:none}.hero{grid-template-columns:1fr}.hero-product{max-width:650px}.catstrip{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.home-feature{grid-template-columns:1fr}.account-wrap{grid-template-columns:1fr}.account-side{padding:60px 8vw}.newsletter{display:block}.newsletter form{min-width:0;max-width:550px}.aboutgrid{grid-template-columns:1fr}.manifest h2{font-size:50px}}@media(max-width:600px){.topbar{font-size:6px;gap:5px}.brand small{display:none}.tools>a:nth-of-type(2){display:none}.hero{padding:55px 22px}.hero h1,.pagehero h1{font-size:54px;letter-spacing:-4px}.hero-stats{gap:15px}.catstrip{grid-template-columns:1fr}.catstrip a{border-bottom:1px solid #263242}.home-feature{padding:80px 22px}.home-feature h2{font-size:42px}.feature-cards{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr;padding:10px 20px 80px}.shopbar{padding:25px 20px}.pagehero{padding:70px 22px 50px}.account-card{padding:60px 25px}.account-side h1{font-size:52px}.newsletter{padding:60px 22px}.newsletter form{display:grid}.newsletter button{padding:15px}footer{grid-template-columns:1fr 1fr;padding:55px 22px}.manifest{padding:45px 25px}.manifest h2{font-size:40px}.tools button[data-cart]{padding:0 8px;font-size:0}.tools button[data-cart] b{font-size:10px}}

/* V3 neon refinement */
:root{--ink:#06101c;--panel:#0b1624;--line:#173a59;--blue:#39b8ff;--red:#ff2c49;--ice:#eaf7ff}
body{background:#07111c;color:#eaf3fb}body:not(.dark){background:#07111c;color:#eaf3fb}
.topbar{background:#030914;border-bottom:1px solid #123553;color:#bcd8eb}.topbar span{color:var(--red)}
header{background:rgba(4,12,22,.94);border-bottom:1px solid #1a5075;box-shadow:0 8px 32px #001b2d88,0 1px 18px #22aaff18}
.brand img.brand-logo{width:52px;height:52px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px #4389b8,0 0 18px #ff284533}.brand b{color:#f5f9fc}.brand small{color:#7fa3bd}
nav>a,.drop>button{color:#dbe9f4}.drop>button{padding:18px 8px;margin:-18px -8px}.drop{padding:18px 0;margin:-18px 0}
.drop>div{top:54px;left:-28px;background:#08131f;border:1px solid #245276;padding:10px;width:205px;box-shadow:0 22px 55px #000b,0 0 22px #168fdc22;z-index:100;pointer-events:auto}.drop:hover>div,.drop:focus-within>div,.drop.open>div{display:grid}.drop a{color:#dbe9f4;border-left:2px solid transparent}.drop a:hover{background:#0e2234;border-left-color:var(--red);color:white}
.tools button,.tools>a{border:1px solid #24506e;background:#07131f;color:#dbe9f4;box-shadow:inset 0 0 12px #169fff08}.tools button:hover,.tools>a:hover{border-color:#3bbcff;box-shadow:0 0 16px #1faeff2c}.tools b{background:var(--red);color:white}
.hero{background:radial-gradient(circle at 72% 40%,#0d3150 0,#081725 30%,#06101a 62%,#050b12 100%);border-bottom:1px solid #12324b}.kicker,.pagehero small,.home-feature small{color:#4fc2ff}.hero h1,.pagehero h1{color:#f5f8fb;text-shadow:0 0 24px #52bdff16}.hero h1 em{color:#70caff;text-shadow:0 0 22px #3cb8ff55}.hero-copy>p,.home-feature p,.pagehero p{color:#9eb3c5}.btn{background:linear-gradient(135deg,#ff2545,#d80d2c);box-shadow:0 0 22px #ff23443a}.ghost{border-color:#2c82b8;color:#dcefff}.hero-product{background:linear-gradient(145deg,#0d1b29,#101e2c);border:1px solid #245474;box-shadow:0 35px 90px #0008,0 0 35px #21aaff18}.hero-product img{filter:drop-shadow(0 18px 25px #0008)}.glass-label{background:#07131ddd;color:#dff3ff;border:1px solid #26516d}
.catstrip{background:#050d16;border-bottom:1px solid #173650}.catstrip a{border-color:#173650}.catstrip b{color:#ff3955}.catstrip a:hover{background:#0a1b29;box-shadow:inset 0 2px 0 #34b9ff}
.home-feature,.shopbar,.product-grid,.aboutgrid,.settings,.account-card{background:#07111c}.feature-cards article,.card,.settings>div{background:#0a1622;border-color:#193a54;color:#eef7ff}.card:hover{box-shadow:0 18px 45px #0007,0 0 20px #1ba9ff18;border-color:#2a6f9b}.card img{background:#dfe9f3}.card-info small,.feature-cards span{color:#86a1b7}.add{background:#0a263a;border:1px solid #2d9bd1;color:#fff}.wishlist{background:#08131f;color:#d9edfa;border:1px solid #28506c}.pagehero{background:linear-gradient(135deg,#0b1d2d,#07111c)}
.newsletter{background:linear-gradient(90deg,#0b2234,#0a1622);color:#eef8ff;border-top:1px solid #1e4d6e}.newsletter input{background:#07111c;color:#fff;border-color:#28506e}.newsletter button{background:#e71e3d}
footer{background:#030912;border-top:1px solid #153a55}.cart,.modal{background:#08131f;color:#eaf3fb}.drawer-head,.cartitem{border-color:#1b3b53}.searchbox,.checkout input,.account-card input{background:#06101a;color:#fff;border-color:#28506e}.account-side,.manifest{background:#040b13}.tabs{border-color:#24465f}.tabs .active{border-color:#35baff}.account-card form>a,.cartitem small{color:#8ea9bc}
@media(max-width:950px){nav.open{display:flex;position:absolute;top:84px;left:0;right:0;background:#06101a;padding:20px;flex-direction:column;border-bottom:1px solid #225171}.hamb{display:block;background:#081725;color:white;border:1px solid #28506e;padding:8px 11px}}

/* V4 — deeper premium background + softer hero product presentation */
body{position:relative;background:#040b13!important;background-image:radial-gradient(circle at 18% 18%,rgba(24,148,221,.10),transparent 28%),radial-gradient(circle at 82% 24%,rgba(255,31,65,.08),transparent 25%),linear-gradient(180deg,#06111c 0%,#040a11 55%,#06101a 100%)!important;background-attachment:fixed!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.24;background-image:linear-gradient(rgba(66,180,240,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(66,180,240,.08) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%)}
body:after{content:"";position:fixed;width:620px;height:620px;left:-250px;top:28%;border:1px solid rgba(42,174,240,.14);border-radius:50%;box-shadow:0 0 100px rgba(18,161,231,.08),inset 0 0 80px rgba(18,161,231,.05);pointer-events:none;z-index:0}
.topbar,header,main,.newsletter,footer,.shade,.cart,.modal{position:relative;z-index:1}
header{border-bottom:1px solid rgba(52,186,255,.38)!important;box-shadow:0 8px 35px #0008,0 0 26px rgba(39,174,244,.10)!important}
.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(4,12,21,.95),rgba(6,20,33,.82) 55%,rgba(7,18,29,.92))!important}
.hero:before{content:"";position:absolute;width:760px;height:760px;right:-180px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(30,168,239,.16) 0,rgba(14,93,145,.08) 35%,transparent 67%);box-shadow:inset 0 0 0 1px rgba(62,190,255,.09);pointer-events:none}
.hero:after{content:"MH";position:absolute;left:47%;top:48%;transform:translate(-50%,-50%) rotate(-8deg);font-size:430px;font-weight:900;letter-spacing:-55px;color:transparent;-webkit-text-stroke:1px rgba(74,185,240,.045);text-shadow:0 0 60px rgba(35,161,225,.035);pointer-events:none;user-select:none}
.hero-copy,.hero-product{position:relative;z-index:2}
.hero-product{background:linear-gradient(145deg,rgba(9,25,39,.92),rgba(4,12,20,.96))!important;border:1px solid rgba(56,180,240,.42)!important;box-shadow:0 35px 90px #000a,0 0 38px rgba(25,167,235,.13),inset 0 0 45px rgba(26,136,197,.05)!important;overflow:hidden}
.hero-product:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 180deg,transparent,rgba(31,178,245,.08),transparent 34%,rgba(255,30,62,.07),transparent 68%);animation:mhAura 18s linear infinite;pointer-events:none}
@keyframes mhAura{to{transform:rotate(360deg)}}
.hero-product img{position:relative;z-index:1;border-radius:22px;filter:drop-shadow(0 28px 34px #000b)!important;box-shadow:inset 0 0 0 1px rgba(99,204,255,.12)}
.hero-product-info,.glass-label{position:relative;z-index:2}
.hero-product-info{padding:4px 4px 2px}.hero-product-info span{color:#f1f8ff}.hero-product-info b{color:#67cfff;text-shadow:0 0 14px rgba(54,188,255,.28)}
.glass-label{background:rgba(4,14,23,.78)!important;border-color:rgba(60,186,245,.48)!important;box-shadow:0 0 18px rgba(30,174,242,.10)}
.catstrip,.home-feature{position:relative;z-index:1}.home-feature{background:linear-gradient(180deg,rgba(6,17,28,.92),rgba(4,11,19,.98))!important}
@media(max-width:950px){body:after{display:none}.hero:after{font-size:260px;left:58%}.hero-product{max-width:620px}}
@media(max-width:600px){body:before{background-size:42px 42px}.hero:after{font-size:180px;letter-spacing:-28px}.hero-product{padding:18px!important;border-radius:20px!important}}

/* V5 — hero photo, animated neon wave, dropdown stacking, section framing */
.topbar{position:relative;overflow:hidden;z-index:120;background:#030a12!important;border-bottom:1px solid rgba(48,179,244,.28)!important}
.topbar::before,.topbar::after{content:"";position:absolute;left:-15%;width:130%;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,#22baff 18%,#22baff 32%,#ff2448 48%,#22baff 64%,#22baff 82%,transparent 100%);filter:drop-shadow(0 0 7px #21b8ff) drop-shadow(0 0 9px #ff2448);opacity:.8;animation:mhWave 6s ease-in-out infinite alternate}
.topbar::before{top:4px;transform:skewY(-.35deg)}.topbar::after{bottom:3px;animation-delay:-3s;transform:skewY(.35deg);opacity:.48}
@keyframes mhWave{0%{transform:translateX(-4%) translateY(-1px) skewY(-.4deg)}50%{transform:translateX(2%) translateY(2px) skewY(.45deg)}100%{transform:translateX(5%) translateY(-2px) skewY(-.25deg)}}
header{z-index:110!important;border-bottom:1px solid rgba(46,177,239,.55)!important;box-shadow:0 7px 24px rgba(0,174,255,.08),inset 0 -1px rgba(255,34,67,.08)!important}
.drop{z-index:150!important;padding-bottom:16px;margin-bottom:-16px}
.drop>div{z-index:9999!important;top:calc(100% + 0px)!important;left:-26px!important;background:rgba(4,15,25,.98)!important;border:1px solid rgba(61,190,247,.55)!important;box-shadow:0 18px 45px #000b,0 0 24px rgba(32,178,244,.16)!important;padding:10px!important;color:#eaf7ff!important;pointer-events:auto!important}
.drop:hover>div,.drop:focus-within>div{display:grid!important}.drop a{color:#d9ebf7!important;border-left:2px solid transparent}.drop a:hover{background:rgba(37,166,225,.11)!important;border-left-color:#31c0ff;color:white!important;text-shadow:0 0 10px rgba(75,200,255,.5)}
.hero{position:relative!important;isolation:isolate;background:linear-gradient(90deg,rgba(2,10,17,.97) 0%,rgba(3,14,24,.91) 42%,rgba(4,13,22,.72) 100%),url('assets/hero-tech-bg.png') center/cover no-repeat!important;border-bottom:1px solid rgba(50,184,243,.35)!important}
.hero::before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;right:0!important;top:0!important;border-radius:0!important;background:radial-gradient(circle at 68% 45%,rgba(22,167,236,.12),transparent 30%),linear-gradient(180deg,rgba(2,9,15,.08),rgba(2,9,15,.48))!important;box-shadow:none!important;z-index:0!important}
.hero::after{display:none!important}.hero-copy,.hero-product{z-index:2!important}
.hero-product{justify-self:end!important;width:min(470px,88%)!important;padding:22px!important;border-radius:22px!important;background:rgba(4,15,25,.78)!important;backdrop-filter:blur(15px);border:1px solid rgba(57,191,248,.5)!important;box-shadow:0 28px 70px #000b,0 0 26px rgba(28,176,241,.12)!important}
.hero-product img{max-height:430px!important;width:100%!important;object-fit:contain!important;border-radius:16px!important;background:rgba(2,10,18,.28)!important;box-shadow:none!important}
.hero-product:before{opacity:.55}
.catstrip{position:relative;border-top:1px solid rgba(45,180,242,.38);border-bottom:1px solid rgba(45,180,242,.28);box-shadow:0 0 30px rgba(28,165,229,.06)}
.catstrip a{border-color:rgba(48,158,214,.28)!important;transition:.25s;background:rgba(5,18,29,.76)}.catstrip a:hover{background:rgba(11,40,60,.9);box-shadow:inset 0 0 0 1px rgba(47,190,251,.36),0 0 20px rgba(36,177,239,.08)}
.card,.feature-cards article,.settings>div{border:1px solid rgba(46,135,183,.34)!important;box-shadow:inset 0 0 0 1px rgba(78,200,255,.025)}
.card:hover,.feature-cards article:hover{border-color:rgba(67,194,249,.62)!important;box-shadow:0 18px 42px #0008,0 0 20px rgba(40,179,239,.11),inset 0 0 0 1px rgba(255,37,70,.05)!important}
.home-feature,.shopbar,.product-grid,.aboutgrid,.settings,.account-card{position:relative}
.home-feature:before,.product-grid:before{content:"";position:absolute;left:5vw;right:5vw;top:0;height:1px;background:linear-gradient(90deg,transparent,#2cbcff55,#ff244433,#2cbcff55,transparent);pointer-events:none}
.tools button,.tools>a{border-color:rgba(53,163,218,.55)!important;background:rgba(4,16,27,.82)!important;color:#eaf7ff!important;box-shadow:inset 0 0 14px rgba(36,166,226,.035)}.tools button:hover,.tools>a:hover{border-color:#35bdff!important;box-shadow:0 0 16px rgba(39,183,246,.14),inset 0 0 15px rgba(36,166,226,.06)}
@media(max-width:950px){.hero-product{justify-self:center!important;width:min(560px,94%)!important}.drop{padding-bottom:0;margin-bottom:0}}

/* V6 — photographic hero, reflected headline, sale card */
.hero{background:linear-gradient(90deg,rgba(2,9,16,.98) 0%,rgba(3,13,23,.94) 38%,rgba(3,12,20,.58) 72%,rgba(3,10,17,.76) 100%),url('assets/hero-workspace.jpg') center right/cover no-repeat!important}
.hero::before{background:radial-gradient(circle at 70% 45%,rgba(22,167,236,.12),transparent 34%),linear-gradient(180deg,rgba(1,8,14,.03),rgba(1,8,14,.36))!important}
.hero-title-wrap{position:relative;display:inline-block}.hero-title-wrap h1{position:relative;z-index:2}.hero-title-shadow{position:absolute;z-index:1;left:-8px;top:92%;font-size:clamp(62px,7vw,108px);line-height:.86;letter-spacing:-7px;font-weight:900;color:rgba(122,204,255,.035);transform:scaleY(-.72) skewX(-8deg);transform-origin:top;filter:blur(.4px);mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%);pointer-events:none;white-space:nowrap}.hero-title-shadow em{font-weight:300;color:rgba(78,190,255,.055)}
.hero-product.promo-card{width:min(405px,86%)!important;padding:16px!important;background:linear-gradient(155deg,rgba(4,15,25,.92),rgba(6,18,29,.84))!important;overflow:visible!important}.promo-card>img{height:260px!important;object-fit:cover!important;object-position:center!important;border:1px solid rgba(58,189,246,.3);filter:saturate(.9) contrast(1.05) brightness(.78)!important}.sale-badge{position:absolute;right:-13px;top:-15px;z-index:6;background:#ff2448;color:#fff;font-size:22px;font-weight:900;padding:13px 15px;box-shadow:0 0 28px rgba(255,36,72,.5);border:1px solid #ff7188}.promo-copy{position:relative;z-index:3;padding:17px 6px 5px}.promo-copy>small{color:#ff526c;font-size:9px;font-weight:900;letter-spacing:2px}.promo-copy h2{font-size:25px;margin:7px 0 3px;color:#f5fbff}.promo-copy p{margin:0 0 13px;color:#8da8bc;font-size:12px}.promo-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.promo-price strong{font-size:25px;color:#59caff;text-shadow:0 0 15px rgba(51,187,255,.28)}.promo-price del{color:#70889b}.promo-price span{font-size:10px;color:#ff526c;font-weight:800}.promo-btn{display:block;margin-top:13px;text-align:center;padding:11px;border:1px solid rgba(65,192,248,.55);background:linear-gradient(90deg,rgba(12,57,82,.7),rgba(20,35,51,.7));font-size:11px;font-weight:900;color:#eaf8ff;box-shadow:0 0 16px rgba(41,179,241,.08)}.promo-btn:hover{border-color:#52caff;box-shadow:0 0 22px rgba(41,179,241,.18)}
/* dropdown remains fully above the photographic hero */
.drop>div{z-index:10000!important}.drop:hover>div,.drop:focus-within>div{display:grid!important}
@media(max-width:950px){.hero{background-position:65% center!important}.hero-title-shadow{display:none}.hero-product.promo-card{width:min(430px,92%)!important}.promo-card>img{height:230px!important}}

/* V7 — critical UI fix: overlays must stay out of document flow */
.shade{
  display:none!important;
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  background:rgba(0,5,10,.72)!important;
  backdrop-filter:blur(5px)!important;
  z-index:20000!important;
}
.shade.on{display:block!important}
.cart{
  position:fixed!important;
  top:0!important;
  right:-480px!important;
  bottom:auto!important;
  left:auto!important;
  width:min(450px,100vw)!important;
  height:100dvh!important;
  margin:0!important;
  padding:28px!important;
  z-index:20010!important;
  background:linear-gradient(180deg,#071522,#06101b)!important;
  border-left:1px solid rgba(65,190,247,.48)!important;
  box-shadow:-24px 0 80px rgba(0,0,0,.58),-2px 0 22px rgba(32,178,244,.10)!important;
  transform:none!important;
  transition:right .28s ease!important;
  overflow:auto!important;
}
.cart.on{right:0!important}
.modal{
  display:none!important;
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(680px,92vw)!important;
  max-height:82vh!important;
  overflow:auto!important;
  margin:0!important;
  z-index:20020!important;
  background:linear-gradient(155deg,#081724,#06101a)!important;
  border:1px solid rgba(62,190,247,.48)!important;
  box-shadow:0 30px 100px #000b,0 0 30px rgba(35,177,240,.13)!important;
}
.modal.on{display:block!important}
.modal>button{color:#eaf7ff!important;cursor:pointer!important;z-index:2}
.searchbox{background:#04101a!important;color:#eef8ff!important;border:1px solid rgba(65,190,247,.55)!important;outline:none!important}
.searchbox:focus{border-color:#5bcfff!important;box-shadow:0 0 18px rgba(54,191,250,.15)!important}
.search-result{color:#eaf5fd!important;border-color:#17364d!important;transition:.18s ease!important}
.search-result:hover{background:rgba(46,177,236,.08)!important;padding-left:8px!important}
.search-result img{border:1px solid #1d4b69!important;border-radius:8px!important;background:#081522!important}
body.cart-open{overflow:hidden!important}
/* keep dropdown above every normal page section */
header{z-index:10000!important}.drop{z-index:10010!important}.drop>div{z-index:10020!important}

/* V8 MOBILE — preserve the desktop visual language on phones */
@media (max-width:950px){
  header{height:76px;padding:0 18px!important;gap:10px}
  .brand{min-width:0}.brand img.brand-logo{width:44px;height:44px}.brand b{font-size:14px}.brand small{display:block!important;font-size:6px;letter-spacing:1.5px}
  .hamb{display:block!important;order:3;border-color:#2da9e6!important;background:#071522!important;box-shadow:0 0 12px rgba(45,185,245,.12)}
  nav.open{top:76px!important;z-index:10050!important;background:rgba(3,13,22,.98)!important;border:1px solid rgba(51,184,242,.42)!important;box-shadow:0 22px 55px #000c,0 0 24px rgba(37,176,239,.12)!important;padding:14px 18px!important;gap:4px!important}
  nav.open>a,nav.open .drop>button{width:100%;text-align:left;padding:13px 8px!important;margin:0!important;color:#eaf7ff!important}
  nav.open .drop{width:100%;padding:0!important;margin:0!important}
  nav.open .drop>div{position:static!important;width:100%!important;margin:2px 0 8px!important;box-shadow:none!important;border-color:rgba(51,184,242,.28)!important;background:#06131f!important}
  .tools{margin-left:auto;gap:5px}.tools button,.tools>a{height:36px!important;padding:0 10px!important}.tools a span{display:none!important}
  .hero{min-height:auto!important;padding:58px 24px 42px!important;grid-template-columns:1fr!important;gap:36px!important;background-position:62% center!important}
  .hero-copy{max-width:680px}.hero h1{font-size:clamp(54px,12vw,82px)!important;line-height:.87!important;letter-spacing:-4px!important;margin:18px 0!important}.hero-copy>p{font-size:15px!important;line-height:1.6!important;max-width:92%}
  .hero-title-shadow{display:block!important;font-size:clamp(48px,11vw,76px)!important;left:-3px!important;top:94%!important;letter-spacing:-4px!important;opacity:.72}
  .hero-stats{margin-top:34px!important;gap:24px!important;flex-wrap:wrap}
  .hero-product.promo-card{justify-self:center!important;width:min(430px,96%)!important;padding:14px!important;margin:0 auto!important}.promo-card>img{height:220px!important}.sale-badge{right:-8px!important;top:-10px!important;font-size:17px!important;padding:10px 12px!important}
  .catstrip{grid-template-columns:repeat(2,1fr)!important;padding:0 16px!important}.catstrip a{padding:20px 14px!important;min-height:72px!important}
  .home-feature{padding:76px 24px!important;gap:38px!important}.home-feature h2{font-size:48px!important;letter-spacing:-3px!important}.feature-cards{grid-template-columns:1fr 1fr!important}
  .product-grid{grid-template-columns:repeat(2,1fr)!important;padding:12px 18px 80px!important;gap:12px!important}.card-info{padding:14px!important}.card-info h3{font-size:15px}.card img{aspect-ratio:1/1;object-fit:cover}
  .newsletter{padding:52px 24px!important}.newsletter h2{font-size:36px!important}.newsletter form{display:flex!important;min-width:0!important;width:100%!important}.newsletter input{min-width:0}
  footer{grid-template-columns:1fr 1fr!important;padding:48px 24px!important;gap:30px!important}
  .cart{width:min(420px,94vw)!important;padding:22px!important}.modal{width:94vw!important;padding:25px!important}
}
@media (max-width:600px){
  .topbar{height:27px!important;padding:0 10px!important;white-space:nowrap;overflow:hidden;font-size:6px!important;letter-spacing:1.25px!important}
  header{height:68px!important;padding:0 12px!important}.brand img.brand-logo{width:39px;height:39px}.brand b{font-size:12px}.brand small{font-size:5px!important}.hamb{padding:7px 9px!important}
  nav.open{top:68px!important}
  .tools button,.tools>a{height:34px!important;padding:0 8px!important}.tools button[data-search]{display:flex!important}.tools button[data-cart]{font-size:0!important}.tools button[data-cart] b{font-size:10px!important}.tools>a[href*="account"]{display:flex!important;padding:0 9px!important}
  .hero{padding:46px 18px 34px!important;background-position:66% center!important}.hero::before{background:linear-gradient(90deg,rgba(2,9,16,.98),rgba(3,13,23,.88) 65%,rgba(3,10,17,.7))!important}.kicker{font-size:8px!important;letter-spacing:2px!important}
  .hero h1{font-size:clamp(48px,15vw,66px)!important;letter-spacing:-3.5px!important}.hero-title-shadow{font-size:clamp(42px,13vw,58px)!important;letter-spacing:-3px!important}.hero-copy>p{max-width:100%!important;font-size:14px!important}
  .btn,.ghost{padding:13px 14px!important;font-size:10px!important}.ghost{margin-left:5px!important}.hero-stats{gap:18px!important;margin-top:30px!important}.hero-stats strong{font-size:14px}.hero-stats small{font-size:8px!important}
  .hero-product.promo-card{width:100%!important;max-width:390px!important}.promo-card>img{height:190px!important}.promo-copy h2{font-size:21px!important}.promo-price strong{font-size:22px!important}
  .catstrip{grid-template-columns:1fr 1fr!important;padding:0!important}.catstrip a{padding:16px 12px!important;min-height:64px!important}.catstrip span{font-size:11px!important}
  .home-feature{padding:62px 18px!important}.home-feature h2{font-size:39px!important}.feature-cards{grid-template-columns:1fr 1fr!important;gap:9px!important}.feature-cards article{padding:20px 14px!important;min-height:130px!important}.feature-cards b{font-size:25px!important}.feature-cards span{font-size:11px!important}
  .pagehero{padding:55px 18px 40px!important}.pagehero h1{font-size:48px!important}.shopbar{padding:20px 14px!important;display:grid!important}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:8px 10px 65px!important;gap:9px!important}.card-info{padding:11px!important}.card-info small{font-size:9px}.card-info h3{font-size:13px!important;margin:5px 0 11px!important}.price strong{font-size:13px}.add{width:32px!important;height:32px!important}.wishlist{width:32px!important;height:32px!important;right:8px!important;top:8px!important}
  .newsletter{padding:45px 18px!important}.newsletter h2{font-size:31px!important}.newsletter form{display:grid!important}.newsletter button{padding:14px!important}footer{padding:45px 18px!important;gap:24px!important}
  .cart{width:94vw!important;padding:18px!important}.modal{width:94vw!important;padding:22px 16px!important}.searchbox{margin:20px 0 14px!important}
}
@media (max-width:380px){.brand small{display:none!important}.tools{gap:3px}.tools button,.tools>a{padding:0 7px!important}.hero h1{font-size:45px!important}.catstrip{grid-template-columns:1fr!important}.feature-cards{grid-template-columns:1fr!important}.product-grid{grid-template-columns:1fr!important}}