.whatsapp-float{color:#fff;text-align:center;z-index:1000;background-color:#25d366;border-radius:50px;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;transition:all .3s;display:flex;position:fixed;bottom:40px;right:40px;box-shadow:2px 2px 3px #999}.whatsapp-float:hover{color:#fff;background-color:#1ebe57;transform:scale(1.1);box-shadow:0 0 15px #25d36680}@media (width<=768px){.whatsapp-float{width:50px;height:50px;font-size:25px;bottom:90px;right:20px}}.navbar{z-index:1000;width:100%;transition:var(--transition);padding:1.5rem 0;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);background:#fffffff2;padding:.8rem 0;box-shadow:0 4px 30px #0a11281a}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-display);letter-spacing:3px;align-items:center;gap:10px;font-size:1.8rem;font-weight:400;line-height:1;text-decoration:none;display:flex}.navbar-icon{width:auto;height:35px}.logo-sub{letter-spacing:4px;color:var(--text-dim);font-size:.7rem}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-main);text-transform:uppercase;transition:var(--transition);font-size:.9rem;font-weight:600;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-5px;left:0}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}.btn-sm{padding:.6rem 1.5rem;font-size:.8rem}.mobile-bottom-nav{display:none}@media (width<=768px){.nav-links{display:none}.nav-content{justify-content:center}.mobile-bottom-nav{-webkit-backdrop-filter:blur(15px);z-index:1000;background:#fffffff2;border-top:1px solid #0000000d;justify-content:space-around;align-items:center;width:100%;padding:.8rem 0 1rem;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #0000000d}.mobile-nav-item{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:5px;width:25%;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-item:active{color:var(--primary);transform:scale(.95)}}.footer{border-top:1px solid var(--card-border);background-color:var(--secondary);padding-top:4rem;padding-bottom:2rem}.footer-grid{grid-template-columns:2fr 1fr;gap:2rem;max-width:800px;margin:0 auto;display:grid}.footer-brand h2{margin-bottom:1rem;font-size:2rem}.footer-brand p{color:#fff;max-width:300px;margin-bottom:2rem}.footer-links h4{color:#fff;margin-bottom:1.5rem;font-size:1rem}.footer-links ul{flex-direction:column;gap:.8rem;list-style:none;display:flex}.footer-links a{color:#fff;transition:var(--transition);text-decoration:none}.footer-links a:hover{color:var(--primary);padding-left:5px}.footer-bottom{text-align:center;color:#fff;border-top:1px solid #ffffff0d;margin-top:4rem;padding-top:2rem;font-size:.9rem}@media (width<=768px){.footer-grid{text-align:center;grid-template-columns:1fr}.footer-brand p{margin:0 auto 2rem}}.catalog-page{background-color:var(--bg-alt);min-height:100vh}.catalog-content{padding-top:120px}.theme-moto{--primary:#e63946;--primary-glow:#e639464d;background-color:var(--bg-alt)}.theme-moto .accent-color{color:var(--primary)}.theme-auto{--primary:#d00000;--primary-glow:#d000004d;background-color:var(--bg-main)}.theme-auto .accent-color{color:var(--primary)}.filters-container{flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem;display:flex}.filter-btn{border:1px solid var(--card-border);color:var(--text-dim);cursor:pointer;background:#fff;border-radius:50px;padding:.6rem 1.5rem;font-family:inherit;font-weight:600;transition:all .3s;box-shadow:0 4px 6px #0a11280d}.filter-btn:hover,.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 5px 15px var(--primary-glow);transform:translateY(-2px)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.product-card{background-color:var(--bg-card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.product-card:hover{border-color:#e639464d;transform:translateY(-8px);box-shadow:0 15px 35px #0a11281f}.product-img-wrapper{border-bottom:1px solid var(--card-border);background-color:#f9fafb;height:220px;position:relative;overflow:hidden}.product-img{object-fit:contain;width:100%;height:100%;padding:1rem;transition:transform .5s}.product-card:hover .product-img{transform:scale(1.08)}.category-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;border:1px solid var(--card-border);color:var(--secondary);background:#ffffffe6;border-radius:20px;padding:.3rem .8rem;font-size:.75rem;font-weight:800;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 10px #0000000d}.product-info{flex-direction:column;flex:1;justify-content:space-between;gap:1.5rem;padding:2rem 1.5rem;display:flex}.product-info h3{color:var(--secondary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:1.25rem;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.product-price-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;display:flex}.product-price-row .price{color:var(--primary);font-size:1.4rem;font-weight:900}.product-price-row .stock{white-space:nowrap;color:var(--text-dim);background:#f3f4f6;border-radius:20px;padding:.4rem .8rem;font-size:.85rem;font-weight:700}.product-price-row .out-of-stock{color:var(--primary);background:#e639461a}.stock-status{font-size:.85rem;font-weight:700}.in-stock{color:#10b981}.whatsapp-btn{color:#fff;background-color:#25d366;border-color:#25d366;font-weight:700}.whatsapp-btn:hover{color:#fff;background-color:#1ebe57;border-color:#1ebe57;box-shadow:0 8px 15px #25d3664d}.loading-state{color:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 0;display:flex}.spinner{border:3px solid #0a11281a;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:var(--secondary);border:1px dashed var(--card-border);border-radius:16px;padding:3rem}.description-toggle-container{margin-bottom:.5rem}.view-description-btn{color:var(--primary);text-transform:uppercase;align-items:center;gap:4px;font-size:.75rem;font-weight:800;transition:all .3s;display:inline-flex}.view-description-btn:hover{color:var(--secondary);transform:translate(4px)}.view-description-btn span{font-size:.6rem;transition:transform .3s}.product-card:hover .view-description-btn span{transform:translateY(3px)}.product-description-wrapper{opacity:0;max-height:0;transition:max-height .4s,opacity .3s;overflow:hidden}.product-description-wrapper.show{opacity:1;max-height:200px;margin-top:.5rem;overflow-y:auto}.product-card.expanded{border-color:var(--primary);z-index:10;transform:scale(1.05)translateY(-5px);box-shadow:0 25px 50px #e6394626}.unified-landing{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.animate-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.25,.8,.25,1),transform .8s cubic-bezier(.25,.8,.25,1);transform:translateY(40px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.animate-fade-in{opacity:0;transition:opacity .8s ease-in}.animate-fade-in.is-visible{opacity:1}.animate-float{animation:6s ease-in-out infinite float}.animate-float-delayed{animation:6s ease-in-out 2s infinite float}.hero-premium{background-color:var(--bg-main);justify-content:center;align-items:center;min-height:100vh;padding:8rem 0 4rem;display:flex;position:relative;overflow:hidden}.hero-video-wrapper{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-video{object-fit:cover;opacity:.8;width:100%;height:100%}.hero-gradient-overlay{z-index:1;background:linear-gradient(#0000 0%,#000a1e66 50%,#000a1e 85% 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content-premium{z-index:10;text-align:center;width:100%;max-width:1200px;padding:0 2rem;position:relative}.hero-title-premium{text-transform:uppercase;letter-spacing:-2px;color:var(--secondary);filter:drop-shadow(0 0 4px #fffc)drop-shadow(0 0 12px #ffffff80);margin-bottom:.5rem;font-size:clamp(3rem,8vw,6.5rem);font-weight:900;line-height:1.1}.hero-subtitle-premium{color:#fff;max-width:650px;margin:0 auto 10rem;font-size:1.2rem;line-height:1.6}.hero-cards-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto;display:grid}@media (width<=900px){.hero-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.luxury-card{cursor:pointer;border:1px solid var(--card-border);height:300px;box-shadow:var(--card-shadow);background-position:50%;background-size:cover;border-radius:20px;transition:all .5s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.moto-card{background-image:url(https://images.unsplash.com/photo-1558981403-c5f9899a28bc?q=80&w=1000)}.auto-card{background-image:url(https://images.unsplash.com/photo-1603584173870-7f23fdae1b7a?q=80&w=1000)}.tech-card{background-image:url(/gps-bg.jpg)}.card-overlay{background:linear-gradient(#fff0 40%,#ffffffd9 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.card-content{text-align:left;z-index:2;width:100%;padding:2.5rem 2rem;transition:transform .4s;position:absolute;bottom:0;left:0;transform:translateY(20px)}.luxury-card h3{color:var(--secondary);margin:0 0 .5rem;font-size:2rem;font-weight:800}.luxury-card p{color:var(--text-dim);margin-bottom:1.5rem;font-size:.95rem}.btn-glow{background:var(--primary);color:#fff;border-radius:30px;padding:.6rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.auto-glow{background:var(--secondary);color:#fff}.tech-glow{background:var(--primary);color:#fff}.luxury-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0a112826}.luxury-card:hover .card-overlay{background:linear-gradient(#ffffff1a 20%,#ffffffe6 100%)}.luxury-card:hover .card-content{transform:translateY(0)}.moto-card:hover .btn-glow{background:var(--primary);transform:scale(1.05)}.auto-card:hover .auto-glow{background:var(--secondary);transform:scale(1.05)}.tech-card:hover .tech-glow{background:var(--primary);transform:scale(1.05)}.brands-marquee{background:var(--bg-alt);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);white-space:nowrap;width:100%;padding:2rem 0;position:relative;overflow:hidden}.brands-marquee:before,.brands-marquee:after{content:"";z-index:2;width:100px;height:100%;position:absolute;top:0}.brands-marquee:before{background:linear-gradient(to right, var(--bg-alt), transparent);left:0}.brands-marquee:after{background:linear-gradient(to left, var(--bg-alt), transparent);right:0}.marquee-content{color:var(--secondary);letter-spacing:3px;font-size:1.2rem;font-weight:800;animation:30s linear infinite scroll;display:inline-block}.marquee-content span{margin:0 2rem;transition:color .3s}.marquee-content span:hover{color:var(--primary)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.content-gradient-wrapper{background:var(--bg-main);width:100%}.about-us-premium{background:0 0;padding:6rem 0}.about-content-wrapper{align-items:center;gap:4rem;max-width:1100px;margin:0 auto;padding:0 2rem;display:flex}.about-image-container{flex:1;position:relative}.about-image{object-fit:cover;z-index:2;width:100%;max-width:450px;box-shadow:var(--card-shadow);border-radius:20px;transition:filter .5s,transform .5s;position:relative}.blur-effect{opacity:.7;filter:blur(6px);transition:all .5s}.blur-effect:hover{opacity:1;filter:blur();transform:scale(1.02)}.about-image-glow{z-index:1;filter:blur(20px);background:radial-gradient(circle,#0a11280d 0%,#0000 70%);border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-text-container{flex:1}.about-text-container h2{color:var(--secondary);margin-top:.5rem;margin-bottom:1.5rem;font-size:2.8rem;line-height:1.2}.about-text-container p{color:var(--text-dim);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}@media (width<=768px){.about-content-wrapper{text-align:center;flex-direction:column;gap:2rem}}.services-premium{background:var(--bg-alt);padding:6rem 0}.section-header-modern{margin-bottom:4rem}.subtitle-accent{color:var(--primary);letter-spacing:2px;text-transform:uppercase;font-size:.85rem;font-weight:700;display:block}.section-header-modern h2{color:var(--secondary);margin-top:.5rem;font-size:2.5rem}.modern-services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0 2rem;display:grid}.glass-blur{background:var(--bg-card);border:1px solid var(--card-border);text-align:center;box-shadow:var(--card-shadow);border-radius:20px;padding:3rem 2rem;transition:all .3s}.glass-blur:hover{border-color:var(--primary);transform:translateY(-10px);box-shadow:0 15px 35px #0a11281a}.service-icon{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.glass-blur h3{color:var(--secondary);margin-bottom:1rem;font-size:1.3rem}.glass-blur p{color:var(--text-dim);line-height:1.6}.location-premium{background:var(--bg-main);padding:6rem 0}.location-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (width<=768px){.location-grid{grid-template-columns:1fr;gap:2rem}.contact-info-panel{padding:1.5rem}.contact-info-panel h3{text-align:center}.contact-list li{align-items:flex-start;font-size:1rem}.social-links-large{flex-wrap:wrap;justify-content:center}}.contact-info-panel{background:var(--bg-alt);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:20px;padding:3rem}.contact-info-panel h3{color:var(--secondary);margin-bottom:2rem;font-size:1.8rem}.contact-list{flex-direction:column;gap:1.5rem;margin-bottom:2rem;list-style:none;display:flex}.contact-list li{color:var(--text-dim);align-items:center;gap:1rem;font-size:1.1rem;display:flex}.contact-list .icon{color:var(--primary);font-size:1.5rem}.social-links-large{gap:1rem;margin-top:1rem;display:flex}.social-icon-large{border:1px solid var(--card-border);width:50px;height:50px;color:var(--secondary);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.social-icon-large:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-5px);box-shadow:0 5px 15px #e639464d}.maps-placeholder{background:var(--bg-alt);width:100%;height:400px;color:var(--text-dim);text-align:center;border:2px dashed #0a11281a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:all .3s;display:flex}.maps-placeholder:hover{border-color:var(--secondary);background:#0a112805}.contact-store-image{border:1px solid var(--card-border);border-radius:14px;width:100%;height:220px;margin-bottom:1.5rem;overflow:hidden}.contact-store-image img{object-fit:cover;width:100%;height:100%;display:block}.maps-container{width:100%;min-height:400px;box-shadow:var(--card-shadow);border-radius:16px;display:flex;overflow:hidden}.maps-container iframe{border:0;flex-grow:1;width:100%;min-height:400px}@media (width<=768px){.unified-landing{padding-bottom:70px}.maps-container,.maps-container iframe{min-height:280px}}:root{--font-body:"Plus Jakarta Sans", sans-serif;--font-display:"Bebas Neue", sans-serif;--primary:#e63946;--primary-glow:#e639464d;--secondary:#0a1128;--secondary-light:#1c2541;--bg-main:#fff;--bg-alt:#f8f9fa;--bg-card:#fff;--text-main:#0a1128;--text-dim:#0a1128;--card-shadow:0 10px 30px #0a112814;--card-border:#0a11280d;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}.theme-auto{--primary:#e63946;--primary-glow:#e639464d;--secondary:#0a1128}.theme-moto{--primary:#d00000;--primary-glow:#d000004d;--secondary:#0a1128}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);scroll-behavior:smooth;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;font-weight:400;line-height:1.1}.glass{background:var(--bg-card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:16px}.glass-dark{background:var(--secondary);color:#fff;border:none;border-radius:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeInUp}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-padding{padding:8rem 0}.btn{text-transform:uppercase;transition:var(--transition);cursor:pointer;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 8px 25px var(--primary-glow);filter:brightness(1.1);color:#fff;transform:translateY(-3px)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.neon-text{color:var(--secondary);font-weight:900}.gradient-text{background:linear-gradient(90deg, var(--secondary), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-logo{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}