{"title":"Santa Cruz E-Bike","description":null,"products":[{"product_id":"bicicleta-electrica-mtb-santa-cruz-bullit","title":"Bicicleta electrica MTB Santa Cruz Bullit","description":"\u003cbody\u003e\n\u003cp\u003e\u003cimg class=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Santa_Cruz_Bicycles_logo.png\" alt=\"Santa Cruz Bicycles – Logos Download\" width=\"517\" height=\"60\"\u003e\u003c\/p\u003e\n\u003cdiv\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"252345\" class=\"elementor elementor-252345\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-e1fecbd e-flex e-con-boxed e-con e-parent\" data-id=\"e1fecbd\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-14c1e6b elementor-widget elementor-widget-html\" data-id=\"14c1e6b\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n \u003ctitle\u003eSanta Cruz Bullit | ProVelo România\u003c\/title\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --sc-red: #E31937;\n --sc-red-dark: #c41530;\n --apple-blue: #0071e3;\n --bosch-blue: #00a0e3;\n --bosch-dark: #005691;\n --bullit-teal: #1a5a5a;\n --bullit-teal-light: #2d7a7a;\n --bullit-black: #1a1a1a;\n --bullit-pink: #e91e63;\n --black: #0a0a0a;\n --dark-gray: #2d2d2d;\n --apple-gray: #f5f5f7;\n --apple-gray-dark: #e8e8ed;\n --text-dark: #1d1d1f;\n --text-gray: #86868b;\n --white: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\u003c\/p\u003e\n\u003cp\u003e html {\n scroll-behavior: smooth;\n }\u003c\/p\u003e\n\u003cp\u003e body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n line-height: 1.5;\n color: var(--text-dark);\n background: var(--white);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== HERO SECTION ========== *\/\n .hero {\n height: 100vh !important;\n min-height: 700px !important;\n position: relative !important;\n overflow: hidden !important;\n transition: background 0.5s ease !important;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero.bg-teal { background: linear-gradient(135deg, #1a5a5a 0%, #2d7a7a 100%); }\n .hero.bg-black { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); }\u003c\/p\u003e\n\u003cp\u003e .dot-teal { background: #1a5a5a !important; }\n .dot-black { background: #1a1a1a !important; border: 2px solid #444 !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 60px 20px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-title {\n font-size: clamp(4rem, 12vw, 10rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n letter-spacing: -0.02em !important;\n line-height: 1 !important;\n margin-bottom: 25px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-subtitle {\n font-size: 1.2rem !important;\n color: rgba(255, 255, 255, 0.8) !important;\n margin-bottom: 30px !important;\n font-weight: 500 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stats {\n display: flex !important;\n justify-content: center !important;\n gap: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat {\n text-align: center !important;\n padding: 0 25px !important;\n border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat:first-child { border-left: none !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-label {\n font-size: 0.65rem !important;\n color: rgba(255, 255, 255, 0.7) !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n margin-bottom: 5px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value {\n font-size: 2rem !important;\n font-weight: 700 !important;\n color: #ffffff !important;\n line-height: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value span { font-size: 1rem !important; font-weight: 400 !important; }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge {\n position: absolute;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(0, 160, 227, 0.9);\n color: white;\n padding: 8px 20px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 2px;\n z-index: 10;\n display: flex;\n align-items: center;\n gap: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge svg { width: 16px; height: 16px; }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 1 !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero .color-selector-vertical { pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slides {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n top: 0 !important;\n left: 0 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n opacity: 0 !important;\n transition: opacity 0.5s ease !important;\n pointer-events: none !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding-top: 180px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide.active { opacity: 1 !important; pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slide img {\n width: auto !important;\n height: 75% !important;\n max-width: 90% !important;\n object-fit: contain !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-vertical {\n position: absolute !important;\n right: 18% !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 10px !important;\n background: rgba(255, 255, 255, 0.95) !important;\n padding: 12px 10px !important;\n border-radius: 30px !important;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\n z-index: 10 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-name-desktop {\n display: block !important;\n text-align: center !important;\n padding: 15px 0 30px !important;\n font-size: 0.9rem !important;\n color: rgba(255, 255, 255, 0.6) !important;\n font-weight: 500 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-mobile, .color-name-mobile { display: none; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v {\n width: 28px !important;\n height: 28px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 2px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v:hover { transform: scale(1.15) !important; }\n .color-dot-v.active { border-color: rgba(0, 0, 0, 0.3) !important; transform: scale(1.1) !important; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m {\n width: 50px !important;\n height: 50px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 3px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m:hover { transform: scale(1.1) !important; }\n .color-dot-m.active { border-color: #1a1a1a !important; transform: scale(1.05) !important; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== STANDOUT FEATURES - CAROUSEL CU TEXT-IMAGINE ========== *\/\n .standout-section {\n background: #1a1a1a;\n padding: 80px 20px 60px;\n overflow: hidden;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-header {\n max-width: 1400px;\n margin: 0 auto 50px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-title {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-track {\n display: flex;\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-slide {\n min-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 30px;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item {\n flex: 1;\n max-width: 320px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text h3 {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text p {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.6);\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image {\n border-radius: 12px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-nav-dots {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 16px;\n margin-top: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn {\n width: 44px;\n height: 44px;\n border: none;\n background: var(--bosch-blue);\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn:hover {\n background: #0096c7;\n transform: scale(1.1);\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn svg { width: 20px; height: 20px; stroke: #ffffff; }\u003c\/p\u003e\n\u003cp\u003e .carousel-dots {\n display: flex;\n gap: 8px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot.active {\n background: var(--bosch-blue);\n width: 24px;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\n .container { max-width: 1400px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .extreme-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .getup-section {\n padding: 100px 20px;\n background: #ffffff;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 60px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse {\n grid-template-columns: 1.2fr 1fr;\n direction: rtl;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse \u003e * { direction: ltr; }\u003c\/p\u003e\n\u003cp\u003e .section-label {\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .section-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n line-height: 1.2 !important;\n margin-bottom: 30px !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-text {\n background: linear-gradient(90deg, var(--bosch-blue) 0%, var(--bosch-dark) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-teal {\n background: linear-gradient(90deg, var(--bullit-teal) 0%, var(--bullit-teal-light) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .section-text {\n font-size: 1.1rem !important;\n color: #555 !important;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image {\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .content-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image:hover img { transform: scale(1.03); }\u003c\/p\u003e\n\u003cp\u003e \/* ========== VIDEO SECTION ========== *\/\n .video-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n text-align: center;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .video-title {\n font-size: 0.85rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase;\n letter-spacing: 3px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-heading {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container {\n max-width: 1200px;\n margin: 0 auto;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container:hover { transform: scale(1.02); }\u003c\/p\u003e\n\u003cp\u003e .video-container iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n display: block;\n border: none;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== DESIGN DETAILS - FUNDAL ALB CU HOTSPOTS NUMEROTATE ========== *\/\n .design-section {\n padding: 80px 0 120px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .design-header {\n text-align: center;\n margin-bottom: 40px;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto 80px;\n position: relative;\n background: var(--white);\n padding: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase img {\n width: 100%;\n max-width: 1000px;\n height: auto;\n display: block;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot {\n position: absolute;\n width: 36px;\n height: 36px;\n background: var(--bosch-blue);\n border: none;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 14px;\n font-weight: 700;\n box-shadow: 0 4px 15px rgba(0, 160, 227, 0.4);\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot:hover {\n background: var(--bosch-dark);\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image {\n height: 250px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover .feature-card-image img { transform: scale(1.1); }\u003c\/p\u003e\n\u003cp\u003e .feature-card-content { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .feature-card-title {\n font-size: 1.6rem !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 15px !important;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-text {\n font-size: 1rem !important;\n color: #555 !important;\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\n .products-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .products-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-subtitle {\n font-size: 1.2rem !important;\n color: #555 !important;\n max-width: 600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tabs {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-bottom: 50px;\n flex-wrap: wrap;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab {\n padding: 12px 24px;\n background: var(--apple-gray);\n border: none;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n color: #666;\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab:hover, .filter-tab.active {\n background: var(--bosch-blue);\n color: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: all 0.4s ease;\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n background: var(--bosch-blue);\n color: var(--white);\n padding: 6px 14px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge.new { background: #10b981; }\n .product-badge.limited { background: var(--bullit-pink); }\u003c\/p\u003e\n\u003cp\u003e .product-image {\n padding: 40px;\n background: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-image img {\n max-width: 100%;\n height: auto;\n transition: transform 0.4s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover .product-image img { transform: scale(1.05); }\u003c\/p\u003e\n\u003cp\u003e .product-info { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .product-frame {\n font-size: 0.75rem !important;\n font-weight: 600 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-name {\n font-size: 1.3rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n margin-bottom: 12px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-desc {\n font-size: 0.9rem !important;\n color: #666 !important;\n line-height: 1.6;\n margin-bottom: 20px;\n min-height: 72px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price {\n font-size: 1.5rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price span {\n font-size: 0.9rem;\n color: #666;\n font-weight: 400;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SPECS TABLE ========== *\/\n .specs-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-subtitle {\n font-size: 1.1rem !important;\n color: #666 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table thead { background: var(--bullit-teal); }\u003c\/p\u003e\n\u003cp\u003e .specs-table th {\n padding: 24px 20px;\n text-align: center;\n color: var(--white);\n font-weight: 700;\n font-size: 0.95rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n white-space: nowrap;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:first-child {\n border-radius: 20px 0 0 0;\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:last-child { border-radius: 0 20px 0 0; }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr {\n border-bottom: 1px solid #eee;\n transition: background 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr:hover { background: rgba(0, 160, 227, 0.02); }\n .specs-table tbody tr:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .specs-table td {\n padding: 16px 20px;\n font-size: 0.9rem;\n color: #333;\n vertical-align: middle;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table td:first-child {\n font-weight: 600;\n color: var(--text-dark);\n background: rgba(0, 0, 0, 0.02);\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row { background: var(--apple-gray); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row td {\n font-weight: 800;\n color: var(--text-dark);\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 14px 20px;\n text-align: left;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row { background: rgba(0, 160, 227, 0.05); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td {\n font-weight: 800;\n font-size: 1.15rem;\n color: var(--bosch-blue);\n padding: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td:first-child {\n font-size: 0.85rem;\n color: var(--text-dark);\n }\u003c\/p\u003e\n\u003cp\u003e .rrp-label {\n display: block;\n font-size: 0.7rem;\n font-weight: 600;\n color: var(--text-gray);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SIZE CHART ========== *\/\n .size-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-intro {\n font-size: 1.1rem !important;\n color: #666 !important;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .size-chart { max-width: 1000px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .size-row {\n display: flex;\n align-items: center;\n padding: 30px 0;\n border-bottom: 1px solid #eee;\n }\u003c\/p\u003e\n\u003cp\u003e .size-row:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .size-label {\n width: 120px;\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--text-dark);\n flex-shrink: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-container {\n flex: 1;\n position: relative;\n height: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-bg {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 10px;\n height: 8px;\n background: #eee;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar {\n position: absolute;\n bottom: 10px;\n height: 8px;\n background: var(--bosch-blue);\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-info {\n position: absolute;\n top: 0;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\u003c\/p\u003e\n\u003cp\u003e .size-range {\n font-size: 1rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 5px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-reach {\n font-size: 0.85rem;\n color: var(--bosch-blue);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .size-small .size-bar { left: 0%; width: 25%; }\n .size-small .size-info { left: 0%; }\n .size-medium .size-bar { left: 25%; width: 20%; }\n .size-medium .size-info { left: 25%; }\n .size-large .size-bar { left: 45%; width: 20%; }\n .size-large .size-info { left: 45%; }\n .size-xlarge .size-bar { left: 65%; width: 15%; }\n .size-xlarge .size-info { left: 65%; }\n .size-xxlarge .size-bar { left: 80%; width: 20%; }\n .size-xxlarge .size-info { left: 80%; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== GEOMETRY SECTION ========== *\/\n .geometry-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-header {\n text-align: center;\n margin-bottom: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 10px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-note {\n font-size: 0.9rem !important;\n color: var(--text-gray) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 16px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 800px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table thead { background: var(--apple-gray-dark); }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th {\n padding: 20px 25px;\n text-align: center;\n color: var(--text-dark);\n font-weight: 700;\n font-size: 1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th:first-child { text-align: left; padding-left: 30px; }\u003c\/p\u003e\n\u003cp\u003e .geometry-table tbody tr { border-bottom: 1px solid #eee; }\n .geometry-table tbody tr:last-child { border-bottom: none; }\n .geometry-table tbody tr:hover { background: rgba(0, 0, 0, 0.02); }\u003c\/p\u003e\n\u003cp\u003e .geometry-table td {\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Santa Cruz","offers":[{"title":"Podium-Kit \/ Black Pink Splatter \/ XL","offer_id":57494837068158,"sku":"58-23268-109-3-762-8121011-1-1-1","price":56525.0,"currency_code":"RON","in_stock":true},{"title":"Podium-Kit \/ Black Pink Splatter \/ L","offer_id":57494837100926,"sku":"58-23268-109-3-762-8121011-1-1-1","price":56525.0,"currency_code":"RON","in_stock":true},{"title":"Podium-Kit \/ Black Pink Splatter \/ M","offer_id":57494837133694,"sku":"58-23268-109-3-762-8121011-1-1-1","price":56525.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ S","offer_id":57494837166462,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ M","offer_id":57494837199230,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ L","offer_id":57494837231998,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XL","offer_id":57494837264766,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XXL","offer_id":57494837297534,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494837330302,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494837363070,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494837395838,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494837428606,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494837461374,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ S","offer_id":57494837494142,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ M","offer_id":57494837526910,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ L","offer_id":57494837559678,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XL","offer_id":57494837592446,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XXL","offer_id":57494837625214,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494837657982,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494837690750,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494837723518,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494837756286,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494837789054,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ S","offer_id":57494837821822,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ M","offer_id":57494837854590,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ L","offer_id":57494837887358,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XL","offer_id":57494837920126,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XXL","offer_id":57494837952894,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494837985662,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494838018430,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494838051198,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494838083966,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ S","offer_id":57494838116734,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ M","offer_id":57494838149502,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ L","offer_id":57494838182270,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XL","offer_id":57494838215038,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XXL","offer_id":57494838247806,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494838280574,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494838313342,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494838346110,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494838378878,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494838411646,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Bullit_C_GX_AXS_MatteTealSparkle_21923b2d-bd07-4881-9340-a8ea5af3a561-1-scaled.webp?v=1780309074"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-vala","title":"Bicicleta electrica MTB Santa Cruz VALA","description":"\u003cbody\u003e\n\u003cdiv\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"252360\" class=\"elementor elementor-252360\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-e522f74 e-flex e-con-boxed e-con e-parent\" data-id=\"e522f74\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-22c56b6 elementor-widget elementor-widget-html\" data-id=\"22c56b6\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n \u003ctitle\u003eSanta Cruz Vala | ProVelo România\u003c\/title\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --sc-red: #E31937;\n --sc-red-dark: #c41530;\n --apple-blue: #0071e3;\n --apple-blue-hover: #0077ed;\n --bosch-blue: #00a0e3;\n --bosch-dark: #005691;\n --midnight-green: #1a4a4a;\n --midnight-green-light: #2d6b6b;\n --gloss-grey: #7a7d82;\n --black: #0a0a0a;\n --dark-gray: #2d2d2d;\n --apple-gray: #f5f5f7;\n --apple-gray-dark: #e8e8ed;\n --text-dark: #1d1d1f;\n --text-gray: #86868b;\n --white: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\u003c\/p\u003e\n\u003cp\u003e html {\n scroll-behavior: smooth;\n }\u003c\/p\u003e\n\u003cp\u003e body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n line-height: 1.5;\n color: var(--text-dark);\n background: var(--white);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== HERO SECTION ========== *\/\n .hero {\n height: 100vh !important;\n min-height: 700px !important;\n position: relative !important;\n overflow: hidden !important;\n transition: background 0.5s ease !important;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero.bg-midnightgreen { background: linear-gradient(135deg, #1a4a4a 0%, #2d6b6b 100%); }\n .hero.bg-grey { background: linear-gradient(135deg, #5a5d62 0%, #7a7d82 100%); }\u003c\/p\u003e\n\u003cp\u003e .dot-midnightgreen { background: #1a4a4a !important; }\n .dot-grey { background: #7a7d82 !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 60px 20px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-title {\n font-size: clamp(4rem, 12vw, 10rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n letter-spacing: -0.02em !important;\n line-height: 1 !important;\n margin-bottom: 25px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-subtitle {\n font-size: 1.2rem !important;\n color: rgba(255, 255, 255, 0.8) !important;\n margin-bottom: 30px !important;\n font-weight: 500 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stats {\n display: flex !important;\n justify-content: center !important;\n gap: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat {\n text-align: center !important;\n padding: 0 25px !important;\n border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat:first-child { border-left: none !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-label {\n font-size: 0.65rem !important;\n color: rgba(255, 255, 255, 0.7) !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n margin-bottom: 5px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value {\n font-size: 2rem !important;\n font-weight: 700 !important;\n color: #ffffff !important;\n line-height: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value span { font-size: 1rem !important; font-weight: 400 !important; }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge {\n position: absolute;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(0, 160, 227, 0.9);\n color: white;\n padding: 8px 20px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 2px;\n z-index: 10;\n display: flex;\n align-items: center;\n gap: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge svg { width: 16px; height: 16px; }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 1 !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero .color-selector-vertical { pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slides {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n top: 0 !important;\n left: 0 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n opacity: 0 !important;\n transition: opacity 0.5s ease !important;\n pointer-events: none !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding-top: 120px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide.active { opacity: 1 !important; pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slide img {\n width: auto !important;\n height: 75% !important;\n max-width: 90% !important;\n object-fit: contain !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-vertical {\n position: absolute !important;\n right: 18% !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 10px !important;\n background: rgba(255, 255, 255, 0.95) !important;\n padding: 12px 10px !important;\n border-radius: 30px !important;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\n z-index: 10 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-name-desktop {\n display: block !important;\n text-align: center !important;\n padding: 15px 0 30px !important;\n font-size: 0.9rem !important;\n color: rgba(255, 255, 255, 0.6) !important;\n font-weight: 500 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-mobile, .color-name-mobile { display: none; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v {\n width: 28px !important;\n height: 28px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 2px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v:hover { transform: scale(1.15) !important; }\n .color-dot-v.active { border-color: rgba(0, 0, 0, 0.3) !important; transform: scale(1.1) !important; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m {\n width: 50px !important;\n height: 50px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 3px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m:hover { transform: scale(1.1) !important; }\n .color-dot-m.active { border-color: #1a1a1a !important; transform: scale(1.05) !important; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== STANDOUT FEATURES - CAROUSEL CU TEXT-IMAGINE ========== *\/\n .standout-section {\n background: #1a1a1a;\n padding: 80px 20px 60px;\n overflow: hidden;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-header {\n max-width: 1400px;\n margin: 0 auto 50px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-title {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Carousel Container - Text și Imagine alăturate *\/\n .carousel-container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-track {\n display: flex;\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-slide {\n min-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 30px;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item {\n flex: 1;\n max-width: 320px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text h3 {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text p {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.6);\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image {\n border-radius: 12px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Carousel Navigation cu Dots *\/\n .carousel-nav-dots {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 16px;\n margin-top: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn {\n width: 44px;\n height: 44px;\n border: none;\n background: var(--bosch-blue);\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn:hover {\n background: #0096c7;\n transform: scale(1.1);\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn svg { width: 20px; height: 20px; stroke: #ffffff; }\u003c\/p\u003e\n\u003cp\u003e .carousel-dots {\n display: flex;\n gap: 8px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot.active {\n background: var(--bosch-blue);\n width: 24px;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\n .container { max-width: 1400px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .extreme-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .getup-section {\n padding: 100px 20px;\n background: #ffffff;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 60px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse {\n grid-template-columns: 1.2fr 1fr;\n direction: rtl;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse \u003e * { direction: ltr; }\u003c\/p\u003e\n\u003cp\u003e .section-label {\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .section-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n line-height: 1.2 !important;\n margin-bottom: 30px !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-text {\n background: linear-gradient(90deg, var(--bosch-blue) 0%, var(--bosch-dark) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-green {\n background: linear-gradient(90deg, var(--midnight-green) 0%, var(--midnight-green-light) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .section-text {\n font-size: 1.1rem !important;\n color: #555 !important;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image {\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .content-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image:hover img { transform: scale(1.03); }\u003c\/p\u003e\n\u003cp\u003e \/* ========== VIDEO SECTION ========== *\/\n .video-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n text-align: center;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .video-title {\n font-size: 0.85rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase;\n letter-spacing: 3px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-heading {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container {\n max-width: 1200px;\n margin: 0 auto;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container:hover { transform: scale(1.02); }\u003c\/p\u003e\n\u003cp\u003e .video-container iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n display: block;\n border: none;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== DESIGN DETAILS - FUNDAL ALB CU HOTSPOTS NUMEROTATE ========== *\/\n .design-section {\n padding: 80px 0 120px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .design-header {\n text-align: center;\n margin-bottom: 40px;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Bike Showcase - FUNDAL ALB *\/\n .bike-showcase {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto 80px;\n position: relative;\n background: var(--white);\n padding: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase img {\n width: 100%;\n max-width: 1000px;\n height: auto;\n display: block;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e \/* HOTSPOTS NUMEROTATE - FUNDAL ALBASTRU *\/\n .hotspot {\n position: absolute;\n width: 36px;\n height: 36px;\n background: var(--bosch-blue);\n border: none;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 14px;\n font-weight: 700;\n box-shadow: 0 4px 15px rgba(0, 160, 227, 0.4);\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot:hover {\n background: var(--bosch-dark);\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Poziții hotspots pentru Vala - ca în poza 4 *\/\n .hotspot-1 { top: 40%; left: 46%; }\n .hotspot-2 { top: 62%; left: 43%; }\n .hotspot-3 { top: 48%; left: 70%; }\n .hotspot-4 { top: 26%; left: 36%; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image {\n height: 250px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover .feature-card-image img { transform: scale(1.1); }\u003c\/p\u003e\n\u003cp\u003e .feature-card-content { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .feature-card-title {\n font-size: 1.6rem !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 15px !important;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-text {\n font-size: 1rem !important;\n color: #555 !important;\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\n .products-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .products-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-subtitle {\n font-size: 1.2rem !important;\n color: #555 !important;\n max-width: 600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tabs {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-bottom: 50px;\n flex-wrap: wrap;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab {\n padding: 12px 24px;\n background: var(--apple-gray);\n border: none;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n color: #666;\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab:hover, .filter-tab.active {\n background: var(--bosch-blue);\n color: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: all 0.4s ease;\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n background: var(--bosch-blue);\n color: var(--white);\n padding: 6px 14px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge.new { background: #10b981; }\n .product-badge.aluminum { background: #8b5cf6; }\u003c\/p\u003e\n\u003cp\u003e .product-image {\n padding: 40px;\n background: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-image img {\n max-width: 100%;\n height: auto;\n transition: transform 0.4s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover .product-image img { transform: scale(1.05); }\u003c\/p\u003e\n\u003cp\u003e .product-info { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .product-frame {\n font-size: 0.75rem !important;\n font-weight: 600 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-name {\n font-size: 1.3rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n margin-bottom: 12px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-desc {\n font-size: 0.9rem !important;\n color: #666 !important;\n line-height: 1.6;\n margin-bottom: 20px;\n min-height: 72px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price {\n font-size: 1.5rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price span {\n font-size: 0.9rem;\n color: #666;\n font-weight: 400;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SPECS TABLE ========== *\/\n .specs-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-subtitle {\n font-size: 1.1rem !important;\n color: #666 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 1000px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table thead { background: var(--midnight-green); }\u003c\/p\u003e\n\u003cp\u003e .specs-table th {\n padding: 24px 20px;\n text-align: center;\n color: var(--white);\n font-weight: 700;\n font-size: 0.95rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n white-space: nowrap;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:first-child {\n border-radius: 20px 0 0 0;\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:last-child { border-radius: 0 20px 0 0; }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr {\n border-bottom: 1px solid #eee;\n transition: background 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr:hover { background: rgba(0, 160, 227, 0.02); }\n .specs-table tbody tr:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .specs-table td {\n padding: 16px 20px;\n font-size: 0.9rem;\n color: #333;\n vertical-align: middle;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table td:first-child {\n font-weight: 600;\n color: var(--text-dark);\n background: rgba(0, 0, 0, 0.02);\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row { background: var(--apple-gray); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row td {\n font-weight: 800;\n color: var(--text-dark);\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 14px 20px;\n text-align: left;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row { background: rgba(0, 160, 227, 0.05); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td {\n font-weight: 800;\n font-size: 1.15rem;\n color: var(--bosch-blue);\n padding: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td:first-child {\n font-size: 0.85rem;\n color: var(--text-dark);\n }\u003c\/p\u003e\n\u003cp\u003e .rrp-label {\n display: block;\n font-size: 0.7rem;\n font-weight: 600;\n color: var(--text-gray);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SIZE CHART ========== *\/\n .size-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-intro {\n font-size: 1.1rem !important;\n color: #666 !important;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .size-chart { max-width: 1000px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .size-row {\n display: flex;\n align-items: center;\n padding: 30px 0;\n border-bottom: 1px solid #eee;\n }\u003c\/p\u003e\n\u003cp\u003e .size-row:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .size-label {\n width: 120px;\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--text-dark);\n flex-shrink: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-container {\n flex: 1;\n position: relative;\n height: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-bg {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 10px;\n height: 8px;\n background: #eee;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar {\n position: absolute;\n bottom: 10px;\n height: 8px;\n background: var(--bosch-blue);\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-info {\n position: absolute;\n top: 0;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\u003c\/p\u003e\n\u003cp\u003e .size-range {\n font-size: 1rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 5px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-reach {\n font-size: 0.85rem;\n color: var(--bosch-blue);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .size-small .size-bar { left: 0%; width: 25%; }\n .size-small .size-info { left: 0%; }\n .size-medium .size-bar { left: 25%; width: 20%; }\n .size-medium .size-info { left: 25%; }\n .size-large .size-bar { left: 45%; width: 20%; }\n .size-large .size-info { left: 45%; }\n .size-xlarge .size-bar { left: 65%; width: 15%; }\n .size-xlarge .size-info { left: 65%; }\n .size-xxlarge .size-bar { left: 80%; width: 20%; }\n .size-xxlarge .size-info { left: 80%; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== GEOMETRY SECTION ========== *\/\n .geometry-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-header {\n text-align: center;\n margin-bottom: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 10px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-note {\n font-size: 0.9rem !important;\n color: var(--text-gray) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 16px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 800px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table thead { background: var(--apple-gray-dark); }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th {\n padding: 20px 25px;\n text-align: center;\n color: var(--text-dark);\n font-weight: 700;\n font-size: 1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th:first-child { text-align: left; padding-left: 30px; }\u003c\/p\u003e\n\u003cp\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Santa Cruz","offers":[{"title":"70-Kit \/ Gloss Black \/ S","offer_id":57494839198078,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ M","offer_id":57494839230846,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ L","offer_id":57494839263614,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XL","offer_id":57494839296382,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XXL","offer_id":57494839329150,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494839361918,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494839394686,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494839427454,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494839460222,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494839492990,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ S","offer_id":57494839525758,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ M","offer_id":57494839558526,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ L","offer_id":57494839591294,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XL","offer_id":57494839624062,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XXL","offer_id":57494839656830,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494839689598,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494839722366,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494839755134,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494839787902,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494839820670,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ S","offer_id":57494839853438,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ M","offer_id":57494839886206,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ L","offer_id":57494839918974,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XL","offer_id":57494839951742,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XXL","offer_id":57494839984510,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494840017278,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494840050046,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494840082814,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494840115582,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494840148350,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ S","offer_id":57494840181118,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ M","offer_id":57494840213886,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ L","offer_id":57494840246654,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XL","offer_id":57494840279422,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XXL","offer_id":57494840312190,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494840344958,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494840377726,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494840410494,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494840443262,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494840476030,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ S","offer_id":57494840508798,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ M","offer_id":57494840541566,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ L","offer_id":57494840574334,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ XL","offer_id":57494840607102,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ S","offer_id":57494840639870,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ M","offer_id":57494840672638,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ L","offer_id":57494840705406,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ XL","offer_id":57494840738174,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_CC_XX_AXS_RSV_MidnightGreen_864856aa-48e9-424c-a30d-89e6e216eb3b-scaled.webp?v=1780309081"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-vala-al-deore","title":"Bicicleta electrica MTB Santa Cruz VALA AL Deore","description":"\u003cbody\u003e\n\u003cdiv\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"308005\" class=\"elementor elementor-308005\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-1c3fe34 e-flex e-con-boxed e-con e-parent\" data-id=\"1c3fe34\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-c0aee48 elementor-widget elementor-widget-html\" data-id=\"c0aee48\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003cbr\u003e\n\u003cbr\u003e\n\u003c\/p\u003e\n\u003cbr\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n\u003ctitle\u003eSanta Cruz Vala AL Deore — Bosch e-MTB 150\/160mm | ProVelo\u003c\/title\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cp\u003e\u003c!-- ============ Product schema ============ --\u003e\u003cbr\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Santa Cruz Vala AL Deore\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_AL_Deore_GlossLunarGray-1.png\",\"description\":\"E-MTB full-power Bosch cu cadru aluminiu Vala AL, motor Bosch Performance Line CX, baterie 600Wh, suspensie 150mm spate \/ 160mm fata, roti MX, transmisie Shimano Deore, frane mari pentru control, jante Reserve aluminiu cu garantie pe viata.\",\"sku\":\"VALA-AL-DEORE\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Santa Cruz Bicycles\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"21595\",\"priceValidUntil\":\"2026-12-31\",\"availability\":\"https:\/\/schema.org\/InStock\"}}\n\u003c\/script\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* =============================================================\n Santa Cruz tokens — Bold sans-serif, full-color hero\n ============================================================= *\/\n:root{\n --sc-black:#0F0F10;\n --sc-ink:#1A1A1C;\n --sc-graphite:#3A3A3D;\n --sc-silver:#86868B;\n --sc-mist:#D8D8DC;\n --sc-fog:#F2F2F0;\n --sc-paper:#FAFAF7;\n --sc-white:#FFFFFF;\u003c\/p\u003e\n\u003cp\u003e \/* Vala AL colorways *\/\n --vala-gray:#9B9B91;\n --vala-gray-deep:#777769;\n --vala-purple:#4A2D3B;\n --vala-purple-deep:#2E1A24;\u003c\/p\u003e\n\u003cp\u003e --r-md:14px;\n --r-lg:22px;\n --r-pill:980px;\u003c\/p\u003e\n\u003cp\u003e --ease-out:cubic-bezier(0.25,0.46,0.45,0.94);\u003c\/p\u003e\n\u003cp\u003e --container:1320px;\n --container-narrow:1040px;\n --container-text:720px;\n}\u003c\/p\u003e\n\u003cp\u003e\/* ================= reset ================= *\/\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\nbody{\n font-family:'Inter',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;\n font-size:16px;line-height:1.5;\n color:var(--sc-ink);\n background:var(--sc-paper);\n -webkit-font-smoothing:antialiased;\n -moz-osx-font-smoothing:grayscale;\n text-rendering:optimizeLegibility;\n overflow-x:hidden;\n}\nimg{display:block;max-width:100%;height:auto}\na{color:inherit;text-decoration:none}\nbutton{font:inherit;color:inherit;background:none;border:none;cursor:pointer}\u003c\/p\u003e\n\u003cp\u003e\/* ================= type ================= *\/\n.eyebrow{\n font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.18em;\n color:var(--sc-silver);display:inline-block;\n}\nh1,h2,h3,h4{font-weight:800;letter-spacing:-0.02em;color:var(--sc-ink);line-height:1.05}\n.heading-xl{font-size:clamp(48px,7vw,96px);font-weight:800;letter-spacing:-0.035em;line-height:0.98}\n.heading-l{font-size:clamp(36px,5vw,68px);font-weight:800;letter-spacing:-0.025em;line-height:1.05}\n.heading-m{font-size:clamp(24px,3vw,38px);font-weight:700;letter-spacing:-0.015em;line-height:1.15}\n.body-l{font-size:18px;line-height:1.55;color:var(--sc-graphite);font-weight:400}\n.body{font-size:16px;line-height:1.6;color:var(--sc-graphite);font-weight:400}\n.text-wrap{text-wrap:pretty}\u003c\/p\u003e\n\u003cp\u003e\/* full-width breakout — Elementor\/WordPress safety *\/\n.sc-landing section,\n.sc-landing header.hero,\n.sc-landing .footer,\n.sc-landing .video-full,\n.sc-landing .lifestyle,\n.sc-landing .design-details,\n.sc-landing .upgrade-section,\n.sc-landing .closing,\n.sc-landing .bigstats{\n width:100vw !important;max-width:100vw !important;\n position:relative !important;\n left:50% !important;right:50% !important;\n margin-left:-50vw !important;margin-right:-50vw !important;\n float:none !important;\n}\nhtml,body{overflow-x:hidden !important;max-width:100vw !important;margin:0 !important;padding:0 !important}\n.sc-landing{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;font-family:'Inter',-apple-system,sans-serif !important;float:none !important;overflow:visible !important;display:block !important}\n.sc-landing *,.sc-landing *::before,.sc-landing *::after{box-sizing:border-box !important}\u003c\/p\u003e\n\u003cp\u003e\/* ================= buttons ================= *\/\n.btn{\n display:inline-flex;align-items:center;justify-content:center;gap:10px;\n padding:16px 32px;border-radius:var(--r-pill);\n font-size:15px;font-weight:600;line-height:1;letter-spacing:0.02em;\n text-transform:uppercase;\n transition:background .25s var(--ease-out),color .25s var(--ease-out),transform .25s var(--ease-out);\n}\n.btn.primary{background:var(--sc-ink);color:var(--sc-white)}\n.btn.primary:hover{background:var(--sc-black);transform:translateY(-1px)}\n.btn.secondary{background:transparent;border:1.5px solid var(--sc-ink);color:var(--sc-ink)}\n.btn.secondary:hover{background:var(--sc-ink);color:var(--sc-white)}\n.btn.on-dark{background:var(--sc-white);color:var(--sc-ink)}\n.btn.on-dark:hover{background:var(--sc-paper)}\n.btn.outline-on-dark{background:transparent;border:1.5px solid rgba(255,255,255,0.7);color:var(--sc-white)}\n.btn.outline-on-dark:hover{background:rgba(255,255,255,0.15)}\u003c\/p\u003e\n\u003cp\u003e\/* =============================================================\n HERO — Santa Cruz signature: full-color BG, ghost wordmark, vertical color picker\n ============================================================= *\/\n.hero{\n position:relative;\n min-height:100vh;min-height:100dvh;\n padding:32px 32px 40px;\n display:grid;\n grid-template-rows:auto 1fr auto auto;\n gap:0;\n overflow:hidden;\n transition:background-color 1s var(--ease-out);\n}\n.sc-landing\u003cdata-color=\"gray\"\u003e .hero{background:#a9a99e}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero{background:#4a2d3b}\u003c\/p\u003e\n\u003cp\u003e\/* ghost wordmark behind everything *\/\n.hero-wordmark{\n position:absolute;top:50%;left:50%;transform:translate(-50%, -52%);\n font-size:clamp(180px, 32vw, 520px);\n font-weight:900;letter-spacing:-0.05em;line-height:1;\n pointer-events:none;\n opacity:0.25;\n transition:color 1s var(--ease-out);\n z-index:1;\n}\n.sc-landing\u003cdata-color=\"gray\"\u003e .hero-wordmark{color:#cccbb9}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-wordmark{color:#7a4f63}\u003c\/p\u003e\n\u003cp\u003e\/* Top bar: brand mark + spec stats *\/\n.hero-top{\n position:relative;z-index:3;\n display:flex;align-items:center;justify-content:space-between;\n max-width:var(--container);margin:0 auto;width:100%;\n padding:8px 0 0;\n}\n.hero-brand{\n display:flex;align-items:center;gap:18px;\n color:var(--sc-ink);\n transition:filter 1s var(--ease-out);\n}\n.hero-brand .logo-mark{\n width:76px;height:76px;flex-shrink:0;\n background:#E32E2E url('https:\/\/www.santacruzbicycles.com\/cdn\/shop\/files\/header-logo.svg') no-repeat center\/72%;\n border-radius:8px;\n box-shadow:0 4px 14px rgba(227,46,46,0.35);\n}\n.hero-brand .logo-word{\n height:22px;\n background:url('https:\/\/www.santacruzbicycles.com\/cdn\/shop\/files\/santa_cruz.svg') no-repeat left center\/contain;\n width:240px;\n display:block;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-brand .logo-word{filter:invert(1) brightness(2)}\u003c\/p\u003e\n\u003cp\u003e\/* Spec stats row *\/\n.hero-stats{\n display:flex;align-items:center;gap:0;\n font-size:14px;\n color:var(--sc-ink);\n}\n.hero-stats .stat{\n padding:0 28px;text-align:center;\n position:relative;\n}\n.hero-stats .stat + .stat::before{\n content:\"\";position:absolute;left:0;top:8px;bottom:8px;width:1px;\n background:currentColor;opacity:0.25;\n}\n.hero-stats .stat .label{\n display:block;\n font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;\n opacity:0.65;margin-bottom:4px;\n}\n.hero-stats .stat .value{\n display:block;\n font-size:22px;font-weight:700;letter-spacing:-0.01em;line-height:1;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-stats{color:#fff}\u003c\/p\u003e\n\u003cp\u003e\/* Center: bike *\/\n.hero-stage{\n position:relative;z-index:2;\n display:flex;align-items:center;justify-content:center;\n width:100%;max-width:var(--container);margin:0 auto;\n min-height:0;\n}\n.hero-bike{\n position:relative;width:100%;max-width:1400px;\n aspect-ratio:16\/10;\n}\n.hero-bike .bike-img{\n position:absolute;inset:0;\n width:100%;height:100%;object-fit:contain;\n transition:opacity .6s var(--ease-out);\n filter:drop-shadow(0 30px 50px rgba(0,0,0,0.25));\n}\n.hero-bike .bike-img.hidden{opacity:0;pointer-events:none}\u003c\/p\u003e\n\u003cp\u003e\/* Color picker — under bike, horizontal, 30% larger *\/\n.color-picker-wrap{\n position:relative;\n z-index:4;\n display:flex;flex-direction:column;align-items:center;gap:18px;\n margin:24px auto 0;\n width:fit-content;\n}\n.color-name{\n display:inline-block;\n font-size:14px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;\n color:var(--sc-ink);\n background:var(--sc-white);\n padding:10px 18px;border-radius:var(--r-pill);\n box-shadow:0 4px 14px rgba(0,0,0,0.14);\n white-space:nowrap;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .color-name{color:var(--sc-ink)}\n.color-picker{\n display:flex;flex-direction:row;align-items:center;gap:14px;\n padding:14px 18px;\n background:var(--sc-white);\n border-radius:var(--r-pill);\n box-shadow:0 6px 24px rgba(0,0,0,0.22);\n}\n.color-picker .swatch{\n width:34px;height:34px;border-radius:50%;\n position:relative;cursor:pointer;\n border:0;padding:0;background:transparent;\n transition:transform .2s var(--ease-out);\n}\n.color-picker .swatch::before{\n content:\"\";position:absolute;inset:4px;border-radius:50%;\n box-shadow:inset 0 0 0 1px rgba(0,0,0,0.2);\n}\n.color-picker .swatch::after{\n content:\"\";position:absolute;inset:0;border-radius:50%;\n border:2px solid transparent;\n transition:border-color .25s var(--ease-out);\n}\n.color-picker .swatch:hover{transform:scale(1.08)}\n.color-picker .swatch\u003caria-pressed=\"true\"\u003e::after{border-color:var(--sc-ink)}\n.color-picker .swatch.gray::before{background:linear-gradient(135deg,#bdbdb1 0%,#7c7c70 100%)}\n.color-picker .swatch.purple::before{background:linear-gradient(135deg,#5e3c4d 0%,#2e1a24 100%)}\u003c\/p\u003e\n\u003cp\u003e\/* Bottom bar: tagline + CTA *\/\n.hero-bottom{\n position:relative;z-index:3;\n display:flex;align-items:flex-end;justify-content:space-between;\n max-width:var(--container);margin:0 auto;width:100%;\n gap:32px;\n}\n.hero-tag{\n font-size:clamp(15px,1.4vw,18px);font-weight:500;\n color:var(--sc-ink);max-width:480px;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-tag{color:rgba(255,255,255,0.92)}\n.hero-cta{\n display:flex;flex-direction:column;align-items:flex-end;gap:6px;\n}\n.hero-cta .price{\n font-size:13px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;\n color:var(--sc-ink);\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-cta .price{color:#fff}\n.hero-cta .price strong{font-size:16px;font-weight:800;letter-spacing:-0.005em;text-transform:none;margin-left:4px}\n.hero-cta .old-price{\n font-size:13px;font-weight:500;text-transform:none;\n text-decoration:line-through;\n opacity:0.6;margin-right:6px;letter-spacing:0;\n}\u003c\/p\u003e\n\u003cp\u003e@media (max-width:920px){\n .hero{padding:20px 20px 28px;gap:16px}\n .hero-top{flex-direction:column;align-items:flex-start;gap:14px}\n .hero-stats{flex-wrap:wrap;justify-content:flex-start}\n .hero-stats .stat{padding:0 16px}\n .hero-stats .stat:first-child{padding-left:0}\n .hero-stats .stat + .stat::before{display:none}\n .color-picker{right:16px}\n .hero-bottom{flex-direction:column;align-items:flex-start;gap:16px}\n .hero-cta{align-items:flex-start}\n}\u003c\/p\u003e\n\u003cp\u003e\/* =============================================================\n Sections\n ============================================================= *\/\nsection{padding:120px 32px}\nsection.pad-sm{padding:80px 32px}\nsection.fog{background:var(--sc-fog)}\nsection.paper{background:var(--sc-paper)}\nsection.ink{background:var(--sc-ink);color:#fff}\nsection.ink h1,section.ink h2,section.ink h3{color:#fff}\nsection.ink .body,section.ink .body-l{color:rgba(255,255,255,0.75)}\u003c\/p\u003e\n\u003cp\u003e.container{max-width:var(--container);margin:0 auto}\n.container-narrow{max-width:var(--container-narrow);margin:0 auto}\u003c\/p\u003e\n\u003cp\u003e@media (max-width:720px){\n section{padding:72px 20px}\n section.pad-sm{padding:56px 20px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== INTRO ========== *\/\n.intro-head{text-align:left;max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:72px;align-items:end}\n.intro-head .left .eyebrow{margin-bottom:22px;display:block}\n.intro-title{\n font-size:clamp(48px,6.5vw,92px);\n font-weight:800;letter-spacing:-0.025em;line-height:1.02;\n color:var(--sc-ink);\n}\n.intro-lede{\n font-size:clamp(17px,1.4vw,21px);line-height:1.55;\n color:var(--sc-graphite);font-weight:400;\n}\n.intro-lede strong{color:var(--sc-ink);font-weight:700}\n@media (max-width:920px){\n .intro-head{grid-template-columns:1fr;gap:24px;align-items:start}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Detail blocks (alternating large image\/text) ========== *\/\n.detail-block{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--container);margin:0 auto}\n.detail-block + .detail-block{margin-top:120px}\n.detail-block.reverse .detail-media{order:2}\n.detail-media{\n border-radius:var(--r-lg);overflow:hidden;background:var(--sc-fog);\n aspect-ratio:3\/2;\n}\n.detail-media img{width:100%;height:100%;object-fit:cover}\n.detail-text{padding:24px 0}\n.detail-text .eyebrow{color:var(--sc-silver);margin-bottom:18px;display:block}\n.detail-text h2{margin-bottom:20px}\n.detail-text p{font-size:17px;line-height:1.6;color:var(--sc-graphite);max-width:520px}\n@media (max-width:960px){\n .detail-block{grid-template-columns:1fr;gap:32px}\n .detail-block.reverse .detail-media{order:0}\n .detail-block + .detail-block{margin-top:80px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Feature grid (5 columns Santa Cruz style) ========== *\/\n.features-head{text-align:left;max-width:var(--container);margin:0 auto 56px}\n.features-head h2{margin-bottom:14px}\n.features-grid{\n max-width:var(--container);margin:0 auto;\n display:grid;grid-template-columns:repeat(4,1fr);\n gap:32px;\n}\n.feature{\n display:flex;flex-direction:column;\n}\n.feature-media{\n background:var(--sc-fog);aspect-ratio:1\/1;\n border-radius:var(--r-md);overflow:hidden;margin-bottom:24px;\n}\n.feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}\n.feature:hover .feature-media img{transform:scale(1.04)}\n.feature h3{\n font-size:20px;font-weight:700;letter-spacing:-0.005em;line-height:1.25;\n color:var(--sc-ink);margin-bottom:10px;\n}\n.feature p{\n font-size:14px;line-height:1.55;color:var(--sc-graphite);\n}\n@media (max-width:1100px){.features-grid{grid-template-columns:repeat(2,1fr);gap:36px}}\n@media (max-width:540px){.features-grid{grid-template-columns:1fr;gap:36px}}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Big stat banner (dark) ========== *\/\n.bigstats{\n background:var(--sc-ink);color:#fff;\n padding:120px 32px;\n}\n.bigstats-grid{\n max-width:var(--container);margin:0 auto;\n display:grid;grid-template-columns:repeat(4,1fr);gap:48px;\n text-align:center;\n}\n.bigstat .v{\n font-size:clamp(56px,7vw,96px);font-weight:800;letter-spacing:-0.04em;line-height:0.95;\n color:#fff;margin-bottom:12px;\n}\n.bigstat .k{\n font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;\n color:rgba(255,255,255,0.6);\n}\n@media (max-width:920px){.bigstats-grid{grid-template-columns:repeat(2,1fr);gap:48px}}\n@media (max-width:480px){.bigstats-grid{grid-template-columns:1fr}}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Lifestyle banner ========== *\/\n.lifestyle{\n position:relative;min-height:560px;\n background-size:cover;background-position:center;\n display:flex;align-items:flex-end;\n padding:80px 48px;color:#fff;\n}\n.lifestyle::before{\n content:\"\";position:absolute;inset:0;\n background:linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0) 100%);\n}\n.lifestyle-inner{position:relative;z-index:1;max-width:640px}\n.lifestyle h2{color:#fff !important;font-size:clamp(34px,4.5vw,56px);font-weight:800;letter-spacing:-0.025em;line-height:1.08}\n.lifestyle p{color:rgba(255,255,255,0.85);font-size:17px;line-height:1.55;margin-top:18px;max-width:540px}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Size table ========== *\/\n.size-table{\n width:100%;border-collapse:separate;border-spacing:0;\n background:var(--sc-white);border:1px solid var(--sc-mist);\n border-radius:var(--r-md);overflow:hidden;\n font-size:15px;\n}\n.size-table th{\n padding:18px 22px;text-align:left;\n font-size:11px;text-transform:uppercase;letter-spacing:0.12em;font-weight:700;\n color:var(--sc-silver);border-bottom:1px solid var(--sc-mist);\n background:var(--sc-fog);\n}\n.size-table td{\n padding:18px 22px;border-bottom:1px solid var(--sc-mist);\n color:var(--sc-graphite);\n}\n.size-table tbody tr:last-child td{border-bottom:none}\n.size-table tr.current td{background:#FFF8E1;color:var(--sc-ink);font-weight:600}\n.size-table td:first-child,.size-table th:first-child{padding-left:28px}\n.size-table td:first-child{color:var(--sc-ink);font-weight:600}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Specs ========== *\/\n.specs-list{max-width:var(--container-narrow);margin:0 auto;display:flex;flex-direction:column}\n.specs-row{\n display:grid;grid-template-columns:240px 1fr;gap:48px;\n padding:36px 0;border-top:1px solid var(--sc-mist);\n align-items:flex-start;\n}\n.specs-row:first-child{border-top:none;padding-top:16px}\n.specs-cat{\n font-size:14px;font-weight:700;color:var(--sc-ink);\n text-transform:uppercase;letter-spacing:0.12em;\n}\n.specs-content{font-size:15px;line-height:1.55;color:var(--sc-graphite)}\n.specs-primary{font-weight:700;color:var(--sc-ink);margin:0 0 6px 0}\n.specs-desc{margin:0}\n.specs-sublabel{font-weight:600;color:var(--sc-ink);margin:14px 0 4px 0;font-size:13px;text-transform:uppercase;letter-spacing:0.08em}\n@media (max-width:760px){\n .specs-row{grid-template-columns:1fr;gap:12px;padding:28px 0}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Full-screen cinematic video ========== *\/\n.video-full{\n position:relative !important;\n width:100vw !important;max-width:100vw !important;\n height:100vh !important;height:100dvh !important;\n min-height:100vh !important;min-height:100dvh !important;\n padding:0 !important;margin:0 !important;\n overflow:hidden !important;\n background:#000 !important;\n display:block !important;\n left:50% !important;right:50% !important;\n margin-left:-50vw !important;margin-right:-50vw !important;\n}\n.video-full video{\n position:absolute !important;top:0 !important;left:0 !important;\n width:100% !important;height:100% !important;\n object-fit:cover !important;\n z-index:1 !important;\n}\n.video-full .video-overlay{\n position:absolute !important;inset:0 !important;z-index:2 !important;\n background:\n linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.10) 25%, rgba(0,0,0,0.20) 60%, rgba(0,0,0,0.85) 100%) !important;\n pointer-events:none !important;\n}\n.video-full .video-caption{\n position:absolute !important;left:0 !important;right:0 !important;\n bottom:clamp(60px,10vh,140px) !important;\n z-index:3 !important;text-align:center !important;color:#fff !important;\n padding:0 32px !important;\n pointer-events:none !important;\n}\n.video-full .video-caption .eyebrow{\n color:#fff !important;-webkit-text-fill-color:#fff !important;\n letter-spacing:0.22em !important;display:inline-block !important;\n margin-bottom:24px !important;\n font-size:13px !important;font-weight:700 !important;\n text-transform:uppercase !important;\n background:rgba(255,255,255,0.12);\n backdrop-filter:blur(8px);\n -webkit-backdrop-filter:blur(8px);\n padding:8px 16px;border-radius:980px;\n border:1px solid rgba(255,255,255,0.25);\n}\n.video-full .video-caption h2{\n color:#fff !important;-webkit-text-fill-color:#fff !important;\n font-size:clamp(48px,7.5vw,112px) !important;\n font-weight:900 !important;letter-spacing:-0.035em !important;line-height:1 !important;\n max-width:1200px !important;margin:0 auto !important;\n text-shadow:0 4px 20px rgba(0,0,0,0.5), 0 1px 4px rgba(0,0,0,0.4);\n}\n.video-full .video-caption p{\n margin:24px auto 0 !important;max-width:680px !important;\n color:#fff !important;-webkit-text-fill-color:#fff !important;\n font-size:clamp(16px,1.4vw,20px) !important;\n line-height:1.55 !important;font-weight:500 !important;\n text-shadow:0 2px 12px rgba(0,0,0,0.5);\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== YouTube standard video ========== *\/\n.video-wrap{\n max-width:1180px;margin:48px auto 0;\n border-radius:var(--r-lg);overflow:hidden;\n background:var(--sc-ink);\n aspect-ratio:16\/9;position:relative;\n}\n.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\u003c\/p\u003e\n\u003cp\u003e\/* ========== DESIGN DETAILS — interactive hotspots ========== *\/\n.design-details{\n background:#000;color:#fff;padding:120px 32px;\n position:relative;\n}\n.design-details h2.dd-title{\n text-align:center;\n font-size:clamp(38px,5vw,72px);font-weight:800;letter-spacing:-0.025em;\n color:#fff;margin-bottom:48px;\n text-transform:uppercase;\n}\n.dd-stage{\n position:relative;\n max-width:1500px;margin:0 auto;\n aspect-ratio:16\/10;\n}\n.dd-stage img{\n width:100%;height:100%;object-fit:contain;\n filter:drop-shadow(0 30px 60px rgba(0,0,0,0.6));\n}\n.hotspot{\n position:absolute;\n width:36px;height:36px;border-radius:50%;\n background:rgba(255,255,255,0.95);\n color:#000;font-size:22px;font-weight:300;line-height:0;\n display:flex;align-items:center;justify-content:center;\n cursor:pointer;\n transform:translate(-50%,-50%);\n transition:transform .25s var(--ease-out),background .25s var(--ease-out);\n z-index:5;\n border:0;\n box-shadow:0 4px 14px rgba(0,0,0,0.4);\n}\n.hotspot::before{content:\"+\";display:block;line-height:1;}\n.hotspot\u003caria-expanded=\"true\"\u003e{background:#FF4D2E;color:#fff;transform:translate(-50%,-50%) rotate(45deg)}\n.hotspot:hover{transform:translate(-50%,-50%) scale(1.12)}\n.hotspot\u003caria-expanded=\"true\"\u003e:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.12)}\n.hotspot-popup{\n position:absolute;\n background:#fff;color:var(--sc-ink);\n padding:22px 24px 24px;border-radius:var(--r-md);\n width:280px;\n box-shadow:0 16px 40px rgba(0,0,0,0.45);\n display:none;\n z-index:6;\n transform:translate(-50%, 16px);\n}\n.hotspot-popup.open{display:block}\n.hotspot-popup h4{\n font-size:13px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;\n color:var(--sc-ink);margin:0 0 10px;line-height:1.2;\n}\n.hotspot-popup p{\n font-size:14px;line-height:1.55;color:var(--sc-graphite);margin:0;\n}\n@media (max-width:760px){\n .design-details{padding:72px 16px}\n .design-details h2.dd-title{font-size:clamp(30px,8vw,48px);margin-bottom:24px}\n .hotspot{width:30px;height:30px;font-size:18px}\n .hotspot-popup{width:240px;padding:18px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Bosch Performance Upgrade 2.0 section — Apple-light gray ========== *\/\n.upgrade-section{\n background:linear-gradient(160deg, #ECECEA 0%, #DDDDD9 100%);\n color:var(--sc-ink);\n padding:120px 32px;\n position:relative;overflow:hidden;\n}\n.upgrade-section::before{\n content:\"\";position:absolute;\n top:-30%;right:-20%;width:60%;height:160%;\n background:radial-gradient(50% 50% at 50% 50%, rgba(227,46,46,0.10) 0%, rgba(227,46,46,0) 70%);\n pointer-events:none;\n}\n.upgrade-grid{\n max-width:var(--container);margin:0 auto;\n display:grid;grid-template-columns:1.1fr 1fr;gap:80px;\n align-items:center;position:relative;z-index:1;\n}\n.upgrade-text .eyebrow{\n color:#E32E2E !important;letter-spacing:0.18em;\n display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;\n background:rgba(227,46,46,0.10);\n padding:6px 12px;border-radius:980px;\n font-size:11px;font-weight:700;\n}\n.upgrade-text .eyebrow::before{\n content:\"\";display:inline-block;width:14px;height:14px;border-radius:4px;\n background:#E32E2E;\n}\n.upgrade-text h2{\n color:var(--sc-ink) !important;\n font-size:clamp(36px,5vw,68px);font-weight:800;letter-spacing:-0.025em;line-height:1.05;\n margin-bottom:24px;\n}\n.upgrade-text h2 em{\n font-style:normal;color:#E32E2E;\n}\n.upgrade-text p{\n color:var(--sc-graphite);font-size:17px;line-height:1.6;\n margin-bottom:18px;max-width:520px;\n}\n.upgrade-text p strong{color:var(--sc-ink);font-weight:700}\n.upgrade-text .upgrade-note{\n display:inline-flex;align-items:center;gap:10px;\n background:rgba(227,46,46,0.08);\n border:1px solid rgba(227,46,46,0.35);\n color:#9c1e1e;\n padding:10px 18px;border-radius:980px;\n font-size:13px;font-weight:600;letter-spacing:0.04em;\n margin-top:8px;\n}\n.upgrade-text .upgrade-note::before{\n content:\"⚡\";font-size:16px;\n}\n.upgrade-stats{\n display:grid;grid-template-columns:1fr 1fr;gap:24px;\n background:rgba(255,255,255,0.55);\n border:1px solid rgba(0,0,0,0.06);\n border-radius:var(--r-lg);\n padding:36px;\n backdrop-filter:blur(10px);\n -webkit-backdrop-filter:blur(10px);\n}\n.upgrade-stat{\n position:relative;\n}\n.upgrade-stat .label{\n display:block;\n font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.14em;\n color:var(--sc-silver);margin-bottom:10px;\n}\n.upgrade-stat .from{\n display:inline-flex;align-items:baseline;gap:4px;\n color:var(--sc-silver);\n font-size:18px;font-weight:600;\n text-decoration:line-through;\n margin-right:8px;\n}\n.upgrade-stat .arrow{\n color:var(--sc-silver);font-size:14px;margin:0 8px;\n}\n.upgrade-stat .to{\n display:inline-flex;align-items:baseline;gap:4px;\n color:#E32E2E;\n font-size:34px;font-weight:800;letter-spacing:-0.025em;\n}\n.upgrade-stat .to .unit{\n font-size:14px;font-weight:600;color:var(--sc-graphite);margin-left:2px;\n}\n@media (max-width:920px){\n .upgrade-grid{grid-template-columns:1fr;gap:48px}\n .upgrade-stats{padding:28px;gap:18px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Two-up image gallery (provelo webps) ========== *\/\n.gallery-2{\n display:grid;grid-template-columns:1fr 1fr;gap:24px;\n max-width:var(--container);margin:0 auto;\n}\n.gallery-2 .gallery-item{\n border-radius:var(--r-lg);overflow:hidden;background:var(--sc-fog);\n aspect-ratio:3\/2;\n}\n.gallery-2 .gallery-item img{width:100%;height:100%;object-fit:cover;display:block}\n@media (max-width:760px){.gallery-2{grid-template-columns:1fr;gap:16px}}\u003c\/p\u003e\n\u003cp\u003e\/* ========== FAQ ========== *\/\n.faq-list{max-width:780px;margin:0 auto;border-top:1px solid var(--sc-mist)}\n.faq{border-bottom:1px solid var(--sc-mist)}\n.faq summary{\n list-style:none;cursor:pointer;\n padding:24px 4px;\n display:flex;justify-content:space-between;gap:24px;align-items:center;\n font-size:18px;font-weight:600;color:var(--sc-ink);letter-spacing:-0.005em;\n}\n.faq summary::-webkit-details-marker{display:none}\n.faq summary::after{\n content:\"+\";font-weight:300;font-size:28px;color:var(--sc-silver);\n transition:transform .25s var(--ease-out);flex-shrink:0;line-height:1;\n}\n.faq\u003copen\u003e summary::after{content:\"−\"}\n.faq-body{padding:0 4px 26px;color:var(--sc-graphite);font-size:16px;line-height:1.6;max-width:680px}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Closing CTA ========== *\/\n.closing{text-align:center;padding:120px 32px;background:var(--sc-ink);color:#fff}\n.closing .eyebrow{color:rgba(255,255,255,0.6) !important;margin-bottom:24px}\n.closing h2{font-size:clamp(40px,5.5vw,72px);font-weight:800;letter-spacing:-0.03em;line-height:1.04;color:#fff !important;max-width:24ch;margin:0 auto}\n.closing p{margin:24px auto 0;max-width:560px;color:rgba(255,255,255,0.78);font-size:18px;line-height:1.55}\n.closing-price{\n display:inline-flex;align-items:baseline;gap:14px;\n margin:36px 0 8px;\n font-family:'Inter',sans-serif;\n}\n.closing-price .now{\n font-size:clamp(36px,4.5vw,56px);font-weight:800;letter-spacing:-0.03em;\n color:#fff;\n}\n.closing-price .label{\n font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;\n color:rgba(255,255,255,0.55);\n}\n.closing-price .old{\n font-size:clamp(20px,2vw,28px);font-weight:400;\n text-decoration:line-through;color:rgba(255,255,255,0.45);\n letter-spacing:-0.01em;\n}\n.sale-badge{\n display:inline-block;\n background:#E32E2E;color:#fff;\n font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;\n padding:8px 16px;border-radius:980px;\n margin-bottom:18px;\n}\n.closing .ctas{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.assurances{\n margin-top:80px;display:flex;gap:64px;justify-content:center;flex-wrap:wrap;\n font-size:13px;color:rgba(255,255,255,0.55);\n}\n.assurances strong{display:block;color:#fff;font-weight:600;font-size:14px;margin-bottom:4px;letter-spacing:0.005em}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Footer ========== *\/\n.footer{\n border-top:1px solid var(--sc-mist);\n padding:32px;text-align:center;\n font-size:12px;color:var(--sc-silver);\n background:var(--sc-paper);\n letter-spacing:0.04em;\n}\u003c\/p\u003e\n\u003cp\u003e\/* reveal on scroll *\/\n.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}\n.reveal.in{opacity:1;transform:none}\n@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}\u003c\/p\u003e\n\u003cp\u003e\/* =============================================================\n ELEMENTOR \/ WORDPRESS aggressive override layer\n ============================================================= *\/\nhtml body .sc-landing,\nhtml body .sc-landing \u003e *,\nhtml body .sc-landing div{box-sizing:border-box !important}\u003c\/p\u003e\n\u003cp\u003e\/* Force hero full screen even inside Elementor wrappers *\/\nhtml body .sc-landing .hero{\n width:100vw !important;max-width:100vw !important;\n min-height:100vh !important;min-height:100dvh !important;\n position:relative !important;\n left:50% !important;right:50% !important;\n margin-left:-50vw !important;margin-right:-50vw !important;\n padding:32px 32px 40px !important;\n display:grid !important;\n grid-template-rows:auto 1fr auto auto !important;\n overflow:hidden !important;\n}\nhtml body .sc-landing\u003cdata-color=\"gray\"\u003e .hero{background:#a9a99e !important}\nhtml body .sc-landing\u003cdata-color=\"purple\"\u003e .hero{background:#4a2d3b !important}\u003c\/p\u003e\n\u003cp\u003e\/* Force typography sizes against Elementor h1\/h2\/h3 overrides *\/\nhtml body .sc-landing h1,\nhtml body .sc-landing h2,\nhtml body .sc-landing h3,\nhtml body .sc-landing h4{\n font-family:'Inter',-apple-system,sans-serif !important;\n font-weight:800 !important;\n letter-spacing:-0.02em !important;\n line-height:1.05 !important;\n}\nhtml body .sc-landing .hero-wordmark{\n font-size:clamp(180px, 32vw, 520px) !important;\n font-weight:900 !important;letter-spacing:-0.05em !important;line-height:1 !important;\n}\nhtml body .sc-landing .heading-xl{font-size:clamp(48px,7vw,96px) !important;font-weight:800 !important}\nhtml body .sc-landing .heading-l{font-size:clamp(36px,5vw,68px) !important;font-weight:800 !important;line-height:1.05 !important}\nhtml body .sc-landing .heading-m{font-size:clamp(24px,3vw,38px) !important;font-weight:700 !important}\nhtml body .sc-landing .intro-title{font-size:clamp(48px,6.5vw,92px) !important;font-weight:800 !important;letter-spacing:-0.025em !important;line-height:1.02 !important}\nhtml body .sc-landing .dd-title{font-size:clamp(38px,5vw,72px) !important;font-weight:800 !important;letter-spacing:-0.025em !important;text-transform:uppercase !important}\nhtml body .sc-landing .upgrade-text h2{font-size:clamp(36px,5vw,68px) !important;font-weight:800 !important}\nhtml body .sc-landing .feature h3{font-size:20px !important;font-weight:700 !important;letter-spacing:-0.005em !important;line-height:1.25 !important}\nhtml body .sc-landing .video-full .video-caption h2{font-size:clamp(48px,7.5vw,112px) !important;font-weight:900 !important;letter-spacing:-0.035em !important;line-height:1 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}\nhtml body .sc-landing .lifestyle h2{font-size:clamp(34px,4.5vw,56px) !important;font-weight:800 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}\nhtml body .sc-landing .closing h2{font-size:clamp(40px,5.5vw,72px) !important;font-weight:800 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}\u003c\/p\u003e\n\u003cp\u003e\/* Body text *\/\nhtml body .sc-landing p,\nhtml body .sc-landing span{font-family:'Inter',-apple-system,sans-serif !important}\nhtml body .sc-landing .body-l{font-size:18px !important;line-height:1.55 !important}\nhtml body .sc-landing .body{font-size:16px !important;line-height:1.6 !important}\nhtml body .sc-landing .intro-lede{font-size:clamp(17px,1.4vw,21px) !important;line-height:1.55 !important}\nhtml body .sc-landing .hero-tag{font-size:clamp(15px,1.4vw,18px) !important;font-weight:500\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Santa Cruz","offers":[{"title":"Gloss Lunar Gray \/ S","offer_id":57495934828926,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ M","offer_id":57495934861694,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ L","offer_id":57495934894462,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ XL","offer_id":57495934927230,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ S","offer_id":57495934959998,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ M","offer_id":57495934992766,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ L","offer_id":57495935025534,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ XL","offer_id":57495935058302,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_AL_Deore_GlossStormbringerPurple-scaled.webp?v=1780323664"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-heckler-sl","title":"Bicicleta electrica MTB Santa Cruz Heckler SL","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta electrica MTB Santa Cruz Heckler SL\u003c\/h1\u003e\u003cbr\u003e\u003cdiv\u003e\u003c\/div\u003e\u003cbr\u003e\u003cdiv\u003e\n\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"268385\" class=\"elementor elementor-268385\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-241ec56 e-flex e-con-boxed e-con e-parent\" data-id=\"241ec56\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-7732650 elementor-widget elementor-widget-html\" data-id=\"7732650\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\t\t\t\t\t\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003ctitle\u003eSanta Cruz Heckler SL | ProVelo România\u003c\/title\u003e\n\u003cbr\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e :root {\u003cbr \/\u003e --sc-red: #E31937;\u003cbr \/\u003e --sc-red-dark: #c41530;\u003cbr \/\u003e --apple-blue: #0071e3;\u003cbr \/\u003e --apple-blue-hover: #0077ed;\u003cbr \/\u003e --fazua-blue: #1a3a5c;\u003cbr \/\u003e --fazua-accent: #00b4d8;\u003cbr \/\u003e --mustard: #d4a72c;\u003cbr \/\u003e --dark-blue: #1a2a3a;\u003cbr \/\u003e --black: #0a0a0a;\u003cbr \/\u003e --dark-gray: #2d2d2d;\u003cbr \/\u003e --apple-gray: #f5f5f7;\u003cbr \/\u003e --apple-gray-dark: #e8e8ed;\u003cbr \/\u003e --text-dark: #1d1d1f;\u003cbr \/\u003e --text-gray: #86868b;\u003cbr \/\u003e --white: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e * {\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e html {\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e body {\u003cbr \/\u003e font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== HERO SECTION - HECKLER SL STYLE ========== *\/\u003cbr \/\u003e .hero {\u003cbr \/\u003e height: 100vh !important;\u003cbr \/\u003e min-height: 700px !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e transition: background 0.5s ease !important;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Background colors matching bike colors *\/\u003cbr \/\u003e .hero.bg-darkblue { background: linear-gradient(135deg, #1a2a3a 0%, #2d4a5a 100%); }\u003cbr \/\u003e .hero.bg-mustard { background: linear-gradient(135deg, #c49a28 0%, #e6b832 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Dot Colors *\/\u003cbr \/\u003e .dot-darkblue { background: #1a2a3a !important; background-color: #1a2a3a !important; }\u003cbr \/\u003e .dot-mustard { background: #d4a72c !important; background-color: #d4a72c !important; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 60px 20px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override Elementor\/WordPress styles *\/\u003cbr \/\u003e .hero h1,\u003cbr \/\u003e .hero .hero-title,\u003cbr \/\u003e .hero-content h1,\u003cbr \/\u003e .hero-content .hero-title,\u003cbr \/\u003e h1.hero-title {\u003cbr \/\u003e font-size: clamp(4rem, 12vw, 10rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 25px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e background: none !important;\u003cbr \/\u003e -webkit-background-clip: unset !important;\u003cbr \/\u003e background-clip: unset !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* TITLU MEGA - FOARTE MARE ALB *\/\u003cbr \/\u003e .hero-title {\u003cbr \/\u003e font-size: clamp(4rem, 12vw, 10rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 25px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-subtitle {\u003cbr \/\u003e font-size: 1.2rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.8) !important;\u003cbr \/\u003e margin-bottom: 30px !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e letter-spacing: 2px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stats {\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat {\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 0 25px !important;\u003cbr \/\u003e border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat:first-child {\u003cbr \/\u003e border-left: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-label {\u003cbr \/\u003e font-size: 0.65rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e margin-bottom: 5px !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value {\u003cbr \/\u003e font-size: 2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value span {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override pentru stats - Elementor *\/\u003cbr \/\u003e .hero .hero-stat-label,\u003cbr \/\u003e .hero-content .hero-stat-label,\u003cbr \/\u003e .hero-stats .hero-stat-label {\u003cbr \/\u003e font-size: 0.65rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero .hero-stat-value,\u003cbr \/\u003e .hero-content .hero-stat-value,\u003cbr \/\u003e .hero-stats .hero-stat-value {\u003cbr \/\u003e font-size: 2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike Showcase in Hero *\/\u003cbr \/\u003e .bike-showcase-hero {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e top: 0 !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e z-index: 1 !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase-hero .color-selector-vertical {\u003cbr \/\u003e pointer-events: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slides {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e top: 0 !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e opacity: 0 !important;\u003cbr \/\u003e transition: opacity 0.5s ease !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e padding-top: 120px !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide.active {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide img {\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: 75% !important;\u003cbr \/\u003e max-width: 90% !important;\u003cbr \/\u003e object-fit: contain !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== COLOR SELECTOR ========== *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Desktop - selector vertical pe lateral *\/\u003cbr \/\u003e .color-selector-vertical {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e right: 18% !important;\u003cbr \/\u003e top: 50% !important;\u003cbr \/\u003e transform: translateY(-50%) !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e flex-direction: column !important;\u003cbr \/\u003e gap: 10px !important;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.95) !important;\u003cbr \/\u003e padding: 12px 10px !important;\u003cbr \/\u003e border-radius: 30px !important;\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\u003cbr \/\u003e z-index: 10 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Desktop color name - simplu, alb, centrat *\/\u003cbr \/\u003e .color-name-desktop {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 15px 0 30px !important;\u003cbr \/\u003e font-size: 0.9rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile - ascuns pe desktop *\/\u003cbr \/\u003e .color-selector-mobile {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-name-mobile {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cercuri culori desktop *\/\u003cbr \/\u003e .color-dot-v {\u003cbr \/\u003e width: 28px !important;\u003cbr \/\u003e height: 28px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s ease !important;\u003cbr \/\u003e border: 2px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v:hover {\u003cbr \/\u003e transform: scale(1.15) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v.active {\u003cbr \/\u003e border-color: rgba(0, 0, 0, 0.3) !important;\u003cbr \/\u003e transform: scale(1.1) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cercuri culori mobile *\/\u003cbr \/\u003e .color-dot-m {\u003cbr \/\u003e width: 50px !important;\u003cbr \/\u003e height: 50px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s ease !important;\u003cbr \/\u003e border: 3px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m:hover {\u003cbr \/\u003e transform: scale(1.1) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m.active {\u003cbr \/\u003e border-color: #1a1a1a !important;\u003cbr \/\u003e transform: scale(1.05) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== E-BIKE BADGE ========== *\/\u003cbr \/\u003e .ebike-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e background: rgba(0, 180, 216, 0.9);\u003cbr \/\u003e color: white;\u003cbr \/\u003e padding: 8px 20px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .ebike-badge svg {\u003cbr \/\u003e width: 16px;\u003cbr \/\u003e height: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== STANDOUT FEATURES - NEGRU ========== *\/\u003cbr \/\u003e .standout-section {\u003cbr \/\u003e background: #1a1a1a;\u003cbr \/\u003e padding: 80px 20px 60px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-header {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto 40px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-title {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-subtitle {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel-container {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e scrollbar-width: none;\u003cbr \/\u003e -ms-overflow-style: none;\u003cbr \/\u003e padding: 0 20px 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide {\u003cbr \/\u003e flex: 0 0 320px;\u003cbr \/\u003e height: 350px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: transform 0.4s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover {\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover img {\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide-content {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 30px 20px;\u003cbr \/\u003e background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-number {\u003cbr \/\u003e font-size: 0.7rem;\u003cbr \/\u003e color: var(--fazua-accent);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e letter-spacing: 1px;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-name {\u003cbr \/\u003e font-size: 1.2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-progress {\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-bar {\u003cbr \/\u003e height: 2px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.2);\u003cbr \/\u003e border-radius: 1px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-fill {\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e width: 25%;\u003cbr \/\u003e transition: transform 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-nav {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: flex-end;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 20px auto 0;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn {\u003cbr \/\u003e width: 44px;\u003cbr \/\u003e height: 44px;\u003cbr \/\u003e border: 1px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e border-radius: 8px;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover {\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e border-color: var(--fazua-accent);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn svg {\u003cbr \/\u003e width: 20px;\u003cbr \/\u003e height: 20px;\u003cbr \/\u003e stroke: #ffffff;\u003cbr \/\u003e transition: stroke 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover svg {\u003cbr \/\u003e stroke: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\u003cbr \/\u003e .container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== SPLIT SECTIONS - FUNDAL GRI APPLE ========== *\/\u003cbr \/\u003e .extreme-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .getup-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1.2fr;\u003cbr \/\u003e gap: 60px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout.reverse {\u003cbr \/\u003e grid-template-columns: 1.2fr 1fr;\u003cbr \/\u003e direction: rtl;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout.reverse \u003e * {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-label {\u003cbr \/\u003e font-size: 0.75rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: var(--fazua-accent) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e margin-bottom: 30px !important;\u003cbr \/\u003e text-transform: none;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-title .gradient-text,\u003cbr \/\u003e .gradient-fazua {\u003cbr \/\u003e background: linear-gradient(90deg, #00b4d8 0%, #0077b6 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-mustard {\u003cbr \/\u003e background: linear-gradient(90deg, #d4a72c 0%, #b8860b 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-text {\u003cbr \/\u003e font-size: 1.1rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image {\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image:hover img {\u003cbr \/\u003e transform: scale(1.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== VIDEO SECTION - MAI MARE ========== *\/\u003cbr \/\u003e .video-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-title {\u003cbr \/\u003e font-size: 0.85rem !important;\u003cbr \/\u003e color: var(--text-gray) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 3px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-heading {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e margin-bottom: 50px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e transform: scale(1);\u003cbr \/\u003e transition: transform 0.5s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container:hover {\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container iframe {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/9;\u003cbr \/\u003e display: block;\u003cbr \/\u003e border: none;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== DESIGN DETAILS - FULL WIDTH NEGRU ========== *\/\u003cbr \/\u003e .design-section {\u003cbr \/\u003e padding: 80px 0 120px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 40px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e margin: 0 auto 80px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e background: linear-gradient(135deg, #1a2a3a 0%, #2d4a5a 100%);\u003cbr \/\u003e padding: 80px 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* HOTSPOTS PE BICICLETĂ *\/\u003cbr \/\u003e .hotspot {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e width: 32px;\u003cbr \/\u003e height: 32px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.1);\u003cbr \/\u003e border: 1.5px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot::before {\u003cbr \/\u003e content: '+';\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6);\u003cbr \/\u003e font-size: 18px;\u003cbr \/\u003e font-weight: 300;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover,\u003cbr \/\u003e .hotspot.active {\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e border-color: var(--fazua-accent);\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover::before,\u003cbr \/\u003e .hotspot.active::before {\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Poziții hotspots PE bicicletă *\/\u003cbr \/\u003e .hotspot-1 { top: 28%; left: 38%; } \/* Baterie *\/\u003cbr \/\u003e .hotspot-2 { top: 52%; left: 48%; } \/* Motor Fazua *\/\u003cbr \/\u003e .hotspot-3 { top: 65%; left: 42%; } \/* Suspensie VPP *\/\u003cbr \/\u003e .hotspot-4 { top: 38%; left: 72%; } \/* Furcă *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\u003cbr \/\u003e width: 260px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e visibility: hidden;\u003cbr \/\u003e transform: translateY(10px);\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e z-index: 100;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip.show {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e visibility: visible;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip h4 {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip p {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-1 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-1 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-2 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-2 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-3 .hotspot-tooltip { bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-10px); margin-bottom: 10px; }\u003cbr \/\u003e .hotspot-3 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-4 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-4 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\u003cbr \/\u003e .features-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card {\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: transform 0.4s ease, box-shadow 0.4s ease;\u003cbr \/\u003e box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover {\u003cbr \/\u003e transform: translateY(-10px);\u003cbr \/\u003e box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image {\u003cbr \/\u003e height: 250px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover .feature-card-image img {\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-content {\u003cbr \/\u003e padding: 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card .feature-card-title,\u003cbr \/\u003e .feature-card-title {\u003cbr \/\u003e font-size: 1.6rem !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e margin-bottom: 15px !important;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-text {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\u003cbr \/\u003e .products-section {\u003cbr \/\u003e padding: 120px 20px;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-section .products-title,\u003cbr \/\u003e .products-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e margin-bottom: 20px !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-title .gradient-text,\u003cbr \/\u003e .specs-title .gradient-text,\u003cbr \/\u003e .size-title .gradient-text,\u003cbr \/\u003e .geometry-title .gradient-text,\u003cbr \/\u003e .cta-title .gradient-text,\u003cbr \/\u003e .design-title .gradient-text,\u003cbr \/\u003e .standout-title .gradient-text,\u003cbr \/\u003e .video-heading .gradient-text {\u003cbr \/\u003e background: linear-gradient(90deg, #00b4d8 0%, #0077b6 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-section .products-subtitle,\u003cbr \/\u003e .products-subtitle {\u003cbr \/\u003e font-size: 1.2rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tabs {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e margin-bottom: 50px;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tab {\u003cbr \/\u003e padding: 12px 24px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e border: none;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tab:hover,\u003cbr \/\u003e .filter-tab.active {\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card {\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.4s ease;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card:hover {\u003cbr \/\u003e transform: translateY(-10px);\u003cbr \/\u003e box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-badge.new {\u003cbr \/\u003e background: #10b981;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-image {\u003cbr \/\u003e padding: 40px;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e min-height: 280px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-image img {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e transition: transform 0.4s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card:hover .product-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-info {\u003cbr \/\u003e padding: 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-frame {\u003cbr \/\u003e font-size: 0.75rem !important;\u003cbr \/\u003e font-weight\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ S","offer_id":57496414814590,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ M","offer_id":57496414847358,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ L","offer_id":57496414880126,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ XL","offer_id":57496414912894,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ S","offer_id":57496414945662,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ M","offer_id":57496414978430,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ L","offer_id":57496415011198,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415043966,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ S","offer_id":57496415076734,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ M","offer_id":57496415109502,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ L","offer_id":57496415142270,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ XL","offer_id":57496415175038,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ XXL","offer_id":57496415207806,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ S","offer_id":57496415240574,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ M","offer_id":57496415273342,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ L","offer_id":57496415306110,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415338878,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496415371646,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ S","offer_id":57496415404414,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ M","offer_id":57496415437182,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ L","offer_id":57496415469950,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ XL","offer_id":57496415502718,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ XXL","offer_id":57496415535486,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ S","offer_id":57496415568254,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ M","offer_id":57496415601022,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ L","offer_id":57496415633790,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415666558,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496415699326,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ S","offer_id":57496415732094,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ M","offer_id":57496415764862,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ L","offer_id":57496415797630,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ XL","offer_id":57496415830398,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ XXL","offer_id":57496415863166,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ S","offer_id":57496415895934,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ M","offer_id":57496415928702,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ L","offer_id":57496415961470,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415994238,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496416027006,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ S","offer_id":57496416059774,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ M","offer_id":57496416092542,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ L","offer_id":57496416125310,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ XL","offer_id":57496416158078,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ XXL","offer_id":57496416190846,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ S","offer_id":57496416223614,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ M","offer_id":57496416256382,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ L","offer_id":57496416289150,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ XL","offer_id":57496416321918,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496416354686,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ S","offer_id":57496416387454,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ M","offer_id":57496416420222,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ L","offer_id":57496416452990,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ XL","offer_id":57496416485758,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ XXL","offer_id":57496416518526,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ S","offer_id":57496416551294,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ M","offer_id":57496416584062,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ L","offer_id":57496416616830,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ XL","offer_id":57496416649598,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496416682366,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY25_HecklerSL_CC_XX_AXS_RSV_GlossMustardYellow-scaled.webp?v=1780337503"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-vala-al-70","title":"Bicicleta electrica MTB Santa Cruz VALA AL 70","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003cdiv class=\"elementor elementor-309024\"\u003e\n\u003cbr\u003e\n\u003cdiv class=\"elementor-element elementor-element-6cfebcf e-flex e-con-boxed e-con e-parent\"\u003e\n\u003cbr\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\n\u003cdiv class=\"elementor-element elementor-element-c26283b elementor-widget elementor-widget-html\"\u003e\n\u003cbr\u003e\n\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003cbr\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e \u003cbr\u003e\n\u003cp\u003e\u003c!-- ============ Product schema ============ --\u003e\u003cbr\u003e\u003cbr\u003e\u003cscript type=\"application\/ld+json\"\u003e\u003cbr \/\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Santa Cruz Vala AL 70\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_AL_70_GlossLunarGray_2c1607bd-cbdd-4751-8a90-483d546d5d1b.png\",\"description\":\"E-MTB full-power Bosch top-tier cu cadru aluminiu Vala AL, motor Bosch Performance Line CX, baterie 600Wh, suspensie RockShox Zeb 160mm fata si Super Deluxe 150mm spate, roti MX, transmisie wireless SRAM 70 Eagle T-Type 12-speed, jante Reserve aluminiu cu garantie pe viata.\",\"sku\":\"VALA-AL-70\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Santa Cruz Bicycles\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"26595\",\"priceValidUntil\":\"2026-12-31\",\"availability\":\"https:\/\/schema.org\/InStock\"}}\u003cbr \/\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"Gloss Lunar Gray \/ S","offer_id":57496427331966,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ M","offer_id":57496427364734,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ L","offer_id":57496427397502,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ XL","offer_id":57496427430270,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ S","offer_id":57496427463038,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ M","offer_id":57496427495806,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ L","offer_id":57496427528574,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ XL","offer_id":57496427561342,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_AL_70_GlossLunarGray-scaled_db92c566-d261-468e-86f7-e276d3579e84.webp?v=1780337649"}],"url":"https:\/\/www.provelo.ro\/collections\/santa-cruz-ebike.oembed","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}