:root{--text-primary:#242424;--text-secondary:#363636;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2)}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}#app,h1,h2,h3,h4,h5,h6{font-weight:400;color:var(--text-primary)}.site-header{background:#fff;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;justify-content:space-between;height:80px}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{text-decoration:none}.logo-image{height:60px;width:auto;transition:opacity .2s ease}.nav-logo:hover .logo-image{opacity:.8}.nav-menu{display:flex;list-style:none;gap:30px;align-items:center}.nav-item{position:relative}.dropdown-menu:hover,.has-dropdown:hover .dropdown-menu{display:block}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);border-radius:8px;padding:10px 0;min-width:220px;margin-top:0;padding-top:15px;list-style:none;z-index:1000}.dropdown-menu li:first-child{margin-top:5px}.dropdown-menu li{padding:0}.dropdown-link{display:block;padding:10px 20px;color:var(--text-primary);text-decoration:none;transition:background .2s ease;white-space:nowrap}.dropdown-link:hover{background:#fff}.dropdown-link.router-link-active{background:#fff;color:#667eea;font-weight:500;text-decoration:none}.nav-link{text-decoration:none;color:var(--text-primary);font-weight:400;transition:color .2s ease;padding:5px 0}.has-dropdown:hover>.nav-link,.nav-link:hover{color:#667eea}.nav-link.router-link-active{color:#000;font-weight:400;text-decoration:underline}.shop-link{position:relative;padding:10px 20px;border-radius:5px;background:#fff;background-clip:padding-box;border:2px solid transparent;transition:all .3s ease;color:#667eea}.shop-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:var(--gradient-primary)}.shop-link:hover{background:var(--gradient-primary);color:#fff}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:25px;height:3px;background-color:var(--text-secondary);margin:3px 0;transition:.3s;transform-origin:center}.hamburger.active .hamburger-line:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.shop-button{position:relative;padding:15px 20px;border-radius:5px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;border:2px solid transparent;transition:all .3s ease;color:#667eea;text-decoration:none;display:inline-block}.shop-button:hover{background:linear-gradient(135deg,#667eea,#764ba2) border-box;color:#fff}.shop-button:before{content:none}main{flex:1}.site-footer{border-top:1px solid #e1e1e1;padding:40px 20px 20px;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto}.footer-content{text-align:center;margin-bottom:30px}.footer-logo{width:240px;height:auto;margin-bottom:20px;opacity:.8}.footer-content h3{margin-bottom:10px;font-size:20px}.footer-content p{color:var(--text-secondary);margin-bottom:20px;max-width:600px;margin-left:auto;margin-right:auto}.social-links{display:flex;justify-content:center;gap:20px}.social-links a{color:var(--text-primary);text-decoration:none;font-weight:400}.footer-bottom,.social-links a:hover{color:var(--text-secondary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e1e1e1;font-size:14px}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--text-secondary);text-decoration:none}.footer-links a:hover{color:var(--text-primary)}@media (max-width:768px){.nav-container{justify-content:space-between;height:70px;padding:15px 20px}.hamburger{display:flex}.nav-menu{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:#fff;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:50px;gap:30px;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1)}.dropdown-menu{position:static;display:none;box-shadow:none;background:#fff;margin:10px 20px 0;padding:5px 0}.has-dropdown:focus-within .dropdown-menu,.has-dropdown:hover .dropdown-menu{display:block}.nav-menu.active{transform:translateX(0)}.nav-item{width:100%;text-align:center}.nav-link{display:block;padding:15px 20px;font-size:1.2rem;width:100%}.shop-link{margin:20px;padding:15px 30px;border-radius:25px;width:auto}.footer-bottom{flex-direction:column;gap:15px}.social-links{flex-wrap:wrap}}.container[data-v-01f5eeb6]{max-width:1200px;margin:0 auto;padding:0 20px}.hero[data-v-01f5eeb6]{background:#fff;padding:20px 20px}.hero-content[data-v-01f5eeb6]{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:60px}.hero-text[data-v-01f5eeb6]{flex:1}.hero-text h1[data-v-01f5eeb6]{font-size:3rem;font-weight:400;margin-bottom:20px;color:var(--text-primary);line-height:1.2}.hero-text p[data-v-01f5eeb6]{font-size:1.2rem;line-height:1.6;color:var(--text-secondary)}.hero-text .shop-button[data-v-01f5eeb6]{margin-top:25px;display:inline-block}.shop-button[data-v-01f5eeb6]{position:relative;padding:15px 20px;border-radius:5px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;border:2px solid transparent;transition:all .3s ease;color:#667eea;text-decoration:none;display:inline-block}.shop-button[data-v-01f5eeb6]:hover{background:linear-gradient(135deg,#667eea,#764ba2) border-box;color:#fff}.shop-button[data-v-01f5eeb6]:before{content:none}.hero-image[data-v-01f5eeb6]{flex:1}.hero-image img[data-v-01f5eeb6]{width:100%;height:auto;border-radius:8px}.ion-pro-section[data-v-01f5eeb6]{background:#fff}@media (max-width:768px){.hero-content[data-v-01f5eeb6]{flex-direction:column;text-align:center}.hero-text h1[data-v-01f5eeb6]{font-size:2rem}}.video-section[data-v-01f5eeb6]{padding:80px 20px;background:#fff}.video-section .section-title[data-v-01f5eeb6]{text-align:center;font-size:2.5rem;margin-bottom:60px;color:var(--text-primary)}.faq-section[data-v-01f5eeb6]{padding:80px 20px;background:#fff}.faq-grid[data-v-01f5eeb6]{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1000px;margin:0 auto}.faq-item[data-v-01f5eeb6]{text-align:center;padding:40px;border-radius:10px;border:1px solid #e1e1e1}.faq-item h3[data-v-01f5eeb6]{font-size:1.5rem;margin-bottom:20px;color:var(--text-primary);font-weight:400}.faq-item p[data-v-01f5eeb6]{color:var(--text-secondary);line-height:1.6;font-size:1.1rem}.faq-item a[data-v-01f5eeb6]{color:#667eea;text-decoration:none;font-weight:500}.faq-item a[data-v-01f5eeb6]:hover{text-decoration:underline}.featured-pedal-section[data-v-01f5eeb6]{padding:80px 20px;background:#fff}.featured-pedal-content[data-v-01f5eeb6]{display:flex;align-items:center;gap:60px;max-width:1000px;margin:0 auto}.featured-pedal-image[data-v-01f5eeb6]{flex:0 0 400px}.featured-pedal-image img[data-v-01f5eeb6]{width:100%;height:auto;border-radius:12px}.featured-pedal-info[data-v-01f5eeb6]{flex:1}.featured-label[data-v-01f5eeb6]{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-primary);margin-bottom:10px}.featured-pedal-info h2[data-v-01f5eeb6]{font-size:2.5rem;font-weight:400;color:var(--text-primary);margin-bottom:5px}.featured-subtitle[data-v-01f5eeb6]{font-size:1.3rem;color:#667eea;margin-bottom:20px}.featured-description[data-v-01f5eeb6]{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:25px}.featured-price[data-v-01f5eeb6]{font-size:1.8rem;font-weight:600;color:#667eea;margin-bottom:25px}.featured-button[data-v-01f5eeb6]{position:relative;display:inline-block;padding:15px 40px;border-radius:5px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;border:2px solid transparent;transition:all .3s ease;color:#667eea;text-decoration:none;font-weight:400;font-size:1.1rem}.featured-button[data-v-01f5eeb6]:hover{background:linear-gradient(135deg,#667eea,#764ba2) border-box;color:#fff}.video-container[data-v-01f5eeb6]{max-width:800px;margin:0 auto;position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden}.video-container iframe[data-v-01f5eeb6]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px}.features[data-v-01f5eeb6]{padding:80px 20px;background:#fff}.section-title[data-v-01f5eeb6]{text-align:center;font-size:2.5rem;margin-bottom:60px;color:var(--text-primary);font-weight:400}.features-grid[data-v-01f5eeb6]{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1000px;margin:0 auto}.feature[data-v-01f5eeb6]{text-align:center;padding:40px;border-radius:10px;border:1px solid #e1e1e1}.feature h3[data-v-01f5eeb6]{font-size:1.5rem;margin-bottom:20px;color:var(--text-primary);font-weight:400}.feature p[data-v-01f5eeb6]{color:var(--text-secondary);line-height:1.6;font-size:1.1rem}.product-showcase[data-v-01f5eeb6]{padding:80px 20px}.product-content[data-v-01f5eeb6]{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.product-content.reverse[data-v-01f5eeb6]{direction:rtl}.product-content.reverse[data-v-01f5eeb6]>*{direction:ltr}.product-text h2[data-v-01f5eeb6]{font-size:2.2rem;margin-bottom:20px;color:var(--text-primary);font-weight:400}.product-text p[data-v-01f5eeb6]{color:var(--text-secondary);line-height:1.6;margin-bottom:30px;font-size:1.1rem}.product-image[data-v-01f5eeb6]{display:flex;justify-content:center;align-items:center}.product-image img[data-v-01f5eeb6]{width:100%;max-width:400px;height:auto;border-radius:10px}@media (max-width:768px){.hero-text h1[data-v-01f5eeb6]{font-size:2rem}.featured-pedal-content[data-v-01f5eeb6]{flex-direction:column;text-align:center}.featured-pedal-image[data-v-01f5eeb6]{flex:none;width:100%;max-width:350px}.featured-pedal-info h2[data-v-01f5eeb6]{font-size:2.5rem}.product-content[data-v-01f5eeb6]{grid-template-columns:1fr;gap:40px;text-align:center}.faq-grid[data-v-01f5eeb6],.features-grid[data-v-01f5eeb6]{grid-template-columns:1fr}}.pedal-range-section[data-v-01f5eeb6]{padding:80px 20px;background:#fff}.pedal-range-grid[data-v-01f5eeb6]{display:grid;grid-template-columns:repeat(6,1fr);gap:30px;max-width:1400px;margin:0 auto}.range-pedal[data-v-01f5eeb6]{text-decoration:none;text-align:center}.range-pedal img[data-v-01f5eeb6]{width:100%;height:auto;border-radius:8px;margin-bottom:15px}.range-pedal h3[data-v-01f5eeb6]{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:5px}.range-pedal .pedal-type[data-v-01f5eeb6]{font-size:.95rem;color:#667eea;margin-bottom:8px}.range-pedal .pedal-price[data-v-01f5eeb6]{font-size:1.1rem;color:var(--text-primary);font-weight:600}.browse-all-container[data-v-01f5eeb6]{text-align:center;margin-top:50px}.browse-all-button[data-v-01f5eeb6]{position:relative;display:inline-block;padding:15px 40px;border-radius:8px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;border:2px solid transparent;transition:all .3s ease;color:#667eea;text-decoration:none;font-weight:600;font-size:1.1rem}.browse-all-button[data-v-01f5eeb6]:hover{background:linear-gradient(135deg,#667eea,#764ba2) border-box;color:#fff}.free-shipping-notice[data-v-01f5eeb6]{text-align:center;margin-top:30px;font-size:1.4rem;font-weight:400;letter-spacing:.05em;color:var(--text-primary)}.keychain-section[data-v-01f5eeb6]{padding:80px 0;background:#fff}.keychain-content[data-v-01f5eeb6]{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.keychain-image img[data-v-01f5eeb6]{width:100%;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.keychain-label[data-v-01f5eeb6]{font-size:1rem;color:#28a745;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.keychain-info h2[data-v-01f5eeb6]{font-size:2.5rem;font-weight:400;color:var(--text-primary);margin-bottom:20px}.keychain-description[data-v-01f5eeb6]{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:25px}.keychain-button[data-v-01f5eeb6]{position:relative;display:inline-block;padding:15px 40px;border-radius:5px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;border:2px solid transparent;transition:all .3s ease;color:#667eea;text-decoration:none;font-weight:400;font-size:1.1rem}.keychain-button[data-v-01f5eeb6]:hover{background:linear-gradient(135deg,#667eea,#764ba2) border-box;color:#fff}@media (max-width:1200px){.pedal-range-grid[data-v-01f5eeb6]{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.pedal-range-grid[data-v-01f5eeb6]{grid-template-columns:repeat(2,1fr)}.keychain-content[data-v-01f5eeb6]{grid-template-columns:1fr;gap:40px}.keychain-info h2[data-v-01f5eeb6]{font-size:2rem}}@media (max-width:480px){.pedal-range-grid[data-v-01f5eeb6]{grid-template-columns:1fr}.keychain-info h2[data-v-01f5eeb6]{font-size:1.6rem}}