@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-deep-ocean: #001e3c;--color-ocean-dark: #001220;--color-cyan-glow: #00f2ff;--color-teal-accent: #00bcd4;--color-white: #ffffff;--color-text-dim: rgba(255, 255, 255, .7);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 10px;--glass-shadow: 0 4px 30px rgba(0, 0, 0, .1);--font-primary: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--transition-fast: .3s ease;--transition-smooth: .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--color-ocean-dark);background:radial-gradient(circle at top center,#002b4d,var(--color-ocean-dark));color:var(--color-white);min-height:100vh;overflow-x:hidden;line-height:1.6}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-sm)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow)}.text-glow{text-shadow:0 0 10px rgba(0,242,255,.5)}.hidden{display:none}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:var(--spacing-sm) 0;transition:all var(--transition-fast);background:#00122080;border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header.scrolled{padding:var(--spacing-xs) 0;background:#001220d9;box-shadow:0 4px 20px #0000004d}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.logo{display:flex;align-items:center;font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:1px}.logo-icon{font-size:1.8rem;margin-right:var(--spacing-xs);filter:drop-shadow(0 0 5px var(--color-cyan-glow))}.logo-text .highlight{color:var(--color-cyan-glow)}.search-bar{flex:0 1 300px;position:relative}.search-bar input{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:.5rem 1rem .5rem 2.5rem;color:var(--color-white);font-family:var(--font-primary);transition:var(--transition-fast)}.search-bar input:focus{background:#ffffff26;border-color:var(--color-cyan-glow);box-shadow:0 0 10px #00f2ff33;outline:none}.search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;color:var(--color-white);opacity:.7}.main-nav{flex-grow:1}.nav-list{display:flex;list-style:none;justify-content:center;gap:var(--spacing-md)}.nav-item a{font-weight:500;font-size:.95rem;position:relative;padding:.5rem 0}.nav-item a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-cyan-glow);transition:var(--transition-fast);box-shadow:0 0 8px var(--color-cyan-glow)}.nav-item a:hover:after{width:100%}.nav-item a:hover{text-shadow:0 0 8px rgba(0,242,255,.6)}.user-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.action-btn{background:transparent;color:var(--color-white);border:1px solid rgba(255,255,255,.2);padding:.4rem 1rem;border-radius:6px;display:flex;align-items:center;gap:.5rem;transition:var(--transition-fast);font-size:.9rem}.action-btn:hover{background:#ffffff1a;border-color:var(--color-cyan-glow);box-shadow:0 0 10px #00f2ff33}.cart-btn{position:relative}.cart-count{position:absolute;top:-8px;right:-8px;background:var(--color-cyan-glow);color:var(--color-ocean-dark);font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:50%;box-shadow:0 0 5px var(--color-cyan-glow)}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-item{position:relative}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);width:220px;background:#001220f2;padding:1rem;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:1001;border:1px solid var(--glass-border)}.nav-item:hover .mega-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.mega-menu ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.mega-menu a{font-size:.9rem;color:var(--color-text-dim);display:block}.mega-menu a:hover{color:var(--color-cyan-glow);padding-left:5px}@media(max-width:1024px){.header-right .search-bar,.search-bar,.nav-list{display:none}}.hero-section{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:80px}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(to bottom,rgba(0,30,60,.3),var(--color-ocean-dark)),url(https://images.unsplash.com/photo-1544551763-46a8723ba3f9?q=80&w=2070&auto=format&fit=crop) no-repeat center center/cover}.water-effect{position:absolute;bottom:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,transparent 0%,var(--color-ocean-dark) 90%);pointer-events:none}.hero-content{text-align:center;max-width:800px;position:relative;z-index:1}.hero-title{font-family:var(--font-display);font-size:5rem;line-height:1.1;font-weight:700;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:-2px}.hero-title .block{display:block}.hero-title .highlight{color:var(--color-cyan-glow)}.hero-slogan{font-size:1.25rem;color:var(--color-text-dim);margin-bottom:var(--spacing-lg);font-weight:300}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center}.primary-btn{background:var(--color-cyan-glow);color:var(--color-ocean-dark);padding:1rem 2.5rem;border-radius:50px;font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 0 20px #00f2ff66;transition:all var(--transition-fast)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f2ff99;background:#fff}.secondary-btn{background:#ffffff1a;color:var(--color-white);padding:1rem 2.5rem;border-radius:50px;font-weight:600;font-size:1.1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.secondary-btn:hover{background:#fff3;border-color:var(--color-white)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);opacity:.7}.mouse{width:30px;height:50px;border:2px solid var(--color-white);border-radius:15px;position:relative}.wheel{width:4px;height:8px;background:var(--color-cyan-glow);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scrollMouse 1.5s infinite}@keyframes scrollMouse{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,15px);opacity:0}}.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.pulse-glow{animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%{box-shadow:0 0 20px #00f2ff66}50%{box-shadow:0 0 30px #00f2ffcc}to{box-shadow:0 0 20px #00f2ff66}}@media(max-width:768px){.hero-title{font-size:3rem}.hero-actions{flex-direction:column}}.products-section{padding:var(--spacing-xl) var(--spacing-sm)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--glass-border);padding-bottom:var(--spacing-xs)}.section-title{font-family:var(--font-display);font-size:2.5rem}.section-title .highlight{color:var(--color-cyan-glow)}.view-all{font-weight:600;color:var(--color-teal-accent)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.product-card{position:relative;overflow:hidden;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);cursor:pointer}.product-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00f2ff26;border-color:var(--color-cyan-glow)}.media-container{position:relative;width:100%;padding-top:120%;overflow:hidden;border-radius:14px 14px 0 0;background:#000}.product-img,.product-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-fast)}.product-video{z-index:1}.product-img{z-index:2}.badge{position:absolute;top:10px;right:10px;background:var(--color-cyan-glow);color:var(--color-ocean-dark);font-weight:700;font-size:.8rem;padding:4px 10px;border-radius:4px;z-index:3}.card-content{padding:var(--spacing-sm);position:relative}.category{font-size:.8rem;color:var(--color-teal-accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:.3rem}.product-name{font-size:1.2rem;margin-bottom:.5rem;font-weight:500}.price{font-size:1.1rem;font-weight:700;color:var(--color-white);margin-bottom:1rem}.add-cart-btn{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-white);padding:.8rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-fast)}.add-cart-btn:hover{background:var(--color-cyan-glow);color:var(--color-ocean-dark)}.pdp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.pdp-visuals{display:flex;flex-direction:column;gap:var(--spacing-sm)}.main-visual{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative}.pdp-video{width:100%;height:100%;object-fit:cover}.thumbnails{display:flex;gap:var(--spacing-sm)}.thumb{width:80px;height:80px;cursor:pointer;object-fit:cover;opacity:.6;transition:opacity var(--transition-fast)}.thumb.active,.thumb:hover{opacity:1;border:1px solid var(--color-cyan-glow)}.pdp-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.back-btn{align-self:flex-start;background:none;color:var(--color-text-dim);font-size:.9rem;margin-bottom:var(--spacing-xs)}.back-btn:hover{color:var(--color-cyan-glow)}.pdp-title{font-family:var(--font-display);font-size:3rem;line-height:1.1;margin-bottom:var(--spacing-xs)}.pdp-category{color:var(--color-teal-accent);text-transform:uppercase;letter-spacing:1px}.pdp-price{font-size:2rem;font-weight:700;color:var(--color-cyan-glow)}.pdp-specs{padding:var(--spacing-md)}.pdp-specs h3{margin-bottom:var(--spacing-sm);color:var(--color-white)}.pdp-specs ul{list-style:none}.pdp-specs li{margin-bottom:.5rem;color:var(--color-text-dim);display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.2rem}.pdp-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.add-cart-btn.large{flex-grow:1;justify-content:center;padding:1rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;background:var(--color-cyan-glow);color:var(--color-ocean-dark)}.add-cart-btn.large:hover{background:#fff;color:var(--color-deep-ocean)}.icon-btn{width:50px;height:50px;border-radius:8px;background:#ffffff1a;color:var(--color-white);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem}@media(max-width:768px){.pdp-grid{grid-template-columns:1fr}}.ai-assistant{position:fixed;bottom:2rem;right:2rem;z-index:2000}.ai-toggle-btn{width:60px;height:60px;border-radius:50%;background:var(--color-cyan-glow);color:var(--color-ocean-dark);font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00f2ff80;transition:transform var(--transition-fast)}.ai-toggle-btn:hover{transform:scale(1.1)}.ai-chat-window{position:absolute;bottom:80px;right:0;width:350px;height:500px;background:#000f1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;transition:all var(--transition-smooth)}.ai-chat-window.hidden{opacity:0;transform:scale(.9) translateY(20px);pointer-events:none}.chat-header{padding:1rem;background:#ffffff0d;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;font-weight:600;color:var(--color-cyan-glow)}.chat-messages{flex-grow:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.message{max-width:80%;padding:.8rem;border-radius:12px;font-size:.9rem;line-height:1.4}.message.ai{background:#00f2ff1a;border:1px solid rgba(0,242,255,.2);align-self:flex-start;color:var(--color-white);border-bottom-left-radius:2px}.message.user{background:#ffffff1a;align-self:flex-end;color:var(--color-white);border-bottom-right-radius:2px}.chat-input-area{padding:1rem;border-top:1px solid var(--glass-border);display:flex;gap:.5rem}.chat-input-area input{flex-grow:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.5rem;border-radius:6px;color:#fff}.suggestions{margin-top:.5rem;display:flex;flex-direction:column;gap:.3rem}.suggestion-btn{background:#00f2ff0d;border:1px solid rgba(0,242,255,.1);color:var(--color-cyan-glow);padding:.3rem .6rem;border-radius:4px;font-size:.8rem;text-align:left}.suggestion-btn:hover{background:#00f2ff26}@media(max-width:480px){.ai-chat-window{width:300px;right:-10px}}.category-page{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);min-height:80vh}.category-header{margin-bottom:var(--spacing-md);text-align:center}.page-title{font-family:var(--font-display);font-size:3rem;margin-bottom:var(--spacing-xs)}.breadcrumbs{color:var(--color-text-dim);font-size:.9rem}.toast-notification{position:fixed;top:100px;right:20px;background:#001232f2;color:var(--color-cyan-glow);padding:1rem 1.5rem;border-radius:8px;z-index:2000;border:1px solid var(--color-cyan-glow);box-shadow:0 5px 15px #00000080;font-weight:500;animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.category-layout{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-md)}.filters{padding:var(--spacing-sm);height:fit-content;position:sticky;top:100px}.filter-group{margin-bottom:var(--spacing-md)}.filter-group h3{font-size:1.1rem;margin-bottom:var(--spacing-xs);color:var(--color-teal-accent);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.3rem}.filter-option{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;cursor:pointer;color:var(--color-text-dim);font-size:.95rem;transition:color var(--transition-fast)}.filter-option:hover{color:var(--color-white)}.filter-option input{accent-color:var(--color-cyan-glow)}.price-range{width:100%}.no-products{font-size:1.2rem;color:var(--color-text-dim);text-align:center;padding:var(--spacing-lg)}@media(max-width:768px){.category-layout{grid-template-columns:1fr}.filters{position:static;margin-bottom:var(--spacing-md)}}.hero,.hero-section{position:relative;z-index:1}body.modal-open{overflow:hidden}.products-page-layout{display:grid;grid-template-columns:280px 1fr!important;gap:3rem;align-items:flex-start;margin-top:2rem;margin-bottom:5rem}.products-container{flex-grow:1}.filter-sidebar{position:sticky;top:120px;padding:2rem;display:flex;flex-direction:column;gap:2rem;min-height:400px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-group h3{font-size:1.1rem;margin-bottom:1.2rem;color:#00f2ff;font-family:Outfit,sans-serif;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.filter-options{display:flex;flex-direction:column;gap:.8rem}.filter-label{display:flex;align-items:center;gap:.8rem;font-size:.95rem;cursor:pointer;color:#ffffffb3;transition:all .2s}.filter-label:hover{color:#fff;transform:translate(5px)}.filter-label input[type=checkbox]{accent-color:#00f2ff;width:18px;height:18px;cursor:pointer}.price-slider-container{display:flex;flex-direction:column;gap:1.2rem}.price-slider-container input[type=range]{width:100%;accent-color:#00f2ff;cursor:pointer}.price-values{display:flex;justify-content:space-between;font-size:.9rem;color:#ffffffb3;font-weight:500}.no-results{grid-column:1 / -1;text-align:center;padding:5rem;font-size:1.2rem;color:#fff9;background:#ffffff05;border-radius:16px;border:1px dashed rgba(255,255,255,.1)}.secondary-btn.small{padding:.6rem 1.2rem;font-size:.85rem;margin-top:1rem}@media(max-width:1024px){.products-page-layout{grid-template-columns:240px 1fr!important;gap:1.5rem}}@media(max-width:900px){.products-page-layout{grid-template-columns:1fr!important}.filter-sidebar{position:static;margin-bottom:2rem}}