@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap");

:root{
  --bg:#050509; --panel:#0b0b14; --panel2:#101020; --line:#29263d;
  --purple:#8b2cff; --purple2:#b35cff; --text:#f8f7ff; --muted:#a6a4b7;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 70% 10%,#17002d 0,#050509 28%),var(--bg);color:var(--text);font-family:"Space Grotesk",Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}.topbar{height:70px;border-bottom:1px solid #252333;background:rgba(6,6,12,.94);backdrop-filter:blur(12px);display:flex;align-items:center;gap:28px;padding:0 4%;position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;line-height:.9;letter-spacing:.5px;min-width:220px}.crown{font-size:39px;color:#a13cff;text-shadow:0 0 18px #8b2cff}
.auth-status{display:flex;align-items:center;gap:8px;flex:none;padding-right:20px;border-right:1px solid #302b43}.auth-status [hidden]{display:none}.auth-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:10px;color:#fff;font:700 12px/1 Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:transform .2s,border-color .2s}.auth-link-primary{border:1px solid #9942e5;background:linear-gradient(135deg,#7027d7,#9838df)}.auth-link-secondary{border:1px solid #3c3451;background:#12101a}.auth-link:hover{border-color:#bd72ff;transform:translateY(-1px)}.auth-link:focus-visible{outline:2px solid #d5a4ff;outline-offset:2px}button.auth-link{appearance:none}
nav{display:flex;gap:30px;font-size:14px;font-weight:600}nav a:hover{color:#b45cff}
.header-tools{margin-left:auto;display:flex;align-items:center;gap:10px}.search,.catalog-search{display:flex;align-items:center;background:#10101b;border:1px solid #25243a;border-radius:10px;padding:0 13px}.search{width:260px;height:40px}.search input,.catalog-search input{background:none;border:0;outline:0;color:white;width:100%;padding:10px}.search span,.catalog-search span{font-size:22px;color:#c7b4ff}.icon-btn{background:none;border:0;color:white;font-size:20px;cursor:pointer;position:relative}.cart-button b{position:absolute;right:-7px;top:-8px;background:#7d26ff;border-radius:50%;font-size:10px;padding:3px 6px}
main{max-width:1440px;margin:auto;padding:18px 3% 70px}.hero{min-height:255px;border:1px solid #7622e8;border-radius:17px;overflow:hidden;position:relative;background:radial-gradient(circle at 75% 55%,#6416b8 0,#16002f 28%,#070711 68%);display:flex;align-items:center;padding:50px 8%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(137,42,255,.14),transparent 70%);pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:27px;font-weight:900;font-style:italic}.hero h1{font-size:54px;margin:2px 0 6px;font-weight:900;font-style:italic;letter-spacing:-2px;color:#b35cff;text-shadow:0 0 25px #6e19c5}.hero p{font-size:20px;margin:0 0 23px;color:#ddd9e9}.primary,.card button{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(90deg,#6f1dff,#a52cff);border:1px solid #a94cff;color:#fff;font-weight:800;border-radius:9px;padding:13px 28px;box-shadow:0 0 22px rgba(133,31,255,.3)}.hero-art{position:absolute;right:9%;width:310px;height:240px;background:radial-gradient(circle,#9b37ff 0,rgba(98,18,184,.35) 30%,transparent 67%);display:grid;place-items:center}.glow-crown{font-size:160px;color:#c37bff;text-shadow:0 0 25px #7f19ff,0 0 70px #6b12ff}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:25px 0}.benefits>div{border:1px solid #28273a;background:linear-gradient(110deg,#0b0b15,#0e0d1b);border-radius:10px;padding:14px 20px;display:grid;grid-template-columns:38px 1fr;column-gap:10px}.benefits span{grid-row:span 2;font-size:28px;color:#a644ff}.benefits strong{font-size:14px}.benefits small{color:#858297;font-size:12px}
.filters{display:flex;align-items:center;border:1px solid #29263d;border-radius:14px;background:#090912;overflow:hidden;margin:25px 0 32px}.filter{min-width:105px;height:64px;background:none;border:0;color:#fff;cursor:pointer;font-size:22px}.filter small{display:block;font-size:12px;margin-top:4px}.filter.active{background:linear-gradient(135deg,#6c1aff,#922eff)}.catalog-search{margin-left:auto;margin-right:10px;width:280px;height:40px}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 14px}.section-title h2{font-size:27px;margin:0}.section-title h2 span{color:#a13cff;margin-right:8px}.section-title a{border:1px solid #8c2cff;padding:8px 14px;border-radius:8px;color:#c27bff;font-weight:700;font-size:13px}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:34px}.card{background:#0a0a12;border:1px solid #33264c;border-radius:14px;overflow:hidden;transition:.2s;box-shadow:0 0 18px rgba(70,0,110,.12)}.card:hover{transform:translateY(-4px);border-color:#8b2cff;box-shadow:0 0 30px rgba(125,31,255,.18)}.card-img{height:155px;background:radial-gradient(circle at 50% 35%,#7421cc 0,#1a0633 32%,#080811 72%);display:grid;place-items:center;position:relative}.card-img h3{font-size:26px;text-align:center;font-style:italic;text-shadow:0 0 14px #8b2cff;max-width:90%}.badge{position:absolute;left:10px;top:10px;background:#6f1dff;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:900}.card-body{padding:14px}.card-body h3{margin:0 0 5px;font-size:16px}.card-body p{color:#8f8da0;font-size:12px;height:30px;margin:0 0 10px}.price{font-weight:900;font-size:18px;color:#ad58ff}.old{color:#777487;text-decoration:line-through;font-size:12px;margin-left:7px}.card button{width:100%;margin-top:13px;border:0;cursor:pointer;padding:11px;font-size:12px}
.reviews{padding:35px 0}.reviews h2{font-size:27px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review-grid article{border:1px solid #29263d;background:#0b0b14;padding:22px;border-radius:12px;color:#b35cff}.review-grid p{color:#ddd;margin:10px 0}.review-grid b{color:#888}
footer{border-top:1px solid #29263d;background:#07070d;padding:35px 5%;display:grid;grid-template-columns:1fr auto;gap:15px;color:#aaa}footer b{color:white}footer a{margin-left:20px}footer small{grid-column:1/-1}
.toast{position:fixed;right:20px;bottom:20px;background:#171225;border:1px solid #8b2cff;padding:14px 18px;border-radius:10px;display:none;z-index:50}
@media(max-width:1180px){.brand{min-width:auto}.topbar{gap:18px}.auth-status{padding-right:16px}nav{gap:18px}.search{width:210px}}
@media(max-width:1000px){nav{display:none}.products{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.hero-art{opacity:.35}.filters{overflow:auto}.catalog-search{min-width:240px}.topbar{gap:12px}.header-tools{margin-left:auto}.search{display:none}}
@media(max-width:560px){.topbar{padding:0 12px}.brand{gap:6px;font-size:14px}.crown{font-size:31px}.auth-status{gap:5px;padding-right:10px}.auth-link{min-height:34px;padding:0 8px;font-size:11px}.account-button{display:none}.icon-btn{font-size:18px}}
@media(max-width:600px){main{padding:10px 4% 50px}.hero{padding:35px 7%;min-height:300px}.hero h1{font-size:38px}.hero p{font-size:15px}.hero-art{right:-50px}.products,.review-grid,.benefits{grid-template-columns:1fr}.filters{flex-wrap:wrap;padding:8px}.filter{min-width:78px;height:56px}.catalog-search{order:10;margin:8px 0;width:100%}footer{display:block}footer div{margin-bottom:15px}}

.buy-button{display:block;text-align:center;background:#fff;color:#000;text-decoration:none;font-weight:800;padding:12px 14px;border-radius:10px;margin-top:14px;letter-spacing:.3px}.buy-button:hover{opacity:.88}


/* Account / Login / Sign Up */
.account-button{cursor:pointer}
.account-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}
.account-overlay.open{display:flex}
.account-modal{width:min(440px,100%);position:relative;background:linear-gradient(145deg,#11101c,#090910);border:1px solid #5d22a5;border-radius:18px;padding:30px;box-shadow:0 25px 80px rgba(0,0,0,.65),0 0 35px rgba(139,44,255,.16)}
.account-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#aaa;font-size:30px;cursor:pointer;line-height:1}
.account-close:hover{color:#fff}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;background:#07070d;border:1px solid #29263d;border-radius:10px;padding:4px;margin-bottom:25px}
.account-tab{border:0;background:transparent;color:#858297;padding:10px;border-radius:7px;font-weight:800;cursor:pointer}
.account-tab.active{background:linear-gradient(90deg,#6f1dff,#922eff);color:#fff}
.account-heading{text-align:center;margin-bottom:22px}
.account-crown{font-size:38px;color:#a13cff;text-shadow:0 0 18px #8b2cff}
.account-heading h2{margin:5px 0;font-size:25px}
.account-heading p{margin:0;color:#9693a6;font-size:13px}
.account-label{display:block;color:#ddd;font-size:12px;font-weight:700;margin:14px 0 7px}
.account-input{width:100%;height:44px;border:1px solid #302b43;border-radius:9px;background:#080810;color:#fff;padding:0 13px;outline:none}
.account-input:focus{border-color:#8b2cff;box-shadow:0 0 0 3px rgba(139,44,255,.12)}
.privacy-check{display:flex;align-items:flex-start;gap:9px;margin:15px 0;color:#9996aa;font-size:11px;line-height:1.45}
.privacy-check input{margin-top:2px;accent-color:#8b2cff}
.privacy-check a{color:#c27bff;text-decoration:underline}
.account-submit{width:100%;margin-top:8px;border:0;border-radius:9px;padding:13px;background:linear-gradient(90deg,#6f1dff,#a52cff);color:#fff;font-weight:900;cursor:pointer}
.account-submit:hover{filter:brightness(1.08)}
.account-error{min-height:17px;color:#ff7d9b;font-size:12px;margin:10px 0 0}
.account-note{color:#777487;font-size:10px;line-height:1.45;text-align:center;margin:18px 0 0}
.signup-only{display:none}
.account-modal.signup-mode .signup-only{display:block}

/* Custom order */
.custom-order{padding:20px 0 45px}
.custom-order-card{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px;border:1px solid #5d22a5;border-radius:18px;background:radial-gradient(circle at 10% 20%,rgba(123,31,255,.16),transparent 45%),#090910;box-shadow:0 0 30px rgba(125,31,255,.1)}
.custom-order-copy h2{font-size:32px;margin:12px 0 10px}.custom-order-copy p{color:#aaa7b8;line-height:1.6}.custom-order-note{margin-top:20px;padding:13px 15px;border:1px solid #302b43;border-radius:10px;color:#aaa7b8;font-size:12px;line-height:1.5;background:#0c0b14}
.custom-order-form{display:grid;gap:13px}.custom-order-form label{display:grid;gap:7px;color:#ddd;font-size:12px;font-weight:700}.custom-order-form label span{font-weight:400;color:#777487}.custom-order-form input,.custom-order-form select,.custom-order-form textarea{width:100%;box-sizing:border-box;border:1px solid #302b43;border-radius:9px;background:#080810;color:#fff;padding:12px 13px;outline:none;font:inherit;font-size:13px}.custom-order-form textarea{resize:vertical}.custom-order-form input:focus,.custom-order-form select:focus,.custom-order-form textarea:focus{border-color:#8b2cff;box-shadow:0 0 0 3px rgba(139,44,255,.12)}.custom-order-submit{border:0;border-radius:9px;padding:13px;background:linear-gradient(90deg,#6f1dff,#a52cff);color:#fff;font-weight:900;cursor:pointer}.custom-order-success{margin:0;color:#91f7bd;font-size:12px}.hidden-field{display:none!important}
@media(max-width:700px){.custom-order-card{grid-template-columns:1fr;padding:22px}.custom-order-copy h2{font-size:27px}}
.card-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:13px}.add-cart-button{width:100%;border:1px solid #8b2cff;border-radius:10px;padding:11px;background:linear-gradient(135deg,#171025,#211035);color:#fff;font-weight:900;cursor:pointer}.add-cart-button:hover{border-color:#b35cff;background:#24113b}.card-actions .buy-button{margin-top:0}
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:none;align-items:flex-end;justify-content:flex-end;z-index:120;padding:18px}.cart-overlay.open{display:flex}.cart-modal{width:min(470px,100%);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#11101c,#090910);border:1px solid #5d22a5;border-radius:18px;padding:26px;box-shadow:0 25px 80px rgba(0,0,0,.65),0 0 35px rgba(139,44,255,.16);position:relative}.cart-close{position:absolute;right:14px;top:9px;border:0;background:none;color:#aaa;font-size:30px;cursor:pointer}.cart-modal h2{margin:0 0 5px}.cart-subtitle{margin:0 0 20px;color:#9996aa;font-size:12px}.cart-panel{display:grid;gap:10px}.cart-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #302b43;background:#0c0b14;border-radius:10px;padding:12px}.cart-row strong{display:block;font-size:13px}.cart-row small{display:block;color:#777487;margin-top:3px;font-size:11px}.cart-controls{display:flex;align-items:center;gap:9px}.cart-controls button{width:30px;height:30px;border:1px solid #4d3b69;background:#171025;color:#fff;border-radius:7px;cursor:pointer;font-size:17px}.cart-controls b{min-width:18px;text-align:center}.cart-empty{border:1px dashed #302b43;border-radius:10px;padding:24px;text-align:center;color:#888598}.cart-actions-footer{display:grid;grid-template-columns:1fr 1.7fr;gap:10px;margin-top:18px}.cart-secondary,.cart-checkout{border-radius:9px;padding:12px;font-weight:900;cursor:pointer}.cart-secondary{background:#11101a;color:#ddd;border:1px solid #302b43}.cart-checkout{background:linear-gradient(90deg,#6f1dff,#a52cff);border:0;color:#fff}
@media(max-width:600px){.cart-overlay{padding:0}.cart-modal{width:100%;border-radius:18px 18px 0 0}.cart-actions-footer{grid-template-columns:1fr}}

/* Free reseller profit calculator */
.profit-calculator{padding-top:20px}.profit-card{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:24px;border:1px solid #5d22a5;border-radius:18px;background:radial-gradient(circle at 10% 20%,rgba(123,31,255,.14),transparent 45%),#090910;box-shadow:0 0 30px rgba(125,31,255,.08)}.profit-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profit-fields label{display:grid;gap:7px;color:#ddd;font-size:12px;font-weight:700}.profit-fields input{width:100%;box-sizing:border-box;border:1px solid #302b43;border-radius:9px;background:#080810;color:#fff;padding:12px 13px;outline:none;font:inherit}.profit-fields input:focus{border-color:#8b2cff;box-shadow:0 0 0 3px rgba(139,44,255,.12)}.profit-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profit-results>div{padding:15px;border:1px solid #29263d;border-radius:10px;background:#0c0b14}.profit-results small{display:block;color:#777487;font-size:11px;margin-bottom:6px}.profit-results strong{font-size:20px}.profit-highlight{border-color:#8b2cff!important;background:linear-gradient(135deg,#151021,#21102f)!important}.profit-highlight strong{color:#c78aff}.profit-note{margin-top:14px}.profit-results .negative{color:#ff7d9b}@media(max-width:700px){.profit-card{grid-template-columns:1fr;padding:18px}.profit-fields{grid-template-columns:1fr}.profit-results strong{font-size:18px}}

/* More tools navigation */
.more-nav{position:relative;display:flex;align-items:center}.more-nav-button{background:none;border:0;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:10px 8px}.more-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#0c0b14;border:1px solid #302b43;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.45);padding:7px;display:none;z-index:150}.more-nav.open .more-menu{display:grid}.more-menu a{padding:10px 12px;border-radius:8px;color:#ddd;text-decoration:none;font-size:13px}.more-menu a:hover{background:#171025;color:#fff}.tool-page{width:min(1100px,92%);margin:50px auto 80px}.tool-page .section-title{margin-bottom:20px}.tool-card{padding:24px;border:1px solid #5d22a5;border-radius:18px;background:radial-gradient(circle at 10% 20%,rgba(123,31,255,.14),transparent 45%),#090910;box-shadow:0 0 30px rgba(125,31,255,.08);margin-bottom:38px}.tool-card h2{margin:0 0 7px}.tool-card>p{color:#aaa7b8;line-height:1.55}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tool-grid label{display:grid;gap:7px;color:#ddd;font-size:12px;font-weight:700}.tool-grid input{width:100%;box-sizing:border-box;border:1px solid #302b43;border-radius:9px;background:#080810;color:#fff;padding:12px 13px;outline:none;font:inherit}.tool-grid input:focus{border-color:#8b2cff;box-shadow:0 0 0 3px rgba(139,44,255,.12)}.tool-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.tool-result{padding:16px;border:1px solid #29263d;border-radius:10px;background:#0c0b14}.tool-result small{display:block;color:#777487;font-size:11px;margin-bottom:6px}.tool-result strong{font-size:20px}.tool-good{border-color:#3c8d67!important}.tool-bad{border-color:#8d3c55!important}.tool-verdict{margin-top:14px;padding:16px;border-radius:10px;background:#11101a;border:1px solid #302b43;font-weight:800}.tool-page .nv-btn{display:inline-block;text-decoration:none;margin-top:8px}@media(max-width:700px){.tool-grid,.tool-results{grid-template-columns:1fr}.more-menu{right:auto;left:0}.tool-card{padding:18px}}


/* Social buttons */
.social-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0}
.social-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;padding:10px 14px!important;border:1px solid #302b43!important;border-radius:10px;text-decoration:none!important;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;background:#11101a}
.social-btn:hover{transform:translateY(-2px);border-color:#8b2cff!important;box-shadow:0 8px 24px rgba(139,44,255,.18)}
.social-btn.discord:hover{border-color:#5865F2!important}.social-btn.youtube:hover{border-color:#ff0000!important}.social-btn.instagram:hover{border-color:#e1306c!important}
.footer-links{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
@media(max-width:600px){.social-links{gap:8px}.social-btn{padding:9px 11px!important;font-size:13px}}

/* Modern glass social buttons */
.social-links{gap:12px;margin:24px 0 10px;padding:8px;}
.social-btn{position:relative;overflow:hidden;min-width:132px;padding:12px 18px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;box-shadow:0 10px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);letter-spacing:.2px;}
.social-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.18) 45%,transparent 65%);transform:translateX(-130%);transition:transform .55s ease;}
.social-btn:hover::before{transform:translateX(130%)}
.social-btn:hover{transform:translateY(-4px) scale(1.025)!important;box-shadow:0 16px 38px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08),0 0 28px rgba(139,44,255,.18)!important;}
.social-btn:active{transform:translateY(-1px) scale(.99)!important}
.social-btn.discord{background:linear-gradient(135deg,rgba(88,101,242,.28),rgba(88,101,242,.08))!important}.social-btn.discord:hover{box-shadow:0 16px 38px rgba(88,101,242,.2),0 0 26px rgba(88,101,242,.3)!important}
.social-btn.twitter{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.035))!important}
.social-btn.youtube{background:linear-gradient(135deg,rgba(255,0,0,.26),rgba(255,0,0,.07))!important}.social-btn.youtube:hover{box-shadow:0 16px 38px rgba(255,0,0,.18),0 0 26px rgba(255,0,0,.25)!important}
.social-btn.tiktok{background:linear-gradient(135deg,rgba(0,242,234,.15),rgba(255,0,80,.12))!important}.social-btn.tiktok:hover{box-shadow:0 16px 38px rgba(0,242,234,.12),0 0 26px rgba(255,0,80,.16)!important}
.social-btn.instagram{background:linear-gradient(135deg,rgba(131,58,180,.3),rgba(253,29,29,.15),rgba(252,176,69,.16))!important}.social-btn.instagram:hover{box-shadow:0 16px 38px rgba(225,48,108,.2),0 0 26px rgba(225,48,108,.22)!important}
@media(max-width:600px){.social-links{display:grid;grid-template-columns:1fr 1fr;width:100%;box-sizing:border-box}.social-btn{min-width:0;width:100%;padding:11px 10px!important}.social-btn:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}}

/* Night Vault space hero + glowing buttons */
body{background:#020305!important}
.nv-space-hero{
  position:relative; isolation:isolate; overflow:hidden;
  min-height:620px; display:flex; align-items:center; justify-content:center;
  text-align:center; margin:28px 0 36px; padding:80px 24px;
  border:1px solid rgba(150,95,255,.32);
  background:
    radial-gradient(circle at 50% 45%,rgba(76,20,145,.18),transparent 34%),
    linear-gradient(180deg,#020305 0%,#03030a 100%);
  box-shadow:0 0 50px rgba(98,35,255,.14), inset 0 0 60px rgba(255,255,255,.02);
}
.nv-space-hero:before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.7px),
    radial-gradient(circle,rgba(255,255,255,.55) 0 1px,transparent 1.5px),
    radial-gradient(circle,rgba(255,255,255,.35) 0 1px,transparent 1.5px);
  background-size:93px 97px,137px 149px,211px 197px;
  background-position:0 0,40px 70px,80px 30px;
  animation:nvSpaceDrift 18s linear infinite;
}
@keyframes nvSpaceDrift{from{background-position:0 0,40px 70px,80px 30px}to{background-position:0 -900px,40px -980px,80px -1100px}}
.nv-stars{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.nv-stars i{position:absolute;display:block;border-radius:50%;background:#fff;box-shadow:0 0 7px 2px rgba(255,255,255,.35);animation:nvStarRise var(--dur) linear var(--delay) infinite}
@keyframes nvStarRise{from{transform:translateY(130vh)}to{transform:translateY(-140vh)}}
.nv-space-content{max-width:880px;position:relative;z-index:1}
.nv-space-hero .nv-badge{display:inline-flex;margin-bottom:22px;padding:10px 18px;border:1px solid rgba(156,96,255,.65);border-radius:999px;background:rgba(8,7,18,.72);box-shadow:0 0 24px rgba(122,51,255,.38)}
.nv-space-hero h1{margin:0;font-size:clamp(52px,9vw,118px);line-height:.9;font-weight:900;letter-spacing:-.06em;color:#f6f6fb;text-shadow:0 0 25px rgba(255,255,255,.15)}
.nv-space-hero h1 span{color:#8d48ff;text-shadow:0 0 14px #6f22ff,0 0 38px rgba(111,34,255,.65)}
.nv-space-hero p{max-width:720px;margin:28px auto;color:#c8c8d2;font-size:clamp(16px,2vw,21px);line-height:1.65}
.nv-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.glow-btn,.nv-btn,.primary,.card button,.filter,.section-title a,.auth-link,.icon-btn,button{
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.glow-btn,.nv-btn,.primary,.card button,.filter.active,.auth-link-primary{
  box-shadow:0 0 12px rgba(128,62,255,.75),0 0 30px rgba(104,31,255,.42),inset 0 0 12px rgba(255,255,255,.08)!important;
}
.nv-btn.secondary.glow-btn{
  background:rgba(5,5,10,.75)!important;color:#fff!important;border:1px solid rgba(175,129,255,.9)!important;
  box-shadow:0 0 12px rgba(255,255,255,.28),0 0 28px rgba(123,54,255,.32)!important;
}
.glow-btn:hover,.nv-btn:hover,.primary:hover,.card button:hover,.section-title a:hover,.auth-link:hover,.icon-btn:hover,button:hover{
  transform:translateY(-3px);filter:brightness(1.14);
  box-shadow:0 0 18px rgba(166,103,255,.95),0 0 42px rgba(107,33,255,.65),0 0 70px rgba(107,33,255,.25)!important;
}
@media(max-width:700px){.nv-space-hero{min-height:560px;padding:70px 18px}.nv-space-hero h1{font-size:52px}.nv-actions{width:100%}.nv-btn{width:min(280px,100%)}}

/* Global animated space background */
html{background:#000;}
body{
  background:#000!important;
  position:relative;
  isolation:isolate;
}
body::before{
  content:"";
  position:fixed;
  inset:-120vh 0 0;
  z-index:-1;
  pointer-events:none;
  opacity:.95;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.6px),
    radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.7px),
    radial-gradient(circle,rgba(255,255,255,.45) 0 1px,transparent 1.5px);
  background-size:97px 113px,173px 191px,251px 227px;
  background-position:12px 0,71px 45px,129px 96px;
  animation:nvGlobalStarRise 22s linear infinite;
}
body::after{
  content:"";
  position:fixed;
  inset:-140vh 0 0;
  z-index:-1;
  pointer-events:none;
  opacity:.45;
  background-image:
    radial-gradient(circle,#fff 0 1.4px,transparent 2px),
    radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.8px);
  background-size:311px 277px,419px 367px;
  background-position:25px 0,180px 110px;
  animation:nvGlobalStarRise 34s linear infinite reverse;
}
@keyframes nvGlobalStarRise{
  from{transform:translateY(0)}
  to{transform:translateY(-120vh)}
}
/* Keep the site's content above the animated stars. */
body > header,body > main,body > footer,body > script{position:relative;z-index:1;}
.topbar{background:rgba(3,3,7,.88)!important;}

/* Extra neon glow for navigation and product cards */
.topbar{
  box-shadow:0 1px 0 rgba(157,93,255,.22),0 8px 32px rgba(0,0,0,.32),0 0 28px rgba(110,45,255,.08)!important;
}
nav a,.more-nav-button{
  position:relative;
  padding:9px 10px;
  border-radius:10px;
  transition:color .22s ease,transform .22s ease,box-shadow .22s ease,text-shadow .22s ease,background .22s ease;
}
nav a::after,.more-nav-button::after{
  content:"";position:absolute;left:12%;right:12%;bottom:2px;height:2px;border-radius:999px;
  background:#a95cff;box-shadow:0 0 8px #8b2cff,0 0 18px rgba(139,44,255,.9);
  transform:scaleX(0);transition:transform .22s ease;
}
nav a:hover,nav a:focus-visible,.more-nav-button:hover,.more-nav-button:focus-visible{
  color:#fff!important;background:rgba(129,55,255,.12);transform:translateY(-2px);
  text-shadow:0 0 10px rgba(195,139,255,.9),0 0 22px rgba(139,44,255,.65);
  box-shadow:0 0 18px rgba(139,44,255,.22),inset 0 0 14px rgba(139,44,255,.08);
}
nav a:hover::after,nav a:focus-visible::after,.more-nav-button:hover::after,.more-nav-button:focus-visible::after{transform:scaleX(1)}
.more-menu{border-color:rgba(139,44,255,.58)!important;box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 24px rgba(139,44,255,.18)!important}
.more-menu a:hover{box-shadow:0 0 18px rgba(139,44,255,.25),inset 0 0 14px rgba(139,44,255,.08)}

.products .card{
  position:relative;
  border-color:rgba(139,44,255,.38)!important;
  box-shadow:0 0 16px rgba(94,26,180,.16),0 14px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.products .card::before{
  content:"";position:absolute;inset:-1px;border-radius:14px;padding:1px;pointer-events:none;opacity:.55;
  background:linear-gradient(135deg,rgba(196,132,255,.95),rgba(139,44,255,.1) 38%,rgba(255,255,255,.08) 55%,rgba(139,44,255,.8));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
}
.products .card:hover{
  transform:translateY(-7px) scale(1.012)!important;
  border-color:#b86cff!important;
  box-shadow:0 0 18px rgba(176,98,255,.55),0 0 46px rgba(111,31,255,.35),0 20px 50px rgba(0,0,0,.42)!important;
}
.products .card:hover .card-img{box-shadow:inset 0 0 35px rgba(139,44,255,.25)}
.products .card:hover .card-img h3{text-shadow:0 0 10px #fff,0 0 22px #9b4dff,0 0 42px rgba(139,44,255,.8)}
.products .card button{box-shadow:0 0 12px rgba(139,44,255,.72),0 0 26px rgba(111,31,255,.34)!important}
.products .card button:hover{box-shadow:0 0 18px rgba(205,154,255,.95),0 0 42px rgba(111,31,255,.7)!important}

/* Product detail page glow */
.product-detail,.product-visual,.product-cart a{
  box-shadow:0 0 20px rgba(139,44,255,.2),0 20px 55px rgba(0,0,0,.32)!important;
}
.product-detail:hover{box-shadow:0 0 28px rgba(139,44,255,.32),0 0 60px rgba(99,24,215,.16),0 20px 55px rgba(0,0,0,.4)!important}
.product-visual{border-color:rgba(171,94,255,.58)!important}
.product-buy,.product-add,.product-cart a{
  box-shadow:0 0 14px rgba(139,44,255,.55),0 0 30px rgba(111,31,255,.28)!important;
}

/* Animated Night Vault logo glow */
.brand{position:relative;padding:8px 14px;border:1px solid rgba(168,85,247,.55);border-radius:14px;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}
.brand::before{content:"";position:absolute;inset:-3px;border-radius:17px;background:linear-gradient(90deg,#fff,#a855f7,#6d28d9,#fff);background-size:300% 100%;filter:blur(7px);opacity:.7;z-index:-1;animation:nvLogoGlow 4s linear infinite}
.brand::after{content:"";position:absolute;inset:1px;border-radius:12px;background:rgba(5,5,9,.72);z-index:-1}
.brand:hover{transform:translateY(-2px);box-shadow:0 0 14px rgba(168,85,247,.8),0 0 35px rgba(124,58,237,.55)}
@keyframes nvLogoGlow{0%{background-position:0% 50%;opacity:.55}50%{background-position:100% 50%;opacity:1}100%{background-position:0% 50%;opacity:.55}}

/* Moving shine reflection on product cards */
.product-card { position: relative; overflow: hidden; isolation: isolate; }
.product-card::after { content: ''; position: absolute; top: -60%; left: -80%; width: 45%; height: 220%; background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,0.04) 30%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,0.08) 70%, transparent 100%); transform: rotate(18deg) translateX(-120%); opacity: 0; pointer-events: none; z-index: 5; }
.product-card:hover::after { opacity: 1; animation: nvCardShine 0.9s ease-out forwards; }
@keyframes nvCardShine { from { transform: rotate(18deg) translateX(-120%); } to { transform: rotate(18deg) translateX(520%); } }
@media (prefers-reduced-motion: reduce) { .product-card:hover::after { animation: none; opacity: .35; } }


/* Night Vault loading screen */
#nv-loader{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#020205;color:#fff;transition:opacity .6s ease,visibility .6s ease}
#nv-loader.hide{opacity:0;visibility:hidden;pointer-events:none}
.nv-loader-inner{text-align:center}
.nv-loader-logo{font-weight:900;letter-spacing:.18em;font-size:clamp(1.8rem,6vw,4rem);text-shadow:0 0 8px #fff,0 0 22px rgba(157,78,255,.9),0 0 45px rgba(157,78,255,.55);animation:nvPulse 1.5s ease-in-out infinite}
.nv-loader-bar{width:min(280px,70vw);height:4px;margin:24px auto 0;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;box-shadow:0 0 15px rgba(157,78,255,.35)}
.nv-loader-bar:after{content:'';display:block;width:45%;height:100%;background:linear-gradient(90deg,#fff,#a855f7,#fff);box-shadow:0 0 18px #a855f7;animation:nvLoad 1.2s ease-in-out infinite}
.nv-loader-text{margin-top:12px;font-size:.8rem;letter-spacing:.25em;color:#cfc8da;text-transform:uppercase}
@keyframes nvPulse{50%{transform:scale(1.04);filter:brightness(1.25)}}
@keyframes nvLoad{0%{transform:translateX(-120%)}100%{transform:translateX(260%)}}
@media (prefers-reduced-motion:reduce){.nv-loader-logo,.nv-loader-bar:after{animation:none}}

/* Night Vault page transition */
#nv-page-transition{position:fixed;inset:0;z-index:2147483646;background:#000;pointer-events:none;opacity:0;transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.77,0,.18,1),opacity .15s ease;display:flex;align-items:center;justify-content:center}
#nv-page-transition::before{content:'NIGHT VAULT';color:#fff;letter-spacing:.35em;font-weight:800;font-size:clamp(1rem,3vw,2rem);text-shadow:0 0 10px #fff,0 0 25px #9b5cff,0 0 50px #6b2cff;opacity:0;transition:opacity .2s ease .12s}
#nv-page-transition.nv-transitioning{opacity:1;transform:scaleY(1);pointer-events:auto}
#nv-page-transition.nv-transitioning::before{opacity:1}
@media (prefers-reduced-motion: reduce){#nv-page-transition{transition:none}#nv-page-transition::before{transition:none}}


/* Premium search experience */
.search{position:relative;width:320px;height:46px;padding:0 12px;border-radius:16px;background:rgba(10,10,18,.82);border:1px solid rgba(174,104,255,.28);box-shadow:0 0 18px rgba(125,38,255,.10);transition:.25s ease;overflow:hidden}
.search:focus-within{border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.14),0 0 28px rgba(125,38,255,.28);transform:translateY(-1px)}
.search .search-icon{font-size:18px;color:#d9c7ff;pointer-events:none;margin-right:8px}
.search input{font-size:14px;letter-spacing:.15px;padding:11px 4px}.search input::placeholder{color:#a8a5b8}
.search-clear{display:none;border:0;background:rgba(255,255,255,.08);color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;line-height:22px;font-size:16px}.search.has-value .search-clear{display:inline-grid;place-items:center}.search-clear:hover{background:#7d26ff;box-shadow:0 0 14px rgba(125,38,255,.65)}
.search-hint{position:absolute;right:44px;font-size:10px;color:#8f8b9d;border:1px solid rgba(255,255,255,.08);padding:2px 5px;border-radius:5px;pointer-events:none}.search.has-value .search-hint{display:none}
.search-results{position:absolute;top:calc(100% + 9px);left:0;width:100%;z-index:1200;background:rgba(12,11,20,.97);border:1px solid rgba(168,85,247,.35);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.45),0 0 22px rgba(125,38,255,.14);padding:7px;display:none}.search-results.show{display:block}.search-result{display:block;padding:10px 12px;border-radius:10px;color:#fff;text-decoration:none;font-size:13px}.search-result:hover{background:rgba(125,38,255,.18)}.search-result small{display:block;color:#a8a5b8;margin-top:2px}.search-empty{padding:12px;color:#a8a5b8;font-size:13px}
@media(max-width:600px){.search{width:100%;max-width:none}.search-hint{display:none}}
/* Fix product card text layout */
.products .card{min-width:0;display:flex;flex-direction:column}
.products .card-body{min-width:0;display:flex;flex-direction:column;gap:7px}
.products .card-body h3,.products .product-title-link h3{line-height:1.25;overflow-wrap:anywhere;word-break:break-word}
.products .card-body p{height:auto;min-height:34px;line-height:1.4;overflow-wrap:anywhere}
.products .price,.products .old{white-space:nowrap;display:inline-block}
.products .card-actions{margin-top:auto}
@media(max-width:600px){.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.products .card-body{padding:11px}.products .card-img h3{font-size:18px}.products .card-body h3{font-size:14px}.products .card-body p{font-size:11px;min-height:45px}.products .price{font-size:16px}.products .old{font-size:11px;margin-left:3px}.products .card-actions button,.products .buy-button{font-size:11px;padding:10px 6px}}

/* NIGHT VAULT interactive floating product covers */
.nv-flip-card{position:relative!important;min-height:540px!important;perspective:1400px;overflow:visible!important;cursor:pointer}
.nv-flip-inner{position:relative;width:100%;height:100%;min-height:540px;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.8,.2,1)}
.nv-flip-card.is-flipped .nv-flip-inner{transform:rotateY(180deg)}
.nv-flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;overflow:hidden}
.nv-flip-front{display:flex;flex-direction:column;background:linear-gradient(160deg,rgba(20,20,28,.98),rgba(7,7,11,.99));border:1px solid rgba(180,120,255,.22)}
.nv-flip-back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;background:radial-gradient(circle at 50% 15%,rgba(151,57,255,.36),transparent 42%),linear-gradient(155deg,#171020,#06060c 70%);border:1px solid rgba(190,120,255,.6);box-shadow:0 0 30px rgba(145,65,255,.32)}
.nv-product-art{position:relative!important;min-height:220px!important;height:250px!important;padding:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at center,rgba(134,50,255,.25),transparent 65%),#0a0911!important;overflow:hidden!important}
.nv-product-art img{width:88%!important;height:92%!important;object-fit:contain!important;object-position:center!important;border-radius:12px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.5));animation:nvProductFloat 4.2s ease-in-out infinite;transform:translateZ(24px)}
@keyframes nvProductFloat{0%,100%{transform:translateY(0) translateZ(24px) rotate(-1deg)}50%{transform:translateY(-10px) translateZ(34px) rotate(1deg)}}
.nv-product-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.12) 48%,transparent 70%);transform:translateX(-110%);animation:nvProductShine 5s ease-in-out infinite}
@keyframes nvProductShine{0%,55%{transform:translateX(-110%)}85%,100%{transform:translateX(120%)}}
.nv-flip-hint{position:absolute;right:10px;bottom:8px;z-index:3;font-size:.62rem;font-weight:800;letter-spacing:.08em;color:#fff;padding:6px 8px;border-radius:999px;background:rgba(10,8,18,.78);border:1px solid rgba(190,120,255,.55);box-shadow:0 0 12px rgba(160,80,255,.35)}
.nv-back-kicker{display:inline-block;margin-bottom:10px;font-size:.72rem;letter-spacing:.16em;color:#bd8cff;font-weight:900}.nv-flip-back h3{font-size:1.55rem;margin:4px 0 14px!important;min-height:0!important;color:#fff}.nv-flip-back p{font-size:.98rem;line-height:1.6;color:#d2cddd}.nv-back-price{font-size:2rem;font-weight:900;color:#b06cff;margin:18px 0;text-shadow:0 0 18px rgba(170,80,255,.55)}.nv-back-price small{font-size:1rem;color:#8f8b98;text-decoration:line-through;margin-left:8px}.nv-back-tip{font-size:.72rem!important;color:#a99fba!important}
@media(max-width:650px){.nv-flip-card,.nv-flip-inner{min-height:590px}.nv-product-art{height:260px!important;min-height:260px!important}.nv-product-art img{width:94%!important;height:94%!important}}
@media(prefers-reduced-motion:reduce){.nv-flip-inner{transition:none}.nv-product-art img,.nv-product-art:after{animation:none}}

/* Uniform transparent product artwork + purple glow */
.nv-product-art img{
  width:88%!important;
  height:92%!important;
  max-width:320px!important;
  object-fit:contain!important;
  background:transparent!important;
  border-radius:0!important;
  filter:drop-shadow(0 0 7px rgba(168,82,255,.95)) drop-shadow(0 0 18px rgba(129,39,255,.72)) drop-shadow(0 18px 24px rgba(0,0,0,.55))!important;
}
.nv-product-art:hover img{
  filter:drop-shadow(0 0 10px rgba(199,122,255,1)) drop-shadow(0 0 28px rgba(139,42,255,.9)) drop-shadow(0 0 42px rgba(112,30,255,.45))!important;
}

/* Purple rounded hover outline around interactive product artwork */
.nv-product-art{
  border:1px solid transparent!important;
  border-radius:16px!important;
  transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease,background .24s ease!important;
}
.nv-product-art::before{
  content:"";
  position:absolute;
  inset:8px;
  border:2px solid transparent;
  border-radius:14px;
  pointer-events:none;
  z-index:2;
  opacity:0;
  transition:opacity .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.nv-flip-card:hover .nv-product-art,
.nv-product-art:hover,
.nv-product-art:focus-within{
  border-color:rgba(187,103,255,.92)!important;
  box-shadow:inset 0 0 18px rgba(145,55,255,.12),0 0 10px rgba(177,86,255,.78),0 0 28px rgba(142,45,255,.58),0 0 52px rgba(106,24,255,.32)!important;
  background:radial-gradient(circle at center,rgba(143,51,255,.34),transparent 68%),rgba(9,8,15,.72)!important;
}
.nv-flip-card:hover .nv-product-art::before,
.nv-product-art:hover::before,
.nv-product-art:focus-within::before{
  opacity:1;
  border-color:rgba(207,143,255,.95);
  box-shadow:0 0 8px rgba(206,128,255,.95),0 0 22px rgba(150,50,255,.72),inset 0 0 10px rgba(151,54,255,.22);
}
.nv-flip-card:hover .nv-product-art img,
.nv-product-art:hover img{
  transform:translateY(-4px) scale(1.025)!important;
}
@media(prefers-reduced-motion:reduce){
  .nv-product-art,.nv-product-art::before{transition:none!important}
}


/* Night Vault currency switcher */
.header-tools{position:relative}
.currency-wrap{position:absolute;right:0;top:calc(100% + 4px);z-index:50}
.currency-button{border:1px solid rgba(174,93,255,.7);background:rgba(15,10,28,.96);color:#fff;border-radius:999px;padding:5px 9px;font:700 10px/1 system-ui,sans-serif;letter-spacing:.5px;cursor:pointer;box-shadow:0 0 10px rgba(143,57,255,.35);transition:.2s ease;white-space:nowrap}
.currency-button:hover,.currency-button:focus-visible{border-color:#d39aff;box-shadow:0 0 8px rgba(176,80,255,.75),0 0 20px rgba(126,35,230,.45);outline:none;transform:translateY(-1px)}
.currency-select{display:none;position:absolute;right:0;top:calc(100% + 7px);min-width:205px;max-height:320px;border:1px solid #9a4cff;border-radius:12px;background:#100b1e;color:#fff;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 22px rgba(142,50,255,.35);font:600 13px system-ui;z-index:60}
.currency-select.is-open{display:block}
.currency-select option{background:#100b1e;color:#fff;padding:8px}
@media(max-width:700px){.currency-wrap{top:calc(100% + 2px)}.currency-button{font-size:9px;padding:4px 7px}.currency-select{min-width:190px;right:-3px}}


/* NIGHT VAULT typography and overflow fixes */
body,button,input,select,textarea{font-family:"Space Grotesk",Inter,Arial,sans-serif}
h1,h2,h3,.brand,.eyebrow,.section-title h2{font-family:"Syne","Space Grotesk",Inter,sans-serif}
.card,.card-body,.benefits>div,.tool-card,.review-grid article,.account-modal{min-width:0}
.card-body h3,.card-body p,.benefits strong,.benefits small,.tool-card p,.review-grid p{overflow-wrap:anywhere;word-break:normal}
.card-body{overflow:hidden}
.card-body h3{line-height:1.25}
.card-body p{height:auto;min-height:30px;line-height:1.4}
.card-img h3{overflow-wrap:anywhere;line-height:1.15}
button,a.primary,.buy-button{max-width:100%;overflow-wrap:anywhere}
@media(max-width:600px){.hero h1{font-size:clamp(30px,9vw,42px);letter-spacing:-1px}.card-body h3{font-size:15px}.card-img h3{font-size:22px}}

/* Deep UI overlap/duplication stabilization pass */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
.topbar,.top-inner{min-width:0}
.topbar>* ,.top-inner>*{min-width:0}
nav{min-width:0}
.card,.product-card,.card-body,.card-actions{min-width:0}
.card-body h3,.card-body p,.product-card h3{overflow-wrap:anywhere;word-break:normal}
.card-body{display:flex;flex-direction:column;min-height:0}
.card-body p{height:auto;min-height:2.8em;overflow:hidden}
.card-actions{margin-top:auto}
.search,.catalog-search{position:relative;min-width:0}
.search-results{max-width:100%;box-sizing:border-box}
.currency-wrap{max-width:calc(100vw - 24px)}
.currency-select{max-width:calc(100vw - 24px);box-sizing:border-box}
.modal,.account-modal,.cart-modal{box-sizing:border-box}
.hero,.hero-copy{min-width:0}
.hero h1,.hero p{overflow-wrap:anywhere}
@media(max-width:760px){
  .topbar{height:auto;min-height:64px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
  .header-tools{max-width:100%;flex-wrap:wrap}
  .hero-art{pointer-events:none}
  .hero-copy{width:100%}
  .card-img h3{font-size:clamp(18px,6vw,26px);line-height:1.1}
  .search-results{position:fixed;left:12px;right:12px;top:auto;width:auto;max-height:55vh;overflow:auto}
}
@media(max-width:420px){
  .products{gap:14px}
  .card-body{padding:12px}
  .cart-modal{padding:20px 16px}
  .currency-wrap{right:0}
}

/* NIGHTVAULT Premium Visual Polish */
:root{--nv-glow:rgba(168,85,247,.72);--nv-glow-soft:rgba(168,85,247,.22);--nv-panel:rgba(12,8,22,.78)}
body{background:radial-gradient(circle at 50% -10%,rgba(139,92,246,.16),transparent 32%),#050509}
header,.site-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(168,85,247,.16)}
.hero,.hero-section{position:relative;isolation:isolate}
.hero::before,.hero-section::before{content:"";position:absolute;inset:8% 12%;background:radial-gradient(circle,rgba(139,92,246,.18),transparent 65%);filter:blur(22px);z-index:-1;pointer-events:none}
.product-card,.product,.card{background:linear-gradient(145deg,rgba(25,16,42,.88),rgba(8,7,15,.88));border:1px solid rgba(168,85,247,.20);box-shadow:0 10px 35px rgba(0,0,0,.32);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.product-card:hover,.product:hover,.card:hover{transform:translateY(-6px);border-color:rgba(192,132,252,.7);box-shadow:0 16px 44px rgba(0,0,0,.45),0 0 26px var(--nv-glow-soft)}
.product-card img,.product img{transition:transform .45s ease,filter .45s ease}
.product-card:hover img,.product:hover img{transform:scale(1.035);filter:brightness(1.08)}
button,.btn,.button,[type=submit]{box-shadow:0 0 0 1px rgba(168,85,247,.18),0 8px 24px rgba(0,0,0,.24);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
button:hover,.btn:hover,.button:hover,[type=submit]:hover{transform:translateY(-2px);box-shadow:0 0 22px var(--nv-glow-soft),0 10px 30px rgba(0,0,0,.34);filter:brightness(1.08)}
.cart,.cart-panel,.cart-modal,.modal{border:1px solid rgba(192,132,252,.34);box-shadow:0 24px 80px rgba(0,0,0,.65),0 0 34px var(--nv-glow-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cart-item{border-bottom:1px solid rgba(255,255,255,.07)}
@media(max-width:700px){.hero,.hero-section{padding-left:16px!important;padding-right:16px!important}.product-card,.product,.card{border-radius:18px}.cart,.cart-panel,.cart-modal{width:min(94vw,460px)!important;max-height:88vh!important}.site-header,header{position:sticky;top:0;z-index:1000}}


/* NIGHTVAULT Premium Navigation, Cart, Checkout & Account Upgrade */
:root{--nv-ink:#05030b;--nv-panel:rgba(16,10,32,.78);--nv-purple:#8b5cf6;--nv-blue:#38bdf8;--nv-pink:#ec4899;--nv-line:rgba(139,92,246,.35)}
nav,.navbar,header .nav{backdrop-filter:blur(18px);background:linear-gradient(90deg,rgba(5,3,11,.92),rgba(20,12,40,.72));border-bottom:1px solid var(--nv-line);box-shadow:0 8px 35px rgba(0,0,0,.32),0 0 30px rgba(139,92,246,.10)}
nav a,.nav a{position:relative;transition:color .25s ease,transform .25s ease,filter .25s ease}nav a:hover,.nav a:hover{color:#fff;transform:translateY(-1px);filter:drop-shadow(0 0 8px var(--nv-blue))}
nav a::after,.nav a::after{content:"";position:absolute;left:8%;right:8%;bottom:-7px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--nv-purple),var(--nv-blue),var(--nv-pink));transform:scaleX(0);transition:transform .25s ease;box-shadow:0 0 12px var(--nv-blue)}nav a:hover::after,.nav a:hover::after{transform:scaleX(1)}
#cartOverlay,.cart-overlay{backdrop-filter:blur(10px);background:rgba(1,1,7,.72)!important}.cart-modal,.cart-drawer,.cart-popup{background:linear-gradient(145deg,rgba(21,13,42,.98),rgba(7,8,24,.98))!important;border:1px solid rgba(139,92,246,.55)!important;border-radius:22px!important;box-shadow:0 0 0 1px rgba(56,189,248,.12),0 25px 70px rgba(0,0,0,.55),0 0 35px rgba(139,92,246,.22)!important}
.cart-modal h2,.cart-modal h3,.cart-drawer h2,.cart-popup h2{letter-spacing:.04em;text-shadow:0 0 16px rgba(56,189,248,.45)}
button.checkout,.checkout-btn,[class*="checkout"] button,.cart-modal button{border-radius:14px;box-shadow:0 0 20px rgba(139,92,246,.25);transition:transform .2s ease,box-shadow .2s ease}button.checkout:hover,.checkout-btn:hover,[class*="checkout"] button:hover,.cart-modal button:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(56,189,248,.35),0 0 42px rgba(236,72,153,.14)}
input,select,textarea{border-color:rgba(139,92,246,.35)!important;background:rgba(8,7,18,.72)!important;box-shadow:inset 0 0 18px rgba(56,189,248,.025)}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--nv-blue)!important;box-shadow:0 0 0 3px rgba(56,189,248,.12),0 0 20px rgba(139,92,246,.14)!important}
.account-card,.profile-card,.auth-card,.login-card,.signup-card,[class*="account"] .card{background:linear-gradient(145deg,rgba(24,15,47,.82),rgba(8,8,24,.88));border:1px solid rgba(139,92,246,.35);border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.28),0 0 26px rgba(139,92,246,.10)}
