@charset "UTF-8";:root{--color-bg-primary:#050505;--color-bg-secondary:#111;--color-bg-tertiary:#1a1a1a;--color-bg-glass:hsla(0,0%,7%,.75);--color-bg-glass-light:hsla(0,0%,7%,.55);--color-text-primary:#f5f5f5;--color-text-secondary:#d1d5db;--color-text-muted:#8c8c8c;--color-text-inverse:#050505;--color-accent-primary:#d4a400;--color-accent-primary-dark:#b68c00;--color-accent-secondary:#f2c200;--color-accent-secondary-dark:#d9aa00;--color-accent-gradient:linear-gradient(135deg,#d4a400,#f2c200);--color-accent-glow:rgba(212,164,0,.25);--color-border-primary:hsla(0,0%,100%,.05);--color-border-secondary:hsla(0,0%,100%,.03);--color-border-accent:rgba(212,164,0,.3);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5),0 4px 6px -2px rgba(0,0,0,.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.5),0 10px 10px -5px rgba(0,0,0,.4);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.6);--shadow-glow:0 0 40px rgba(212,164,0,.2);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-bounce:.5s cubic-bezier(.68,-.55,.265,1.55);--font-family:"Russo One",sans-serif;--font-size-mi:10px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--font-size-6xl:60px;--container-max:1280px;--header-height:80px}[data-theme=light]{--color-bg-primary:#f9fafb;--color-bg-secondary:#fff;--color-bg-tertiary:#f3f4f6;--color-bg-glass:hsla(0,0%,100%,.8);--color-bg-glass-light:hsla(0,0%,100%,.6);--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#6b7280;--color-text-inverse:#f9fafb;--color-accent-primary:#d4a400;--color-accent-secondary:#f2c200;--color-accent-glow:rgba(212,164,0,.3);--color-border-primary:rgba(0,0,0,.1);--color-border-secondary:rgba(0,0,0,.05);--color-border-accent:rgba(212,164,0,.3);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);letter-spacing:1.1px;line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{display:block;height:auto;max-width:100%}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit}ol,ul{list-style:none}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary)}*{scrollbar-color:var(--color-bg-tertiary) var(--color-bg-secondary);scrollbar-width:thin}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.hidden{display:none!important}.visible{display:block!important}.container{margin:0 auto;max-width:var(--container-max);padding:0 32px;width:100%}.mesh{background:var(--color-bg-primary);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.mesh-blob{animation:meshFloat 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.35;position:absolute}.mesh-blob-1{animation-delay:5s;background:var(--color-accent-primary);height:700px;left:-250px;top:-250px;width:700px}.mesh-blob-2{animation-delay:-8s;animation-duration:15s;background:var(--color-accent-secondary);bottom:-200px;height:600px;right:-150px;width:600px}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-glass);border-bottom:1px solid var(--color-border-primary);height:var(--header-height);left:0;position:fixed;top:0;transition:all var(--transition-base);width:100%;z-index:100}.header-container{height:100%;justify-content:space-between}.header-container,.header-logo{align-items:center;display:flex}.header-logo{font-size:var(--font-size-xl);font-weight:800;gap:12px;letter-spacing:-.32px}.header-logo-icon{animation:logoSpin 10s linear infinite;color:var(--color-accent-primary);height:36px;width:36px}.header-logo-text{background:var(--color-accent-gradient);-webkit-background-clip:text;background-clip:text;color:var(--color-accent-primary);-webkit-text-fill-color:transparent;text-transform:uppercase}.header-nav{display:flex;gap:32px}.header-nav-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.7px;padding:8px 0;position:relative;text-transform:uppercase}.header-nav-link:after{background:var(--color-accent-gradient);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}.header-nav-link:hover{color:var(--color-text-primary)}.header-nav-link:hover:after{width:100%}.header-nav-link.active{color:var(--color-accent-primary)}.header-nav-link.active:after{width:100%}.header-actions{align-items:center;display:flex;gap:12px}.header-btn-cart,.header-btn-menu,.header-btn-search,.header-btn-theme,.header-btn-wishlist{align-items:center;backface-visibility:hidden;background:var(--color-bg-glass-light);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);display:flex;height:44px;justify-content:center;transform:translateZ(0);transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);width:44px}.header-btn-cart,.header-btn-wishlist{position:relative}.header-btn-cart:hover,.header-btn-search:hover,.header-btn-theme:hover,.header-btn-wishlist:hover{background:var(--color-accent-glow);border-color:var(--color-accent-primary)}.header-btn-cart svg,.header-btn-search svg,.header-btn-wishlist svg{backface-visibility:hidden;color:var(--color-text-secondary);height:20px;width:20px}.header-btn-cart:hover,.header-btn-search:hover,.header-btn-wishlist:hover{transform:scale(1.05)}.header-btn-theme:hover{transform:rotate(15deg)}.header-btn-menu{align-items:center;background:var(--color-bg-glass-light);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:none;height:44px;justify-content:center;transition:border-radius var(--transition-base);width:44px}.header-btn-menu .menu-icon-open{display:block}.header-btn-menu .menu-icon-close{display:none}.header-btn-menu.active{border-radius:50%!important}.header-btn-menu.active .menu-icon-open{display:none}.header-btn-menu.active .menu-icon-close{display:block}.header-btn-menu .menu-icon{color:var(--color-text-secondary);height:22px;width:22px}.header-badge-cart,.header-badge-wishlist{align-items:center;backface-visibility:hidden;background:var(--color-accent-gradient);border-radius:var(--radius-full);color:#fff;display:none;font-size:var(--font-size-xs);font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px;pointer-events:none;position:absolute;right:-2px;top:-2px;transition:transform var(--transition-bounce)}.header-badge-cart:not(.hidden),.header-badge-wishlist:not(.hidden){display:flex}.header-badge-cart.bump,.header-badge-wishlist.bump{animation:badgeBump .3s ease}.header-badge-cart.hidden,.header-badge-wishlist.hidden{display:none!important}.theme-icon{color:var(--color-text-secondary);height:20px;transition:all var(--transition-fast);width:20px}.theme-icon-moon,[data-theme=light] .theme-icon-sun{display:none}[data-theme=light] .theme-icon-moon{display:block}.main-content{min-height:100vh;padding-top:var(--header-height)}.hero{align-items:center;display:flex;min-height:calc(100vh - var(--header-height));overflow:hidden;padding:64px 0;position:relative}.hero-container{align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.hero-content{position:relative;z-index:2}.hero-badge{align-items:center;animation:pulse 2s ease-in-out infinite;background:var(--color-bg-glass);border:1px solid var(--color-border-accent);border-radius:var(--radius-full);color:var(--color-accent-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:8px;margin-bottom:24px;padding:8px 16px}.hero-title{font-size:clamp(var(--font-size-4xl),5vw,var(--font-size-6xl));font-weight:900;letter-spacing:-1.8px;line-height:1.1;margin-bottom:24px}.hero-title-accent{background:var(--color-accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.7;margin-bottom:32px;max-width:500px}.hero-actions{gap:16px;margin-bottom:48px}.hero-actions,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{border-top:1px solid var(--color-border-primary);gap:32px;padding-top:32px}.hero-stat{text-align:left}.hero-stat-value{color:var(--color-accent-primary);font-size:var(--font-size-xl);font-weight:900;line-height:1}.hero-stat-label{color:var(--color-text-muted);font-size:var(--font-size-sm);letter-spacing:.1em;margin-top:.25rem;text-transform:uppercase}.hero-visual{align-items:center;display:flex;justify-content:flex-end;position:relative}.hero-card-wrapper{animation:heroFloat 6s ease-in-out infinite;max-width:450px;position:relative;width:100%}.hero-card-morph{padding:3px;position:relative}.hero-card-morph,.hero-card-morph:before{background:var(--color-accent-gradient);border-radius:var(--radius-2xl)}.hero-card-morph:before{animation:morphGlow 4s ease-in-out infinite;content:"";filter:blur(40px);inset:-20px;opacity:.5;position:absolute}.hero-card-inner{background:var(--color-bg-secondary);border-radius:calc(var(--radius-2xl) - 3px);overflow:hidden}.hero-card-image{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;width:100%}.hero-floating-badge{align-items:center;animation:floatBadge 3s ease-in-out infinite;animation-delay:1s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);bottom:-20px;box-shadow:var(--shadow-xl);display:flex;gap:12px;left:-20px;padding:16px 24px;position:absolute}.hero-floating-badge svg{color:var(--color-success);height:24px;width:24px}.btn,.hero-floating-badge-text{font-size:var(--font-size-sm);font-weight:700}.btn{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;gap:8px;justify-content:center;letter-spacing:.7px;padding:14px 28px;text-transform:uppercase;transition:all var(--transition-fast)}.btn svg{height:18px;width:18px}.btn-primary{background:var(--color-accent-gradient);box-shadow:var(--shadow-md),0 0 20px var(--color-accent-glow);color:#fff}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;filter:saturate(.2);opacity:.4;transform:none!important}.btn-primary:not(:disabled):active{box-shadow:var(--shadow-sm),0 0 15px var(--color-accent-glow);transform:translateY(0)}.btn-primary:not(:disabled):hover{box-shadow:var(--shadow-lg),0 0 30px var(--color-accent-glow);transform:translateY(-2px)}.btn-secondary{background:var(--color-bg-glass);border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.btn-outline{background:transparent;border:2px solid var(--color-border-primary);color:var(--color-text-primary)}.btn-outline:hover{background:var(--color-accent-glow);border-color:var(--color-accent-primary)}.btn-sm{font-size:var(--font-size-xs);padding:8px 16px}.btn-lg{font-size:var(--font-size-base);padding:16px 32px}.section{padding:80px 0}.section-header{margin-bottom:48px;text-align:center}.section-title{font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-4xl));font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.calculator{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:32px;position:relative}.calculator-steps{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.calculator-actions{display:flex;flex-wrap:wrap;gap:16px}.calculator-progress{background:var(--color-bg-tertiary);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);bottom:0;height:4px;left:0;overflow:hidden;position:absolute;right:0}.calculator-progress-bar{background:var(--color-accent-gradient);height:100%;transition:width var(--transition-base);width:0}.calculator-step{opacity:.4;pointer-events:none;transition:all var(--transition-base)}.calculator-step-active,.calculator-step-completed{opacity:1;pointer-events:auto}.calculator-step-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.calculator-step-completed .calculator-step-number{background:var(--color-accent-gradient);border-color:var(--color-accent-primary);color:transparent}.calculator-step-completed .calculator-step-number:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.calculator-step-completed .calculator-step-label{color:var(--color-text-primary)}.calculator-step-active .calculator-step-number{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.calculator-step-active .calculator-step-label{color:var(--color-text-primary)}.calculator-step-number{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border-primary);border-radius:var(--radius-full);display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;position:relative;transition:all var(--transition-fast);width:32px}.calculator-step-label,.calculator-step-number{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.calculator-step-label{font-weight:600;white-space:nowrap}.calculator-select{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:14px 16px;transition:all var(--transition-fast);width:100%}.calculator-select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.calculator-select:hover{border-color:var(--color-border-accent)}.calculator-select:disabled{cursor:not-allowed;opacity:.5}.brands{overflow:hidden}.brands-scroll{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:16px 0;-webkit-overflow-scrolling:touch}.brands-scroll::-webkit-scrollbar{display:none}.brands-scroll-wrapper{padding-top:48px;position:relative}.brands-scroll-nav{display:flex;gap:.5rem;position:absolute;right:0;top:0;z-index:98}.brands-scroll-nav-btn{align-items:center;background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.brands-scroll-nav-btn:hover{background:var(--color-accent-gradient);border-color:transparent;box-shadow:0 4px 12px #3b82f666;color:#fff;transform:scale(1.05)}.brands-scroll-nav-btn:active{transform:scale(.95)}.brands-scroll-nav-btn svg{height:18px;width:18px}.brands-item{flex:0 0 auto;scroll-snap-align:center}.brands-card{align-items:center;background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;height:140px;justify-content:center;padding:24px;transition:all var(--transition-base);width:140px}.brands-card:hover{background:var(--color-accent-glow);border-color:var(--color-accent-primary);transform:translateY(-5px)}.brands-card:hover .brands-card-name{color:var(--color-text-primary)}.brands-card:hover .brands-card-logo{filter:grayscale(0);opacity:1}.brands-card-logo{filter:grayscale(100%);height:60px;margin-bottom:12px;-o-object-fit:contain;object-fit:contain;opacity:.7;transition:all var(--transition-base);width:60px}.brands-card-name{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;text-align:center}.brands-show-all{margin-top:32px;text-align:center}.categories-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.categories-card{background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;overflow:hidden;padding:32px;position:relative;transition:all var(--transition-base)}.categories-card:before{background:var(--color-accent-gradient);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-base)}.categories-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-xl);transform:translateY(-5px)}.categories-card:hover:before{opacity:.1}.categories-card:hover .categories-card-icon svg{transform:scale(1.1)}.categories-card-icon{align-items:center;background:var(--color-bg-glass);border-radius:var(--radius-lg);display:flex;height:60px;justify-content:center;margin-bottom:16px;padding:4px;position:relative;width:60px;z-index:1}.categories-card-icon .fill{fill:var(--color-accent-secondary)}.categories-card-icon .color{color:var(--color-accent-secondary)}.categories-card-icon svg{color:var(--color-accent-primary);height:56px;transition:transform .3s ease;width:56px}.categories-card-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:8px;position:relative;z-index:1}.categories-card-count{color:var(--color-text-muted);font-size:var(--font-size-sm);position:relative;z-index:1}.about-preview{background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);margin:48px 0;padding:48px}.about-preview-grid{align-items:center;display:grid;gap:32px;grid-template-columns:1fr 1fr}.about-preview-content h3{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:16px}.about-preview-content p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:24px}.about-preview-features{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.about-preview-feature{align-items:center;display:flex;gap:12px}.about-preview-feature svg{color:var(--color-success);flex-shrink:0;height:24px;width:24px}.about-preview-feature span{font-size:var(--font-size-sm);font-weight:600}.about-preview-image{border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden}.about-preview-image img{display:block;height:auto;width:100%}.testimonials{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.testimonial-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:24px;transition:all var(--transition-base)}.testimonial-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.testimonial-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.testimonial-avatar{align-items:center;background:var(--color-accent-gradient);border-radius:var(--radius-full);color:var(--color-text-inverse);display:flex;flex-shrink:0;font-size:var(--font-size-xl);font-weight:800;height:50px;justify-content:center;width:50px}.testimonial-info{flex:1}.testimonial-name{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:700;margin-bottom:4px}.testimonial-rating{display:flex;gap:4px}.testimonial-rating svg{color:var(--color-accent-primary);height:16px;width:16px}.testimonial-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;line-height:1.7}.why-us{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:48px}.why-us-card{background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:32px;text-align:center;transition:all var(--transition-base)}.why-us-card:hover{border-color:var(--color-accent-primary);transform:translateY(-5px)}.why-us-icon{align-items:center;background:var(--color-accent-glow);border-radius:var(--radius-full);display:flex;height:60px;justify-content:center;margin:0 auto 16px;padding:16px;width:60px}.why-us-icon svg{color:var(--color-accent-primary);height:28px;width:28px}.why-us-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:8px}.why-us-text{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6}.faq{margin:0 auto;max-width:800px}.faq-item{background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);margin-bottom:16px;overflow:hidden;transition:all var(--transition-base)}.faq-item:hover{border-color:var(--color-border-accent)}.faq-item.active .faq-question svg{transform:rotate(180deg)}.faq-item.active .faq-answer{max-height:300px}.faq-question{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:600;gap:16px;justify-content:space-between;padding:24px;text-align:left;width:100%}.faq-question svg{color:var(--color-accent-primary);height:24px;transition:transform var(--transition-base);width:24px}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.faq-answer-content{color:var(--color-text-secondary);line-height:1.8;padding:0 24px 24px}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);margin-top:64px;padding:64px 0 32px}.footer-grid{display:grid;gap:32px;grid-template-columns:repeat(4,1fr);margin-bottom:48px}.footer-section{display:flex;flex-direction:column;gap:16px}.footer-section:first-child{grid-column:span 1}.footer-logo{align-items:center;display:flex;font-size:var(--font-size-xl);font-weight:800;gap:12px;letter-spacing:-.32px;margin-bottom:8px}.footer-logo-icon{animation:logoSpin 10s linear infinite;color:var(--color-accent-primary);height:36px;width:36px}.footer-logo-text{background:var(--color-accent-gradient);-webkit-background-clip:text;background-clip:text;color:var(--color-accent-primary);-webkit-text-fill-color:transparent;text-transform:uppercase}.footer-description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.7;max-width:300px}.footer-title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:700;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.footer-list{display:flex;flex-direction:column;gap:12px}.footer-list.footer-contacts{gap:16px}.footer-list li{align-items:center;display:flex;gap:12px}.footer-list li svg{color:var(--color-accent-primary);flex-shrink:0;height:18px;width:18px}.footer-link{color:var(--color-text-muted);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-accent-primary)}.footer-contacts span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.footer-socials{display:flex;gap:12px;margin-top:8px}.footer-social{align-items:center;background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.footer-social:hover{background:var(--color-accent-glow);border-color:var(--color-accent-primary);transform:translateY(-3px)}.footer-social:hover,.footer-social:hover svg{color:var(--color-accent-primary)}.footer-social svg{color:var(--color-text-secondary);height:18px;width:18px}.footer-bottom{align-items:center;border-top:1px solid var(--color-border-secondary);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:32px}.footer-copyright,.footer-disclaimer{color:var(--color-text-muted);font-size:var(--font-size-xs)}.bottom-nav{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);bottom:0;box-shadow:0 -4px 20px #0000004d;display:none;height:65px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;width:100%;z-index:101}.bottom-nav-item{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:60px;padding:8px 16px;position:relative;transition:all var(--transition-fast)}.bottom-nav-item svg{height:24px;width:24px}.bottom-nav-item span,.bottom-nav-item svg{color:var(--color-text-muted);transition:all var(--transition-fast)}.bottom-nav-item span{font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.bottom-nav-item:hover{background:var(--color-bg-glass)}.bottom-nav-item:hover span,.bottom-nav-item:hover svg{color:var(--color-text-secondary)}.bottom-nav-item.active,.bottom-nav-item.active span,.bottom-nav-item.active svg{color:var(--color-accent-primary)}.bottom-nav-item-center{position:relative}.bottom-nav-item-center svg{color:var(--color-accent-primary);height:32px;width:32px}.bottom-nav-item-center:hover:before{filter:blur(12px);opacity:.25}.bottom-nav-item-center:before{background:var(--color-accent-gradient);border-radius:50%;content:"";filter:blur(8px);height:50px;left:50%;opacity:.15;position:absolute;top:-18px;transform:translate(-50%);transition:all var(--transition-fast);width:50px}.bottom-nav-item-center.active svg{color:var(--color-accent-primary);transform:scale(1.1)}.bottom-nav-theme-icon-moon,[data-theme=light] .bottom-nav-theme-icon-sun{display:none}[data-theme=light] .bottom-nav-theme-icon-moon{display:block}.mobile-menu{display:flex;flex-direction:column;gap:24px;position:relative;text-align:center}.mobile-menu-overlay{align-items:center;background:var(--color-bg-primary);display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:all var(--transition-base);visibility:hidden;z-index:99}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-link{border-radius:var(--radius-xl);color:var(--color-text-secondary);font-size:var(--font-size-2xl);font-weight:700;padding:16px 32px;transition:all var(--transition-fast)}.mobile-menu-link:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.mobile-menu-link.active{background:var(--color-accent-glow);color:var(--color-accent-primary)}.cart-sidebar{background:var(--color-bg-secondary);border-left:1px solid var(--color-border-primary);display:flex;flex-direction:column;height:100vh;max-width:420px;position:fixed;right:0;top:0;transform:translate(100%);transition:transform var(--transition-slow);width:100%;z-index:101}.cart-sidebar.open{transform:translate(0)}.cart-sidebar-header{align-items:center;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:24px}.cart-sidebar-title{align-items:center;display:flex;font-size:var(--font-size-xl);font-weight:700;gap:12px}.cart-sidebar-title svg{color:var(--color-accent-primary);height:24px;width:24px}.cart-sidebar-close{align-items:center;background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.cart-sidebar-close:hover{border-color:var(--color-error);color:var(--color-error);transform:rotate(90deg)}.cart-sidebar-close svg{height:20px;width:20px}.cart-sidebar-items{flex:1;overflow-y:auto;padding:24px}.cart-sidebar-items:empty:before{color:var(--color-text-muted);content:"Корзина пуста";display:block;font-size:var(--font-size-lg);margin-top:48px;text-align:center}.cart-sidebar-footer{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border-primary);padding:24px}.cart-sidebar-total{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.cart-sidebar-total-label{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.cart-sidebar-total-amount{color:var(--color-accent-primary);font-size:var(--font-size-2xl);font-weight:800}.empty-state{padding:64px 32px;text-align:center}.empty-state-icon{align-items:center;background:var(--color-bg-glass);border-radius:var(--radius-full);color:var(--color-text-muted);display:flex;font-size:var(--font-size-3xl);height:80px;justify-content:center;margin:0 auto 24px;padding:24px;width:80px}.empty-state-icon svg{color:inherit;height:40px;width:40px}.empty-state-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:8px}.empty-state-text{color:var(--color-text-muted);margin-bottom:24px}.cart-item{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;gap:16px;margin-bottom:16px;padding:16px;transition:all var(--transition-base)}.cart-item.removing{animation:slideOutRight .3s ease forwards}.cart-item-image{border-radius:var(--radius-md);flex-shrink:0;height:80px;overflow:hidden;width:80px}.cart-item-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cart-item-content{display:flex;flex:1;flex-direction:column;min-width:0}.cart-item-name{font-size:var(--font-size-sm);font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-sku{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:8px}.cart-item-price{color:var(--color-accent-primary);font-weight:700;margin-top:auto}.cart-item-actions{align-items:center;display:flex;gap:12px;margin-top:8px}.cart-item-quantity{align-items:center;background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex}.cart-item-qty-btn{align-items:center;color:var(--color-text-secondary);display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.cart-item-qty-btn:hover{color:var(--color-accent-primary)}.cart-item-qty-btn svg{height:16px;width:16px}.cart-item-qty-value{font-size:var(--font-size-sm);font-weight:600;min-width:32px;text-align:center}.cart-item-remove{align-items:center;color:var(--color-text-muted);display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.cart-item-remove:hover{color:var(--color-error)}.cart-item-remove svg{height:16px;width:16px}.cart-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;opacity:0;position:fixed;transition:all var(--transition-base);visibility:hidden;z-index:100}.cart-backdrop.active{opacity:1;visibility:visible}.modal{align-items:flex-start;display:flex;inset:0;justify-content:center;opacity:0;padding-top:10vh;position:fixed;transition:all var(--transition-base);visibility:hidden;z-index:111}.modal.active{opacity:1;visibility:visible}.modal.active .modal-content{transform:translateY(0)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;inset:0;position:absolute}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:80vh;max-width:600px;position:relative;transform:translateY(-20px);transition:transform var(--transition-base);width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:24px}.modal-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:700}.modal-close{align-items:center;background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.modal-close:hover{border-color:var(--color-error);color:var(--color-error);transform:rotate(90deg)}.modal-close svg{height:20px;width:20px}.modal-body{overflow-y:auto;padding:24px}.search-modal-input-wrapper{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);display:flex;gap:16px;padding:16px 20px;position:relative;transition:all var(--transition-fast)}.search-modal-input-wrapper:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-glow)}.search-modal-input-wrapper svg{color:var(--color-text-muted);flex-shrink:0;height:20px;width:20px}.search-modal-input{background:none;border:none;color:var(--color-text-primary);flex:1;font-size:var(--font-size-base);outline:none}.search-modal-input::-moz-placeholder{color:var(--color-text-muted)}.search-modal-input::placeholder{color:var(--color-text-muted)}.search-modal-results{margin-top:24px}.search-modal-no-results,.search-modal-placeholder{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:48px 16px;text-align:center}.search-modal-no-results svg,.search-modal-placeholder svg{height:48px;opacity:.3;width:48px}.search-modal-no-results p,.search-modal-placeholder p{font-size:var(--font-size-sm)}.search-result-item{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:16px;margin-bottom:12px;padding:16px;transition:all var(--transition-fast)}.search-result-item:hover{background:var(--color-bg-glass);border-color:var(--color-accent-primary)}.search-result-item:last-child{margin-bottom:0}.search-result-image{border-radius:var(--radius-md);flex-shrink:0;height:60px;overflow:hidden;width:60px}.search-result-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.search-result-info{flex:1;min-width:0}.search-result-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-sku{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:4px}.search-result-price{color:var(--color-accent-primary);font-size:var(--font-size-sm);font-weight:700}.search-result-add{align-items:center;background:var(--color-accent-gradient);border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.search-result-add:hover{box-shadow:0 0 20px var(--color-accent-glow);transform:scale(1.1)}.search-result-add svg{height:18px;width:18px}.page{padding:48px 0}.page-header{margin-bottom:48px;text-align:center}.page-title{background:var(--color-accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-5xl));font-weight:900;margin-bottom:16px;-webkit-text-fill-color:transparent}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.page-content{margin:0 auto;overflow:hidden}.page-card{background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);margin-bottom:32px;padding:40px}.page-card-title{align-items:center;display:flex;flex-direction:row;gap:12px;margin-bottom:16px}.page-card-title svg{color:var(--color-accent-primary);height:24px;width:24px}.page-card-title h3{color:var(--color-accent-primary);font-size:var(--font-size-xl);font-weight:700}.page-card p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:16px}.page-card p:last-child{margin-bottom:0}.product{padding:32px 0}.product-grid{display:grid;gap:48px;grid-template-columns:1fr 1fr;margin-bottom:64px}.product-gallery{position:relative}.product-gallery-main-image{background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);margin-bottom:16px;overflow:hidden}.product-gallery-main-image img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;width:100%}.product-gallery-thumbnails{display:flex;flex-wrap:wrap;gap:16px;padding-bottom:8px}.product-gallery-thumbnail{aspect-ratio:1/1;border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;flex:0 0 calc(20% - 12.8px);overflow:hidden;transition:all var(--transition-fast)}.product-gallery-thumbnail.active,.product-gallery-thumbnail:hover{border-color:var(--color-accent-primary)}.product-gallery-thumbnail img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.product-info{display:flex;flex-direction:column;gap:24px}.product-title{font-size:var(--font-size-3xl);font-weight:800;line-height:1.2}.product-sku{color:var(--color-text-muted);font-size:var(--font-size-base);text-transform:uppercase}.product-price{align-items:center;display:flex;flex-direction:row;gap:12px}.product-price .price-new{color:var(--color-accent-primary);font-size:var(--font-size-4xl);font-weight:900}.product-price .price-old{border-left:1px solid var(--color-text-muted);color:var(--color-text-muted);font-size:var(--font-size-2xl);font-weight:600;padding-left:12px;text-decoration:line-through}.product-actions{display:flex;flex-wrap:wrap;gap:16px}.product-actions .btn{flex:1;min-width:250px}.product-tabs{background:var(--color-bg-glass-light);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden}.product-tabs-nav{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-primary);display:flex}.product-tabs-nav-item{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);font-weight:700;padding:16px 24px;position:relative;transition:all var(--transition-fast)}.product-tabs-nav-item:hover{color:var(--color-text-primary)}.product-tabs-nav-item.active{color:var(--color-accent-primary)}.product-tabs-nav-item.active:after{background:var(--color-accent-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.product-tabs-content{padding:24px}.product-tabs-pane{display:none}.product-tabs-pane.active{display:block}.product-spec{display:flex;flex-direction:column;gap:16px}.product-spec-comment{background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;padding:16px}.product-spec-comment-title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase}.product-spec-comment-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.product-spec-list{display:flex;flex-direction:column;gap:12px}.product-spec-item{align-items:center;background:var(--color-bg-glass-light);border-radius:var(--radius-md);display:flex;flex-direction:row;font-size:var(--font-size-xs);gap:16px;padding:12px}.product-spec-item-label{color:var(--color-accent-primary);font-weight:600;letter-spacing:.05em;text-transform:uppercase;width:30%}.product-spec-item-value{color:var(--color-text-muted);font-weight:500;width:70%}.product-compatibility{display:flex;flex-direction:column;gap:16px}.product-compatibility-actions{display:flex;flex-direction:row;gap:12px}.product-compatibility-tab-input{opacity:0;pointer-events:none;position:absolute}.product-compatibility-tab-container{min-height:100px;overflow:hidden;position:relative;width:100%}.product-compatibility-tab-pane{left:0;opacity:0;position:absolute;top:0;transform:translateY(15px);transition:all 0s;visibility:hidden;width:100%}.product-compatibility:has(#com-tab-1:checked) #com-pane-1,.product-compatibility:has(#com-tab-2:checked) #com-pane-2,.product-compatibility:has(#com-tab-3:checked) #com-pane-3,.product-compatibility:has(#com-tab-4:checked) #com-pane-4,.product-compatibility:has(#com-tab-5:checked) #com-pane-5,.product-compatibility:has(#com-tab-6:checked) #com-pane-6,.product-compatibility:has(#com-tab-7:checked) #com-pane-7{opacity:1;position:relative;transform:translateY(0);transition:opacity var(--transition-slow),transform var(--transition-slow);visibility:visible}.product-compatibility-actions:has(#com-tab-1:checked) label[for=com-tab-1],.product-compatibility-actions:has(#com-tab-2:checked) label[for=com-tab-2],.product-compatibility-actions:has(#com-tab-3:checked) label[for=com-tab-3],.product-compatibility-actions:has(#com-tab-4:checked) label[for=com-tab-4],.product-compatibility-actions:has(#com-tab-5:checked) label[for=com-tab-5],.product-compatibility-actions:has(#com-tab-6:checked) label[for=com-tab-6],.product-compatibility-actions:has(#com-tab-7:checked) label[for=com-tab-7]{background-color:var(--color-accent-glow);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.breadcrumbs{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:16px 0}.breadcrumbs-separator{color:var(--color-text-muted);opacity:.5}.breadcrumbs-item{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);gap:8px;transition:color var(--transition-fast)}.breadcrumbs-item svg{height:16px;width:16px}.breadcrumbs-item:hover{color:var(--color-accent-primary)}.breadcrumbs-item-current{font-weight:600}.breadcrumbs-item-current,.breadcrumbs-item-current:hover{color:var(--color-text-primary)}.compatibility{display:flex;flex-direction:column;gap:16px;width:100%}.compatibility-item{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden}.compatibility-item,.compatibility-item-face{background:var(--color-bg-tertiary);display:flex}.compatibility-item-face{align-items:center;border-right:1px solid var(--color-border-primary);flex-direction:column;flex-shrink:0;justify-content:center;padding:10px;width:100px}.compatibility-item-face img{border-radius:4px;height:auto;margin-bottom:8px;width:100%}.compatibility-item-face-model{color:var(--color-text-primary);font-family:sans-serif;font-size:var(--font-size-xs);letter-spacing:.5px;line-height:1.2;text-align:center}.compatibility-item-spec{flex-grow:1;overflow-x:auto;padding:0 10px}.compatibility-item-spec-filed{border-collapse:collapse;font-family:sans-serif;font-size:var(--font-size-mi);letter-spacing:.5px;width:100%}.compatibility-item-spec-filed th{border-bottom:1px solid var(--color-border-primary);font-weight:600;padding:8px 4px;text-align:left;white-space:nowrap}.compatibility-item-spec-filed td{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-muted);padding:8px 4px;vertical-align:middle}.compatibility-item-spec-filed tr:last-child td{border-bottom:none}.brands-view-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.brands-view-card{align-items:center;background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;padding:32px;transition:all var(--transition-base)}.brands-view-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-xl);transform:translateY(-5px)}.brands-view-card-logo{filter:grayscale(100%);height:80px;margin-bottom:16px;-o-object-fit:contain;object-fit:contain;opacity:.7;transition:all var(--transition-base);width:80px}.brands-view-card-logo img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.brands-view-card:hover .brands-view-card-logo{filter:grayscale(0);opacity:1}.brands-view-card-name{font-size:var(--font-size-base);font-weight:700;text-align:center}.brands-view-card-count{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:4px}.x-select{margin-bottom:20px;max-width:500px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.x-select.disabled{opacity:.4;pointer-events:none}.x-select-source{display:none!important}.x-select-header{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:10px;justify-content:space-between;letter-spacing:normal;line-height:24px;padding:14px 16px;width:100%}.x-select-header:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.x-select-header:hover{border-color:var(--color-border-accent)}.x-select-header:disabled{cursor:not-allowed;opacity:.5}.x-select-current{align-items:center;display:flex;gap:10px}.x-select-current img{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.x-select-arrow{border-bottom:2px solid var(--color-text-primary);border-right:2px solid var(--color-text-primary);height:8px;transform:rotate(45deg);transition:.3s;width:8px}.x-select-dropdown{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-2xl);display:none;left:0;position:absolute;right:0;top:100%;z-index:100}.x-select.open .x-select-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.x-select.open .x-select-arrow{transform:rotate(-135deg)}.x-select.open .x-select-dropdown{display:block}.x-select-search{border-bottom:1px solid var(--color-border-primary);padding:10px}.x-select-search input{background:var(--color-bg-glass-light);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);outline:none;padding:8px;width:100%}.x-select-options{border-radius:0 0 var(--radius-lg) var(--radius-lg);max-height:250px;overflow-y:auto}.x-select-option{align-items:center;cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:10px;letter-spacing:normal;line-height:18px;padding:12px 16px;transition:.3s}.x-select-option img{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.x-select-option.is-selected{background:var(--color-border-primary)}.x-select-option.is-hidden{display:none}.x-select-option:hover{background:var(--color-border-primary)}.x-select-no-results{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:row;font-size:var(--font-size-sm);gap:8px;justify-content:center;line-height:var(--font-size-sm);opacity:.7;padding:20px 15px;text-align:center}.x-select-no-results.is-hidden{display:none}.x-select-no-results svg{height:20px;width:20px}.x-select.is-loading{pointer-events:none}.x-select.is-loading .x-select-header{background:var(--color-bg-tertiary);cursor:wait;opacity:.7}.x-select.is-loading .x-select-header .x-select-current{animation:x-select-pulse 1.5s ease-in-out infinite}.x-select.is-loading .x-select-header .x-select-arrow{animation:x-select-spin 1s linear infinite;background:transparent;border:2px solid var(--color-border-primary);border-radius:50%;border-top-color:var(--color-accent-primary);height:16px;width:16px}.catalog{--width-catalog:280px;display:grid;gap:32px;grid-template-columns:var(--width-catalog) 1fr;padding:32px 0}.catalog-sidebar{background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);height:-moz-fit-content;height:fit-content;max-width:var(--width-catalog);padding:24px}.catalog-sidebar::-webkit-scrollbar{width:6px}.catalog-sidebar::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:3px}.catalog-sidebar::-webkit-scrollbar-thumb{background:var(--color-accent-primary);border-radius:3px}.catalog-main{min-width:0}.catalog-filter-group{border-bottom:1px solid var(--color-border-primary);margin-bottom:32px;padding-bottom:32px}.catalog-filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.catalog-filter-title{align-items:center;display:flex;font-size:var(--font-size-base);font-weight:700;justify-content:space-between;margin-bottom:16px}.catalog-filter-reset{color:var(--color-accent-primary);cursor:pointer;font-size:var(--font-size-xs)}.catalog-toolbar{align-items:center;background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;padding:16px 24px}.catalog-results{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.catalog-results strong{color:var(--color-accent-primary)}.catalog-sort{align-items:center;display:flex;gap:12px}.catalog-sort-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.catalog-sort-select{margin-bottom:0!important;width:200px}.catalog-sort-select .x-select-header,.catalog-sort-select .x-select-option{padding:8px 10px}.catalog-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:32px}.card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden;position:relative;transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-8px)}.card:hover .card-image{transform:scale(1.03)}.card-wishlist-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all var(--transition-fast);width:40px;z-index:10}.card-wishlist-btn:hover{background:var(--color-accent-glow);border-color:var(--color-accent-primary);color:var(--color-accent-primary);transform:scale(1.1)}.card-wishlist-btn svg{height:20px;width:20px}.card-link{color:inherit;display:block}.card-link,.card-link:hover{text-decoration:none}.card-image-wrapper{aspect-ratio:1;overflow:hidden;position:relative}.card-image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow);width:100%}.card-badge{background:var(--color-accent-gradient);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:700;left:16px;padding:6px 12px;position:absolute;text-transform:uppercase;top:16px}.card-content{padding:24px}.card-category{color:var(--color-accent-primary);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.card-title{font-size:var(--font-size-lg);font-weight:700;line-height:1.3;margin-bottom:8px}.card-sku{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:1rem}.card-price-wrapper{align-items:center;display:flex;gap:12px;margin-bottom:16px}.card-price{color:var(--color-accent-primary);font-size:var(--font-size-xl);font-weight:800}.card-price-old{color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:line-through}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes badgeBump{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes meshFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.95)}75%{transform:translate(-50px,-30px) scale(1.05)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes heroFloat{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-20px) rotate(0)}}@keyframes morphGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes x-select-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes x-select-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media(max-width:1280px){.container{padding:0 24px}.why-us{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.product-gallery-thumbnails{gap:8px}.product-gallery-thumbnail{flex:0 0 calc(25% - 6px)}.product-spec-item{align-items:flex-start;flex-direction:column;gap:8px}.product-spec-item-label,.product-spec-item-value{width:100%}}@media(max-width:992px){.header-logo{gap:8px}.header-nav{display:none}.header-actions{gap:8px}.header-btn-search,.header-btn-theme{display:none}.header-btn-menu{display:flex}.main-content{padding-bottom:65px}.hero{min-height:var(--header-height);padding:32px 0}.hero-container{grid-template-columns:1fr}.hero-actions,.hero-stats,.hero-visual{display:none}.section{padding:48px 0}.calculator{padding:24px}.calculator-actions{flex-direction:column}.calculator-actions .btn{width:100%}.about-preview{padding:24px}.about-preview-grid,.testimonials{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-logo{gap:8px}.bottom-nav{display:flex}.cart-sidebar{max-width:100%}.page-card{padding:24px}.product-grid{grid-template-columns:1fr}.product-gallery-thumbnail{flex:0 0 calc(20% - 6.4px)}.product-spec-item{align-items:center;flex-direction:row;gap:16px}.product-spec-item-label{width:30%}.product-spec-item-value{width:70%}.brands-view-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:768px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-stats{gap:24px}.product-gallery-thumbnail{flex:0 0 calc(25% - 6px)}.product-info{gap:16px}.product-title{font-size:var(--font-size-2xl)}.product-sku{font-size:var(--font-size-sm)}.product-price .price-new{font-size:var(--font-size-2xl)}.product-price .price-old{font-size:var(--font-size-lg)}.catalog{gap:16px;grid-template-columns:1fr}.catalog-sidebar{max-height:none;overflow-y:visible;position:relative;top:0}}@media(max-width:576px){.footer-grid{grid-template-columns:1fr}.footer-section{align-items:center}.footer-description{text-align:center}.footer-list{align-items:center}.footer-bottom{justify-content:center}.product-gallery-thumbnail{flex:0 0 calc(33.33333% - 5.33333px)}.product-spec-item{align-items:flex-start;flex-direction:column;gap:8px}.product-spec-item-label,.product-spec-item-value{width:100%}}