.mobile-floating-panel{position:fixed;top:var(--header-height, 0px);left:0;right:0;background:#fff;border-bottom:1px solid #000;z-index:50;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:none}.mobile-floating-panel.show{transform:translateY(0)}.mobile-floating-panel.hidden{transform:translateY(-100%)}.mobile-floating-panel .panel-content{display:flex;height:100%}.mobile-floating-panel .bike-preview{flex-shrink:0;width:33.333333%;position:relative;overflow:hidden}.mobile-floating-panel .bike-image,.mobile-floating-panel .part-overlays{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.mobile-floating-panel .bike-image{z-index:50}.mobile-floating-panel .part-overlays{pointer-events:none}.mobile-floating-panel .status-section{flex:1;padding:.75rem 2rem 1.25rem;display:flex;flex-direction:column}.mobile-floating-panel .select-button{font-size:.875rem;padding:.5rem 1rem;margin-top:.5rem;line-height:1.25rem}.mobile-floating-panel [data-component=mobile-add-to-cart-btn]{transition:background-color .2s ease,color .2s ease}.mobile-floating-panel [data-component=mobile-add-to-cart-btn][data-state=active]{background-color:#000!important;color:#fff!important}.mobile-floating-panel .price-container{font-size:.875rem;line-height:1.4}.mobile-floating-panel .price-container .price{font-weight:600;font-size:1rem}.mobile-floating-panel .progress-track{background-color:#e5e7eb;height:4px;overflow:hidden}.mobile-floating-panel .progress-bar{background-color:#4ade80;height:100%;transition:all .3s ease-out}.mobile-floating-panel .bike-image,.mobile-floating-panel .part-overlays img{transition:opacity .2s ease-in-out}@media (min-width: 768px){.mobile-floating-panel{display:none!important}}@media (max-width: 767px){.mobile-floating-panel{padding-top:env(safe-area-inset-top)}}[data-component=part-overlay]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.configurator-bike-container{height:385px;background-color:#f3f4f6;position:sticky;top:56px}@media (min-width: 768px){.configurator-bike-container{height:calc(100vh - var(--header-height))}}.configurator-bike-frame{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.configurator-bike-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;position:relative;z-index:5}.configurator-part-overlays{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.configurator-container,.configurator-panel{position:relative}.configurator-price-container{position:sticky;bottom:0;width:100%;z-index:50;background-color:#fff;border-top:1px solid black;padding:1rem 1.5rem}[data-component=part-option].active{border-color:var(--theme-dark);position:relative}[data-component=part-group]{overflow:hidden}[data-component=part-group] summary{cursor:pointer}[data-component=part-group] summary .arrow-icon{transition:transform .2s ease-in-out}[data-component=part-group][open] summary .arrow-icon{transform:rotate(90deg)}[data-component=part-group] .part-options{overflow:hidden}[data-component=frame-specs-details] summary .arrow-icon{transition:transform .2s ease-in-out}[data-component=frame-specs-details][open] summary .arrow-icon{transform:rotate(90deg)}[data-component=color-button] .h-6.w-6.rounded-full[style*=linear-gradient]{background-clip:padding-box}.configurator-gallery-swiper{overflow:hidden;padding:0;margin:0;width:100%;height:600px}.configurator-gallery{overflow:hidden;width:100%}@media (max-width: 1024px) and (min-width: 769px){.configurator-gallery-swiper{height:450px}}@media (max-width: 768px){.configurator-gallery-swiper{overflow:hidden;margin:0;padding:0;height:300px}}.configurator-gallery-swiper .swiper-slide{height:100%;width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.configurator-gallery-swiper .swiper-wrapper{width:100%;display:flex;align-items:center}.configurator-gallery-swiper .swiper-slide img{width:100%;height:100%;display:block;object-fit:contain}.configurator-gallery-thumbs{margin-top:1rem}.configurator-gallery-thumbs .swiper-slide{opacity:.6;cursor:pointer;transition:opacity .3s ease}.configurator-gallery-thumbs .swiper-slide:hover{opacity:.8}.configurator-gallery-thumbs .swiper-slide.swiper-slide-thumb-active{opacity:1}[data-component=gallery-color-info]{background:#f9fafb;border:1px solid #e5e7eb;transition:all .3s ease}[data-component=gallery-color-swatch]{transition:all .3s ease;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.configurator-gallery-thumbs{margin-top:.5rem}.configurator-gallery-thumbs .swiper-slide{width:60px!important}}.configurator-gallery-swiper.loading{opacity:.7;pointer-events:none}.configurator-gallery-swiper.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #333;border-radius:50%;animation:spin 1s linear infinite;z-index:10}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.configurator-secondary-gallery{width:100%}.secondary-gallery-slideshow{position:relative;width:100%}.secondary-gallery-slideshow .placeholder-content{min-height:400px}.secondary-gallery-slideshow .slideshow-content{width:100%}.secondary-gallery-slideshow media-banner{display:block;width:100%;min-height:400px}.secondary-gallery-slideshow .banner-aspect{position:relative;width:100%}.secondary-gallery-slideshow [data-format=portrait] .banner-aspect{aspect-ratio:4/5}.secondary-gallery-slideshow [data-format=landscape] .banner-aspect,.secondary-gallery-slideshow [data-format=video] .banner-aspect{aspect-ratio:16/9}.secondary-gallery-slideshow [data-format=square] .banner-aspect{aspect-ratio:1/1}.secondary-gallery-slideshow [data-format=landscape-2] .banner-aspect{aspect-ratio:3/2}@media screen and (min-width: 768px){.secondary-gallery-slideshow [data-desktop-format=portrait] .banner-aspect{aspect-ratio:4/5}.secondary-gallery-slideshow [data-desktop-format=landscape] .banner-aspect,.secondary-gallery-slideshow [data-desktop-format=video] .banner-aspect{aspect-ratio:16/9}.secondary-gallery-slideshow [data-desktop-format=square] .banner-aspect{aspect-ratio:1/1}.secondary-gallery-slideshow [data-desktop-format=landscape-2] .banner-aspect{aspect-ratio:3/2}}
