.header{position:sticky;top:0;z-index:1000;background:var(--color-background);border-bottom:1px solid var(--color-border)}.header__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1650px;margin:0 auto;padding:0 40px;height:80px;gap:2rem}@media (max-width: 1024px){.header__inner{padding:0 30px}}@media (max-width: 768px){.header__inner{padding:0 20px}}.header__logo{display:flex;align-items:center;flex-shrink:0}.header__logo-text{font-family:var(--font-logo);font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);display:inline-flex}.header__logo-letter{display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .2s ease}.header__logo:hover .header__logo-letter:nth-child(1){animation:letterBounce .5s ease 0s}.header__logo:hover .header__logo-letter:nth-child(2){animation:letterBounce .5s ease .05s}.header__logo:hover .header__logo-letter:nth-child(3){animation:letterBounce .5s ease .1s}.header__logo:hover .header__logo-letter:nth-child(4){animation:letterBounce .5s ease .15s}.header__logo:hover .header__logo-letter:nth-child(5){animation:letterBounce .5s ease .2s}.header__logo:hover .header__logo-letter:nth-child(6){animation:letterBounce .5s ease .25s}.header__logo:hover .header__logo-letter:nth-child(7){animation:letterBounce .5s ease .3s}@keyframes letterBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1.1)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-3px) scale(1.05)}}.header__logo-image{height:auto;max-height:50px;width:auto}.header__nav{display:none;align-items:center;gap:0;flex:1;margin-left:2rem}@media (min-width: 992px){.header__nav{display:flex}}.header__nav-link{display:flex;align-items:center;gap:.4rem;padding:1.5rem 1rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.header__nav-link:hover{color:var(--color-primary)}.header__nav-link i{font-size:.55rem;transition:transform var(--transition-fast)}.header__nav-item--mega{position:static}.mega-menu{position:absolute;top:100%;left:0;right:0;background:var(--color-background);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);box-shadow:0 10px 40px #0000004d;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:100}.header__nav-item--mega:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.header__nav-item--mega:hover .header__nav-link i{transform:rotate(180deg)}.mega-menu__inner{display:flex;gap:3rem;max-width:1650px;margin:0 auto;padding:2rem 40px}.mega-menu__section{min-width:180px}.mega-menu__section--full{flex:1}.mega-menu__heading{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.mega-menu__list{display:grid;grid-template-rows:repeat(6,auto);grid-auto-flow:column;gap:.25rem 3rem}.mega-menu__list--columns{display:grid;grid-template-rows:repeat(6,auto);grid-auto-flow:column;gap:.5rem 3rem}.mega-menu__link{display:block;padding:.4rem 0;font-size:.9rem;font-weight:600;color:var(--color-text);transition:color var(--transition-fast)}.mega-menu__link:hover{color:var(--color-primary)}.mega-menu__link--all{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;color:var(--color-primary);font-size:.8rem}.mega-menu__link--all i{font-size:.7rem;transition:transform var(--transition-fast)}.mega-menu__link--all:hover i{transform:translate(4px)}.header__right{display:flex;align-items:center;gap:1rem}.header__bike-selector{display:none;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,#d42b2b 100%);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #fb33334d;position:relative;overflow:hidden}.header__bike-selector:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.header__bike-selector:hover{transform:translateY(-2px);box-shadow:0 6px 25px #fb333373}.header__bike-selector:hover:before{opacity:1}.header__bike-selector i:first-child{font-size:1.1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.header__bike-selector span{position:relative;z-index:1}.header__bike-selector i:last-child{font-size:.55rem;margin-left:.25rem;transition:transform .3s ease}.header__bike-selector:hover i:last-child{transform:rotate(180deg)}@media (min-width: 992px){.header__bike-selector{display:flex}}.header__icons{display:flex;align-items:center;gap:.25rem}.header__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.1rem;color:var(--color-text);transition:color var(--transition-fast)}.header__icon:hover{color:var(--color-primary)}.header__cart,.header__wishlist{position:relative}.header__cart-count,.header__wishlist-count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;line-height:18px;text-align:center;color:#fff;background:var(--color-primary);border-radius:50px}.header__wishlist:hover i{color:var(--color-primary)}.header__wishlist.has-items i{font-weight:900;color:var(--color-primary)}.header__menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.25rem;color:var(--color-text);background:none;border:none;cursor:pointer}@media (min-width: 992px){.header__menu-toggle{display:none}}.mobile-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-sidebar-overlay.is-open{opacity:1;visibility:visible}.mobile-sidebar{position:fixed;top:0;left:0;width:320px;max-width:85vw;height:100vh;height:100dvh;background:var(--color-background);z-index:9999;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.mobile-sidebar.is-open{transform:translate(0)}@media (min-width: 992px){.mobile-sidebar,.mobile-sidebar-overlay{display:none!important}}.mobile-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-background-secondary);flex-shrink:0}.mobile-sidebar__logo{display:flex;align-items:center}.mobile-sidebar__logo img{height:36px;width:auto}.mobile-sidebar__logo span{font-size:1.25rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.mobile-sidebar__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:50%;cursor:pointer;transition:all .2s ease}.mobile-sidebar__close:hover{color:var(--color-primary);border-color:var(--color-primary)}.mobile-sidebar__bike-btn{display:flex;align-items:center;gap:.75rem;margin:1rem 1.25rem;padding:1rem 1.25rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,#d42b2b 100%);border:none;border-radius:10px;cursor:pointer;flex-shrink:0}.mobile-sidebar__bike-btn i:first-child{font-size:1.2rem}.mobile-sidebar__bike-btn span{flex:1;text-align:left}.mobile-sidebar__bike-btn i:last-child{font-size:.75rem;opacity:.8}.mobile-sidebar__nav{flex:1;overflow-y:auto;padding:.5rem 0}.mobile-sidebar__link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;font-size:1rem;font-weight:500;color:var(--color-text);background:transparent;border:none;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer;transition:all .2s ease}.mobile-sidebar__link:hover,.mobile-sidebar__link:active{background:#ffffff08;color:var(--color-primary)}.mobile-sidebar__link--has-children i{font-size:.75rem;color:var(--color-text-secondary);transition:transform .2s ease}.mobile-sidebar__link--has-children:hover i{color:var(--color-primary);transform:translate(4px)}.mobile-sidebar__link--view-all{color:var(--color-primary);font-weight:600;margin-top:.5rem;border-bottom:none;background:#fb33330d}.mobile-sidebar__link--view-all i{font-size:.75rem;transition:transform .2s ease}.mobile-sidebar__link--view-all:hover i{transform:translate(4px)}.mobile-sidebar__submenu{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-background);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;z-index:10}.mobile-sidebar__submenu.is-open{transform:translate(0)}.mobile-sidebar__submenu--level3{z-index:20}.mobile-sidebar__back{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;font-size:.9rem;font-weight:600;color:var(--color-text);background:var(--color-background-secondary);border:none;border-bottom:1px solid var(--color-border);cursor:pointer;flex-shrink:0}.mobile-sidebar__back i{font-size:.8rem;color:var(--color-primary)}.mobile-sidebar__back:hover{color:var(--color-primary)}.mobile-sidebar__submenu-title{padding:1.25rem 1.25rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);flex-shrink:0}.mobile-sidebar__submenu-nav{flex:1;overflow-y:auto}.mobile-sidebar__footer{border-top:1px solid var(--color-border);background:var(--color-background-secondary);padding:1rem 1.25rem;flex-shrink:0}.mobile-sidebar__quick-links{display:flex;justify-content:center;gap:1rem}.mobile-sidebar__footer-icon{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:1.2rem;color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;transition:all .2s ease}.mobile-sidebar__footer-icon:hover{border-color:var(--color-primary);color:var(--color-primary);background:#fb33331a}.mobile-sidebar__footer-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;line-height:18px;text-align:center;color:#fff;background:var(--color-primary);border-radius:9px}.bike-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;opacity:0;visibility:hidden;transition:all .3s ease}.bike-modal-overlay.is-open{opacity:1;visibility:visible}.bike-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:95%;max-width:700px;max-height:85vh;background:var(--color-background);border-radius:16px;z-index:1101;opacity:0;visibility:hidden;transition:all .3s ease;overflow:hidden;box-shadow:0 25px 60px #00000080}.bike-modal.is-open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.bike-modal__close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-text-secondary);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;z-index:10;transition:all var(--transition-fast)}.bike-modal__close:hover{color:var(--color-primary);border-color:var(--color-primary)}.bike-modal__header{text-align:center;padding:2.5rem 2rem 1.5rem;background:linear-gradient(135deg,var(--color-background-secondary) 0%,var(--color-background) 100%);border-bottom:1px solid var(--color-border)}.bike-modal__icon{width:70px;height:70px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-primary);background:#fb33331a;border:2px solid var(--color-primary);border-radius:50%}.bike-modal__title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.bike-modal__subtitle{font-size:.9rem;color:var(--color-text-secondary)}.bike-modal__content{padding:1.5rem 2rem 2rem;max-height:50vh;overflow-y:auto}.bike-modal__step{display:none}.bike-modal__step.is-active{display:block}.bike-modal__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:1rem}.bike-modal__back{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;color:var(--color-text);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}.bike-modal__back:hover{border-color:var(--color-primary);color:var(--color-primary)}.bike-modal__brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.bike-modal__brand{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}.bike-modal__brand:hover{border-color:var(--color-primary);background:#fb33330d;transform:translateY(-2px)}.bike-modal__brand-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text)}.bike-modal__brand-icon svg{width:100%;height:100%}.bike-modal__brand-img{width:100%;height:100%;object-fit:contain}.bike-modal__brand:hover .bike-modal__brand-icon{color:var(--color-primary)}.bike-modal__brand-name{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text);text-align:center}.bike-modal__models{display:flex;flex-direction:column;gap:.5rem}.bike-modal__model{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:all var(--transition-fast)}.bike-modal__model:hover{border-color:var(--color-primary);background:#fb33330d}.bike-modal__model i:first-child{font-size:1.25rem;color:var(--color-text-secondary)}.bike-modal__model:hover i:first-child{color:var(--color-primary)}.bike-modal__model span{flex:1;font-size:.95rem;font-weight:600;color:var(--color-text)}.bike-modal__model i:last-child{font-size:.8rem;color:var(--color-text-secondary);transition:transform var(--transition-fast)}.bike-modal__model:hover i:last-child{transform:translate(4px);color:var(--color-primary)}.header__account-dropdown{position:relative}.header__account-toggle{background:none;border:none;cursor:pointer}.header__account-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 10px 40px #0000004d;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000;overflow:hidden}.header__account-dropdown:hover .header__account-menu{opacity:1;visibility:visible;transform:translateY(0)}.header__account-greeting{padding:12px 16px;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);font-size:.85rem;font-weight:600;color:var(--color-text)}.header__account-link{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;color:var(--color-text);transition:all .15s ease}.header__account-link:hover{background:var(--color-background-secondary);color:var(--color-primary)}.header__account-link i{width:18px;font-size:.9rem;color:var(--color-text-secondary);transition:color .15s ease}.header__account-link:hover i{color:var(--color-primary)}.header__account-divider{height:1px;background:var(--color-border);margin:4px 0}.header__account-link--logout{color:var(--color-text-secondary)}.header__account-link--logout:hover{color:var(--color-primary)}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-header.css.map */