{"title":"Santa Cruz Downhill \u0026 Enduro","description":null,"products":[{"product_id":"bicicleta-mtb-santa-cruz-megatower-2-c-29-gx1-axs-purple","title":"Bicicleta MTB Santa Cruz Megatower 2 C 29 GX1 AXS Purple","description":"\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=\"327\" height=\"38\"\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB Santa Cruz Megatower 2 C 29 GX1 AXS Purple\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cnav class=\"relative hidden flex-1 justify-start md:flex\" role=\"navigation\"\u003e\n\u003cdiv class=\"relative z-10 hidden translate-x-0 gap-8 md:flex md:justify-center lg:gap-12\"\u003e\n\u003cdiv id=\"first-level-panel\" class=\"nav-large-screen-panel--first-level\"\u003e\n\u003cdiv class=\"no-scrollbar h-full overflow-y-scroll\" data-lenis-prevent=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/nav\u003e\n\u003cdiv class=\"flex h-full w-auto justify-center max-sm:max-w-\u0026lt;130px\u0026gt;\"\u003e\u003ca class=\"flex transition-all duration-300 hover:opacity-60\" href=\"https:\/\/www.santacruzbicycles.com\/\" aria-label=\"Navigate to homepage\"\u003e\u003cimg class=\"aligncenter\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/header-logo.svg\" sizes=\"(max-width: 148px) 50vw, 74px\" srcset=\"\/\/www.santacruzbicycles.com\/cdn\/shop\/files\/header-logo.svg?v=1727298517\u0026amp;width=74 74w, \/\/www.santacruzbicycles.com\/cdn\/shop\/files\/header-logo.svg?v=1727298517\u0026amp;width=111 111w, \/\/www.santacruzbicycles.com\/cdn\/shop\/files\/header-logo.svg?v=1727298517\u0026amp;width=148 148w\" alt=\"Header Logo\" width=\"74\" height=\"74.0\"\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cimg class=\"size-full wp-image-222203\" title=\"MY24 Megatower C GX AXS Coil GlossPurple\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY24_Megatower_C_GX_AXS_Coil_GlossPurple-scaled.webp\" alt=\"MY24 Megatower C GX AXS Coil GlossPurple\" width=\"2560\" height=\"1660\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg class=\"size-full wp-image-222206\" title=\"Screenshot 2025 05 13 at 22.34.51\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2025-05-13-at-22_34_51.png\" alt=\"Screenshot 2025 05 13 at 22.34.51\" width=\"2432\" height=\"260\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ehttps:\/\/youtu.be\/MzKIqB3021M\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv id=\"shopify-section-template--24691436257562__intro_text_MLcFJY\" class=\"shopify-section section--intro-text\"\u003e\n\u003csection class=\"container section-margin--t-xs section-margin--b-sm\" data-jump-nav=\"Overview\"\u003e\n\u003cdiv class=\"grid-wrapper-24\"\u003e\n\u003cdiv class=\"col-inset-small\"\u003e\n\u003cdiv class=\"md:grid md:grid-cols-24 lg:grid-cols-22 3xl:grid-cols-20 gap-4\" data-scrolling-animation=\"fadeIn\"\u003e\n\u003cdiv class=\"md:col-span-12 md:col-start-13 lg:col-span-10 lg:col-start-13 3xl:col-start-11 3xl:col-span-10\"\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"shopify-section-template--24691436257562__fifty_fifty_FhEwRX\" class=\"shopify-section fifty-fifty\"\u003e\n\u003csection class=\"container relative overflow-hidden section-margin--t-xs section-margin--b-xs\"\u003e\n\u003cdiv class=\"md:grid-wrapper-24 h-full items-center\"\u003e\n\u003cdiv class=\"flex gap-12 col-span-full md:col-span-10 xl:col-span-8 md:col-start-15 xl:col-start-16 3xl:col-start-15 md:pl-5 lg:pl-4 xl:pl-0 max-md:mt-6\"\u003e\n\u003cdiv class=\"relative flex flex-grow flex-col\"\u003e\n\u003cdiv class=\"\" data-scrolling-animation=\"fadeIn\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\"\u003e⚡️ Pe scurt\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\"\u003eMegatower GX AXS 2024 combină un cadru Carbon C de 165 mm cu roți de 29″, suspensie FOX 38 Performance Elite de 170 mm în față și Super Deluxe Select+ în spate, plus drivetrain wireless SRAM GX Eagle AXS T-Type. Rezultatul? O armă de enduro capabilă de parc-laps DH, dar suficient de eficientă la pedalat datorită suspensiei VPP™ optimizate.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\"\u003e🏗️ Cadru \u0026amp; Cinematică\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eMaterial:\u003c\/strong\u003e Carbon C\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eTravel spate:\u003c\/strong\u003e 165 mm VPP\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eGreutate (M):\u003c\/strong\u003e 15,47 kg (34,11 lbs)\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eRoți:\u003c\/strong\u003e 29″, clearance 2,5″\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eParticularități:\u003c\/strong\u003e un singur suport bidon, protecții integrate, seat-tube 31,6 mm, clamp 36,4 mm\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\"\u003e🛠️ Suspensie\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003e\u003c\/h1\u003e\n\u003ctable class=\" aligncenter\" style=\"height: 190px;\" width=\"580\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eComponentă\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/th\u003e\n\u003cth\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eDetaliu\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003eFurcă\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eFOX 38 Float Performance Elite\u003c\/b\u003e\u003cspan class=\"s1\"\u003e — 170 mm, offset 44 mm\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003eShock\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\" style=\"text-align: center;\"\u003e\u003cb\u003eRockShox Super Deluxe Select+\u003c\/b\u003e\u003cspan class=\"s1\"\u003e 230 × 62,5 mm\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch1 style=\"text-align: center;\"\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\"\u003e⚙️ Transmisie Wireless\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eTransmisie:\u003c\/strong\u003e SRAM GX Eagle AXS (T-Type), 12 viteze\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eFoiae:\u003c\/strong\u003e 32T, brațe GX Eagle 148 DUB\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003ePinioane:\u003c\/strong\u003e XG-1275 10-50T\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eChainguide:\u003c\/strong\u003e OneUp Bash Guide\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ehttps:\/\/youtu.be\/wO_-gyrAbK4\u003c\/p\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\"\u003e🛑 Frânare \u0026amp; Control\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\"\u003eFrâne \u003cstrong\u003eSRAM Code RS\u003c\/strong\u003e cu discuri Avid Centerline 200 mm față\/spate\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003eReglaj reach Tool-free, putere constantă pe coborâri lungi\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003e🖐️ Cockpit\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eGhidon:\u003c\/strong\u003e Santa Cruz 35 Carbon 800 mm\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eStem:\u003c\/strong\u003e Burgtec Enduro MK3 42 mm\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eSeatpost:\u003c\/strong\u003e RockShox Reverb Stealth 31,6 mm\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eȘa:\u003c\/strong\u003e WTB Silverado CroMo\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003e🔩 Roți \u0026amp; Anvelope\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003e\u003c\/h1\u003e\n\u003ctable class=\" aligncenter\" style=\"height: 241px;\" width=\"637\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eFata\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/th\u003e\n\u003cth\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eSpate\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003eRace Face ARC Offset 30\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\" style=\"text-align: center;\"\u003eRace Face ARC Offset 30\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003eButuc i9 1\/1 28h Boost\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003eButuc i9 1\/1 XD 28h Boost\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003eMaxxis Assegai 29×2.5 EXO+ MaxxGrip\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003eMaxxis DHR II 29×2.4 WT EXO+ MaxxTerra\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-12-15-at-13_12_25.png\"\u003e\u003cimg class=\"aligncenter wp-image-219078 size-full\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-12-15-at-13_12_25.png\" alt=\"\" width=\"3438\" height=\"1528\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ca class=\"flex transition-all duration-300 hover:opacity-60\" href=\"https:\/\/www.santacruzbicycles.com\/\" aria-label=\"Navigate to homepage\"\u003e\u003cimg class=\"aligncenter\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/header-logo.svg\" alt=\"Header Logo\" width=\"161\" height=\"161\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch4 style=\"text-align: center;\"\u003e\u003ca href=\"https:\/\/provelo.ro\/contact\/\"\u003eSe poate vedea si testa la sediul magazinului  de biciclete ProVelo Bucuresti, Sos Nicolae Titulescu 155, S1.\u003c\/a\u003e\u003c\/h4\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003c\/h2\u003e\n\u003cdiv id=\"tab-description\" class=\"woocommerce-Tabs-panel woocommerce-Tabs-panel--description panel entry-content wc-tab\" role=\"tabpanel\" aria-labelledby=\"tab-title-description\"\u003e\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"S","offer_id":57494261105022,"sku":"58-23268-109-3-762-8121011-1","price":21245.75,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57494261137790,"sku":"58-23268-109-3-762-812101-1","price":30599.15,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57494261170558,"sku":"58-24263-427-4-822-434201","price":30599.15,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57494261203326,"sku":"N23209N3-1-2-1-1-1","price":21245.75,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY24_Megatower_C_GX_AXS_GlossPurple_709d714c-27d3-40de-80cd-01f966729618-3-scaled.webp?v=1780304192"},{"product_id":"bicicleta-mtb-santa-cruz-bronson","title":"Bicicleta MTB Santa Cruz BRONSON ASX","description":"\u003cbody\u003e\n\u003cp\u003eBicicleta MTB Santa Cruz BRONSON ASX\t\t\u003c\/p\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"262866\" class=\"elementor elementor-262866\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-3d07ce5 e-flex e-con-boxed e-con e-parent\" data-id=\"3d07ce5\" 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-13e1204 elementor-widget elementor-widget-html\" data-id=\"13e1204\" 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 Bronson | 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            --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 - SANTA CRUZ STYLE ========== *\/\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        \/* Background colors matching bike colors *\/\n        .hero.bg-carbon { background: #2d2d2d; }\n        .hero.bg-green { background: #3a5a3a; }\n        .hero.bg-rootbeer { background: #5a3a2a; }\n        .hero.bg-kalimotxo { background: #6a2a2a; }\u003c\/p\u003e\n\u003cp\u003e        \/* Dot Colors *\/\n        .dot-carbon { background: #3d3d3d !important; background-color: #3d3d3d !important; }\n        .dot-green { background: #4a6a4a !important; background-color: #4a6a4a !important; }\n        .dot-rootbeer { background: #7a4a2a !important; background-color: #7a4a2a !important; }\n        .dot-kalimotxo { background: #8a3a3a !important; background-color: #8a3a3a !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        \/* Override Elementor\/WordPress styles *\/\n        .hero h1,\n        .hero .hero-title,\n        .hero-content h1,\n        .hero-content .hero-title,\n        h1.hero-title {\n            font-size: clamp(5rem, 15vw, 12rem) !important;\n            font-weight: 900 !important;\n            color: #ffffff !important;\n            -webkit-text-fill-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            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\n            display: block !important;\n            visibility: visible !important;\n            opacity: 1 !important;\n            background: none !important;\n            -webkit-background-clip: unset !important;\n            background-clip: unset !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* TITLU MEGA - FOARTE MARE ALB *\/\n        .hero-title {\n            font-size: clamp(5rem, 15vw, 12rem) !important;\n            font-weight: 900 !important;\n            color: #ffffff !important;\n            -webkit-text-fill-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            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\n            display: block !important;\n            visibility: visible !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 {\n            border-left: none !important;\n        }\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            -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\n            text-transform: uppercase !important;\n            letter-spacing: 1px !important;\n            margin-bottom: 5px !important;\n            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\n            font-weight: 400 !important;\n            display: block !important;\n            visibility: visible !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            -webkit-text-fill-color: #ffffff !important;\n            line-height: 1 !important;\n            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\n            display: block !important;\n            visibility: visible !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-stat-value span {\n            font-size: 1rem !important;\n            font-weight: 400 !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Override pentru stats - Elementor *\/\n        .hero .hero-stat-label,\n        .hero-content .hero-stat-label,\n        .hero-stats .hero-stat-label {\n            font-size: 0.65rem !important;\n            color: rgba(255, 255, 255, 0.7) !important;\n            -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\n            text-transform: uppercase !important;\n            letter-spacing: 1px !important;\n            font-weight: 400 !important;\n            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero .hero-stat-value,\n        .hero-content .hero-stat-value,\n        .hero-stats .hero-stat-value {\n            font-size: 2rem !important;\n            font-weight: 700 !important;\n            color: #ffffff !important;\n            -webkit-text-fill-color: #ffffff !important;\n            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Bike Showcase in Hero *\/\n        .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            display: block !important;\n            visibility: visible !important;\n            opacity: 1 !important;\n            pointer-events: none !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .bike-showcase-hero .color-selector-vertical {\n            pointer-events: auto !important;\n        }\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            visibility: visible !important;\n            opacity: 1 !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            visibility: visible !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .bike-slide.active {\n            opacity: 1 !important;\n            pointer-events: auto !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .bike-slide img {\n            width: auto !important;\n            height: 70% !important;\n            max-width: 85% !important;\n            object-fit: contain !important;\n            display: block !important;\n            visibility: visible !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== COLOR SELECTOR ========== *\/\u003c\/p\u003e\n\u003cp\u003e        \/* Desktop - selector vertical pe lateral *\/\n        .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        \/* Desktop color name - simplu, alb, centrat *\/\n        .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        \/* Mobile - ascuns pe desktop *\/\n        .color-selector-mobile {\n            display: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .color-name-mobile {\n            display: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Cercuri culori desktop *\/\n        .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            flex-shrink: 0 !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .color-dot-v:hover {\n            transform: scale(1.15) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .color-dot-v.active {\n            border-color: rgba(0, 0, 0, 0.3) !important;\n            transform: scale(1.1) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Cercuri culori mobile *\/\n        .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            flex-shrink: 0 !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .color-dot-m:hover {\n            transform: scale(1.1) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .color-dot-m.active {\n            border-color: #1a1a1a !important;\n            transform: scale(1.05) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== STANDOUT FEATURES - NEGRU ========== *\/\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            box-sizing: border-box !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .standout-header {\n            max-width: 1400px;\n            margin: 0 auto 40px;\n            padding: 0 20px;\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            -webkit-text-fill-color: #ffffff !important;\n            text-transform: uppercase;\n            letter-spacing: -0.02em;\n            margin-bottom: 10px;\n            display: block !important;\n            visibility: visible !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .standout-subtitle {\n            font-size: 1rem !important;\n            color: rgba(255, 255, 255, 0.6) !important;\n            -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important;\n            display: block !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-carousel-container {\n            position: relative;\n            max-width: 1600px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-carousel {\n            display: flex;\n            gap: 8px;\n            overflow-x: auto;\n            scroll-behavior: smooth;\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n            padding: 0 20px 30px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-carousel::-webkit-scrollbar {\n            display: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-slide {\n            flex: 0 0 320px;\n            height: 350px;\n            border-radius: 12px;\n            overflow: hidden;\n            position: relative;\n            cursor: pointer;\n            transition: transform 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-slide:hover {\n            transform: scale(1.02);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-slide 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-slide:hover img {\n            transform: scale(1.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-slide-content {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: 30px 20px;\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-number {\n            font-size: 0.7rem;\n            color: var(--sc-red);\n            font-weight: 600;\n            letter-spacing: 1px;\n            margin-bottom: 8px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-name {\n            font-size: 1.2rem;\n            font-weight: 700;\n            color: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        .carousel-progress {\n            max-width: 600px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .progress-bar {\n            height: 2px;\n            background: rgba(255, 255, 255, 0.2);\n            border-radius: 1px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .progress-fill {\n            height: 100%;\n            background: #ffffff;\n            width: 25%;\n            transition: transform 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .carousel-nav {\n            display: flex;\n            justify-content: flex-end;\n            gap: 10px;\n            max-width: 1400px;\n            margin: 20px auto 0;\n            padding: 0 40px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .carousel-btn {\n            width: 44px;\n            height: 44px;\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            background: transparent;\n            border-radius: 8px;\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: var(--sc-red);\n            border-color: var(--sc-red);\n        }\u003c\/p\u003e\n\u003cp\u003e        .carousel-btn svg {\n            width: 20px;\n            height: 20px;\n            stroke: #ffffff;\n            transition: stroke 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .carousel-btn:hover svg {\n            stroke: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== CONTENT SECTIONS ========== *\/\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== SPLIT SECTIONS - FUNDAL GRI APPLE ========== *\/\n        .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            box-sizing: border-box !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            box-sizing: border-box !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 * {\n            direction: ltr;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-label {\n            font-size: 0.75rem !important;\n            font-weight: 700 !important;\n            color: var(--sc-red) !important;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 20px;\n            display: block !important;\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            -webkit-text-fill-color: #000000 !important;\n            line-height: 1.2 !important;\n            margin-bottom: 30px !important;\n            text-transform: none;\n            letter-spacing: -0.02em;\n            display: block !important;\n            visibility: visible !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-title .gradient-text,\n        .gradient-purple {\n            background: linear-gradient(90deg, #a855f7 0%, #7c3aed 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-cyan {\n            background: linear-gradient(90deg, #22d3ee 0%, #0891b2 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            display: block !important;\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 {\n            transform: scale(1.03);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== VIDEO SECTION - MAI MARE ========== *\/\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            box-sizing: border-box !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            display: block !important;\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            -webkit-text-fill-color: #000000 !important;\n            margin-bottom: 50px;\n            display: block !important;\n            visibility: visible !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 40px 100px rgba(0, 0, 0, 0.15);\n        }\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 - FULL WIDTH NEGRU ========== *\/\n        .design-section {\n            padding: 80px 0 120px;\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            box-sizing: border-box !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-title {\n            font-size: clamp(2.5rem, 5vw, 4rem) !important;\n            font-weight: 900 !important;\n            color: #000000 !important;\n            -webkit-text-fill-color: #000000 !important;\n            text-transform: uppercase;\n            letter-spacing: -0.02em;\n            display: block !important;\n            visibility: visible !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .bike-showcase {\n            width: 100%;\n            margin: 0 auto 80px;\n            position: relative;\n            background: #1a1a1a;\n            padding: 80px 40px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .bike-showcase img {\n            width: 100%;\n            max-width: 1400px;\n            height: auto;\n            display: block;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* HOTSPOTS PE BICICLETĂ *\/\n        .hotspot {\n            position: absolute;\n            width: 32px;\n            height: 32px;\n            background: rgba(255, 255, 255, 0.1);\n            border: 1.5px solid rgba(255, 255, 255, 0.3);\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        }\u003c\/p\u003e\n\u003cp\u003e        .hotspot::before {\n            content: '+';\n            color: rgba(255, 255, 255, 0.6);\n            font-size: 18px;\n            font-weight: 300;\n            line-height: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hotspot:hover,\n        .hotspot.active {\n            background: var(--sc-red);\n            border-color: var(--sc-red);\n            transform: scale(1.15);\n        }\u003c\/p\u003e\n\u003cp\u003e        .hotspot:hover::before,\n        .hotspot.active::before {\n            color: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Poziții hotspots PE bicicletă *\/\n        .hotspot-1 { top: 28%; left: 38%; } \/* Tija șa *\/\n        .hotspot-2 { top: 42%; left: 50%; } \/* Suspensie VPP *\/\n        .hotspot-3 { top: 65%; left: 42%; } \/* Flip Chip \/ Pedalier *\/\n        .hotspot-4 { top: 38%; left: 72%; } \/* Furcă *\/\u003c\/p\u003e\n\u003cp\u003e        .hotspot-tooltip {\n            position: absolute;\n            background: var(--white);\n            color: var(--text-dark);\n            padding: 20px;\n            border-radius: 12px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\n            width: 260px;\n            opacity: 0;\n            visibility: hidden;\n            transform: translateY(10px);\n            transition: all 0.3s ease;\n            z-index: 100;\n            pointer-events: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hotspot-tooltip.show {\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(0);\n        }\u003c\/p\u003e\n\u003cp\u003e        .hotspot-tooltip h4 {\n            font-size: 1rem;\n            font-weight: 700;\n            margin-bottom: 8px;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .hotspot-tooltip p {\n            font-size: 0.85rem;\n            color: #666;\n            line-height: 1.5;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hotspot-1 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\n        .hotspot-1 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\n        .hotspot-2 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\n        .hotspot-2 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\n        .hotspot-3 .hotspot-tooltip { bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-10px); margin-bottom: 10px; }\n        .hotspot-3 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\n        .hotspot-4 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\n        .hotspot-4 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\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(--white);\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 {\n            transform: scale(1.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card-content {\n            padding: 30px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card .feature-card-title,\n        .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            display: block !important;\n            visibility: visible !important;\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            box-sizing: border-box !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-section .products-title,\n        .products-title {\n            font-size: clamp(2.5rem, 5vw, 4rem) !important;\n            font-weight: 900 !important;\n            color: #000000 !important;\n            -webkit-text-fill-color: #000000 !important;\n            margin-bottom: 20px !important;\n            display: block !important;\n            visibility: visible !important;\n            opacity: 1 !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .products-title .gradient-text,\n        .specs-title .gradient-text,\n        .size-title .gradient-text,\n        .geometry-title .gradient-text,\n        .cta-title .gradient-text,\n        .design-title .gradient-text,\n        .standout-title .gradient-text,\n        .video-heading .gradient-text {\n            background: linear-gradient(90deg, #a855f7 0%, #7c3aed 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        .products-title .gradient-cyan,\n        .specs-title .gradient-cyan,\n        .size-title .gradient-cyan,\n        .geometry-title .gradient-cyan,\n        .cta-title .gradient-cyan,\n        .design-title .gradient-cyan,\n        .standout-title .gradient-cyan,\n        .video-heading .gradient-cyan {\n            background: linear-gradient(90deg, #22d3ee 0%, #0891b2 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        .products-section .products-subtitle,\n        .products-subtitle {\n            font-size: 1.2rem !important;\n            color: #555 !important;\n            max-width: 600px;\n            margin: 0 auto;\n            display: block !important;\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,\n        .filter-tab.active {\n            background: var(--apple-blue);\n            color: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Products Color Selector *\/\n        .products-color-selector {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n            margin: 30px 0;\n            flex-wrap: wrap;\n        }\u003c\/p\u003e\n\u003cp\u003e        .products-color-label {\n            font-size: 0.9rem;\n            color: #666;\n            font-weight: 500;\n        }\u003c\/p\u003e\n\u003cp\u003e        .products-color-pills {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            background: rgba(255, 255, 255, 0.95);\n            padding: 8px 15px;\n            border-radius: 30px;\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .product-color-dot {\n            width: 28px;\n            height: 28px;\n            border-radius: 50%;\n            border: 2px solid transparent;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            padding: 0;\n            outline: none;\n            -webkit-appearance: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .product-color-dot:hover {\n            transform: scale(1.15);\n        }\u003c\/p\u003e\n\u003cp\u003e        .product-color-dot.active {\n            border-color: #1a1a1a;\n            transform: scale(1.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .products-color-name {\n            font-size: 0.85rem;\n            color: #333;\n            font-weight: 500;\n            min-width: 120px;\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(--sc-red);\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-image\u003c\/style\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":"X0 AXS RSV-Kit \/ Kalimotxo \/ S","offer_id":57495789961598,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Kalimotxo \/ M","offer_id":57495789994366,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Kalimotxo \/ L","offer_id":57495790027134,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Kalimotxo \/ XL","offer_id":57495790059902,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Kalimotxo \/ XXL","offer_id":57495790092670,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Translucent Root Beer \/ S","offer_id":57495790125438,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Translucent Root Beer \/ M","offer_id":57495790158206,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Translucent Root Beer \/ L","offer_id":57495790190974,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Translucent Root Beer \/ XL","offer_id":57495790223742,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Translucent Root Beer \/ XXL","offer_id":57495790256510,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Kalimotxo \/ S","offer_id":57495790289278,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Kalimotxo \/ M","offer_id":57495790322046,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Kalimotxo \/ L","offer_id":57495790354814,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Kalimotxo \/ XL","offer_id":57495790387582,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Kalimotxo \/ XXL","offer_id":57495790420350,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Translucent Root Beer \/ S","offer_id":57495790453118,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Translucent Root Beer \/ M","offer_id":57495790485886,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Translucent Root Beer \/ L","offer_id":57495790518654,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Translucent Root Beer \/ XL","offer_id":57495790551422,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Translucent Root Beer \/ XXL","offer_id":57495790584190,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_bronson_black_hero_f3909300-d144-43c0-a0bc-d4f483fe2e8a.webp?v=1780322362"},{"product_id":"bicicleta-mtb-santa-cruz-nomad-90-carbon-c-coral","title":"Bicicleta MTB Santa Cruz Nomad 90 Carbon C Coral","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"262493\" class=\"elementor elementor-262493\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-7c8c29d e-flex e-con-boxed e-con e-parent\" data-id=\"7c8c29d\" 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-3563e2d elementor-widget elementor-widget-html\" data-id=\"3563e2d\" 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 Nomad | 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            --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 - SANTA CRUZ 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-black { background: #3d3d3d; }\u003cbr \/\u003e        .hero.bg-coral { background: #f97068; }\u003cbr \/\u003e        .hero.bg-purple { background: #5a4a5a; }\u003cbr \/\u003e        .hero.bg-teal { background: #6a9090; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Dot Colors *\/\u003cbr \/\u003e        .dot-black { background: #1a1a1a !important; background-color: #1a1a1a !important; }\u003cbr \/\u003e        .dot-coral { background: #f97068 !important; background-color: #f97068 !important; }\u003cbr \/\u003e        .dot-purple { background: #6b4a6b !important; background-color: #6b4a6b !important; }\u003cbr \/\u003e        .dot-teal { background: #7ab8b8 !important; background-color: #7ab8b8 !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(5rem, 15vw, 12rem) !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(5rem, 15vw, 12rem) !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-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        \/* ========== 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(--sc-red);\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: #ffffff;\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(--sc-red);\u003cbr \/\u003e            border-color: var(--sc-red);\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(--sc-red) !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-purple {\u003cbr \/\u003e            background: linear-gradient(90deg, #a855f7 0%, #7c3aed 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-cyan {\u003cbr \/\u003e            background: linear-gradient(90deg, #22d3ee 0%, #0891b2 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: 20px;\u003cbr \/\u003e            overflow: hidden;\u003cbr \/\u003e            box-shadow: 0 40px 100px rgba(0, 0, 0, 0.15);\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        }\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: #1a1a1a;\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(--sc-red);\u003cbr \/\u003e            border-color: var(--sc-red);\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%; } \/* Tija șa *\/\u003cbr \/\u003e        .hotspot-2 { top: 42%; left: 50%; } \/* Suspensie VPP *\/\u003cbr \/\u003e        .hotspot-3 { top: 65%; left: 42%; } \/* Flip Chip \/ Pedalier *\/\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, #a855f7 0%, #7c3aed 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-title .gradient-cyan,\u003cbr \/\u003e        .specs-title .gradient-cyan,\u003cbr \/\u003e        .size-title .gradient-cyan,\u003cbr \/\u003e        .geometry-title .gradient-cyan,\u003cbr \/\u003e        .cta-title .gradient-cyan,\u003cbr \/\u003e        .design-title .gradient-cyan,\u003cbr \/\u003e        .standout-title .gradient-cyan,\u003cbr \/\u003e        .video-heading .gradient-cyan {\u003cbr \/\u003e            background: linear-gradient(90deg, #22d3ee 0%, #0891b2 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(--apple-blue);\u003cbr \/\u003e            color: var(--white);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Products Color Selector *\/\u003cbr \/\u003e        .products-color-selector {\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e            justify-content: center;\u003cbr \/\u003e            gap: 15px;\u003cbr \/\u003e            margin: 30px 0;\u003cbr \/\u003e            flex-wrap: wrap;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .products-color-label {\u003cbr \/\u003e            font-size: 0.9rem;\u003cbr \/\u003e            color: #666;\u003cbr \/\u003e            font-weight: 500;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .products-color-pills {\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e            gap: 10px;\u003cbr \/\u003e            background: rgba(255, 255, 255, 0.95);\u003cbr \/\u003e            padding: 8px 15px;\u003cbr \/\u003e            border-radius: 30px;\u003cbr \/\u003e            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .product-color-dot {\u003cbr \/\u003e            width: 28px;\u003cbr \/\u003e            height: 28px;\u003cbr \/\u003e            border-radius: 50%;\u003cbr \/\u003e            border: 2px solid transparent;\u003cbr \/\u003e            cursor: pointer;\u003cbr \/\u003e            transition: all 0.3s ease;\u003cbr \/\u003e            padding: 0;\u003cbr \/\u003e            outline: none;\u003cbr \/\u003e            -webkit-appearance: none;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .product-color-dot:hover {\u003cbr \/\u003e            transform: scale(1.15);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .product-color-dot.active {\u003cbr \/\u003e            border-color: #1a1a1a;\u003cbr \/\u003e            transform: scale(1.1);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .products-color-name {\u003cbr \/\u003e            font-size: 0.85rem;\u003cbr \/\u003e            color: #333;\u003cbr \/\u003e            font-weight: 500;\u003cbr \/\u003e            min-width: 120px;\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(--sc-red);\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-image {\u003cbr \/\u003e            padding: 40px;\u003cbr \/\u003e            background: var(--white\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"S","offer_id":57496380440958,"sku":"58-23268-109-3-762-8121011-1-1","price":27710.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57496380473726,"sku":"58-26280-454-3-908-262501","price":27710.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57496380506494,"sku":"58-26280-454-4-908-262501","price":27710.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57496380539262,"sku":"N23209N3-1-2-1-1-1-1","price":27710.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Nomad_C_90_GlossCoral_a2d5b527-4027-416b-bc6a-e3a8498f7187-1-scaled.webp?v=1780336861"},{"product_id":"bicicleta-mtb-santa-cruz-megatower-2-c-29-gx1-axs-gloss-carbon","title":"Bicicleta MTB Santa Cruz Megatower 2 90","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"259005\" class=\"elementor elementor-259005\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-85e5c20 e-con-full e-flex e-con e-parent\" data-id=\"85e5c20\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-d4a17aa elementor-widget elementor-widget-html\" data-id=\"d4a17aa\" 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 Megatower | 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            --black: #1d1d1f;\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 - SANTA CRUZ 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 - solid pentru Santa Cruz style *\/\u003cbr \/\u003e        .hero.bg-crimson { background: #5a3a3a; }\u003cbr \/\u003e        .hero.bg-silver { background: #6a6a6a; }\u003cbr \/\u003e        .hero.bg-olive { background: #4a4a3a; }\u003cbr \/\u003e        .hero.bg-black { background: #3d3d3d; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Dot Colors - solid *\/\u003cbr \/\u003e        .dot-crimson { background: #dc143c !important; background-color: #dc143c !important; }\u003cbr \/\u003e        .dot-silver { background: #b0b0b0 !important; background-color: #b0b0b0 !important; }\u003cbr \/\u003e        .dot-olive { background: #6a6a4c !important; background-color: #6a6a4c !important; }\u003cbr \/\u003e        .dot-black { background: #1a1a1a !important; background-color: #1a1a1a !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(5rem, 15vw, 12rem) !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(5rem, 15vw, 12rem) !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-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            pointer-events: auto !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        \/* ========== STANDOUT FEATURES - GRI APPLE ========== *\/\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 !important;\u003cbr \/\u003e            letter-spacing: -0.02em !important;\u003cbr \/\u003e            margin-bottom: 10px !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        .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            visibility: visible !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(--sc-red);\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: #ffffff;\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(--sc-red);\u003cbr \/\u003e            border-color: var(--sc-red);\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 NEGRU CA SANTA CRUZ ========== *\/\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(--sc-red) !important;\u003cbr \/\u003e            -webkit-text-fill-color: var(--sc-red) !important;\u003cbr \/\u003e            text-transform: uppercase !important;\u003cbr \/\u003e            letter-spacing: 2px !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        .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.05 !important;\u003cbr \/\u003e            margin-bottom: 30px !important;\u003cbr \/\u003e            text-transform: uppercase !important;\u003cbr \/\u003e            letter-spacing: -0.02em !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        \/* Override pentru Elementor *\/\u003cbr \/\u003e        .extreme-section .section-title,\u003cbr \/\u003e        .getup-section .section-title,\u003cbr \/\u003e        .split-content .section-title,\u003cbr \/\u003e        h2.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            display: block !important;\u003cbr \/\u003e            visibility: visible !important;\u003cbr \/\u003e            opacity: 1 !important;\u003cbr \/\u003e            background: none !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .section-text {\u003cbr \/\u003e            font-size: 1.1rem !important;\u003cbr \/\u003e            color: #555555 !important;\u003cbr \/\u003e            -webkit-text-fill-color: #555555 !important;\u003cbr \/\u003e            line-height: 1.8 !important;\u003cbr \/\u003e            display: block !important;\u003cbr \/\u003e            visibility: visible !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.4);\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: #666666 !important;\u003cbr \/\u003e            -webkit-text-fill-color: #666666 !important;\u003cbr \/\u003e            text-transform: uppercase !important;\u003cbr \/\u003e            letter-spacing: 3px !important;\u003cbr \/\u003e            margin-bottom: 20px !important;\u003cbr \/\u003e            display: block !important;\u003cbr \/\u003e            visibility: visible !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 !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        .video-container {\u003cbr \/\u003e            max-width: 1200px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e            overflow: hidden;\u003cbr \/\u003e            box-shadow: 0 40px 100px rgba(0, 0, 0, 0.15);\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        }\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 !important;\u003cbr \/\u003e            letter-spacing: -0.02em !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        .bike-showcase {\u003cbr \/\u003e            width: 100%;\u003cbr \/\u003e            margin: 0 auto 80px;\u003cbr \/\u003e            position: relative;\u003cbr \/\u003e            background: #1a1a1a;\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(--sc-red);\u003cbr \/\u003e            border-color: var(--sc-red);\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%; } \/* Tija șa *\/\u003cbr \/\u003e        .hotspot-2 { top: 42%; left: 50%; } \/* Suspensie VPP *\/\u003cbr \/\u003e        .hotspot-3 { top: 65%; left: 42%; } \/* Flip Chip \/ Pedalier *\/\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-title {\u003cbr \/\u003e            font-size: 1.6rem;\u003cbr \/\u003e            font-weight: 900;\u003cbr \/\u003e            color: #000000;\u003cbr \/\u003e            margin-bottom: 15px;\u003cbr \/\u003e            line-height: 1.2;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .feature-card-text {\u003cbr \/\u003e            font-size: 1rem;\u003cbr \/\u003e            color: #555;\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-title {\u003cbr \/\u003e            font-size: clamp(2rem, 4vw, 3rem) !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        \/* Gradient text pentru titluri *\/\u003cbr \/\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        .section-title .gradient-text {\u003cbr \/\u003e            background: linear-gradient(90deg, #a855f7 0%, #7c3aed 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-title .gradient-cyan,\u003cbr \/\u003e        .specs-title .gradient-cyan,\u003cbr \/\u003e        .size-title .gradient-cyan,\u003cbr \/\u003e        .geometry-title .gradient-cyan,\u003cbr \/\u003e        .cta-title .gradient-cyan,\u003cbr \/\u003e        .design-title .gradient-cyan,\u003cbr \/\u003e        .standout-title .gradient-cyan,\u003cbr \/\u003e        .video-heading .gradient-cyan,\u003cbr \/\u003e        .section-title .gradient-cyan {\u003cbr \/\u003e            background: linear-gradient(90deg, #22d3ee 0%, #0891b2 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-subtitle {\u003cbr \/\u003e            font-size: 1.1rem !important;\u003cbr \/\u003e            color: #666666 !important;\u003cbr \/\u003e            -webkit-text-fill-color: #666666 !important;\u003cbr \/\u003e            max-width: 600px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e            display: block !important;\u003cbr \/\u003e            visibility: visible !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(--apple-blue);\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(--sc-red);\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-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\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"70-Kit \/ S \/ Gloss Silver","offer_id":57496380572030,"sku":"58-23268-109-3-762-8121011-1-2","price":23630.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ S \/ Matte Olive Drab","offer_id":57496380604798,"sku":"58-23268-109-3-762-8121011-1-2","price":23630.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ M \/ Gloss Silver","offer_id":57496380637566,"sku":"58-23268-109-3-762-8121011-1-2","price":23630.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ M \/ Matte Olive Drab","offer_id":57496380670334,"sku":"58-23268-109-3-762-8121011-1-2","price":23630.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ L \/ Gloss Silver","offer_id":57496380703102,"sku":"58-23268-109-3-762-8121011-1-2","price":23630.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ L \/ Matte Olive Drab","offer_id":57496380735870,"sku":"58-23268-109-3-762-8121011-1-2","price":23630.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ XL \/ Gloss Silver","offer_id":57496380768638,"sku":"58-23268-109-3-762-8121011-1-2","price":23630.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ XL \/ Matte Olive Drab","offer_id":57496380801406,"sku":"58-23268-109-3-762-8121011-1-2","price":23630.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ XXL \/ Gloss Silver","offer_id":57496380834174,"sku":"58-23268-109-3-762-8121011-1-2","price":23630.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ XXL \/ Matte Olive Drab","offer_id":57496380866942,"sku":"58-23268-109-3-762-8121011-1-2","price":23630.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ S \/ Gloss Silver","offer_id":57496380899710,"sku":"58-23268-109-3-762-8121011-1-2","price":27880.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ S \/ Matte Olive Drab","offer_id":57496380932478,"sku":"58-23268-109-3-762-8121011-1-2","price":27880.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ M \/ Gloss Silver","offer_id":57496380965246,"sku":"58-23268-109-3-762-8121011-1-2","price":27880.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ M \/ Matte Olive Drab","offer_id":57496380998014,"sku":"58-23268-109-3-762-8121011-1-2","price":27880.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ L \/ Gloss Silver","offer_id":57496381030782,"sku":"58-23268-109-3-762-8121011-1-2","price":27880.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ L \/ Matte Olive Drab","offer_id":57496381063550,"sku":"58-23268-109-3-762-8121011-1-2","price":27880.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ XL \/ Gloss Silver","offer_id":57496381096318,"sku":"58-23268-109-3-762-8121011-1-2","price":27880.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ XL \/ Matte Olive Drab","offer_id":57496381129086,"sku":"58-23268-109-3-762-8121011-1-2","price":27880.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ XXL \/ Gloss Silver","offer_id":57496381161854,"sku":"58-23268-109-3-762-8121011-1-2","price":27880.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ XXL \/ Matte Olive Drab","offer_id":57496381194622,"sku":"58-23268-109-3-762-8121011-1-2","price":27880.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Megatower_C_90_MatteOliveDrab_ad46b561-0e8b-4d39-951a-fed87b32d4d4-scaled.webp?v=1780336883"},{"product_id":"bicicleta-santa-cruz-v10-8-cc","title":"Bicicleta Santa Cruz V10 8 CC","description":"\u003cp\u003e\u003c\/p\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"271938\" class=\"elementor elementor-271938\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-5550bec e-flex e-con-boxed e-con e-parent\" data-id=\"5550bec\" 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-d3f0bba elementor-widget elementor-widget-html\" data-id=\"d3f0bba\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Santa Cruz V10 2025 - Landing Page Premium - Apple Style Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Santa Cruz V10 downhill full-suspension carbon CC mountain bike, bicicletă MTB DH World Cup România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e    \/* ============================================\u003cbr \/\u003e       CSS VARIABLES \u0026 DESIGN SYSTEM - V10 DH EDITION\u003cbr \/\u003e       Apple Style: White + gray backgrounds, DH red gradients\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .v10-page {\u003cbr \/\u003e        --v10-black: #1d1d1f;\u003cbr \/\u003e        --v10-white: #ffffff;\u003cbr \/\u003e        --v10-gray-50: #fafafa;\u003cbr \/\u003e        --v10-gray-100: #f5f5f7;\u003cbr \/\u003e        --v10-gray-200: #e8e8ed;\u003cbr \/\u003e        --v10-gray-300: #d2d2d7;\u003cbr \/\u003e        --v10-gray-500: #86868b;\u003cbr \/\u003e        --v10-gray-600: #6e6e73;\u003cbr \/\u003e        --v10-gray-700: #515154;\u003cbr \/\u003e        --v10-gray-800: #2d2d2d;\u003cbr \/\u003e        --v10-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* V10 Accent Colors - DH Red *\/\u003cbr \/\u003e        --v10-red: #E31937;\u003cbr \/\u003e        --v10-red-light: #ff3355;\u003cbr \/\u003e        --v10-red-dark: #b8142d;\u003cbr \/\u003e        --v10-crimson: #dc143c;\u003cbr \/\u003e        --v10-green: #3e4122;\u003cbr \/\u003e        --v10-green-light: #4e5132;\u003cbr \/\u003e        --v10-blue: #1c3a6e;\u003cbr \/\u003e        --v10-blue-light: #2a5499;\u003cbr \/\u003e        --v10-blue-deep: #0d1f3d;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Animation timing functions *\/\u003cbr \/\u003e        --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\u003cbr \/\u003e        --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\u003cbr \/\u003e        --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\u003cbr \/\u003e        --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\u003cbr \/\u003e        --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    html, body {\u003cbr \/\u003e        overflow-x: hidden !important;\u003cbr \/\u003e        overflow-y: auto !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-page {\u003cbr \/\u003e        width: 100% !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e        position: relative !important;\u003cbr \/\u003e        overflow-x: hidden !important;\u003cbr \/\u003e        overflow-y: visible !important;\u003cbr \/\u003e        box-sizing: border-box !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-fw-parent {\u003cbr \/\u003e        padding-left: 0 !important;\u003cbr \/\u003e        padding-right: 0 !important;\u003cbr \/\u003e        margin-left: 0 !important;\u003cbr \/\u003e        margin-right: 0 !important;\u003cbr \/\u003e        border-radius: 0 !important;\u003cbr \/\u003e        overflow-x: hidden !important;\u003cbr \/\u003e        overflow-y: visible !important;\u003cbr \/\u003e        box-sizing: border-box !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-widget-container:has(.v10-page),\u003cbr \/\u003e    .elementor-element:has(.v10-page) {\u003cbr \/\u003e        max-width: 100% !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        overflow-x: hidden !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-section:has(.v10-page),\u003cbr \/\u003e    .elementor-container:has(.v10-page),\u003cbr \/\u003e    .elementor-column:has(.v10-page),\u003cbr \/\u003e    .elementor-widget:has(.v10-page) {\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        gap: 0 !important;\u003cbr \/\u003e        max-width: 100% !important;\u003cbr \/\u003e        overflow-x: hidden !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .elementor-widget-container .v10-page h1,\u003cbr \/\u003e    .elementor-widget-container .v10-page h2,\u003cbr \/\u003e    .elementor-widget-container .v10-page h3,\u003cbr \/\u003e    .elementor-widget-container .v10-page h4,\u003cbr \/\u003e    .elementor-widget-container .v10-page h5,\u003cbr \/\u003e    .elementor-widget-container .v10-page h6,\u003cbr \/\u003e    .elementor-kit-6 .v10-page h1,\u003cbr \/\u003e    .elementor-kit-6 .v10-page h2,\u003cbr \/\u003e    .elementor-kit-6 .v10-page h3,\u003cbr \/\u003e    .elementor-kit-6 .v10-page h4,\u003cbr \/\u003e    .elementor-kit-6 .v10-page h5,\u003cbr \/\u003e    .elementor-kit-6 .v10-page h6,\u003cbr \/\u003e    .v10-page h1,\u003cbr \/\u003e    .v10-page h2,\u003cbr \/\u003e    .v10-page h3,\u003cbr \/\u003e    .v10-page h4,\u003cbr \/\u003e    .v10-page h5,\u003cbr \/\u003e    .v10-page h6 {\u003cbr \/\u003e        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\u003cbr \/\u003e        color: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-kit-6 .v10-page h2,\u003cbr \/\u003e    .elementor-widget-container .v10-page h2 {\u003cbr \/\u003e        font-size: inherit !important;\u003cbr \/\u003e        font-weight: inherit !important;\u003cbr \/\u003e        line-height: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .single-product-tabs .woocommerce-Tabs-panel .v10-page h2,\u003cbr \/\u003e    .woocommerce-Tabs-panel .v10-page h2,\u003cbr \/\u003e    .v10-page h2.v10-title-main,\u003cbr \/\u003e    .v10-page h2 {\u003cbr \/\u003e        display: block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESET \u0026 BASE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .v10-page {\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e        color: var(--v10-black);\u003cbr \/\u003e        background: var(--v10-white);\u003cbr \/\u003e        line-height: 1.5;\u003cbr \/\u003e        -webkit-font-smoothing: antialiased;\u003cbr \/\u003e        -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e        overflow-x: hidden;\u003cbr \/\u003e        overflow-y: visible;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-page * {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-page img,\u003cbr \/\u003e    .v10-page video {\u003cbr \/\u003e        max-width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-page a {\u003cbr \/\u003e        text-decoration: none;\u003cbr \/\u003e        color: inherit;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-page {\u003cbr \/\u003e        scroll-behavior: smooth;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       GRADIENT TEXT EFFECTS - DH RED\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .v10-gradient,\u003cbr \/\u003e    .v10-page .v10-gradient,\u003cbr \/\u003e    .elementor-widget-container .v10-gradient {\u003cbr \/\u003e        background: linear-gradient(90deg, #b8142d 0%, #E31937 20%, #ff3355 40%, #dc143c 65%, #E31937 85%, #b8142d 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        color: #E31937 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-gradient-cool,\u003cbr \/\u003e    .v10-page .v10-gradient-cool,\u003cbr \/\u003e    .elementor-widget-container .v10-gradient-cool {\u003cbr \/\u003e        background: linear-gradient(90deg, #3e4122 0%, #4e5132 25%, #5e6142 50%, #4e5132 75%, #3e4122 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        color: #3e4122 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-gradient-warm,\u003cbr \/\u003e    .v10-page .v10-gradient-warm,\u003cbr \/\u003e    .elementor-widget-container .v10-gradient-warm {\u003cbr \/\u003e        background: linear-gradient(90deg, #dc143c 0%, #E31937 25%, #ff3355 50%, #E31937 75%, #b8142d 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        color: #E31937 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-gradient-reverse,\u003cbr \/\u003e    .v10-page .v10-gradient-reverse,\u003cbr \/\u003e    .elementor-widget-container .v10-gradient-reverse {\u003cbr \/\u003e        background: linear-gradient(90deg, #ff3355 0%, #E31937 30%, #dc143c 60%, #b8142d 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        color: #E31937 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYPOGRAPHY SYSTEM\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .v10-page .v10-title-main {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.035em !important;\u003cbr \/\u003e        line-height: 1.05 !important;\u003cbr \/\u003e        margin-bottom: 0.25rem !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    .v10-page .v10-subtitle {\u003cbr \/\u003e        font-size: clamp(1rem, 2vw, 1.35rem);\u003cbr \/\u003e        color: var(--v10-gray-600);\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        max-width: 600px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-page .v10-label {\u003cbr \/\u003e        font-size: 0.8125rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        letter-spacing: 2px;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        background: linear-gradient(90deg, #E31937, #dc143c, #b8142d);\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       QUICK NAV + FAST CONFIGURATION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    \u003cdata-nav-section\u003e {\u003cbr \/\u003e        scroll-margin-top: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-sticky-nav {\u003cbr \/\u003e        position: sticky;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        z-index: 50;\u003cbr \/\u003e        border-bottom: 1px solid rgba(0, 0, 0, 0.06);\u003cbr \/\u003e        background: rgba(255, 255, 255, 0.72);\u003cbr \/\u003e        backdrop-filter: blur(22px) saturate(180%);\u003cbr \/\u003e        -webkit-backdrop-filter: blur(22px) saturate(180%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-sticky-nav-inner {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        padding: 12px 20px;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 10px;\u003cbr \/\u003e        overflow-x: auto;\u003cbr \/\u003e        scrollbar-width: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-sticky-nav-inner::-webkit-scrollbar { display: none; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-sticky-link {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        white-space: nowrap;\u003cbr \/\u003e        font-size: 0.8rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--v10-gray-600);\u003cbr \/\u003e        padding: 8px 14px;\u003cbr \/\u003e        border-radius: 999px;\u003cbr \/\u003e        border: 1px solid transparent;\u003cbr \/\u003e        transition: all 0.25s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-sticky-link:hover {\u003cbr \/\u003e        color: var(--v10-black);\u003cbr \/\u003e        border-color: var(--v10-gray-300);\u003cbr \/\u003e        background: var(--v10-gray-50);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-sticky-link.active {\u003cbr \/\u003e        color: var(--v10-black);\u003cbr \/\u003e        background: var(--v10-gray-100);\u003cbr \/\u003e        border-color: var(--v10-gray-300);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-sticky-link.v10-sticky-link-cta {\u003cbr \/\u003e        margin-left: auto;\u003cbr \/\u003e        color: #ffffff;\u003cbr \/\u003e        background: var(--v10-red);\u003cbr \/\u003e        border-color: var(--v10-red);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-sticky-link.v10-sticky-link-cta:hover {\u003cbr \/\u003e        background: var(--v10-red-dark);\u003cbr \/\u003e        border-color: var(--v10-red-dark);\u003cbr \/\u003e        color: #ffffff;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-cta-row {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 12px;\u003cbr \/\u003e        flex-wrap: wrap;\u003cbr \/\u003e        margin: 6px 0 10px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-price-note {\u003cbr \/\u003e        font-size: 0.82rem;\u003cbr \/\u003e        letter-spacing: 0.4px;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.65);\u003cbr \/\u003e        margin-bottom: 14px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-config-section {\u003cbr \/\u003e        padding: clamp(40px, 7vw, 80px) 24px;\u003cbr \/\u003e        background:\u003cbr \/\u003e            radial-gradient(circle at 85% -10%, rgba(227, 25, 55, 0.14), transparent 38%),\u003cbr \/\u003e            radial-gradient(circle at 10% 120%, rgba(62, 65, 34, 0.16), transparent 42%),\u003cbr \/\u003e            var(--v10-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-config {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        border-radius: 26px;\u003cbr \/\u003e        border: 1px solid var(--v10-gray-200);\u003cbr \/\u003e        background: rgba(255, 255, 255, 0.92);\u003cbr \/\u003e        backdrop-filter: blur(10px);\u003cbr \/\u003e        -webkit-backdrop-filter: blur(10px);\u003cbr \/\u003e        padding: clamp(24px, 4vw, 38px);\u003cbr \/\u003e        box-shadow: 0 18px 70px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-config-head {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: space-between;\u003cbr \/\u003e        align-items: flex-start;\u003cbr \/\u003e        gap: 30px;\u003cbr \/\u003e        margin-bottom: 30px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-title {\u003cbr \/\u003e        font-size: clamp(1.7rem, 3vw, 2.6rem);\u003cbr \/\u003e        line-height: 1.1;\u003cbr \/\u003e        letter-spacing: -0.02em;\u003cbr \/\u003e        font-weight: 750;\u003cbr \/\u003e        color: var(--v10-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-subtitle {\u003cbr \/\u003e        margin-top: 10px;\u003cbr \/\u003e        color: var(--v10-gray-600);\u003cbr \/\u003e        max-width: 620px;\u003cbr \/\u003e        font-size: 0.95rem;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-summary {\u003cbr \/\u003e        text-align: right;\u003cbr \/\u003e        min-width: 220px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-price {\u003cbr \/\u003e        font-size: clamp(2rem, 3.5vw, 2.8rem);\u003cbr \/\u003e        font-weight: 800;\u003cbr \/\u003e        letter-spacing: -0.03em;\u003cbr \/\u003e        color: var(--v10-black);\u003cbr \/\u003e        line-height: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-price small {\u003cbr \/\u003e        display: block;\u003cbr \/\u003e        margin-top: 6px;\u003cbr \/\u003e        font-size: 0.75rem;\u003cbr \/\u003e        color: var(--v10-gray-500);\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-meta {\u003cbr \/\u003e        margin-top: 10px;\u003cbr \/\u003e        font-size: 0.82rem;\u003cbr \/\u003e        color: var(--v10-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-field {\u003cbr \/\u003e        background: #ffffff;\u003cbr \/\u003e        border: 1px solid var(--v10-gray-200);\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        padding: 18px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-field-label {\u003cbr \/\u003e        font-size: 0.75rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 1.2px;\u003cbr \/\u003e        color: var(--v10-gray-500);\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-pill-group {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-wrap: wrap;\u003cbr \/\u003e        gap: 10px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-pill {\u003cbr \/\u003e        border: 1px solid var(--v10-gray-300);\u003cbr \/\u003e        border-radius: 999px;\u003cbr \/\u003e        background: var(--v10-gray-50);\u003cbr \/\u003e        color: var(--v10-gray-700);\u003cbr \/\u003e        padding: 10px 14px;\u003cbr \/\u003e        font-size: 0.83rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        transition: all 0.25s ease;\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-pill:hover {\u003cbr \/\u003e        color: var(--v10-black);\u003cbr \/\u003e        border-color: var(--v10-gray-600);\u003cbr \/\u003e        background: #ffffff;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-pill.active {\u003cbr \/\u003e        background: var(--v10-black);\u003cbr \/\u003e        color: #ffffff;\u003cbr \/\u003e        border-color: var(--v10-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-size-pill.active {\u003cbr \/\u003e        background: var(--v10-red);\u003cbr \/\u003e        border-color: var(--v10-red);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-assist {\u003cbr \/\u003e        margin-top: 22px;\u003cbr \/\u003e        font-size: 0.86rem;\u003cbr \/\u003e        color: var(--v10-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-assist strong {\u003cbr \/\u003e        color: var(--v10-black);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-links {\u003cbr \/\u003e        margin-top: 24px;\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, minmax(0, 1fr));\u003cbr \/\u003e        gap: 12px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-link-card {\u003cbr \/\u003e        border: 1px solid var(--v10-gray-200);\u003cbr \/\u003e        border-radius: 14px;\u003cbr \/\u003e        padding: 14px 14px 15px;\u003cbr \/\u003e        background: #ffffff;\u003cbr \/\u003e        transition: all 0.25s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-link-card:hover {\u003cbr \/\u003e        border-color: var(--v10-gray-400);\u003cbr \/\u003e        transform: translateY(-2px);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-link-card h4 {\u003cbr \/\u003e        font-size: 0.92rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 5px;\u003cbr \/\u003e        color: var(--v10-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-link-card p {\u003cbr \/\u003e        font-size: 0.8rem;\u003cbr \/\u003e        color: var(--v10-gray-600);\u003cbr \/\u003e        line-height: 1.45;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-quick-cta {\u003cbr \/\u003e        margin-top: 28px;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        gap: 12px;\u003cbr \/\u003e        flex-wrap: wrap;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TRUST SECTION (INSPIRED BY OFFICIAL PDP)\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .v10-trust-section {\u003cbr \/\u003e        background: var(--v10-black);\u003cbr \/\u003e        color: #ffffff;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-trust-section .v10-label {\u003cbr \/\u003e        background: linear-gradient(90deg, #ff8fa0, #ff4f6d, #ff8fa0);\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-trust-section .v10-title-main {\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-trust-section .v10-subtitle {\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.76);\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-trust-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 18px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-trust-card {\u003cbr \/\u003e        border: 1px solid rgba(255, 255, 255, 0.14);\u003cbr \/\u003e        background: rgba(255, 255, 255, 0.04);\u003cbr \/\u003e        border-radius: 18px;\u003cbr \/\u003e        padding: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-trust-icon {\u003cbr \/\u003e        width: 42px;\u003cbr \/\u003e        height: 42px;\u003cbr \/\u003e        border-radius: 12px;\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        margin-bottom: 14px;\u003cbr \/\u003e        color: #ffffff;\u003cbr \/\u003e        background: linear-gradient(135deg, rgba(255, 79, 109, 0.35), rgba(227, 25, 55, 0.52));\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-trust-icon svg {\u003cbr \/\u003e        width: 20px;\u003cbr \/\u003e        height: 20px;\u003cbr \/\u003e        stroke: currentColor;\u003cbr \/\u003e        fill: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-trust-card h3 {\u003cbr \/\u003e        font-size: 1.06rem;\u003cbr \/\u003e        margin-bottom: 7px;\u003cbr \/\u003e        color: #ffffff;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-trust-card p {\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.78);\u003cbr \/\u003e        font-size: 0.88rem;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HERO SECTION - SANTA CRUZ STYLE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .v10-hero {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        min-height: 100vh;\u003cbr \/\u003e        transition: background 0.9s var(--ease-out-expo);\u003cbr \/\u003e        padding-bottom: 40px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero::after {\u003cbr \/\u003e        content: \"\";\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        inset: 0;\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e        background:\u003cbr \/\u003e            radial-gradient(ellipse at 50% 95%, rgba(0, 0, 0, 0.45), transparent 55%),\u003cbr \/\u003e            radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.04), transparent 35%);\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero \u003e * { position: relative; z-index: 3; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero.bg-green {\u003cbr \/\u003e        background:\u003cbr \/\u003e            radial-gradient(ellipse at 50% 110%, rgba(255, 255, 255, 0.08), transparent 55%),\u003cbr \/\u003e            radial-gradient(ellipse at 50% -20%, rgba(255, 255, 255, 0.06), transparent 50%),\u003cbr \/\u003e            linear-gradient(180deg, #4a4d2c 0%, #3e4122 45%, #2e3019 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero.bg-blue {\u003cbr \/\u003e        background:\u003cbr \/\u003e            radial-gradient(ellipse at 50% 110%, rgba(120, 170, 255, 0.14), transparent 55%),\u003cbr \/\u003e            radial-gradient(ellipse at 50% -20%, rgba(80, 130, 220, 0.10), transparent 50%),\u003cbr \/\u003e            linear-gradient(180deg, #1f4886 0%, #142e5d 50%, #0a1c3d 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Logo *\/\u003cbr \/\u003e    .v10-hero-logo {\u003cbr \/\u003e        padding-top: 30px;\u003cbr \/\u003e        margin-bottom: 10px;\u003cbr \/\u003e        z-index: 5;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-logo img {\u003cbr \/\u003e        height: 28px;\u003cbr \/\u003e        filter: brightness(0) invert(1);\u003cbr \/\u003e        opacity: 0.85;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-badge {\u003cbr \/\u003e        background: rgba(227, 25, 55, 0.9);\u003cbr \/\u003e        backdrop-filter: blur(10px);\u003cbr \/\u003e        color: white;\u003cbr \/\u003e        padding: 6px 18px;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        font-size: 0.65rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 2px;\u003cbr \/\u003e        z-index: 10;\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 6px;\u003cbr \/\u003e        margin-bottom: 16px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-content {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 5;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        flex-shrink: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-title,\u003cbr \/\u003e    .v10-page .v10-hero-title,\u003cbr \/\u003e    .elementor-widget-container .v10-hero-title,\u003cbr \/\u003e    .elementor-kit-6 .v10-hero-title,\u003cbr \/\u003e    .v10-hero h1 {\u003cbr \/\u003e        font-size: clamp(5.5rem, 15vw, 12rem) !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.04em !important;\u003cbr \/\u003e        line-height: 0.82 !important;\u003cbr \/\u003e        margin-bottom: 14px !important;\u003cbr \/\u003e        text-transform: uppercase !important;\u003cbr \/\u003e        background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.78) 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        text-shadow: 0 24px 48px rgba(0, 0, 0, 0.25);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-subtitle,\u003cbr \/\u003e    .v10-page .v10-hero-subtitle,\u003cbr \/\u003e    .v10-hero .v10-hero-subtitle {\u003cbr \/\u003e        font-size: clamp(0.78rem, 1.2vw, 1rem) !important;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.78) !important;\u003cbr \/\u003e        -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;\u003cbr \/\u003e        margin-bottom: 22px !important;\u003cbr \/\u003e        font-weight: 500 !important;\u003cbr \/\u003e        letter-spacing: 4px !important;\u003cbr \/\u003e        text-transform: uppercase !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-stat-label,\u003cbr \/\u003e    .v10-hero .v10-hero-stat-label {\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.55) !important;\u003cbr \/\u003e        -webkit-text-fill-color: rgba(255, 255, 255, 0.55) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-stat-value,\u003cbr \/\u003e    .v10-hero .v10-hero-stat-value {\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-badge,\u003cbr \/\u003e    .v10-hero .v10-hero-badge {\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-stats {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 0;\u003cbr \/\u003e        margin-bottom: 10px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-stat {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        padding: 0 clamp(18px, 3.2vw, 34px);\u003cbr \/\u003e        border-left: 1px solid rgba(255, 255, 255, 0.18);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-stat:first-child { border-left: none; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-stats {\u003cbr \/\u003e        background: rgba(255, 255, 255, 0.04);\u003cbr \/\u003e        backdrop-filter: blur(12px) saturate(160%);\u003cbr \/\u003e        -webkit-backdrop-filter: blur(12px) saturate(160%);\u003cbr \/\u003e        border: 1px solid rgba(255, 255, 255, 0.10);\u003cbr \/\u003e        border-radius: 999px;\u003cbr \/\u003e        padding: 14px 8px;\u003cbr \/\u003e        margin-top: 6px !important;\u003cbr \/\u003e        margin-bottom: 18px !important;\u003cbr \/\u003e        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.10);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-stat-label {\u003cbr \/\u003e        font-size: 0.6rem;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.55);\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 1px;\u003cbr \/\u003e        margin-bottom: 3px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-stat-value {\u003cbr \/\u003e        font-size: clamp(1.4rem, 2.5vw, 2rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: #ffffff;\u003cbr \/\u003e        line-height: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-stat-value span {\u003cbr \/\u003e        font-size: 0.8rem;\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        opacity: 0.7;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Bike showcase - below text, not overlapping *\/\u003cbr \/\u003e    .v10-bike-showcase {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        flex: 1 1 auto;\u003cbr \/\u003e        min-height: 65vh;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-bike-slides {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-bike-slide {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: scale(0.96) translateY(12px);\u003cbr \/\u003e        transition: opacity 0.9s var(--ease-out-expo), transform 1.1s var(--ease-out-expo);\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-bike-slide.active {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: scale(1) translateY(0);\u003cbr \/\u003e        pointer-events: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-bike-slide img {\u003cbr \/\u003e        max-width: 95%;\u003cbr \/\u003e        max-height: 100%;\u003cbr \/\u003e        width: auto;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        object-fit: contain;\u003cbr \/\u003e        filter: drop-shadow(0 60px 110px rgba(0, 0, 0, 0.5)) drop-shadow(0 16px 32px rgba(0, 0, 0, 0.28));\u003cbr \/\u003e        animation: v10-bike-float 9s ease-in-out infinite;\u003cbr \/\u003e        will-change: transform;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes v10-bike-float {\u003cbr \/\u003e        0%, 100% { transform: translateY(0); }\u003cbr \/\u003e        50%      { transform: translateY(-10px); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (prefers-reduced-motion: reduce) {\u003cbr \/\u003e        .v10-bike-slide img { animation: none; }\u003cbr \/\u003e        .v10-bike-slide { transition: opacity 0.4s ease; transform: none; }\u003cbr \/\u003e        .v10-bike-slide.active { transform: none; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Color selector - dots in small white pill, name outside in white *\/\u003cbr \/\u003e    .v10-color-selector {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        right: clamp(10px, 2.5vw, 40px);\u003cbr \/\u003e        top: 50%;\u003cbr \/\u003e        transform: translateY(-50%);\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 8px;\u003cbr \/\u003e        z-index: 10;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-color-dots-pill {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 10px;\u003cbr \/\u003e        background: rgba(255, 255, 255, 0.72);\u003cbr \/\u003e        backdrop-filter: blur(20px) saturate(180%);\u003cbr \/\u003e        -webkit-backdrop-filter: blur(20px) saturate(180%);\u003cbr \/\u003e        padding: 10px;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        border: 1px solid rgba(255, 255, 255, 0.35);\u003cbr \/\u003e        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.4);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-color-dot {\u003cbr \/\u003e        width: 22px;\u003cbr \/\u003e        height: 22px;\u003cbr \/\u003e        border-radius: 50%;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        transition: transform 0.4s var(--ease-out-expo), border-color 0.3s ease, box-shadow 0.3s ease;\u003cbr \/\u003e        border: 2px solid transparent;\u003cbr \/\u003e        box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-color-dot:hover { transform: scale(1.18); }\u003cbr \/\u003e    .v10-color-dot.active {\u003cbr \/\u003e        border-color: rgba(0, 0, 0, 0.3);\u003cbr \/\u003e        transform: scale(1.1);\u003cbr \/\u003e        box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.25), 0 0 0 3px rgba(255, 255, 255, 0.5);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-dot-green { background: linear-gradient(135deg, #4a4d2c, #3e4122); }\u003cbr \/\u003e    .v10-dot-blue { background: linear-gradient(135deg, #2a5499, #1c3a6e); }\u003cbr \/\u003e    .v10-dot-blue.active { border-color: rgba(0, 0, 0, 0.25); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-color-name {\u003cbr \/\u003e        display: block;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        font-size: 0.65rem;\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        font-weight: 500;\u003cbr \/\u003e        white-space: nowrap;\u003cbr \/\u003e        letter-spacing: 0.5px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Mobile color selector *\/\u003cbr \/\u003e    .v10-color-selector-mobile { display: none; }\u003cbr \/\u003e    .v10-color-name-mobile { display: none; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Hero video autoplay below hero *\/\u003cbr \/\u003e    .v10-hero-video-section {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        line-height: 0;\u003cbr \/\u003e        background: var(--v10-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-hero-video-section iframe {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        aspect-ratio: 16\/9;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e        border: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SECTION SPACING\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .v10-section {\u003cbr \/\u003e        padding: clamp(60px, 10vw, 120px) 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-section-inner {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-section-header {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-bottom: clamp(40px, 6vw, 70px);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FULLWIDTH USP IMAGES\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .v10-fullwidth-image {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        line-height: 0;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-fullwidth-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-fullwidth-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        padding: clamp(30px, 5vw, 60px) clamp(24px, 4vw, 60px);\u003cbr \/\u003e        background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-fullwidth-overlay h3 {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2.5rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: #ffffff;\u003cbr \/\u003e        letter-spacing: -0.02em;\u003cbr \/\u003e        margin-bottom: 8px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-fullwidth-overlay p {\u003cbr \/\u003e        font-size: clamp(0.85rem, 1.3vw, 1.05rem);\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.7);\u003cbr \/\u003e        max-width: 500px;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       3-CARD HIGHLIGHTS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .v10-highlights-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-highlight-card {\u003cbr \/\u003e        background: var(--v10-gray-100);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s ease;\u003cbr \/\u003e        border: 1px solid rgba(0, 0, 0, 0.04);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-highlight-card:hover {\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 28px 70px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-highlight-card-image {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 220px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-highlight-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    .v10-highlight-card:hover .v10-highlight-card-image img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-highlight-card-content {\u003cbr \/\u003e        padding: 28px 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-highlight-card-content h3 {\u003cbr \/\u003e        font-size: 1.15rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: var(--v10-black);\u003cbr \/\u003e        margin-bottom: 8px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-highlight-card-content p {\u003cbr \/\u003e        font-size: 0.9rem;\u003cbr \/\u003e        color: var(--v10-gray-600);\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SPLIT LAYOUT SECTIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .v10-split {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: clamp(40px, 6vw, 80px);\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-split.reverse { direction: rtl; }\u003cbr \/\u003e    .v10-split.reverse \u003e * { direction: ltr; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-split-image {\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-split-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    .v10-split-image:hover img { transform: scale(1.03); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-split-text h3 {\u003cbr \/\u003e        font-size: clamp(1.8rem, 3.5vw, 2.8rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        letter-spacing: -0.02em;\u003cbr \/\u003e        line-height: 1.15;\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e        color: var(--v10-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-split-text p {\u003cbr \/\u003e        font-size: clamp(0.95rem, 1.3vw, 1.1rem);\u003cbr \/\u003e        color: var(--v10-gray-600);\u003cbr \/\u003e        line-height: 1.75;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TECH FEATURES CAROUSEL\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .v10-tech-section {\u003cbr \/\u003e        background: var(--v10-white);\u003cbr \/\u003e        padding: clamp(60px, 10vw, 120px) 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-tech-track-wrapper {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-tech-track {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        gap: 24px;\u003cbr \/\u003e        transition: transform 0.5s var(--ease-out-expo);\u003cbr \/\u003e        cursor: grab;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-tech-track:active { cursor: grabbing; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-tech-card {\u003cbr \/\u003e        min-width: 320px;\u003cbr \/\u003e        flex-shrink: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-tech-card-image {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 220px;\u003cbr \/\u003e        border-radius: 14px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-tech-card-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.5s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-tech-card:hover .v10-tech-card-image img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-tech-card h3 {\u003cbr \/\u003e        font-size: 1.2rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: var(--v10-black);\u003cbr \/\u003e        margin-bottom: 10px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-tech-card p {\u003cbr \/\u003e        font-size: 0.9rem;\u003cbr \/\u003e        color: var(--v10-gray-600);\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-tech-progress {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 2px;\u003cbr \/\u003e        background: var(--v10-gray-200);\u003cbr \/\u003e        margin-top: 40px;\u003cbr \/\u003e        border-radius: 2px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .v10-tech-progress-fill {\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        background: linear-gradient(90deg, #b8142d 0%, #E31937 50%, #ff3355 100%);\u003cbr \/\u003e        width: 25%;\u003cbr \/\u003e        transition: width\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"S \/ Gloss Black Sparkle \/ DH S-Kit","offer_id":57496416977278,"sku":"58-26296-375-2-916-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Gloss Black Sparkle \/ DH X01-Kit","offer_id":57496417010046,"sku":"58-26296-383-2-916-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Gloss Kelp Green \/ DH S-Kit","offer_id":57496417042814,"sku":"58-26296-375-2-879-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Gloss Kelp Green \/ DH X01-Kit","offer_id":57496417075582,"sku":"58-26296-383-2-879-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Gloss Black Sparkle \/ DH S-Kit","offer_id":57496417108350,"sku":"58-26296-375-3-916-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Gloss Black Sparkle \/ DH X01-Kit","offer_id":57496417141118,"sku":"58-26296-383-3-916-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Gloss Kelp Green \/ DH S-Kit","offer_id":57496417173886,"sku":"58-26296-375-3-879-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Gloss Kelp Green \/ DH X01-Kit","offer_id":57496417206654,"sku":"58-26296-383-3-879-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Gloss Black Sparkle \/ DH S-Kit","offer_id":57496417239422,"sku":"58-26296-375-4-916-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Gloss Black Sparkle \/ DH X01-Kit","offer_id":57496417272190,"sku":"58-26296-383-4-916-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Gloss Kelp Green \/ DH S-Kit","offer_id":57496417304958,"sku":"58-26296-375-4-879-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Gloss Kelp Green \/ DH X01-Kit","offer_id":57496417337726,"sku":"58-26296-383-4-879-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Gloss Black Sparkle \/ DH S-Kit","offer_id":57496417370494,"sku":"58-26297-374-5-916-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Gloss Black Sparkle \/ DH X01-Kit","offer_id":57496417403262,"sku":"58-26297-382-5-916-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Gloss Kelp Green \/ DH S-Kit","offer_id":57496417436030,"sku":"58-26297-374-5-879-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Gloss Kelp Green \/ DH X01-Kit","offer_id":57496417468798,"sku":"58-26297-382-5-879-283401","price":41225.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY27_V10_CC_DH_X01_GlossLiquidBlue_94533f3d-0ffa-4de3-a2a5-4c82f387363b.webp?v=1782399127"},{"product_id":"bicicleta-mtb-santa-cruz-bronson-2","title":"Bicicleta MTB Santa Cruz BRONSON","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"262866\" class=\"elementor elementor-262866\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-3d07ce5 e-flex e-con-boxed e-con e-parent\" data-id=\"3d07ce5\" 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-13e1204 elementor-widget elementor-widget-html\" data-id=\"13e1204\" 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 Bronson | 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            --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 - SANTA CRUZ 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-carbon { background: #2d2d2d; }\u003cbr \/\u003e        .hero.bg-green { background: #3a5a3a; }\u003cbr \/\u003e        .hero.bg-rootbeer { background: #5a3a2a; }\u003cbr \/\u003e        .hero.bg-kalimotxo { background: #6a2a2a; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Dot Colors *\/\u003cbr \/\u003e        .dot-carbon { background: #3d3d3d !important; background-color: #3d3d3d !important; }\u003cbr \/\u003e        .dot-green { background: #4a6a4a !important; background-color: #4a6a4a !important; }\u003cbr \/\u003e        .dot-rootbeer { background: #7a4a2a !important; background-color: #7a4a2a !important; }\u003cbr \/\u003e        .dot-kalimotxo { background: #8a3a3a !important; background-color: #8a3a3a !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(5rem, 15vw, 12rem) !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(5rem, 15vw, 12rem) !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-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: 180px !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: 70% !important;\u003cbr \/\u003e            max-width: 85% !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        \/* ========== 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(--sc-red);\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: #ffffff;\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(--sc-red);\u003cbr \/\u003e            border-color: var(--sc-red);\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(--sc-red) !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-purple {\u003cbr \/\u003e            background: linear-gradient(90deg, #a855f7 0%, #7c3aed 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-cyan {\u003cbr \/\u003e            background: linear-gradient(90deg, #22d3ee 0%, #0891b2 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: 20px;\u003cbr \/\u003e            overflow: hidden;\u003cbr \/\u003e            box-shadow: 0 40px 100px rgba(0, 0, 0, 0.15);\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        }\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: #1a1a1a;\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(--sc-red);\u003cbr \/\u003e            border-color: var(--sc-red);\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%; } \/* Tija șa *\/\u003cbr \/\u003e        .hotspot-2 { top: 42%; left: 50%; } \/* Suspensie VPP *\/\u003cbr \/\u003e        .hotspot-3 { top: 65%; left: 42%; } \/* Flip Chip \/ Pedalier *\/\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, #a855f7 0%, #7c3aed 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-title .gradient-cyan,\u003cbr \/\u003e        .specs-title .gradient-cyan,\u003cbr \/\u003e        .size-title .gradient-cyan,\u003cbr \/\u003e        .geometry-title .gradient-cyan,\u003cbr \/\u003e        .cta-title .gradient-cyan,\u003cbr \/\u003e        .design-title .gradient-cyan,\u003cbr \/\u003e        .standout-title .gradient-cyan,\u003cbr \/\u003e        .video-heading .gradient-cyan {\u003cbr \/\u003e            background: linear-gradient(90deg, #22d3ee 0%, #0891b2 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(--apple-blue);\u003cbr \/\u003e            color: var(--white);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Products Color Selector *\/\u003cbr \/\u003e        .products-color-selector {\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e            justify-content: center;\u003cbr \/\u003e            gap: 15px;\u003cbr \/\u003e            margin: 30px 0;\u003cbr \/\u003e            flex-wrap: wrap;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .products-color-label {\u003cbr \/\u003e            font-size: 0.9rem;\u003cbr \/\u003e            color: #666;\u003cbr \/\u003e            font-weight: 500;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .products-color-pills {\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e            gap: 10px;\u003cbr \/\u003e            background: rgba(255, 255, 255, 0.95);\u003cbr \/\u003e            padding: 8px 15px;\u003cbr \/\u003e            border-radius: 30px;\u003cbr \/\u003e            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .product-color-dot {\u003cbr \/\u003e            width: 28px;\u003cbr \/\u003e            height: 28px;\u003cbr \/\u003e            border-radius: 50%;\u003cbr \/\u003e            border: 2px solid transparent;\u003cbr \/\u003e            cursor: pointer;\u003cbr \/\u003e            transition: all 0.3s ease;\u003cbr \/\u003e            padding: 0;\u003cbr \/\u003e            outline: none;\u003cbr \/\u003e            -webkit-appearance: none;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .product-color-dot:hover {\u003cbr \/\u003e            transform: scale(1.15);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .product-color-dot.active {\u003cbr \/\u003e            border-color: #1a1a1a;\u003cbr \/\u003e            transform: scale(1.1);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .products-color-name {\u003cbr \/\u003e            font-size: 0.85rem;\u003cbr \/\u003e            color: #333;\u003cbr \/\u003e            font-weight: 500;\u003cbr \/\u003e            min-width: 120px;\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(--sc-red);\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-image {\u003cbr \/\u003e            padding: 40px;\u003cbr \/\u003e            backg\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"70-Kit \/ Gloss Carbon \/ S","offer_id":57496418156926,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Carbon \/ M","offer_id":57496418189694,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Carbon \/ L","offer_id":57496418222462,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Carbon \/ XL","offer_id":57496418255230,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Carbon \/ XXL","offer_id":57496418287998,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Poblano Green \/ S","offer_id":57496418320766,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Poblano Green \/ M","offer_id":57496418353534,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Poblano Green \/ L","offer_id":57496418386302,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Poblano Green \/ XL","offer_id":57496418419070,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Poblano Green \/ XXL","offer_id":57496418451838,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Carbon \/ S","offer_id":57496418484606,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Carbon \/ M","offer_id":57496418517374,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Carbon \/ L","offer_id":57496418550142,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Carbon \/ XL","offer_id":57496418582910,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Carbon \/ XXL","offer_id":57496418615678,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Poblano Green \/ S","offer_id":57496418648446,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Poblano Green \/ M","offer_id":57496418681214,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Poblano Green \/ L","offer_id":57496418713982,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Poblano Green \/ XL","offer_id":57496418746750,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Poblano Green \/ XXL","offer_id":57496418779518,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Carbon \/ S","offer_id":57496418812286,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Carbon \/ M","offer_id":57496418845054,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Carbon \/ L","offer_id":57496418877822,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Carbon \/ XL","offer_id":57496418910590,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Carbon \/ XXL","offer_id":57496418943358,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Poblano Green \/ S","offer_id":57496418976126,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Poblano Green \/ M","offer_id":57496419008894,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Poblano Green \/ L","offer_id":57496419041662,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Poblano Green \/ XL","offer_id":57496419074430,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Poblano Green \/ XXL","offer_id":57496419107198,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Bronson_C_90_MattePoblanoGreen_1096571f-7821-4e82-9c9e-07ae0301ff8b-scaled.webp?v=1780337534"},{"product_id":"bicicleta-mtb-santa-cruz-megatower-2-asx","title":"Bicicleta MTB Santa Cruz Megatower 2 ASX","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"259005\" class=\"elementor elementor-259005\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-85e5c20 e-con-full e-flex e-con e-parent\" data-id=\"85e5c20\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-d4a17aa elementor-widget elementor-widget-html\" data-id=\"d4a17aa\" 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 Megatower | 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            --black: #1d1d1f;\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 - SANTA CRUZ 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 - solid pentru Santa Cruz style *\/\u003cbr \/\u003e        .hero.bg-crimson { background: #5a3a3a; }\u003cbr \/\u003e        .hero.bg-silver { background: #6a6a6a; }\u003cbr \/\u003e        .hero.bg-olive { background: #4a4a3a; }\u003cbr \/\u003e        .hero.bg-black { background: #3d3d3d; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Dot Colors - solid *\/\u003cbr \/\u003e        .dot-crimson { background: #dc143c !important; background-color: #dc143c !important; }\u003cbr \/\u003e        .dot-silver { background: #b0b0b0 !important; background-color: #b0b0b0 !important; }\u003cbr \/\u003e        .dot-olive { background: #6a6a4c !important; background-color: #6a6a4c !important; }\u003cbr \/\u003e        .dot-black { background: #1a1a1a !important; background-color: #1a1a1a !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(5rem, 15vw, 12rem) !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(5rem, 15vw, 12rem) !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-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            pointer-events: auto !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        \/* ========== STANDOUT FEATURES - GRI APPLE ========== *\/\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 !important;\u003cbr \/\u003e            letter-spacing: -0.02em !important;\u003cbr \/\u003e            margin-bottom: 10px !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        .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            visibility: visible !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(--sc-red);\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: #ffffff;\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(--sc-red);\u003cbr \/\u003e            border-color: var(--sc-red);\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 NEGRU CA SANTA CRUZ ========== *\/\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(--sc-red) !important;\u003cbr \/\u003e            -webkit-text-fill-color: var(--sc-red) !important;\u003cbr \/\u003e            text-transform: uppercase !important;\u003cbr \/\u003e            letter-spacing: 2px !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        .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.05 !important;\u003cbr \/\u003e            margin-bottom: 30px !important;\u003cbr \/\u003e            text-transform: uppercase !important;\u003cbr \/\u003e            letter-spacing: -0.02em !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        \/* Override pentru Elementor *\/\u003cbr \/\u003e        .extreme-section .section-title,\u003cbr \/\u003e        .getup-section .section-title,\u003cbr \/\u003e        .split-content .section-title,\u003cbr \/\u003e        h2.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            display: block !important;\u003cbr \/\u003e            visibility: visible !important;\u003cbr \/\u003e            opacity: 1 !important;\u003cbr \/\u003e            background: none !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .section-text {\u003cbr \/\u003e            font-size: 1.1rem !important;\u003cbr \/\u003e            color: #555555 !important;\u003cbr \/\u003e            -webkit-text-fill-color: #555555 !important;\u003cbr \/\u003e            line-height: 1.8 !important;\u003cbr \/\u003e            display: block !important;\u003cbr \/\u003e            visibility: visible !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.4);\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: #666666 !important;\u003cbr \/\u003e            -webkit-text-fill-color: #666666 !important;\u003cbr \/\u003e            text-transform: uppercase !important;\u003cbr \/\u003e            letter-spacing: 3px !important;\u003cbr \/\u003e            margin-bottom: 20px !important;\u003cbr \/\u003e            display: block !important;\u003cbr \/\u003e            visibility: visible !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 !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        .video-container {\u003cbr \/\u003e            max-width: 1200px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e            overflow: hidden;\u003cbr \/\u003e            box-shadow: 0 40px 100px rgba(0, 0, 0, 0.15);\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        }\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 !important;\u003cbr \/\u003e            letter-spacing: -0.02em !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        .bike-showcase {\u003cbr \/\u003e            width: 100%;\u003cbr \/\u003e            margin: 0 auto 80px;\u003cbr \/\u003e            position: relative;\u003cbr \/\u003e            background: #1a1a1a;\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(--sc-red);\u003cbr \/\u003e            border-color: var(--sc-red);\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%; } \/* Tija șa *\/\u003cbr \/\u003e        .hotspot-2 { top: 42%; left: 50%; } \/* Suspensie VPP *\/\u003cbr \/\u003e        .hotspot-3 { top: 65%; left: 42%; } \/* Flip Chip \/ Pedalier *\/\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-title {\u003cbr \/\u003e            font-size: 1.6rem;\u003cbr \/\u003e            font-weight: 900;\u003cbr \/\u003e            color: #000000;\u003cbr \/\u003e            margin-bottom: 15px;\u003cbr \/\u003e            line-height: 1.2;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .feature-card-text {\u003cbr \/\u003e            font-size: 1rem;\u003cbr \/\u003e            color: #555;\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-title {\u003cbr \/\u003e            font-size: clamp(2rem, 4vw, 3rem) !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        \/* Gradient text pentru titluri *\/\u003cbr \/\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        .section-title .gradient-text {\u003cbr \/\u003e            background: linear-gradient(90deg, #a855f7 0%, #7c3aed 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-title .gradient-cyan,\u003cbr \/\u003e        .specs-title .gradient-cyan,\u003cbr \/\u003e        .size-title .gradient-cyan,\u003cbr \/\u003e        .geometry-title .gradient-cyan,\u003cbr \/\u003e        .cta-title .gradient-cyan,\u003cbr \/\u003e        .design-title .gradient-cyan,\u003cbr \/\u003e        .standout-title .gradient-cyan,\u003cbr \/\u003e        .video-heading .gradient-cyan,\u003cbr \/\u003e        .section-title .gradient-cyan {\u003cbr \/\u003e            background: linear-gradient(90deg, #22d3ee 0%, #0891b2 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-subtitle {\u003cbr \/\u003e            font-size: 1.1rem !important;\u003cbr \/\u003e            color: #666666 !important;\u003cbr \/\u003e            -webkit-text-fill-color: #666666 !important;\u003cbr \/\u003e            max-width: 600px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e            display: block !important;\u003cbr \/\u003e            visibility: visible !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(--apple-blue);\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(--sc-red);\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-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\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"GX AXS-Kit \/ S \/ Gloss Crimson","offer_id":57496419139966,"sku":"58-23268-109-3-762-8121011-1-2-1","price":32512.5,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ S \/ Matte Black","offer_id":57496419172734,"sku":"58-23268-109-3-762-8121011-1-2-1","price":32512.5,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ M \/ Gloss Crimson","offer_id":57496419205502,"sku":"58-23268-109-3-762-8121011-1-2-1","price":32512.5,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ M \/ Matte Black","offer_id":57496419238270,"sku":"58-23268-109-3-762-8121011-1-2-1","price":32512.5,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ L \/ Gloss Crimson","offer_id":57496419271038,"sku":"58-23268-109-3-762-8121011-1-2-1","price":32512.5,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ L \/ Matte Black","offer_id":57496419303806,"sku":"58-23268-109-3-762-8121011-1-2-1","price":32512.5,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ XL \/ Gloss Crimson","offer_id":57496419336574,"sku":"58-23268-109-3-762-8121011-1-2-1","price":32512.5,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ XL \/ Matte Black","offer_id":57496419369342,"sku":"58-23268-109-3-762-8121011-1-2-1","price":32512.5,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ XXL \/ Gloss Crimson","offer_id":57496419402110,"sku":"58-23268-109-3-762-8121011-1-2-1","price":32512.5,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ XXL \/ Matte Black","offer_id":57496419434878,"sku":"58-23268-109-3-762-8121011-1-2-1","price":32512.5,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ S \/ Gloss Crimson","offer_id":57496419467646,"sku":"58-23268-109-3-762-8121011-1-2-1","price":44370.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ S \/ Matte Black","offer_id":57496419500414,"sku":"58-23268-109-3-762-8121011-1-2-1","price":44370.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ M \/ Gloss Crimson","offer_id":57496419533182,"sku":"58-23268-109-3-762-8121011-1-2-1","price":44370.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ M \/ Matte Black","offer_id":57496419565950,"sku":"58-23268-109-3-762-8121011-1-2-1","price":44370.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ L \/ Gloss Crimson","offer_id":57496419598718,"sku":"58-23268-109-3-762-8121011-1-2-1","price":44370.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ L \/ Matte Black","offer_id":57496419631486,"sku":"58-23268-109-3-762-8121011-1-2-1","price":44370.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ XL \/ Gloss Crimson","offer_id":57496419664254,"sku":"58-23268-109-3-762-8121011-1-2-1","price":44370.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ XL \/ Matte Black","offer_id":57496419697022,"sku":"58-23268-109-3-762-8121011-1-2-1","price":44370.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ XXL \/ Gloss Crimson","offer_id":57496419729790,"sku":"58-23268-109-3-762-8121011-1-2-1","price":44370.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ XXL \/ Matte Black","offer_id":57496419762558,"sku":"58-23268-109-3-762-8121011-1-2-1","price":44370.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ S \/ Gloss Crimson","offer_id":57496419795326,"sku":"58-23268-109-3-762-8121011-1-2-1","price":39270.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ S \/ Matte Black","offer_id":57496419828094,"sku":"58-23268-109-3-762-8121011-1-2-1","price":39270.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ M \/ Gloss Crimson","offer_id":57496419860862,"sku":"58-23268-109-3-762-8121011-1-2-1","price":39270.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ M \/ Matte Black","offer_id":57496419893630,"sku":"58-23268-109-3-762-8121011-1-2-1","price":39270.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ L \/ Gloss Crimson","offer_id":57496419926398,"sku":"58-23268-109-3-762-8121011-1-2-1","price":39270.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ L \/ Matte Black","offer_id":57496419959166,"sku":"58-23268-109-3-762-8121011-1-2-1","price":39270.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ XL \/ Gloss Crimson","offer_id":57496419991934,"sku":"58-23268-109-3-762-8121011-1-2-1","price":39270.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ XL \/ Matte Black","offer_id":57496420024702,"sku":"58-23268-109-3-762-8121011-1-2-1","price":39270.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ XXL \/ Gloss Crimson","offer_id":57496420057470,"sku":"58-23268-109-3-762-8121011-1-2-1","price":39270.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ XXL \/ Matte Black","offer_id":57496420090238,"sku":"58-23268-109-3-762-8121011-1-2-1","price":39270.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY25_Megatower_CC_X0_AXS_MatteBlack_31bfc96a-a818-4a02-bcfc-b4b9643d284c-scaled.webp?v=1780337536"}],"url":"https:\/\/www.provelo.ro\/collections\/santa-cruz-downhill-enduro.oembed","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}