.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 28px;--glow-padding: 40px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 15%);background:var(--card-bg, #120F17);overflow:visible;box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card,.border-glow-inner{height:100%}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #120F17) 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) border-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) padding-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}.card-spotlight.feature-spotlight{position:relative;height:100%;display:flex;border-radius:16px;border:none;background-color:transparent;padding:0;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(56, 189, 248, .25)}.card-spotlight.feature-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.card-spotlight.feature-spotlight:hover:before,.card-spotlight.feature-spotlight:focus-within:before{opacity:1}.feature-spotlight>div{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;width:100%}:root{--cyan: #06B6D4;--cyan-dim: #0891B2;--cyan-glow: rgba(6, 182, 212, .18);--white: #FFFFFF;--gray: #E5E7EB;--gray-mid: #9CA3AF}[data-theme=dark]{--bg: #111827;--bg2: #1F2937;--bg3: #374151;--text: #F9FAFB;--text-sub: #D1D5DB;--border: rgba(6, 182, 212, .2);--card: #1F2937;--surface: #171F2E;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--nav-bg: rgba(17, 24, 39, .92);--footer-bg: #0B0F1A}[data-theme=light]{--bg: #F0F9FF;--bg2: #FFFFFF;--bg3: #E5E7EB;--text: #111827;--text-sub: #374151;--border: rgba(6, 182, 212, .3);--card: #FFFFFF;--surface: #F3F4F6;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .06);--nav-bg: rgba(240, 249, 255, .92);--footer-bg: #111827}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);transition:background .35s,color .35s;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--cyan);border-radius:3px}.page-wrap{padding-top:114px;min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:0 32px}@media (max-width: 640px){.container{padding:0 18px}}.announcement-bar{border-bottom:1px solid var(--border);font-size:.78rem}.announce-inner{position:relative;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:0 32px;height:44px}.announce-text{color:var(--cyan);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announce-links{position:absolute;right:32px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:14px}.announce-links a{display:flex;align-items:center;color:var(--text-sub);transition:color .2s}.announce-links a:hover{color:var(--cyan)}.announce-links svg{width:15px;height:15px}@media (max-width: 640px){.announce-inner{padding:0 18px}.announce-text{display:none}.announce-links{position:static;transform:none;margin:0 auto}}header.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transition:background .35s}.nav-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:32px;padding:0 32px;height:68px}.nav-end{margin-left:auto;display:flex;align-items:center;gap:16px}.logo{display:flex;align-items:center;gap:10px}.logo-img{width:36px;height:36px;border-radius:8px}.logo-wordmark{height:40px;width:auto;display:block}@media (max-width: 640px){.logo-wordmark{height:32px}}.logo-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.15rem;color:var(--white);letter-spacing:.05em;white-space:nowrap}[data-theme=light] .logo-text{color:#111827}.logo-text span{color:var(--cyan)}.nav-links{display:flex;align-items:center;gap:4px;list-style:none}.nav-links li{position:relative}.nav-links a,.nav-links .nav-link-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;font-size:.9rem;font-weight:500;color:var(--text-sub);border-radius:8px;transition:color .2s,background .2s;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--cyan);background:var(--cyan-glow)}.nav-links a svg{width:14px;height:14px;flex-shrink:0;transition:transform .2s}.nav-links li:hover>a svg,.nav-links li:hover>.nav-link-btn svg{transform:rotate(180deg)}.dropdown{position:absolute;top:calc(100% + 10px);left:0;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:12px;width:640px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .25s,transform .25s;box-shadow:0 20px 60px #0006;z-index:200}.nav-links li:hover .dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.drop-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;transition:background .2s;cursor:pointer}.drop-item:hover{background:var(--cyan-glow)}.drop-icon{width:40px;height:40px;border-radius:10px;background:var(--cyan-glow);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.drop-item:hover .drop-icon{background:var(--cyan)}.drop-label{font-size:.82rem;font-weight:600;color:var(--text)}.drop-sub{font-size:.73rem;color:var(--gray-mid);margin-top:1px}.search-bar{position:relative;display:flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--border);border-radius:999px;padding:8px 16px;width:320px;transition:width .25s}.search-bar:focus-within{width:400px;border-color:var(--cyan)}.search-bar svg{width:16px;height:16px;color:var(--gray-mid);flex-shrink:0}.search-bar input{background:none;border:none;outline:none;color:var(--text);font-size:.85rem;width:100%}.icon-btn{position:relative;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bg3);border:1px solid var(--border);color:var(--text-sub);transition:background .2s,color .2s}.icon-btn:hover{background:var(--cyan-glow);color:var(--cyan)}.icon-btn svg{width:18px;height:18px}.cartCount{position:absolute;top:-6px;right:-6px;background:var(--cyan);color:#fff;font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center}.mobile-toggle{display:none}@media (max-width: 960px){.nav-links,.search-bar{display:none}.mobile-toggle{display:flex}}.btn-primary{background:var(--cyan);color:#fff;font-weight:600;font-size:.9rem;padding:12px 24px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .2s;box-shadow:0 4px 20px #06b6d44d}.btn-primary:hover{background:var(--cyan-dim);transform:translateY(-2px)}.btn-ghost{background:var(--bg3);color:var(--text);font-weight:600;font-size:.9rem;padding:12px 24px;border-radius:10px;border:1px solid var(--border);display:inline-flex;align-items:center;gap:8px;transition:background .2s}.btn-ghost:hover{background:var(--cyan-glow);color:var(--cyan)}.hero{padding:120px 32px 80px;text-align:center;max-width:900px;margin:0 auto}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--cyan-glow);color:var(--cyan);font-size:.78rem;font-weight:600;padding:6px 14px;border-radius:999px;border:1px solid var(--border);margin-bottom:20px}.hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:700;line-height:1.15;margin-bottom:18px}.hero h1 span{color:var(--cyan)}.hero p{color:var(--text-sub);font-size:1.05rem;margin-bottom:32px}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.marquee{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;overflow:hidden;white-space:nowrap}.marquee-track{display:inline-flex;gap:40px;padding-right:40px;font-size:.85rem;color:var(--cyan);font-weight:600;animation:marquee-scroll 30s linear infinite;will-change:transform}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{padding:64px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:16px;flex-wrap:wrap}.section-head h2{font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700}.section-head p{color:var(--text-sub);font-size:.92rem;margin-top:8px;padding-bottom:26px}.section-divider{border:none;height:1px;background:#ffffff1a;margin:0 0 40px}.section-tinted{background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}.section-link{color:var(--cyan);font-weight:600;font-size:.88rem;display:flex;align-items:center;gap:4px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.cat-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px 16px;text-align:center;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:var(--card-shadow)}.cat-card:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 12px 24px -4px #00000040}.cat-emoji{font-size:2rem;margin-bottom:10px}.cat-name{font-weight:600;font-size:.88rem;margin-bottom:3px}.cat-count{font-size:.74rem;color:var(--gray-mid)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;background:var(--surface);border-radius:20px;padding:24px}.project-grid-3col{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;background:var(--surface);border-radius:20px;padding:24px}@media (max-width: 1100px){.project-grid-3col{grid-template-columns:repeat(3,1fr)}}@media (max-width: 780px){.project-grid-3col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.project-grid-3col{grid-template-columns:1fr;padding:16px}}.product-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;box-shadow:var(--card-shadow)}.product-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000040;border-color:var(--cyan)}.product-img{position:relative;height:160px;display:flex;align-items:center;justify-content:center;font-size:3.4rem;background:var(--bg3)}.badge-new,.badge-sale{position:absolute;top:10px;left:10px;font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:999px;color:#fff}.badge-new{background:var(--cyan)}.badge-sale{background:#ef4444}.product-info{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}.product-cat{font-size:.72rem;color:var(--cyan);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.product-name{font-weight:600;font-size:.95rem;line-height:1.3}.product-rating{font-size:.78rem;color:#f59e0b}.product-rating span{color:var(--gray-mid)}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px}.product-price{font-family:Orbitron,monospace;font-weight:700;color:var(--cyan);font-size:1rem}.product-price .old{font-family:Inter,sans-serif;font-weight:400;color:var(--gray-mid);text-decoration:line-through;font-size:.78rem;margin-right:6px}.btn-cart{width:36px;height:36px;border-radius:10px;background:var(--cyan-glow);color:var(--cyan);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background .2s}.btn-cart:hover{background:var(--cyan);color:#fff}.product-actions{display:flex;gap:8px;margin-top:8px}.btn-buy-now,.btn-quick-view{flex:1;padding:9px 10px;border-radius:9px;font-size:.78rem;font-weight:600;text-align:center}.btn-buy-now{background:var(--cyan);color:#fff}.btn-buy-now:hover{background:var(--cyan-dim)}.btn-quick-view{background:var(--bg3);color:var(--text-sub);border:1px solid var(--border)}.btn-quick-view:hover{color:var(--cyan);border-color:var(--cyan)}.section-head-center{flex-direction:column;align-items:center;text-align:center;justify-content:center;position:relative}.section-head-center .section-link{position:absolute;right:0;bottom:0}@media (max-width: 640px){.section-head-center .section-link{position:static;margin-top:8px}}.product-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;padding:24px;scrollbar-width:none;background:var(--surface);border-radius:20px}.product-carousel::-webkit-scrollbar{display:none}.product-carousel .product-card{flex:0 0 320px;scroll-snap-align:start}@media (max-width: 640px){.product-carousel .product-card{flex:0 0 260px}}.carousel-wrap{position:relative}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:42px;height:42px;border-radius:50%;background:var(--bg2);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #00000059;transition:background .2s,color .2s,border-color .2s}.carousel-arrow:hover{background:var(--cyan);color:#0a0f1a;border-color:var(--cyan)}.carousel-arrow svg{width:20px;height:20px}.carousel-arrow.prev{left:-16px}.carousel-arrow.next{right:-16px}@media (max-width: 640px){.carousel-arrow{width:36px;height:36px}.carousel-arrow.prev{left:-8px}.carousel-arrow.next{right:-8px}}.cat-carousel{display:flex;gap:24px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:24px;background:var(--surface);border-radius:20px}.cat-carousel::-webkit-scrollbar{display:none}.cat-carousel .cat-card{flex:0 0 240px;width:240px;min-height:280px;padding:0 0 20px;display:flex;flex-direction:column;overflow:hidden}.cat-carousel .cat-image-wrap{width:100%;height:160px;overflow:hidden;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center;background:var(--bg3)}.cat-carousel .cat-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cat-carousel .cat-card:hover .cat-image{transform:scale(1.06)}.cat-carousel .cat-emoji{font-size:2.6rem}.cat-carousel .cat-name{font-size:1.05rem;padding:16px 20px 4px}.cat-carousel .cat-count{font-size:.85rem;padding:0 20px}.cat-carousel-lg .cat-card{flex:0 0 320px;width:320px;min-height:auto;padding:0 0 20px}.cat-carousel-lg .cat-image-wrap{width:100%;aspect-ratio:1;height:auto;border-radius:18px 18px 0 0}.cat-carousel-lg .cat-name{font-size:1rem;padding:16px 20px 4px}.cat-carousel-lg .cat-count{font-size:.85rem;padding:0 20px}@media (max-width: 640px){.cat-carousel-lg .cat-card{flex:0 0 260px;width:260px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-box{background:var(--bg2);border:1px solid var(--border);border-radius:20px;max-width:760px;width:100%;max-height:88vh;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;position:relative}@media (max-width: 640px){.modal-box{grid-template-columns:1fr}}.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;z-index:2;color:var(--text-sub)}.modal-close:hover{color:var(--cyan)}.qv-img{background:var(--bg3);min-height:260px;position:relative}.qv-info{padding:32px 28px;display:flex;flex-direction:column;gap:10px}.qv-cat{color:var(--cyan);font-size:.75rem;font-weight:700;text-transform:uppercase}.qv-name{font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:700}.qv-rating{color:#f59e0b;font-size:.85rem}.qv-rating span{color:var(--gray-mid)}.qv-price{font-family:Orbitron,monospace;font-weight:700;color:var(--cyan);font-size:1.4rem}.qv-price .old{font-family:Inter;font-weight:400;text-decoration:line-through;color:var(--gray-mid);font-size:.95rem;margin-right:8px}.qv-desc{color:var(--text-sub);font-size:.9rem;line-height:1.55}.qv-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}footer.site-footer{background:var(--footer-bg);color:#e5e7eb;padding:64px 0 24px;margin-top:80px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-col h4{font-size:.85rem;font-weight:700;margin-bottom:16px;color:#fff}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-col ul a{color:#9ca3af;font-size:.85rem;transition:color .2s}.footer-col ul a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;flex-wrap:wrap;gap:12px;font-size:.8rem;color:#6b7280}.footer-social{display:flex;gap:10px}.footer-social a{width:34px;height:34px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .2s}.footer-social a:hover{background:var(--cyan);color:#fff}.back-to-top{position:fixed;bottom:28px;right:92px;z-index:500;width:44px;height:44px;border-radius:50%;background:var(--card);border:1px solid var(--border);color:var(--cyan);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(10px);transition:all .25s;box-shadow:0 4px 20px #00000040}.back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:500;width:52px;height:52px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #25d36666;transition:transform .2s,box-shadow .2s}.whatsapp-float svg{width:28px;height:28px}.whatsapp-float:hover{transform:scale(1.08);box-shadow:0 6px 26px #25d3668c}.cart-toast{position:fixed;bottom:80px;right:28px;z-index:9999;background:var(--cyan);color:#fff;padding:12px 20px;border-radius:12px;font-size:.85rem;font-weight:600;box-shadow:0 4px 20px #06b6d480;transform:translateY(20px);opacity:0;transition:all .3s ease;display:flex;align-items:center;gap:8px}.cart-toast.show{transform:translateY(0);opacity:1}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:8px;max-height:360px;overflow-y:auto;box-shadow:0 20px 50px #00000059;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:1500}.search-results.open{opacity:1;pointer-events:auto;transform:translateY(0)}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s}.search-result-item:hover,.search-result-item.active{background:var(--cyan-glow)}.search-result-icon{width:38px;height:38px;border-radius:9px;flex-shrink:0;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.search-result-info{flex:1;min-width:0}.search-result-name{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{font-size:.74rem;color:var(--gray-mid);margin-top:1px}.search-result-price{font-family:Orbitron,monospace;font-size:.82rem;font-weight:700;color:var(--cyan);white-space:nowrap;flex-shrink:0}.search-empty{padding:18px 12px;text-align:center;font-size:.82rem;color:var(--gray-mid)}.page-header{padding:56px 0 32px;text-align:center}.page-header h1{font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;margin-bottom:10px}.page-header p{color:var(--text-sub);font-size:1rem;max-width:620px;margin:0 auto}.breadcrumb{font-size:.82rem;color:var(--gray-mid);margin-bottom:10px}.breadcrumb a{color:var(--cyan)}.shop-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}@media (max-width: 860px){.shop-layout{grid-template-columns:1fr}}.sidebar{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;position:sticky;top:84px}.sidebar h4{font-size:.85rem;font-weight:700;margin-bottom:14px}.sidebar-cat{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:8px;font-size:.85rem;color:var(--text-sub);cursor:pointer}.sidebar-cat:hover,.sidebar-cat.active{background:var(--cyan-glow);color:var(--cyan)}.sidebar-cat .count{font-size:.72rem;color:var(--gray-mid)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.toolbar select{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:8px;font-size:.85rem}.empty-state{text-align:center;padding:60px 20px;color:var(--gray-mid)}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}@media (max-width: 860px){.cart-layout{grid-template-columns:1fr}}.cart-item{display:grid;grid-template-columns:70px 1fr auto auto;gap:16px;align-items:center;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:14px}@media (max-width: 560px){.cart-item{grid-template-columns:56px 1fr;grid-template-rows:auto auto}}.cart-item-img{width:70px;height:70px;border-radius:10px;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:1.8rem}.cart-item-name{font-weight:600;font-size:.92rem;margin-bottom:4px}.cart-item-price{color:var(--cyan);font-family:Orbitron,monospace;font-weight:700;font-size:.9rem}.qty-control{display:flex;align-items:center;gap:10px;background:var(--bg3);border-radius:10px;padding:6px 10px}.qty-control button{width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:1rem}.qty-control span{min-width:18px;text-align:center;font-weight:600}.remove-btn{color:#ef4444;font-size:.8rem;font-weight:600}.summary-box{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;position:sticky;top:84px}.summary-box h3{font-size:1.05rem;margin-bottom:18px}.summary-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-sub);margin-bottom:12px}.summary-row.total{color:var(--text);font-weight:700;font-size:1.1rem;border-top:1px solid var(--border);padding-top:14px;margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:.82rem;font-weight:600;color:var(--text-sub)}.field input,.field select,.field textarea{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:.9rem;color:var(--text);outline:none;transition:border-color .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan)}.form-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:28px}.pay-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;cursor:pointer}.pay-option.selected{border-color:var(--cyan);background:var(--cyan-glow)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.blog-card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:transform .2s}.blog-card:hover{transform:translateY(-5px)}.blog-img{height:170px;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:3rem}.blog-body{padding:20px}.blog-meta{font-size:.72rem;color:var(--gray-mid);margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.blog-title{font-weight:700;font-size:1.05rem;margin-bottom:10px;line-height:1.35}.blog-excerpt{font-size:.87rem;color:var(--text-sub);line-height:1.55;margin-bottom:14px}.blog-read{color:var(--cyan);font-size:.83rem;font-weight:600}.policy-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;justify-content:center}.policy-tab{padding:10px 18px;border-radius:999px;background:var(--bg3);border:1px solid var(--border);font-size:.85rem;font-weight:600;color:var(--text-sub)}.policy-tab.active{background:var(--cyan);color:#fff;border-color:var(--cyan)}.policy-content{max-width:800px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:32px}.policy-content h2{font-family:Space Grotesk,sans-serif;font-size:1.3rem;margin-bottom:14px}.policy-content h3{font-size:1rem;margin:20px 0 8px;color:var(--cyan)}.policy-content p,.policy-content li{color:var(--text-sub);font-size:.9rem;line-height:1.7;margin-bottom:10px}.policy-content ul{padding-left:20px}.level-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:36px;flex-wrap:wrap}.level-tab{padding:12px 24px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:8px}.level-tab.active{background:var(--cyan);color:#fff;border-color:var(--cyan)}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}@media (max-width: 860px){.detail-layout{grid-template-columns:1fr}}.detail-img{background:var(--bg3);border-radius:20px;height:380px;display:flex;align-items:center;justify-content:center;font-size:7rem;position:relative;border:1px solid var(--border)}.detail-name{font-family:Space Grotesk,sans-serif;font-size:1.7rem;font-weight:700;margin:10px 0}.detail-price{font-family:Orbitron,monospace;font-size:1.9rem;font-weight:700;color:var(--cyan);margin:14px 0}.detail-price .old{font-family:Inter;font-size:1.1rem;font-weight:400;text-decoration:line-through;color:var(--gray-mid);margin-right:10px}.spec-table{width:100%;border-collapse:collapse;margin-top:20px}.spec-table tr{border-bottom:1px solid var(--border)}.spec-table td{padding:10px 4px;font-size:.88rem}.spec-table td:first-child{color:var(--gray-mid);width:40%}.feature-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:14px}.feature-list li{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text-sub)}.feature-list li:before{content:"✓";color:var(--cyan);font-weight:700}.qty-select-detail{display:flex;align-items:center;gap:14px;margin:20px 0}@media (max-width: 640px){.footer-grid{grid-template-columns:1fr}.detail-layout{gap:24px}}
