{"title":"Santa Cruz","description":"\u003cp\u003eSanta Cruz Bicycles - biciclete MTB si gravel din Santa Cruz, California. Downhill, enduro, trail, XC si e-bike, cu garantie pe viata pe cadru si rulmenti.\u003c\/p\u003e","products":[{"product_id":"bicicleta-santa-cruz-hightower-3-c-s-kit-cardinal-red","title":"Bicicleta Santa Cruz Hightower 3 C S-Kit Cardinal Red","description":"\u003cp\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-12-15-at-11_59_10.png\"\u003e\u003cimg class=\"alignnone wp-image-219059 \" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-12-15-at-11_59_10.png\" alt=\"\" width=\"488\" height=\"77\"\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\u003ch1 style=\"text-align: center;\"\u003eBicicleta Santa Cruz Hightower 3 C S-Kit Cardinal Red\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLa baza acestei biciclete stă sistemul de suspensie VPP, cu o curbură de pârghie lineară ce menține un comportament fluid și constant la trecerea peste denivelări de orice dimensiune. Rezultatul este o senzație progresivă și receptivă, care îți dă încredere să abordezi terenuri accidentate. Cadrul avansat urmărește precis suprafața traseului și păstrează direcția stabilă chiar și în condiții dificile, reacționând instantaneu la comenzile tale și minimizând influențele pedalatului. Astfel, vei menține ritmul și controlul pe toată durata aventurii tale.\u003c\/p\u003e\n\u003cp\u003eUn detaliu cu adevărat special al Hightower 3 C S Kit este sistemul integrat Glovebox din down tube. Sub o clapetă și un panou robuste, găsești un spațiu de stocare sigur care include Tool Wallet și Tube Purse, ambele create special pentru cadrul Hightower. Această inovație practică îți permite să păstrezi instrumentele și accesoriile esențiale la îndemână, gata să răspundă oricărei provocări de pe traseu.\u003c\/p\u003e\n\u003cp\u003eCu mixul său de versatilitate, performanță și fiabilitate, Santa Cruz Hightower 3 C S Kit te ajută să te bucuri din plin de fiecare ieșire. De la explorarea noilor cărări la perfecționarea abilităților în bike park, această bicicletă este pregătită să îți ofere o experiență de neuitat. Pregătește-te să cucerești orice teren cu încredere și să descoperi plăcerea pură a pedalatului.\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\/ZtCuGUaF0TcGJh2W_4.webp\"\u003e\u003cimg class=\"aligncenter wp-image-219084 size-full\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/ZtCuGUaF0TcGJh2W_4.webp\" alt=\"\" width=\"1731\" height=\"1389\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003ch3\u003e\u003c\/h3\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\/Zgxi98t2UUcvBV7l_HightowerProductStory-Desktop-scaled.webp\"\u003e\u003cimg class=\"aligncenter wp-image-219081 size-full\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Zgxi98t2UUcvBV7l_HightowerProductStory-Desktop-scaled.webp\" alt=\"\" width=\"2560\" height=\"1096\"\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\u003ch2\u003e\u003c\/h2\u003e\n\u003ch2\u003e\u003c\/h2\u003e\n\u003ch2\u003e\u003cstrong\u003eSpecificații\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eModel:\u003c\/strong\u003e S\u003cbr\u003e\n\u003cstrong\u003eGreutate (lbs\/kg):\u003c\/strong\u003e \u003cstrong\u003e14,34\u003c\/strong\u003e kg\u003cbr\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Carbon C\u003cbr\u003e\n\u003cstrong\u003eCursă (suspensii):\u003c\/strong\u003e 145 mm\u003cbr\u003e\n\u003cstrong\u003eDimensiune roți:\u003c\/strong\u003e 29\"\u003cbr\u003e\n\u003cstrong\u003eAmortizor spate:\u003c\/strong\u003e RockShox Super Deluxe Select+, 210x55\u003cbr\u003e\n\u003cstrong\u003eFurcă:\u003c\/strong\u003e \u003cstrong\u003eFOX 36 Float Performance, 150 mm\u003c\/strong\u003e\u003cbr\u003e\n\u003cstrong\u003eDeraior spate:\u003c\/strong\u003e SRAM GX Eagle, 12 viteze\u003cbr\u003e\n\u003cstrong\u003eManetă dreaptă schimbător:\u003c\/strong\u003e SRAM GX Eagle, 12 viteze\u003cbr\u003e\n\u003cstrong\u003eCasetă pinioane:\u003c\/strong\u003e SRAM XG1275 Eagle, 12 viteze, 10-50t\u003cbr\u003e\n\u003cstrong\u003eLanț:\u003c\/strong\u003e SRAM GX Eagle, 12 viteze\u003cbr\u003e\n\u003cstrong\u003eButuc pedalier:\u003c\/strong\u003e SRAM DUB 68\/73 mm, filet\u003cbr\u003e\n\u003cstrong\u003eSet cuvete:\u003c\/strong\u003e Cane Creek 40 IS, integrate\u003cbr\u003e\n\u003cstrong\u003eAnvelopă spate:\u003c\/strong\u003e Maxxis Minion DHR II 29\"x2.4\", 3C MaxxTerra, EXO\u003cbr\u003e\n\u003cstrong\u003eAnvelopă față:\u003c\/strong\u003e Maxxis Minion DHR II 29\"x2.4\", 3C MaxxGrip, EXO\u003cbr\u003e\n\u003cstrong\u003eButuc față:\u003c\/strong\u003e DT Swiss 370, 15x110, 6-Bolt, 28h\u003cbr\u003e\n\u003cstrong\u003eJantă față:\u003c\/strong\u003e RaceFace AR Offset 30, 29\"\u003cbr\u003e\n\u003cstrong\u003eButuc spate:\u003c\/strong\u003e DT Swiss 370, 12x148, XD, 6-Bolt, 36t, 28h\u003cbr\u003e\n\u003cstrong\u003eJantă spate:\u003c\/strong\u003e RaceFace AR Offset 30, 29\"\u003cbr\u003e\n\u003cstrong\u003eDisc față:\u003c\/strong\u003e Avid Centerline, 180 mm\u003cbr\u003e\n\u003cstrong\u003eDisc spate:\u003c\/strong\u003e Avid Centerline, 180 mm\u003cbr\u003e\n\u003cstrong\u003eFrâne:\u003c\/strong\u003e SRAM Code R\u003cbr\u003e\n\u003cstrong\u003eAngrenaj:\u003c\/strong\u003e SRAM GX Eagle 148 DUB, 32t\u003cbr\u003e\n\u003cstrong\u003eGhidon:\u003c\/strong\u003e Burgtec RideWide din aluminiu\u003cbr\u003e\n\u003cstrong\u003ePipă:\u003c\/strong\u003e Burgtec Enduro MK3, 42 mm\u003cbr\u003e\n\u003cstrong\u003eȘa:\u003c\/strong\u003e WTB Silverado, CroMo\u003cbr\u003e\n\u003cstrong\u003eTijă de șa cu dropper:\u003c\/strong\u003e OneUp V2, 31,6 sau RockShox Reverb, 31,6\u003cbr\u003e\n\u003cstrong\u003eManșoane:\u003c\/strong\u003e Santa Cruz Bicycles House Grips\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\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 \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/www.santacruzbicycles.com\/en-EU\"\u003e\u003cimg class=\"aligncenter wp-image-219060\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-12-15-at-12_58_25-1024x132.png\" alt=\"\" width=\"761\" height=\"98\"\u003e\u003c\/a\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":57494207857022,"sku":"58-24268-109-4-795-3128011","price":21245.75,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57494207889790,"sku":"C21202U40MD-1","price":21245.75,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57494207922558,"sku":"58-24268-109-4-795-312801","price":26944.15,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57494207955326,"sku":"N23209N3-1-2-1","price":21245.75,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/294d27a7-1d69-454f-a5d5-d081c39bf434_MY24_Hightower_C_S_MatteCardinalRed-scaled.webp?v=1780303192"},{"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-electrica-mtb-santa-cruz-bullit","title":"Bicicleta electrica MTB Santa Cruz Bullit","description":"\u003cbody\u003e\n\u003cp\u003e\u003cimg class=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Santa_Cruz_Bicycles_logo.png\" alt=\"Santa Cruz Bicycles – Logos Download\" width=\"517\" height=\"60\"\u003e\u003c\/p\u003e\n\u003cdiv\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"252345\" class=\"elementor elementor-252345\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-e1fecbd e-flex e-con-boxed e-con e-parent\" data-id=\"e1fecbd\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-14c1e6b elementor-widget elementor-widget-html\" data-id=\"14c1e6b\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n \u003ctitle\u003eSanta Cruz Bullit | ProVelo România\u003c\/title\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --sc-red: #E31937;\n --sc-red-dark: #c41530;\n --apple-blue: #0071e3;\n --bosch-blue: #00a0e3;\n --bosch-dark: #005691;\n --bullit-teal: #1a5a5a;\n --bullit-teal-light: #2d7a7a;\n --bullit-black: #1a1a1a;\n --bullit-pink: #e91e63;\n --black: #0a0a0a;\n --dark-gray: #2d2d2d;\n --apple-gray: #f5f5f7;\n --apple-gray-dark: #e8e8ed;\n --text-dark: #1d1d1f;\n --text-gray: #86868b;\n --white: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\u003c\/p\u003e\n\u003cp\u003e html {\n scroll-behavior: smooth;\n }\u003c\/p\u003e\n\u003cp\u003e body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n line-height: 1.5;\n color: var(--text-dark);\n background: var(--white);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== HERO SECTION ========== *\/\n .hero {\n height: 100vh !important;\n min-height: 700px !important;\n position: relative !important;\n overflow: hidden !important;\n transition: background 0.5s ease !important;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero.bg-teal { background: linear-gradient(135deg, #1a5a5a 0%, #2d7a7a 100%); }\n .hero.bg-black { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); }\u003c\/p\u003e\n\u003cp\u003e .dot-teal { background: #1a5a5a !important; }\n .dot-black { background: #1a1a1a !important; border: 2px solid #444 !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 60px 20px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-title {\n font-size: clamp(4rem, 12vw, 10rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n letter-spacing: -0.02em !important;\n line-height: 1 !important;\n margin-bottom: 25px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-subtitle {\n font-size: 1.2rem !important;\n color: rgba(255, 255, 255, 0.8) !important;\n margin-bottom: 30px !important;\n font-weight: 500 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stats {\n display: flex !important;\n justify-content: center !important;\n gap: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat {\n text-align: center !important;\n padding: 0 25px !important;\n border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat:first-child { border-left: none !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-label {\n font-size: 0.65rem !important;\n color: rgba(255, 255, 255, 0.7) !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n margin-bottom: 5px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value {\n font-size: 2rem !important;\n font-weight: 700 !important;\n color: #ffffff !important;\n line-height: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value span { font-size: 1rem !important; font-weight: 400 !important; }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge {\n position: absolute;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(0, 160, 227, 0.9);\n color: white;\n padding: 8px 20px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 2px;\n z-index: 10;\n display: flex;\n align-items: center;\n gap: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge svg { width: 16px; height: 16px; }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 1 !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero .color-selector-vertical { pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slides {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n top: 0 !important;\n left: 0 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n opacity: 0 !important;\n transition: opacity 0.5s ease !important;\n pointer-events: none !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding-top: 180px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide.active { opacity: 1 !important; pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slide img {\n width: auto !important;\n height: 75% !important;\n max-width: 90% !important;\n object-fit: contain !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-vertical {\n position: absolute !important;\n right: 18% !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 10px !important;\n background: rgba(255, 255, 255, 0.95) !important;\n padding: 12px 10px !important;\n border-radius: 30px !important;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\n z-index: 10 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-name-desktop {\n display: block !important;\n text-align: center !important;\n padding: 15px 0 30px !important;\n font-size: 0.9rem !important;\n color: rgba(255, 255, 255, 0.6) !important;\n font-weight: 500 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-mobile, .color-name-mobile { display: none; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v {\n width: 28px !important;\n height: 28px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 2px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v:hover { transform: scale(1.15) !important; }\n .color-dot-v.active { border-color: rgba(0, 0, 0, 0.3) !important; transform: scale(1.1) !important; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m {\n width: 50px !important;\n height: 50px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 3px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m:hover { transform: scale(1.1) !important; }\n .color-dot-m.active { border-color: #1a1a1a !important; transform: scale(1.05) !important; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== STANDOUT FEATURES - CAROUSEL CU TEXT-IMAGINE ========== *\/\n .standout-section {\n background: #1a1a1a;\n padding: 80px 20px 60px;\n overflow: hidden;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-header {\n max-width: 1400px;\n margin: 0 auto 50px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-title {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-track {\n display: flex;\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-slide {\n min-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 30px;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item {\n flex: 1;\n max-width: 320px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text h3 {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text p {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.6);\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image {\n border-radius: 12px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-nav-dots {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 16px;\n margin-top: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn {\n width: 44px;\n height: 44px;\n border: none;\n background: var(--bosch-blue);\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn:hover {\n background: #0096c7;\n transform: scale(1.1);\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn svg { width: 20px; height: 20px; stroke: #ffffff; }\u003c\/p\u003e\n\u003cp\u003e .carousel-dots {\n display: flex;\n gap: 8px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot.active {\n background: var(--bosch-blue);\n width: 24px;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\n .container { max-width: 1400px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .extreme-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .getup-section {\n padding: 100px 20px;\n background: #ffffff;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 60px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse {\n grid-template-columns: 1.2fr 1fr;\n direction: rtl;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse \u003e * { direction: ltr; }\u003c\/p\u003e\n\u003cp\u003e .section-label {\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .section-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n line-height: 1.2 !important;\n margin-bottom: 30px !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-text {\n background: linear-gradient(90deg, var(--bosch-blue) 0%, var(--bosch-dark) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-teal {\n background: linear-gradient(90deg, var(--bullit-teal) 0%, var(--bullit-teal-light) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .section-text {\n font-size: 1.1rem !important;\n color: #555 !important;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image {\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .content-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image:hover img { transform: scale(1.03); }\u003c\/p\u003e\n\u003cp\u003e \/* ========== VIDEO SECTION ========== *\/\n .video-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n text-align: center;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .video-title {\n font-size: 0.85rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase;\n letter-spacing: 3px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-heading {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container {\n max-width: 1200px;\n margin: 0 auto;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container:hover { transform: scale(1.02); }\u003c\/p\u003e\n\u003cp\u003e .video-container iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n display: block;\n border: none;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== DESIGN DETAILS - FUNDAL ALB CU HOTSPOTS NUMEROTATE ========== *\/\n .design-section {\n padding: 80px 0 120px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .design-header {\n text-align: center;\n margin-bottom: 40px;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto 80px;\n position: relative;\n background: var(--white);\n padding: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase img {\n width: 100%;\n max-width: 1000px;\n height: auto;\n display: block;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot {\n position: absolute;\n width: 36px;\n height: 36px;\n background: var(--bosch-blue);\n border: none;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 14px;\n font-weight: 700;\n box-shadow: 0 4px 15px rgba(0, 160, 227, 0.4);\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot:hover {\n background: var(--bosch-dark);\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image {\n height: 250px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover .feature-card-image img { transform: scale(1.1); }\u003c\/p\u003e\n\u003cp\u003e .feature-card-content { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .feature-card-title {\n font-size: 1.6rem !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 15px !important;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-text {\n font-size: 1rem !important;\n color: #555 !important;\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\n .products-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .products-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-subtitle {\n font-size: 1.2rem !important;\n color: #555 !important;\n max-width: 600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tabs {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-bottom: 50px;\n flex-wrap: wrap;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab {\n padding: 12px 24px;\n background: var(--apple-gray);\n border: none;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n color: #666;\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab:hover, .filter-tab.active {\n background: var(--bosch-blue);\n color: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: all 0.4s ease;\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n background: var(--bosch-blue);\n color: var(--white);\n padding: 6px 14px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge.new { background: #10b981; }\n .product-badge.limited { background: var(--bullit-pink); }\u003c\/p\u003e\n\u003cp\u003e .product-image {\n padding: 40px;\n background: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-image img {\n max-width: 100%;\n height: auto;\n transition: transform 0.4s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover .product-image img { transform: scale(1.05); }\u003c\/p\u003e\n\u003cp\u003e .product-info { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .product-frame {\n font-size: 0.75rem !important;\n font-weight: 600 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-name {\n font-size: 1.3rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n margin-bottom: 12px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-desc {\n font-size: 0.9rem !important;\n color: #666 !important;\n line-height: 1.6;\n margin-bottom: 20px;\n min-height: 72px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price {\n font-size: 1.5rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price span {\n font-size: 0.9rem;\n color: #666;\n font-weight: 400;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SPECS TABLE ========== *\/\n .specs-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-subtitle {\n font-size: 1.1rem !important;\n color: #666 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table thead { background: var(--bullit-teal); }\u003c\/p\u003e\n\u003cp\u003e .specs-table th {\n padding: 24px 20px;\n text-align: center;\n color: var(--white);\n font-weight: 700;\n font-size: 0.95rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n white-space: nowrap;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:first-child {\n border-radius: 20px 0 0 0;\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:last-child { border-radius: 0 20px 0 0; }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr {\n border-bottom: 1px solid #eee;\n transition: background 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr:hover { background: rgba(0, 160, 227, 0.02); }\n .specs-table tbody tr:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .specs-table td {\n padding: 16px 20px;\n font-size: 0.9rem;\n color: #333;\n vertical-align: middle;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table td:first-child {\n font-weight: 600;\n color: var(--text-dark);\n background: rgba(0, 0, 0, 0.02);\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row { background: var(--apple-gray); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row td {\n font-weight: 800;\n color: var(--text-dark);\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 14px 20px;\n text-align: left;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row { background: rgba(0, 160, 227, 0.05); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td {\n font-weight: 800;\n font-size: 1.15rem;\n color: var(--bosch-blue);\n padding: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td:first-child {\n font-size: 0.85rem;\n color: var(--text-dark);\n }\u003c\/p\u003e\n\u003cp\u003e .rrp-label {\n display: block;\n font-size: 0.7rem;\n font-weight: 600;\n color: var(--text-gray);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SIZE CHART ========== *\/\n .size-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-intro {\n font-size: 1.1rem !important;\n color: #666 !important;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .size-chart { max-width: 1000px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .size-row {\n display: flex;\n align-items: center;\n padding: 30px 0;\n border-bottom: 1px solid #eee;\n }\u003c\/p\u003e\n\u003cp\u003e .size-row:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .size-label {\n width: 120px;\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--text-dark);\n flex-shrink: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-container {\n flex: 1;\n position: relative;\n height: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-bg {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 10px;\n height: 8px;\n background: #eee;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar {\n position: absolute;\n bottom: 10px;\n height: 8px;\n background: var(--bosch-blue);\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-info {\n position: absolute;\n top: 0;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\u003c\/p\u003e\n\u003cp\u003e .size-range {\n font-size: 1rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 5px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-reach {\n font-size: 0.85rem;\n color: var(--bosch-blue);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .size-small .size-bar { left: 0%; width: 25%; }\n .size-small .size-info { left: 0%; }\n .size-medium .size-bar { left: 25%; width: 20%; }\n .size-medium .size-info { left: 25%; }\n .size-large .size-bar { left: 45%; width: 20%; }\n .size-large .size-info { left: 45%; }\n .size-xlarge .size-bar { left: 65%; width: 15%; }\n .size-xlarge .size-info { left: 65%; }\n .size-xxlarge .size-bar { left: 80%; width: 20%; }\n .size-xxlarge .size-info { left: 80%; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== GEOMETRY SECTION ========== *\/\n .geometry-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-header {\n text-align: center;\n margin-bottom: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 10px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-note {\n font-size: 0.9rem !important;\n color: var(--text-gray) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 16px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 800px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table thead { background: var(--apple-gray-dark); }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th {\n padding: 20px 25px;\n text-align: center;\n color: var(--text-dark);\n font-weight: 700;\n font-size: 1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th:first-child { text-align: left; padding-left: 30px; }\u003c\/p\u003e\n\u003cp\u003e .geometry-table tbody tr { border-bottom: 1px solid #eee; }\n .geometry-table tbody tr:last-child { border-bottom: none; }\n .geometry-table tbody tr:hover { background: rgba(0, 0, 0, 0.02); }\u003c\/p\u003e\n\u003cp\u003e .geometry-table td {\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Santa Cruz","offers":[{"title":"Podium-Kit \/ Black Pink Splatter \/ XL","offer_id":57494837068158,"sku":"58-23268-109-3-762-8121011-1-1-1","price":56525.0,"currency_code":"RON","in_stock":true},{"title":"Podium-Kit \/ Black Pink Splatter \/ L","offer_id":57494837100926,"sku":"58-23268-109-3-762-8121011-1-1-1","price":56525.0,"currency_code":"RON","in_stock":true},{"title":"Podium-Kit \/ Black Pink Splatter \/ M","offer_id":57494837133694,"sku":"58-23268-109-3-762-8121011-1-1-1","price":56525.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ S","offer_id":57494837166462,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ M","offer_id":57494837199230,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ L","offer_id":57494837231998,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XL","offer_id":57494837264766,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XXL","offer_id":57494837297534,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494837330302,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494837363070,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494837395838,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494837428606,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494837461374,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ S","offer_id":57494837494142,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ M","offer_id":57494837526910,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ L","offer_id":57494837559678,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XL","offer_id":57494837592446,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XXL","offer_id":57494837625214,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494837657982,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494837690750,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494837723518,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494837756286,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494837789054,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ S","offer_id":57494837821822,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ M","offer_id":57494837854590,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ L","offer_id":57494837887358,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XL","offer_id":57494837920126,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XXL","offer_id":57494837952894,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494837985662,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494838018430,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494838051198,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494838083966,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ S","offer_id":57494838116734,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ M","offer_id":57494838149502,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ L","offer_id":57494838182270,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XL","offer_id":57494838215038,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XXL","offer_id":57494838247806,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494838280574,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494838313342,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494838346110,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494838378878,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494838411646,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Bullit_C_GX_AXS_MatteTealSparkle_21923b2d-bd07-4881-9340-a8ea5af3a561-1-scaled.webp?v=1780309074"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-vala","title":"Bicicleta electrica MTB Santa Cruz VALA","description":"\u003cbody\u003e\n\u003cdiv\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"252360\" class=\"elementor elementor-252360\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-e522f74 e-flex e-con-boxed e-con e-parent\" data-id=\"e522f74\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-22c56b6 elementor-widget elementor-widget-html\" data-id=\"22c56b6\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n \u003ctitle\u003eSanta Cruz Vala | ProVelo România\u003c\/title\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --sc-red: #E31937;\n --sc-red-dark: #c41530;\n --apple-blue: #0071e3;\n --apple-blue-hover: #0077ed;\n --bosch-blue: #00a0e3;\n --bosch-dark: #005691;\n --midnight-green: #1a4a4a;\n --midnight-green-light: #2d6b6b;\n --gloss-grey: #7a7d82;\n --black: #0a0a0a;\n --dark-gray: #2d2d2d;\n --apple-gray: #f5f5f7;\n --apple-gray-dark: #e8e8ed;\n --text-dark: #1d1d1f;\n --text-gray: #86868b;\n --white: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\u003c\/p\u003e\n\u003cp\u003e html {\n scroll-behavior: smooth;\n }\u003c\/p\u003e\n\u003cp\u003e body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n line-height: 1.5;\n color: var(--text-dark);\n background: var(--white);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== HERO SECTION ========== *\/\n .hero {\n height: 100vh !important;\n min-height: 700px !important;\n position: relative !important;\n overflow: hidden !important;\n transition: background 0.5s ease !important;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero.bg-midnightgreen { background: linear-gradient(135deg, #1a4a4a 0%, #2d6b6b 100%); }\n .hero.bg-grey { background: linear-gradient(135deg, #5a5d62 0%, #7a7d82 100%); }\u003c\/p\u003e\n\u003cp\u003e .dot-midnightgreen { background: #1a4a4a !important; }\n .dot-grey { background: #7a7d82 !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 60px 20px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-title {\n font-size: clamp(4rem, 12vw, 10rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n letter-spacing: -0.02em !important;\n line-height: 1 !important;\n margin-bottom: 25px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-subtitle {\n font-size: 1.2rem !important;\n color: rgba(255, 255, 255, 0.8) !important;\n margin-bottom: 30px !important;\n font-weight: 500 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stats {\n display: flex !important;\n justify-content: center !important;\n gap: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat {\n text-align: center !important;\n padding: 0 25px !important;\n border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat:first-child { border-left: none !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-label {\n font-size: 0.65rem !important;\n color: rgba(255, 255, 255, 0.7) !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n margin-bottom: 5px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value {\n font-size: 2rem !important;\n font-weight: 700 !important;\n color: #ffffff !important;\n line-height: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value span { font-size: 1rem !important; font-weight: 400 !important; }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge {\n position: absolute;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(0, 160, 227, 0.9);\n color: white;\n padding: 8px 20px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 2px;\n z-index: 10;\n display: flex;\n align-items: center;\n gap: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge svg { width: 16px; height: 16px; }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 1 !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero .color-selector-vertical { pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slides {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n top: 0 !important;\n left: 0 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n opacity: 0 !important;\n transition: opacity 0.5s ease !important;\n pointer-events: none !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding-top: 120px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide.active { opacity: 1 !important; pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slide img {\n width: auto !important;\n height: 75% !important;\n max-width: 90% !important;\n object-fit: contain !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-vertical {\n position: absolute !important;\n right: 18% !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 10px !important;\n background: rgba(255, 255, 255, 0.95) !important;\n padding: 12px 10px !important;\n border-radius: 30px !important;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\n z-index: 10 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-name-desktop {\n display: block !important;\n text-align: center !important;\n padding: 15px 0 30px !important;\n font-size: 0.9rem !important;\n color: rgba(255, 255, 255, 0.6) !important;\n font-weight: 500 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-mobile, .color-name-mobile { display: none; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v {\n width: 28px !important;\n height: 28px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 2px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v:hover { transform: scale(1.15) !important; }\n .color-dot-v.active { border-color: rgba(0, 0, 0, 0.3) !important; transform: scale(1.1) !important; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m {\n width: 50px !important;\n height: 50px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 3px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m:hover { transform: scale(1.1) !important; }\n .color-dot-m.active { border-color: #1a1a1a !important; transform: scale(1.05) !important; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== STANDOUT FEATURES - CAROUSEL CU TEXT-IMAGINE ========== *\/\n .standout-section {\n background: #1a1a1a;\n padding: 80px 20px 60px;\n overflow: hidden;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-header {\n max-width: 1400px;\n margin: 0 auto 50px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-title {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Carousel Container - Text și Imagine alăturate *\/\n .carousel-container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-track {\n display: flex;\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-slide {\n min-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 30px;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item {\n flex: 1;\n max-width: 320px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text h3 {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text p {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.6);\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image {\n border-radius: 12px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Carousel Navigation cu Dots *\/\n .carousel-nav-dots {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 16px;\n margin-top: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn {\n width: 44px;\n height: 44px;\n border: none;\n background: var(--bosch-blue);\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn:hover {\n background: #0096c7;\n transform: scale(1.1);\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn svg { width: 20px; height: 20px; stroke: #ffffff; }\u003c\/p\u003e\n\u003cp\u003e .carousel-dots {\n display: flex;\n gap: 8px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot.active {\n background: var(--bosch-blue);\n width: 24px;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\n .container { max-width: 1400px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .extreme-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .getup-section {\n padding: 100px 20px;\n background: #ffffff;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 60px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse {\n grid-template-columns: 1.2fr 1fr;\n direction: rtl;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse \u003e * { direction: ltr; }\u003c\/p\u003e\n\u003cp\u003e .section-label {\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .section-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n line-height: 1.2 !important;\n margin-bottom: 30px !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-text {\n background: linear-gradient(90deg, var(--bosch-blue) 0%, var(--bosch-dark) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-green {\n background: linear-gradient(90deg, var(--midnight-green) 0%, var(--midnight-green-light) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .section-text {\n font-size: 1.1rem !important;\n color: #555 !important;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image {\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .content-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image:hover img { transform: scale(1.03); }\u003c\/p\u003e\n\u003cp\u003e \/* ========== VIDEO SECTION ========== *\/\n .video-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n text-align: center;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .video-title {\n font-size: 0.85rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase;\n letter-spacing: 3px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-heading {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container {\n max-width: 1200px;\n margin: 0 auto;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container:hover { transform: scale(1.02); }\u003c\/p\u003e\n\u003cp\u003e .video-container iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n display: block;\n border: none;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== DESIGN DETAILS - FUNDAL ALB CU HOTSPOTS NUMEROTATE ========== *\/\n .design-section {\n padding: 80px 0 120px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .design-header {\n text-align: center;\n margin-bottom: 40px;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Bike Showcase - FUNDAL ALB *\/\n .bike-showcase {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto 80px;\n position: relative;\n background: var(--white);\n padding: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase img {\n width: 100%;\n max-width: 1000px;\n height: auto;\n display: block;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e \/* HOTSPOTS NUMEROTATE - FUNDAL ALBASTRU *\/\n .hotspot {\n position: absolute;\n width: 36px;\n height: 36px;\n background: var(--bosch-blue);\n border: none;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 14px;\n font-weight: 700;\n box-shadow: 0 4px 15px rgba(0, 160, 227, 0.4);\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot:hover {\n background: var(--bosch-dark);\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Poziții hotspots pentru Vala - ca în poza 4 *\/\n .hotspot-1 { top: 40%; left: 46%; }\n .hotspot-2 { top: 62%; left: 43%; }\n .hotspot-3 { top: 48%; left: 70%; }\n .hotspot-4 { top: 26%; left: 36%; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image {\n height: 250px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover .feature-card-image img { transform: scale(1.1); }\u003c\/p\u003e\n\u003cp\u003e .feature-card-content { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .feature-card-title {\n font-size: 1.6rem !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 15px !important;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-text {\n font-size: 1rem !important;\n color: #555 !important;\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\n .products-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .products-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-subtitle {\n font-size: 1.2rem !important;\n color: #555 !important;\n max-width: 600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tabs {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-bottom: 50px;\n flex-wrap: wrap;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab {\n padding: 12px 24px;\n background: var(--apple-gray);\n border: none;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n color: #666;\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab:hover, .filter-tab.active {\n background: var(--bosch-blue);\n color: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: all 0.4s ease;\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n background: var(--bosch-blue);\n color: var(--white);\n padding: 6px 14px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge.new { background: #10b981; }\n .product-badge.aluminum { background: #8b5cf6; }\u003c\/p\u003e\n\u003cp\u003e .product-image {\n padding: 40px;\n background: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-image img {\n max-width: 100%;\n height: auto;\n transition: transform 0.4s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover .product-image img { transform: scale(1.05); }\u003c\/p\u003e\n\u003cp\u003e .product-info { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .product-frame {\n font-size: 0.75rem !important;\n font-weight: 600 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-name {\n font-size: 1.3rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n margin-bottom: 12px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-desc {\n font-size: 0.9rem !important;\n color: #666 !important;\n line-height: 1.6;\n margin-bottom: 20px;\n min-height: 72px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price {\n font-size: 1.5rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price span {\n font-size: 0.9rem;\n color: #666;\n font-weight: 400;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SPECS TABLE ========== *\/\n .specs-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-subtitle {\n font-size: 1.1rem !important;\n color: #666 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 1000px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table thead { background: var(--midnight-green); }\u003c\/p\u003e\n\u003cp\u003e .specs-table th {\n padding: 24px 20px;\n text-align: center;\n color: var(--white);\n font-weight: 700;\n font-size: 0.95rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n white-space: nowrap;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:first-child {\n border-radius: 20px 0 0 0;\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:last-child { border-radius: 0 20px 0 0; }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr {\n border-bottom: 1px solid #eee;\n transition: background 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr:hover { background: rgba(0, 160, 227, 0.02); }\n .specs-table tbody tr:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .specs-table td {\n padding: 16px 20px;\n font-size: 0.9rem;\n color: #333;\n vertical-align: middle;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table td:first-child {\n font-weight: 600;\n color: var(--text-dark);\n background: rgba(0, 0, 0, 0.02);\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row { background: var(--apple-gray); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row td {\n font-weight: 800;\n color: var(--text-dark);\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 14px 20px;\n text-align: left;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row { background: rgba(0, 160, 227, 0.05); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td {\n font-weight: 800;\n font-size: 1.15rem;\n color: var(--bosch-blue);\n padding: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td:first-child {\n font-size: 0.85rem;\n color: var(--text-dark);\n }\u003c\/p\u003e\n\u003cp\u003e .rrp-label {\n display: block;\n font-size: 0.7rem;\n font-weight: 600;\n color: var(--text-gray);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SIZE CHART ========== *\/\n .size-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-intro {\n font-size: 1.1rem !important;\n color: #666 !important;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .size-chart { max-width: 1000px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .size-row {\n display: flex;\n align-items: center;\n padding: 30px 0;\n border-bottom: 1px solid #eee;\n }\u003c\/p\u003e\n\u003cp\u003e .size-row:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .size-label {\n width: 120px;\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--text-dark);\n flex-shrink: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-container {\n flex: 1;\n position: relative;\n height: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-bg {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 10px;\n height: 8px;\n background: #eee;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar {\n position: absolute;\n bottom: 10px;\n height: 8px;\n background: var(--bosch-blue);\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-info {\n position: absolute;\n top: 0;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\u003c\/p\u003e\n\u003cp\u003e .size-range {\n font-size: 1rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 5px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-reach {\n font-size: 0.85rem;\n color: var(--bosch-blue);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .size-small .size-bar { left: 0%; width: 25%; }\n .size-small .size-info { left: 0%; }\n .size-medium .size-bar { left: 25%; width: 20%; }\n .size-medium .size-info { left: 25%; }\n .size-large .size-bar { left: 45%; width: 20%; }\n .size-large .size-info { left: 45%; }\n .size-xlarge .size-bar { left: 65%; width: 15%; }\n .size-xlarge .size-info { left: 65%; }\n .size-xxlarge .size-bar { left: 80%; width: 20%; }\n .size-xxlarge .size-info { left: 80%; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== GEOMETRY SECTION ========== *\/\n .geometry-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-header {\n text-align: center;\n margin-bottom: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 10px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-note {\n font-size: 0.9rem !important;\n color: var(--text-gray) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 16px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 800px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table thead { background: var(--apple-gray-dark); }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th {\n padding: 20px 25px;\n text-align: center;\n color: var(--text-dark);\n font-weight: 700;\n font-size: 1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th:first-child { text-align: left; padding-left: 30px; }\u003c\/p\u003e\n\u003cp\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Santa Cruz","offers":[{"title":"70-Kit \/ Gloss Black \/ S","offer_id":57494839198078,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ M","offer_id":57494839230846,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ L","offer_id":57494839263614,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XL","offer_id":57494839296382,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XXL","offer_id":57494839329150,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494839361918,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494839394686,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494839427454,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494839460222,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494839492990,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ S","offer_id":57494839525758,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ M","offer_id":57494839558526,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ L","offer_id":57494839591294,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XL","offer_id":57494839624062,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XXL","offer_id":57494839656830,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494839689598,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494839722366,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494839755134,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494839787902,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494839820670,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ S","offer_id":57494839853438,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ M","offer_id":57494839886206,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ L","offer_id":57494839918974,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XL","offer_id":57494839951742,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XXL","offer_id":57494839984510,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494840017278,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494840050046,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494840082814,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494840115582,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494840148350,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ S","offer_id":57494840181118,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ M","offer_id":57494840213886,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ L","offer_id":57494840246654,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XL","offer_id":57494840279422,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XXL","offer_id":57494840312190,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494840344958,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494840377726,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494840410494,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494840443262,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494840476030,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ S","offer_id":57494840508798,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ M","offer_id":57494840541566,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ L","offer_id":57494840574334,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ XL","offer_id":57494840607102,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ S","offer_id":57494840639870,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ M","offer_id":57494840672638,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ L","offer_id":57494840705406,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ XL","offer_id":57494840738174,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_CC_XX_AXS_RSV_MidnightGreen_864856aa-48e9-424c-a30d-89e6e216eb3b-scaled.webp?v=1780309081"},{"product_id":"bicicleta-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-chameleon","title":"Bicicleta MTB Santa Cruz Chameleon","description":"\u003cbody\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"279533\" class=\"elementor elementor-279533\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-e39b3e6 e-flex e-con-boxed e-con e-parent\" data-id=\"e39b3e6\" 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-f002bfd elementor-widget elementor-widget-html\" data-id=\"f002bfd\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003cbr\u003e\n\u003cbr\u003e\n\u003c\/p\u003e\n\u003cbr\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n \u003ctitle\u003eSanta Cruz Chameleon | ProVelo Romania\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 --trail-orange: #2563eb;\n --trail-orange-dark: #1d4ed8;\n --light-blue: #4da6d6;\n --light-blue-dark: #3a8db8;\n --brown: #8b6914;\n --brown-dark: #705510;\n --green: #2563eb;\n --green-dark: #1d4ed8;\n --apple-blue: #0071e3;\n --apple-blue-hover: #0077ed;\n --black: #0a0a0a;\n --dark-gray: #1a1a1a;\n --apple-gray: #f5f5f7;\n --apple-gray-dark: #e8e8ed;\n --text-dark: #1d1d1f;\n --text-gray: #86868b;\n --white: #ffffff;\n --accent: #2563eb;\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 overflow-x: hidden !important;\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 overflow-x: hidden !important;\n max-width: 100vw !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== FLOATING PARTICLES EFFECT ========== *\/\n .particles-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 0;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: rgba(37, 99, 235, 0.3);\n border-radius: 50%;\n animation: floatParticle 15s infinite ease-in-out;\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes floatParticle {\n 0%, 100% { transform: translateY(100vh) translateX(0) rotate(0deg); opacity: 0; }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n 100% { transform: translateY(-100vh) translateX(100px) rotate(720deg); opacity: 0; }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== HERO SECTION - FULL WIDTH ========== *\/\n .hero {\n height: 100vh !important;\n min-height: 750px !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-blue {\n background: linear-gradient(180deg, #1e3a5f 0%, #2563eb 80%, #60a5fa 100%);\n }\n .hero.bg-yellow {\n background: linear-gradient(180deg, #92400e 0%, #d97706 80%, #fbbf24 100%);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Dot Colors *\/\n .dot-blue { background: linear-gradient(145deg, #3b82f6 0%, #2563eb 100%) !important; }\n .dot-yellow { background: linear-gradient(145deg, #fcd34d 0%, #fbbf24 100%) !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 60px 20px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-eyebrow {\n font-size: 0.95rem !important;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.25em;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 20px;\n opacity: 0;\n animation: fadeInUp 0.8s ease 0.1s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== HERO TITLE - MARE CA LA WOOM WOW ========== *\/\n .hero-title {\n font-size: clamp(4rem, 12vw, 11rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n letter-spacing: -0.03em !important;\n line-height: 1 !important;\n margin-bottom: 30px !important;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n text-transform: uppercase;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 0.8s ease 0.2s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes bikeReveal {\n from {\n opacity: 0;\n transform: scale(0.96) translateY(10px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n }\u003c\/p\u003e\n\u003cp\u003e .hero-subtitle {\n font-size: 1.3rem !important;\n color: rgba(255, 255, 255, 0.7) !important;\n margin-bottom: 35px !important;\n font-weight: 500 !important;\n letter-spacing: 0.25em !important;\n text-transform: uppercase !important;\n opacity: 0;\n animation: fadeInUp 0.8s ease 0.25s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stats {\n display: flex !important;\n justify-content: center !important;\n gap: 0 !important;\n opacity: 0;\n animation: fadeInUp 0.8s ease 0.3s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat {\n text-align: center !important;\n padding: 0 40px !important;\n border-left: 1px solid rgba(255,255,255,0.2) !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.75rem !important;\n text-transform: uppercase !important;\n letter-spacing: 0.12em !important;\n color: rgba(255,255,255,0.5) !important;\n margin-bottom: 6px !important;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value {\n font-size: 1.75rem !important;\n font-weight: 700 !important;\n color: #ffffff !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value span {\n font-size: 0.9rem !important;\n font-weight: 400 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== BIKE SHOWCASE ========== *\/\n .bike-showcase-hero {\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n width: 100% !important;\n height: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n pointer-events: none !important;\n z-index: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Stage light effect *\/\n .bike-showcase-hero::before {\n content: '';\n position: absolute;\n top: 25%;\n left: 50%;\n transform: translateX(-50%);\n width: 70%;\n height: 70%;\n background: radial-gradient(ellipse 60% 50% at 50% 30%,\n rgba(255, 255, 255, 0.15) 0%,\n rgba(255, 255, 255, 0.05) 40%,\n rgba(255, 255, 255, 0) 70%);\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Soft floor reflection *\/\n .bike-showcase-hero::after {\n content: '';\n position: absolute;\n bottom: 15%;\n left: 50%;\n transform: translateX(-50%);\n width: 50%;\n height: 20%;\n background: radial-gradient(ellipse at center,\n rgba(0, 0, 0, 0.08) 0%,\n rgba(0, 0, 0, 0) 70%);\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slides {\n position: relative !important;\n width: 100% !important;\n height: 100% !important;\n pointer-events: none !important;\n opacity: 0;\n animation: bikeReveal 1s ease 0.5s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n opacity: 0 !important;\n transform: scale(0.95);\n transition: opacity 0.5s ease, transform 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: 160px !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide.active {\n opacity: 1 !important;\n transform: scale(1);\n pointer-events: auto !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide img {\n width: auto !important;\n height: 58% !important;\n max-width: 75% !important;\n object-fit: contain !important;\n display: block !important;\n visibility: visible !important;\n filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== COLOR SELECTOR ========== *\/\n .color-selector-container {\n position: absolute !important;\n bottom: 100px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n z-index: 100 !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n gap: 20px !important;\n opacity: 0;\n animation: fadeInUp 0.8s ease 0.7s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dots-wrapper {\n display: flex !important;\n gap: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot {\n width: 52px !important;\n height: 52px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n position: relative !important;\n border: 3px solid rgba(255, 255, 255, 0.3) !important;\n outline: none !important;\n -webkit-appearance: none !important;\n appearance: none !important;\n box-shadow: none;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot:hover {\n transform: scale(1.15) translateY(-3px) !important;\n border-color: rgba(255, 255, 255, 0.5) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot.active {\n border-color: #ffffff !important;\n transform: scale(1.08) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot.active::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 12px;\n height: 12px;\n background: #ffffff;\n border-radius: 50%;\n box-shadow: 0 2px 8px rgba(0,0,0,0.3);\n }\u003c\/p\u003e\n\u003cp\u003e .color-name {\n font-size: 1.1rem !important;\n color: rgba(255, 255, 255, 0.9) !important;\n font-weight: 500 !important;\n letter-spacing: 0.03em !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== RESPONSIVE HERO ========== *\/\n @media (max-width: 768px) {\n .hero {\n height: auto !important;\n min-height: 100vh !important;\n padding-bottom: 30px !important;\n width: 100% !important;\n max-width: 100% !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-content {\n padding: 40px 16px 16px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-eyebrow {\n font-size: 0.7rem !important;\n letter-spacing: 0.15em !important;\n margin-bottom: 12px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-title {\n font-size: clamp(2.5rem, 13vw, 4rem) !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-subtitle {\n font-size: 0.85rem !important;\n letter-spacing: 0.15em !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stats {\n display: grid !important;\n grid-template-columns: 1fr 1fr !important;\n gap: 0 !important;\n max-width: 280px !important;\n margin: 0 auto !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat {\n padding: 12px 16px !important;\n border-left: 1px solid rgba(255,255,255,0.2) !important;\n border-bottom: 1px solid rgba(255,255,255,0.2) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat:nth-child(1),\n .hero-stat:nth-child(3) {\n border-left: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat:nth-child(3),\n .hero-stat:nth-child(4) {\n border-bottom: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-label {\n font-size: 0.6rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value {\n font-size: 1.3rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero {\n position: relative !important;\n top: auto !important;\n left: auto !important;\n transform: none !important;\n height: 280px !important;\n margin: 20px 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero::before,\n .bike-showcase-hero::after {\n display: none;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide {\n padding-top: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide img {\n height: 100% !important;\n max-width: 100% !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slides {\n animation: none;\n opacity: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-container {\n position: relative !important;\n bottom: auto !important;\n left: auto !important;\n transform: none !important;\n margin-top: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dots-wrapper {\n gap: 18px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot {\n width: 48px !important;\n height: 48px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-eyebrow,\n .hero-title,\n .hero-subtitle,\n .hero-stats {\n animation: none;\n opacity: 1;\n transform: none;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== STANDOUT FEATURES - DARK SECTION ========== *\/\n .standout-section {\n background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%);\n padding: 100px 20px 80px;\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 position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Subtle grid pattern overlay *\/\n .standout-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image:\n linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n background-size: 50px 50px;\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-header {\n max-width: 1400px;\n margin: 0 auto 50px;\n padding: 0 20px;\n position: relative;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-title {\n font-size: clamp(2.5rem, 6vw, 4rem) !important;\n font-weight: 700 !important;\n color: #ffffff !important;\n letter-spacing: -0.02em;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-subtitle {\n font-size: 1.1rem;\n color: rgba(255, 255, 255, 0.5);\n }\u003c\/p\u003e\n\u003cp\u003e .features-carousel-container {\n position: relative;\n max-width: 1600px;\n margin: 0 auto;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .features-carousel {\n display: flex;\n gap: 12px;\n overflow-x: auto;\n scroll-behavior: smooth;\n scrollbar-width: none;\n -ms-overflow-style: none;\n padding: 0 20px 40px;\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 340px;\n height: 380px;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n cursor: pointer;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-slide:hover {\n transform: scale(1.03) translateY(-5px);\n box-shadow: 0 20px 60px rgba(37, 99, 235, 0.2);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-slide:hover img {\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-slide-content {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 35px 25px;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-number {\n font-size: 0.7rem;\n color: var(--trail-orange);\n font-weight: 700;\n letter-spacing: 2px;\n margin-bottom: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-name {\n font-size: 1.3rem;\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: 3px;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 2px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--trail-orange) 0%, var(--light-blue) 100%);\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: 12px;\n max-width: 1400px;\n margin: 25px auto 0;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn {\n width: 50px;\n height: 50px;\n border: 1px solid rgba(255, 255, 255, 0.25);\n background: transparent;\n border-radius: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn:hover {\n background: var(--trail-orange);\n border-color: var(--trail-orange);\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn svg {\n width: 22px;\n height: 22px;\n stroke: #ffffff;\n transition: stroke 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== CONTENT SECTIONS - FULL WIDTH ========== *\/\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SECTION TITLES - MARI CA LA WOOM WOW ========== *\/\n .section-label {\n font-size: 1rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--trail-orange);\n margin-bottom: 16px;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .section-title {\n font-size: clamp(2.5rem, 6vw, 4rem) !important;\n font-weight: 700 !important;\n color: var(--text-dark) !important;\n line-height: 1.15 !important;\n margin-bottom: 24px !important;\n letter-spacing: -0.02em !important;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-text,\n .gradient-orange {\n background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-blue {\n background: linear-gradient(135deg, #4da6d6 0%, #0077b6 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .section-text {\n font-size: 1.1rem;\n color: var(--text-gray);\n line-height: 1.7;\n max-width: 750px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SPLIT SECTIONS - FULL WIDTH ========== *\/\n .playful-section {\n padding: 100px 24px;\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 position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .capable-section {\n padding: 100px 24px;\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 position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 80px;\n align-items: center;\n max-width: 1200px;\n margin: 0 auto;\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 .content-image {\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 50px 100px rgba(0, 0, 0, 0.12);\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n }\u003c\/p\u003e\n\u003cp\u003e .content-image:hover img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== VIDEO SECTION - FULL WIDTH ========== *\/\n .video-section {\n padding: 100px 24px;\n background: linear-gradient(180deg, var(--apple-gray) 0%, #1a1a1a 100%);\n text-align: center;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .video-header {\n padding: 0 20px 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-title {\n font-size: 0.85rem;\n color: var(--text-gray);\n text-transform: uppercase;\n letter-spacing: 4px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-heading {\n font-size: clamp(2.5rem, 6vw, 4rem) !important;\n font-weight: 700 !important;\n color: #000000 !important;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container {\n max-width: 1100px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .video-wrapper {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: 20px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .video-wrapper iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== DESIGN DETAILS - FULL WIDTH ========== *\/\n .design-section {\n padding: 100px 24px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .design-header {\n text-align: center;\n margin-bottom: 50px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase {\n width: 100%;\n margin: 0 auto 100px;\n position: relative;\n background: linear-gradient(135deg, #2a3a4a 0%, #4da6d6 100%);\n padding: 100px 40px;\n border-radius: 24px;\n max-width: 1400px;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase img {\n width: 100%;\n max-width: 1200px;\n height: auto;\n display: block;\n margin: 0 auto;\n filter: drop-shadow(0 40px 80px rgba(0,0,0,0.4));\n }\u003c\/p\u003e\n\u003cp\u003e \/* HOTSPOTS *\/\n .hotspot {\n position: absolute;\n width: 36px;\n height: 36px;\n background: rgba(255, 255, 255, 0.15);\n border: 2px solid rgba(255, 255, 255, 0.4);\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\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.8);\n font-size: 20px;\n font-weight: 300;\n line-height: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot::after {\n content: '';\n position: absolute;\n top: -8px;\n left: -8px;\n right: -8px;\n bottom: -8px;\n border: 1px solid rgba(255,255,255,0.2);\n border-radius: 50%;\n animation: hotspotPulse 2s ease-out infinite;\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes hotspotPulse {\n 0% { transform: scale(1); opacity: 1; }\n 100% { transform: scale(1.5); opacity: 0; }\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot:hover,\n .hotspot.active {\n background: var(--trail-orange);\n border-color: var(--trail-orange);\n transform: scale(1.2);\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 .hotspot:hover::after,\n .hotspot.active::after {\n animation: none;\n opacity: 0;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Hotspot positions *\/\n .hotspot-1 { top: 32%; left: 50%; }\n .hotspot-2 { top: 58%; left: 58%; }\n .hotspot-3 { top: 30%; left: 68%; }\n .hotspot-4 { top: 42%; left: 35%; }\u003c\/p\u003e\n\u003cp\u003e .hotspot-tooltip {\n position: absolute;\n background: var(--white);\n color: var(--text-dark);\n padding: 25px;\n border-radius: 16px;\n box-shadow: 0 25px 70px rgba(0, 0, 0, 0.35);\n width: 280px;\n opacity: 0;\n visibility: hidden;\n transform: translateY(15px);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\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: 1.1rem;\n font-weight: 800;\n margin-bottom: 10px;\n color: var(--text-dark);\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot-tooltip p {\n font-size: 0.9rem;\n color: #555;\n line-height: 1.6;\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot-1 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(15px); margin-top: 15px; }\n .hotspot-1 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\n .hotspot-2 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(15px); margin-top: 15px; }\n .hotspot-2 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\n .hotspot-3 .hotspot-tooltip { bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-15px); margin-bottom: 15px; }\n .hotspot-3 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\n .hotspot-4 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(15px); margin-top: 15px; }\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: 28px;\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card {\n background: var(--white);\n border-radius: 20px;\n overflow: hidden;\n transition: all 0.4s ease;\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image {\n height: 200px;\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.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover .feature-card-image img {\n transform: scale(1.06);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-content {\n padding: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-title {\n font-size: 1.2rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-text {\n font-size: 0.95rem;\n color: var(--text-gray);\n line-height: 1.6;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== PRODUCTS SECTION - FULL WIDTH ========== *\/\n .products-section {\n padding: 100px 24px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-header {\n text-align: center;\n margin-bottom: 70px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .products-subtitle {\n font-size: 1.1rem;\n color: var(--text-gray);\n max-width: 650px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tabs {\n display: flex;\n justify-content: center;\n gap: 12px;\n margin-bottom: 60px;\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":"D-Kit \/ S \/ Gloss Navy Blue","offer_id":57495794385278,"sku":"58-23268-109-3-762-8121011-1-2-2","price":8499.15,"currency_code":"RON","in_stock":true},{"title":"D-Kit \/ S \/ Golden Yellow","offer_id":57495794418046,"sku":"58-23268-109-3-762-8121011-1-2-2","price":8499.15,"currency_code":"RON","in_stock":true},{"title":"D-Kit \/ M \/ Gloss Navy Blue","offer_id":57495794450814,"sku":"58-23268-109-3-762-8121011-1-2-2","price":8499.15,"currency_code":"RON","in_stock":true},{"title":"D-Kit \/ M \/ Golden Yellow","offer_id":57495794483582,"sku":"58-23268-109-3-762-8121011-1-2-2","price":8499.15,"currency_code":"RON","in_stock":true},{"title":"D-Kit \/ L \/ Gloss Navy Blue","offer_id":57495794516350,"sku":"58-23268-109-3-762-8121011-1-2-2","price":8499.15,"currency_code":"RON","in_stock":true},{"title":"D-Kit \/ L \/ Golden Yellow","offer_id":57495794549118,"sku":"58-23268-109-3-762-8121011-1-2-2","price":8499.15,"currency_code":"RON","in_stock":true},{"title":"D-Kit \/ XL \/ Gloss Navy Blue","offer_id":57495794581886,"sku":"58-23268-109-3-762-8121011-1-2-2","price":8499.15,"currency_code":"RON","in_stock":true},{"title":"D-Kit \/ XL \/ Golden Yellow","offer_id":57495794614654,"sku":"58-23268-109-3-762-8121011-1-2-2","price":8499.15,"currency_code":"RON","in_stock":true},{"title":"R-Kit \/ S \/ Gloss Navy Blue","offer_id":57495794647422,"sku":"58-23268-109-3-762-8121011-1-2-2","price":10624.15,"currency_code":"RON","in_stock":true},{"title":"R-Kit \/ S \/ Golden Yellow","offer_id":57495794680190,"sku":"58-23268-109-3-762-8121011-1-2-2","price":10624.15,"currency_code":"RON","in_stock":true},{"title":"R-Kit \/ M \/ Gloss Navy Blue","offer_id":57495794712958,"sku":"58-23268-109-3-762-8121011-1-2-2","price":10624.15,"currency_code":"RON","in_stock":true},{"title":"R-Kit \/ M \/ Golden Yellow","offer_id":57495794745726,"sku":"58-23268-109-3-762-8121011-1-2-2","price":10624.15,"currency_code":"RON","in_stock":true},{"title":"R-Kit \/ L \/ Gloss Navy Blue","offer_id":57495794778494,"sku":"58-23268-109-3-762-8121011-1-2-2","price":10624.15,"currency_code":"RON","in_stock":true},{"title":"R-Kit \/ L \/ Golden Yellow","offer_id":57495794811262,"sku":"58-23268-109-3-762-8121011-1-2-2","price":10624.15,"currency_code":"RON","in_stock":true},{"title":"R-Kit \/ XL \/ Gloss Navy Blue","offer_id":57495794844030,"sku":"58-23268-109-3-762-8121011-1-2-2","price":10624.15,"currency_code":"RON","in_stock":true},{"title":"R-Kit \/ XL \/ Golden Yellow","offer_id":57495794876798,"sku":"58-23268-109-3-762-8121011-1-2-2","price":10624.15,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY22_Chameleon_R_29_Blue.webp?v=1780322411"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-vala-al-deore","title":"Bicicleta electrica MTB Santa Cruz VALA AL Deore","description":"\u003cbody\u003e\n\u003cdiv\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"308005\" class=\"elementor elementor-308005\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-1c3fe34 e-flex e-con-boxed e-con e-parent\" data-id=\"1c3fe34\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-c0aee48 elementor-widget elementor-widget-html\" data-id=\"c0aee48\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003cbr\u003e\n\u003cbr\u003e\n\u003c\/p\u003e\n\u003cbr\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n\u003ctitle\u003eSanta Cruz Vala AL Deore — Bosch e-MTB 150\/160mm | ProVelo\u003c\/title\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cp\u003e\u003c!-- ============ Product schema ============ --\u003e\u003cbr\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Santa Cruz Vala AL Deore\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_AL_Deore_GlossLunarGray-1.png\",\"description\":\"E-MTB full-power Bosch cu cadru aluminiu Vala AL, motor Bosch Performance Line CX, baterie 600Wh, suspensie 150mm spate \/ 160mm fata, roti MX, transmisie Shimano Deore, frane mari pentru control, jante Reserve aluminiu cu garantie pe viata.\",\"sku\":\"VALA-AL-DEORE\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Santa Cruz Bicycles\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"21595\",\"priceValidUntil\":\"2026-12-31\",\"availability\":\"https:\/\/schema.org\/InStock\"}}\n\u003c\/script\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* =============================================================\n Santa Cruz tokens — Bold sans-serif, full-color hero\n ============================================================= *\/\n:root{\n --sc-black:#0F0F10;\n --sc-ink:#1A1A1C;\n --sc-graphite:#3A3A3D;\n --sc-silver:#86868B;\n --sc-mist:#D8D8DC;\n --sc-fog:#F2F2F0;\n --sc-paper:#FAFAF7;\n --sc-white:#FFFFFF;\u003c\/p\u003e\n\u003cp\u003e \/* Vala AL colorways *\/\n --vala-gray:#9B9B91;\n --vala-gray-deep:#777769;\n --vala-purple:#4A2D3B;\n --vala-purple-deep:#2E1A24;\u003c\/p\u003e\n\u003cp\u003e --r-md:14px;\n --r-lg:22px;\n --r-pill:980px;\u003c\/p\u003e\n\u003cp\u003e --ease-out:cubic-bezier(0.25,0.46,0.45,0.94);\u003c\/p\u003e\n\u003cp\u003e --container:1320px;\n --container-narrow:1040px;\n --container-text:720px;\n}\u003c\/p\u003e\n\u003cp\u003e\/* ================= reset ================= *\/\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\nbody{\n font-family:'Inter',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;\n font-size:16px;line-height:1.5;\n color:var(--sc-ink);\n background:var(--sc-paper);\n -webkit-font-smoothing:antialiased;\n -moz-osx-font-smoothing:grayscale;\n text-rendering:optimizeLegibility;\n overflow-x:hidden;\n}\nimg{display:block;max-width:100%;height:auto}\na{color:inherit;text-decoration:none}\nbutton{font:inherit;color:inherit;background:none;border:none;cursor:pointer}\u003c\/p\u003e\n\u003cp\u003e\/* ================= type ================= *\/\n.eyebrow{\n font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.18em;\n color:var(--sc-silver);display:inline-block;\n}\nh1,h2,h3,h4{font-weight:800;letter-spacing:-0.02em;color:var(--sc-ink);line-height:1.05}\n.heading-xl{font-size:clamp(48px,7vw,96px);font-weight:800;letter-spacing:-0.035em;line-height:0.98}\n.heading-l{font-size:clamp(36px,5vw,68px);font-weight:800;letter-spacing:-0.025em;line-height:1.05}\n.heading-m{font-size:clamp(24px,3vw,38px);font-weight:700;letter-spacing:-0.015em;line-height:1.15}\n.body-l{font-size:18px;line-height:1.55;color:var(--sc-graphite);font-weight:400}\n.body{font-size:16px;line-height:1.6;color:var(--sc-graphite);font-weight:400}\n.text-wrap{text-wrap:pretty}\u003c\/p\u003e\n\u003cp\u003e\/* full-width breakout — Elementor\/WordPress safety *\/\n.sc-landing section,\n.sc-landing header.hero,\n.sc-landing .footer,\n.sc-landing .video-full,\n.sc-landing .lifestyle,\n.sc-landing .design-details,\n.sc-landing .upgrade-section,\n.sc-landing .closing,\n.sc-landing .bigstats{\n width:100vw !important;max-width:100vw !important;\n position:relative !important;\n left:50% !important;right:50% !important;\n margin-left:-50vw !important;margin-right:-50vw !important;\n float:none !important;\n}\nhtml,body{overflow-x:hidden !important;max-width:100vw !important;margin:0 !important;padding:0 !important}\n.sc-landing{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;font-family:'Inter',-apple-system,sans-serif !important;float:none !important;overflow:visible !important;display:block !important}\n.sc-landing *,.sc-landing *::before,.sc-landing *::after{box-sizing:border-box !important}\u003c\/p\u003e\n\u003cp\u003e\/* ================= buttons ================= *\/\n.btn{\n display:inline-flex;align-items:center;justify-content:center;gap:10px;\n padding:16px 32px;border-radius:var(--r-pill);\n font-size:15px;font-weight:600;line-height:1;letter-spacing:0.02em;\n text-transform:uppercase;\n transition:background .25s var(--ease-out),color .25s var(--ease-out),transform .25s var(--ease-out);\n}\n.btn.primary{background:var(--sc-ink);color:var(--sc-white)}\n.btn.primary:hover{background:var(--sc-black);transform:translateY(-1px)}\n.btn.secondary{background:transparent;border:1.5px solid var(--sc-ink);color:var(--sc-ink)}\n.btn.secondary:hover{background:var(--sc-ink);color:var(--sc-white)}\n.btn.on-dark{background:var(--sc-white);color:var(--sc-ink)}\n.btn.on-dark:hover{background:var(--sc-paper)}\n.btn.outline-on-dark{background:transparent;border:1.5px solid rgba(255,255,255,0.7);color:var(--sc-white)}\n.btn.outline-on-dark:hover{background:rgba(255,255,255,0.15)}\u003c\/p\u003e\n\u003cp\u003e\/* =============================================================\n HERO — Santa Cruz signature: full-color BG, ghost wordmark, vertical color picker\n ============================================================= *\/\n.hero{\n position:relative;\n min-height:100vh;min-height:100dvh;\n padding:32px 32px 40px;\n display:grid;\n grid-template-rows:auto 1fr auto auto;\n gap:0;\n overflow:hidden;\n transition:background-color 1s var(--ease-out);\n}\n.sc-landing\u003cdata-color=\"gray\"\u003e .hero{background:#a9a99e}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero{background:#4a2d3b}\u003c\/p\u003e\n\u003cp\u003e\/* ghost wordmark behind everything *\/\n.hero-wordmark{\n position:absolute;top:50%;left:50%;transform:translate(-50%, -52%);\n font-size:clamp(180px, 32vw, 520px);\n font-weight:900;letter-spacing:-0.05em;line-height:1;\n pointer-events:none;\n opacity:0.25;\n transition:color 1s var(--ease-out);\n z-index:1;\n}\n.sc-landing\u003cdata-color=\"gray\"\u003e .hero-wordmark{color:#cccbb9}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-wordmark{color:#7a4f63}\u003c\/p\u003e\n\u003cp\u003e\/* Top bar: brand mark + spec stats *\/\n.hero-top{\n position:relative;z-index:3;\n display:flex;align-items:center;justify-content:space-between;\n max-width:var(--container);margin:0 auto;width:100%;\n padding:8px 0 0;\n}\n.hero-brand{\n display:flex;align-items:center;gap:18px;\n color:var(--sc-ink);\n transition:filter 1s var(--ease-out);\n}\n.hero-brand .logo-mark{\n width:76px;height:76px;flex-shrink:0;\n background:#E32E2E url('https:\/\/www.santacruzbicycles.com\/cdn\/shop\/files\/header-logo.svg') no-repeat center\/72%;\n border-radius:8px;\n box-shadow:0 4px 14px rgba(227,46,46,0.35);\n}\n.hero-brand .logo-word{\n height:22px;\n background:url('https:\/\/www.santacruzbicycles.com\/cdn\/shop\/files\/santa_cruz.svg') no-repeat left center\/contain;\n width:240px;\n display:block;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-brand .logo-word{filter:invert(1) brightness(2)}\u003c\/p\u003e\n\u003cp\u003e\/* Spec stats row *\/\n.hero-stats{\n display:flex;align-items:center;gap:0;\n font-size:14px;\n color:var(--sc-ink);\n}\n.hero-stats .stat{\n padding:0 28px;text-align:center;\n position:relative;\n}\n.hero-stats .stat + .stat::before{\n content:\"\";position:absolute;left:0;top:8px;bottom:8px;width:1px;\n background:currentColor;opacity:0.25;\n}\n.hero-stats .stat .label{\n display:block;\n font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;\n opacity:0.65;margin-bottom:4px;\n}\n.hero-stats .stat .value{\n display:block;\n font-size:22px;font-weight:700;letter-spacing:-0.01em;line-height:1;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-stats{color:#fff}\u003c\/p\u003e\n\u003cp\u003e\/* Center: bike *\/\n.hero-stage{\n position:relative;z-index:2;\n display:flex;align-items:center;justify-content:center;\n width:100%;max-width:var(--container);margin:0 auto;\n min-height:0;\n}\n.hero-bike{\n position:relative;width:100%;max-width:1400px;\n aspect-ratio:16\/10;\n}\n.hero-bike .bike-img{\n position:absolute;inset:0;\n width:100%;height:100%;object-fit:contain;\n transition:opacity .6s var(--ease-out);\n filter:drop-shadow(0 30px 50px rgba(0,0,0,0.25));\n}\n.hero-bike .bike-img.hidden{opacity:0;pointer-events:none}\u003c\/p\u003e\n\u003cp\u003e\/* Color picker — under bike, horizontal, 30% larger *\/\n.color-picker-wrap{\n position:relative;\n z-index:4;\n display:flex;flex-direction:column;align-items:center;gap:18px;\n margin:24px auto 0;\n width:fit-content;\n}\n.color-name{\n display:inline-block;\n font-size:14px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;\n color:var(--sc-ink);\n background:var(--sc-white);\n padding:10px 18px;border-radius:var(--r-pill);\n box-shadow:0 4px 14px rgba(0,0,0,0.14);\n white-space:nowrap;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .color-name{color:var(--sc-ink)}\n.color-picker{\n display:flex;flex-direction:row;align-items:center;gap:14px;\n padding:14px 18px;\n background:var(--sc-white);\n border-radius:var(--r-pill);\n box-shadow:0 6px 24px rgba(0,0,0,0.22);\n}\n.color-picker .swatch{\n width:34px;height:34px;border-radius:50%;\n position:relative;cursor:pointer;\n border:0;padding:0;background:transparent;\n transition:transform .2s var(--ease-out);\n}\n.color-picker .swatch::before{\n content:\"\";position:absolute;inset:4px;border-radius:50%;\n box-shadow:inset 0 0 0 1px rgba(0,0,0,0.2);\n}\n.color-picker .swatch::after{\n content:\"\";position:absolute;inset:0;border-radius:50%;\n border:2px solid transparent;\n transition:border-color .25s var(--ease-out);\n}\n.color-picker .swatch:hover{transform:scale(1.08)}\n.color-picker .swatch\u003caria-pressed=\"true\"\u003e::after{border-color:var(--sc-ink)}\n.color-picker .swatch.gray::before{background:linear-gradient(135deg,#bdbdb1 0%,#7c7c70 100%)}\n.color-picker .swatch.purple::before{background:linear-gradient(135deg,#5e3c4d 0%,#2e1a24 100%)}\u003c\/p\u003e\n\u003cp\u003e\/* Bottom bar: tagline + CTA *\/\n.hero-bottom{\n position:relative;z-index:3;\n display:flex;align-items:flex-end;justify-content:space-between;\n max-width:var(--container);margin:0 auto;width:100%;\n gap:32px;\n}\n.hero-tag{\n font-size:clamp(15px,1.4vw,18px);font-weight:500;\n color:var(--sc-ink);max-width:480px;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-tag{color:rgba(255,255,255,0.92)}\n.hero-cta{\n display:flex;flex-direction:column;align-items:flex-end;gap:6px;\n}\n.hero-cta .price{\n font-size:13px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;\n color:var(--sc-ink);\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-cta .price{color:#fff}\n.hero-cta .price strong{font-size:16px;font-weight:800;letter-spacing:-0.005em;text-transform:none;margin-left:4px}\n.hero-cta .old-price{\n font-size:13px;font-weight:500;text-transform:none;\n text-decoration:line-through;\n opacity:0.6;margin-right:6px;letter-spacing:0;\n}\u003c\/p\u003e\n\u003cp\u003e@media (max-width:920px){\n .hero{padding:20px 20px 28px;gap:16px}\n .hero-top{flex-direction:column;align-items:flex-start;gap:14px}\n .hero-stats{flex-wrap:wrap;justify-content:flex-start}\n .hero-stats .stat{padding:0 16px}\n .hero-stats .stat:first-child{padding-left:0}\n .hero-stats .stat + .stat::before{display:none}\n .color-picker{right:16px}\n .hero-bottom{flex-direction:column;align-items:flex-start;gap:16px}\n .hero-cta{align-items:flex-start}\n}\u003c\/p\u003e\n\u003cp\u003e\/* =============================================================\n Sections\n ============================================================= *\/\nsection{padding:120px 32px}\nsection.pad-sm{padding:80px 32px}\nsection.fog{background:var(--sc-fog)}\nsection.paper{background:var(--sc-paper)}\nsection.ink{background:var(--sc-ink);color:#fff}\nsection.ink h1,section.ink h2,section.ink h3{color:#fff}\nsection.ink .body,section.ink .body-l{color:rgba(255,255,255,0.75)}\u003c\/p\u003e\n\u003cp\u003e.container{max-width:var(--container);margin:0 auto}\n.container-narrow{max-width:var(--container-narrow);margin:0 auto}\u003c\/p\u003e\n\u003cp\u003e@media (max-width:720px){\n section{padding:72px 20px}\n section.pad-sm{padding:56px 20px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== INTRO ========== *\/\n.intro-head{text-align:left;max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:72px;align-items:end}\n.intro-head .left .eyebrow{margin-bottom:22px;display:block}\n.intro-title{\n font-size:clamp(48px,6.5vw,92px);\n font-weight:800;letter-spacing:-0.025em;line-height:1.02;\n color:var(--sc-ink);\n}\n.intro-lede{\n font-size:clamp(17px,1.4vw,21px);line-height:1.55;\n color:var(--sc-graphite);font-weight:400;\n}\n.intro-lede strong{color:var(--sc-ink);font-weight:700}\n@media (max-width:920px){\n .intro-head{grid-template-columns:1fr;gap:24px;align-items:start}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Detail blocks (alternating large image\/text) ========== *\/\n.detail-block{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--container);margin:0 auto}\n.detail-block + .detail-block{margin-top:120px}\n.detail-block.reverse .detail-media{order:2}\n.detail-media{\n border-radius:var(--r-lg);overflow:hidden;background:var(--sc-fog);\n aspect-ratio:3\/2;\n}\n.detail-media img{width:100%;height:100%;object-fit:cover}\n.detail-text{padding:24px 0}\n.detail-text .eyebrow{color:var(--sc-silver);margin-bottom:18px;display:block}\n.detail-text h2{margin-bottom:20px}\n.detail-text p{font-size:17px;line-height:1.6;color:var(--sc-graphite);max-width:520px}\n@media (max-width:960px){\n .detail-block{grid-template-columns:1fr;gap:32px}\n .detail-block.reverse .detail-media{order:0}\n .detail-block + .detail-block{margin-top:80px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Feature grid (5 columns Santa Cruz style) ========== *\/\n.features-head{text-align:left;max-width:var(--container);margin:0 auto 56px}\n.features-head h2{margin-bottom:14px}\n.features-grid{\n max-width:var(--container);margin:0 auto;\n display:grid;grid-template-columns:repeat(4,1fr);\n gap:32px;\n}\n.feature{\n display:flex;flex-direction:column;\n}\n.feature-media{\n background:var(--sc-fog);aspect-ratio:1\/1;\n border-radius:var(--r-md);overflow:hidden;margin-bottom:24px;\n}\n.feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}\n.feature:hover .feature-media img{transform:scale(1.04)}\n.feature h3{\n font-size:20px;font-weight:700;letter-spacing:-0.005em;line-height:1.25;\n color:var(--sc-ink);margin-bottom:10px;\n}\n.feature p{\n font-size:14px;line-height:1.55;color:var(--sc-graphite);\n}\n@media (max-width:1100px){.features-grid{grid-template-columns:repeat(2,1fr);gap:36px}}\n@media (max-width:540px){.features-grid{grid-template-columns:1fr;gap:36px}}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Big stat banner (dark) ========== *\/\n.bigstats{\n background:var(--sc-ink);color:#fff;\n padding:120px 32px;\n}\n.bigstats-grid{\n max-width:var(--container);margin:0 auto;\n display:grid;grid-template-columns:repeat(4,1fr);gap:48px;\n text-align:center;\n}\n.bigstat .v{\n font-size:clamp(56px,7vw,96px);font-weight:800;letter-spacing:-0.04em;line-height:0.95;\n color:#fff;margin-bottom:12px;\n}\n.bigstat .k{\n font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;\n color:rgba(255,255,255,0.6);\n}\n@media (max-width:920px){.bigstats-grid{grid-template-columns:repeat(2,1fr);gap:48px}}\n@media (max-width:480px){.bigstats-grid{grid-template-columns:1fr}}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Lifestyle banner ========== *\/\n.lifestyle{\n position:relative;min-height:560px;\n background-size:cover;background-position:center;\n display:flex;align-items:flex-end;\n padding:80px 48px;color:#fff;\n}\n.lifestyle::before{\n content:\"\";position:absolute;inset:0;\n background:linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0) 100%);\n}\n.lifestyle-inner{position:relative;z-index:1;max-width:640px}\n.lifestyle h2{color:#fff !important;font-size:clamp(34px,4.5vw,56px);font-weight:800;letter-spacing:-0.025em;line-height:1.08}\n.lifestyle p{color:rgba(255,255,255,0.85);font-size:17px;line-height:1.55;margin-top:18px;max-width:540px}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Size table ========== *\/\n.size-table{\n width:100%;border-collapse:separate;border-spacing:0;\n background:var(--sc-white);border:1px solid var(--sc-mist);\n border-radius:var(--r-md);overflow:hidden;\n font-size:15px;\n}\n.size-table th{\n padding:18px 22px;text-align:left;\n font-size:11px;text-transform:uppercase;letter-spacing:0.12em;font-weight:700;\n color:var(--sc-silver);border-bottom:1px solid var(--sc-mist);\n background:var(--sc-fog);\n}\n.size-table td{\n padding:18px 22px;border-bottom:1px solid var(--sc-mist);\n color:var(--sc-graphite);\n}\n.size-table tbody tr:last-child td{border-bottom:none}\n.size-table tr.current td{background:#FFF8E1;color:var(--sc-ink);font-weight:600}\n.size-table td:first-child,.size-table th:first-child{padding-left:28px}\n.size-table td:first-child{color:var(--sc-ink);font-weight:600}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Specs ========== *\/\n.specs-list{max-width:var(--container-narrow);margin:0 auto;display:flex;flex-direction:column}\n.specs-row{\n display:grid;grid-template-columns:240px 1fr;gap:48px;\n padding:36px 0;border-top:1px solid var(--sc-mist);\n align-items:flex-start;\n}\n.specs-row:first-child{border-top:none;padding-top:16px}\n.specs-cat{\n font-size:14px;font-weight:700;color:var(--sc-ink);\n text-transform:uppercase;letter-spacing:0.12em;\n}\n.specs-content{font-size:15px;line-height:1.55;color:var(--sc-graphite)}\n.specs-primary{font-weight:700;color:var(--sc-ink);margin:0 0 6px 0}\n.specs-desc{margin:0}\n.specs-sublabel{font-weight:600;color:var(--sc-ink);margin:14px 0 4px 0;font-size:13px;text-transform:uppercase;letter-spacing:0.08em}\n@media (max-width:760px){\n .specs-row{grid-template-columns:1fr;gap:12px;padding:28px 0}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Full-screen cinematic video ========== *\/\n.video-full{\n position:relative !important;\n width:100vw !important;max-width:100vw !important;\n height:100vh !important;height:100dvh !important;\n min-height:100vh !important;min-height:100dvh !important;\n padding:0 !important;margin:0 !important;\n overflow:hidden !important;\n background:#000 !important;\n display:block !important;\n left:50% !important;right:50% !important;\n margin-left:-50vw !important;margin-right:-50vw !important;\n}\n.video-full video{\n position:absolute !important;top:0 !important;left:0 !important;\n width:100% !important;height:100% !important;\n object-fit:cover !important;\n z-index:1 !important;\n}\n.video-full .video-overlay{\n position:absolute !important;inset:0 !important;z-index:2 !important;\n background:\n linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.10) 25%, rgba(0,0,0,0.20) 60%, rgba(0,0,0,0.85) 100%) !important;\n pointer-events:none !important;\n}\n.video-full .video-caption{\n position:absolute !important;left:0 !important;right:0 !important;\n bottom:clamp(60px,10vh,140px) !important;\n z-index:3 !important;text-align:center !important;color:#fff !important;\n padding:0 32px !important;\n pointer-events:none !important;\n}\n.video-full .video-caption .eyebrow{\n color:#fff !important;-webkit-text-fill-color:#fff !important;\n letter-spacing:0.22em !important;display:inline-block !important;\n margin-bottom:24px !important;\n font-size:13px !important;font-weight:700 !important;\n text-transform:uppercase !important;\n background:rgba(255,255,255,0.12);\n backdrop-filter:blur(8px);\n -webkit-backdrop-filter:blur(8px);\n padding:8px 16px;border-radius:980px;\n border:1px solid rgba(255,255,255,0.25);\n}\n.video-full .video-caption h2{\n color:#fff !important;-webkit-text-fill-color:#fff !important;\n font-size:clamp(48px,7.5vw,112px) !important;\n font-weight:900 !important;letter-spacing:-0.035em !important;line-height:1 !important;\n max-width:1200px !important;margin:0 auto !important;\n text-shadow:0 4px 20px rgba(0,0,0,0.5), 0 1px 4px rgba(0,0,0,0.4);\n}\n.video-full .video-caption p{\n margin:24px auto 0 !important;max-width:680px !important;\n color:#fff !important;-webkit-text-fill-color:#fff !important;\n font-size:clamp(16px,1.4vw,20px) !important;\n line-height:1.55 !important;font-weight:500 !important;\n text-shadow:0 2px 12px rgba(0,0,0,0.5);\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== YouTube standard video ========== *\/\n.video-wrap{\n max-width:1180px;margin:48px auto 0;\n border-radius:var(--r-lg);overflow:hidden;\n background:var(--sc-ink);\n aspect-ratio:16\/9;position:relative;\n}\n.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\u003c\/p\u003e\n\u003cp\u003e\/* ========== DESIGN DETAILS — interactive hotspots ========== *\/\n.design-details{\n background:#000;color:#fff;padding:120px 32px;\n position:relative;\n}\n.design-details h2.dd-title{\n text-align:center;\n font-size:clamp(38px,5vw,72px);font-weight:800;letter-spacing:-0.025em;\n color:#fff;margin-bottom:48px;\n text-transform:uppercase;\n}\n.dd-stage{\n position:relative;\n max-width:1500px;margin:0 auto;\n aspect-ratio:16\/10;\n}\n.dd-stage img{\n width:100%;height:100%;object-fit:contain;\n filter:drop-shadow(0 30px 60px rgba(0,0,0,0.6));\n}\n.hotspot{\n position:absolute;\n width:36px;height:36px;border-radius:50%;\n background:rgba(255,255,255,0.95);\n color:#000;font-size:22px;font-weight:300;line-height:0;\n display:flex;align-items:center;justify-content:center;\n cursor:pointer;\n transform:translate(-50%,-50%);\n transition:transform .25s var(--ease-out),background .25s var(--ease-out);\n z-index:5;\n border:0;\n box-shadow:0 4px 14px rgba(0,0,0,0.4);\n}\n.hotspot::before{content:\"+\";display:block;line-height:1;}\n.hotspot\u003caria-expanded=\"true\"\u003e{background:#FF4D2E;color:#fff;transform:translate(-50%,-50%) rotate(45deg)}\n.hotspot:hover{transform:translate(-50%,-50%) scale(1.12)}\n.hotspot\u003caria-expanded=\"true\"\u003e:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.12)}\n.hotspot-popup{\n position:absolute;\n background:#fff;color:var(--sc-ink);\n padding:22px 24px 24px;border-radius:var(--r-md);\n width:280px;\n box-shadow:0 16px 40px rgba(0,0,0,0.45);\n display:none;\n z-index:6;\n transform:translate(-50%, 16px);\n}\n.hotspot-popup.open{display:block}\n.hotspot-popup h4{\n font-size:13px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;\n color:var(--sc-ink);margin:0 0 10px;line-height:1.2;\n}\n.hotspot-popup p{\n font-size:14px;line-height:1.55;color:var(--sc-graphite);margin:0;\n}\n@media (max-width:760px){\n .design-details{padding:72px 16px}\n .design-details h2.dd-title{font-size:clamp(30px,8vw,48px);margin-bottom:24px}\n .hotspot{width:30px;height:30px;font-size:18px}\n .hotspot-popup{width:240px;padding:18px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Bosch Performance Upgrade 2.0 section — Apple-light gray ========== *\/\n.upgrade-section{\n background:linear-gradient(160deg, #ECECEA 0%, #DDDDD9 100%);\n color:var(--sc-ink);\n padding:120px 32px;\n position:relative;overflow:hidden;\n}\n.upgrade-section::before{\n content:\"\";position:absolute;\n top:-30%;right:-20%;width:60%;height:160%;\n background:radial-gradient(50% 50% at 50% 50%, rgba(227,46,46,0.10) 0%, rgba(227,46,46,0) 70%);\n pointer-events:none;\n}\n.upgrade-grid{\n max-width:var(--container);margin:0 auto;\n display:grid;grid-template-columns:1.1fr 1fr;gap:80px;\n align-items:center;position:relative;z-index:1;\n}\n.upgrade-text .eyebrow{\n color:#E32E2E !important;letter-spacing:0.18em;\n display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;\n background:rgba(227,46,46,0.10);\n padding:6px 12px;border-radius:980px;\n font-size:11px;font-weight:700;\n}\n.upgrade-text .eyebrow::before{\n content:\"\";display:inline-block;width:14px;height:14px;border-radius:4px;\n background:#E32E2E;\n}\n.upgrade-text h2{\n color:var(--sc-ink) !important;\n font-size:clamp(36px,5vw,68px);font-weight:800;letter-spacing:-0.025em;line-height:1.05;\n margin-bottom:24px;\n}\n.upgrade-text h2 em{\n font-style:normal;color:#E32E2E;\n}\n.upgrade-text p{\n color:var(--sc-graphite);font-size:17px;line-height:1.6;\n margin-bottom:18px;max-width:520px;\n}\n.upgrade-text p strong{color:var(--sc-ink);font-weight:700}\n.upgrade-text .upgrade-note{\n display:inline-flex;align-items:center;gap:10px;\n background:rgba(227,46,46,0.08);\n border:1px solid rgba(227,46,46,0.35);\n color:#9c1e1e;\n padding:10px 18px;border-radius:980px;\n font-size:13px;font-weight:600;letter-spacing:0.04em;\n margin-top:8px;\n}\n.upgrade-text .upgrade-note::before{\n content:\"⚡\";font-size:16px;\n}\n.upgrade-stats{\n display:grid;grid-template-columns:1fr 1fr;gap:24px;\n background:rgba(255,255,255,0.55);\n border:1px solid rgba(0,0,0,0.06);\n border-radius:var(--r-lg);\n padding:36px;\n backdrop-filter:blur(10px);\n -webkit-backdrop-filter:blur(10px);\n}\n.upgrade-stat{\n position:relative;\n}\n.upgrade-stat .label{\n display:block;\n font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.14em;\n color:var(--sc-silver);margin-bottom:10px;\n}\n.upgrade-stat .from{\n display:inline-flex;align-items:baseline;gap:4px;\n color:var(--sc-silver);\n font-size:18px;font-weight:600;\n text-decoration:line-through;\n margin-right:8px;\n}\n.upgrade-stat .arrow{\n color:var(--sc-silver);font-size:14px;margin:0 8px;\n}\n.upgrade-stat .to{\n display:inline-flex;align-items:baseline;gap:4px;\n color:#E32E2E;\n font-size:34px;font-weight:800;letter-spacing:-0.025em;\n}\n.upgrade-stat .to .unit{\n font-size:14px;font-weight:600;color:var(--sc-graphite);margin-left:2px;\n}\n@media (max-width:920px){\n .upgrade-grid{grid-template-columns:1fr;gap:48px}\n .upgrade-stats{padding:28px;gap:18px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Two-up image gallery (provelo webps) ========== *\/\n.gallery-2{\n display:grid;grid-template-columns:1fr 1fr;gap:24px;\n max-width:var(--container);margin:0 auto;\n}\n.gallery-2 .gallery-item{\n border-radius:var(--r-lg);overflow:hidden;background:var(--sc-fog);\n aspect-ratio:3\/2;\n}\n.gallery-2 .gallery-item img{width:100%;height:100%;object-fit:cover;display:block}\n@media (max-width:760px){.gallery-2{grid-template-columns:1fr;gap:16px}}\u003c\/p\u003e\n\u003cp\u003e\/* ========== FAQ ========== *\/\n.faq-list{max-width:780px;margin:0 auto;border-top:1px solid var(--sc-mist)}\n.faq{border-bottom:1px solid var(--sc-mist)}\n.faq summary{\n list-style:none;cursor:pointer;\n padding:24px 4px;\n display:flex;justify-content:space-between;gap:24px;align-items:center;\n font-size:18px;font-weight:600;color:var(--sc-ink);letter-spacing:-0.005em;\n}\n.faq summary::-webkit-details-marker{display:none}\n.faq summary::after{\n content:\"+\";font-weight:300;font-size:28px;color:var(--sc-silver);\n transition:transform .25s var(--ease-out);flex-shrink:0;line-height:1;\n}\n.faq\u003copen\u003e summary::after{content:\"−\"}\n.faq-body{padding:0 4px 26px;color:var(--sc-graphite);font-size:16px;line-height:1.6;max-width:680px}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Closing CTA ========== *\/\n.closing{text-align:center;padding:120px 32px;background:var(--sc-ink);color:#fff}\n.closing .eyebrow{color:rgba(255,255,255,0.6) !important;margin-bottom:24px}\n.closing h2{font-size:clamp(40px,5.5vw,72px);font-weight:800;letter-spacing:-0.03em;line-height:1.04;color:#fff !important;max-width:24ch;margin:0 auto}\n.closing p{margin:24px auto 0;max-width:560px;color:rgba(255,255,255,0.78);font-size:18px;line-height:1.55}\n.closing-price{\n display:inline-flex;align-items:baseline;gap:14px;\n margin:36px 0 8px;\n font-family:'Inter',sans-serif;\n}\n.closing-price .now{\n font-size:clamp(36px,4.5vw,56px);font-weight:800;letter-spacing:-0.03em;\n color:#fff;\n}\n.closing-price .label{\n font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;\n color:rgba(255,255,255,0.55);\n}\n.closing-price .old{\n font-size:clamp(20px,2vw,28px);font-weight:400;\n text-decoration:line-through;color:rgba(255,255,255,0.45);\n letter-spacing:-0.01em;\n}\n.sale-badge{\n display:inline-block;\n background:#E32E2E;color:#fff;\n font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;\n padding:8px 16px;border-radius:980px;\n margin-bottom:18px;\n}\n.closing .ctas{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.assurances{\n margin-top:80px;display:flex;gap:64px;justify-content:center;flex-wrap:wrap;\n font-size:13px;color:rgba(255,255,255,0.55);\n}\n.assurances strong{display:block;color:#fff;font-weight:600;font-size:14px;margin-bottom:4px;letter-spacing:0.005em}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Footer ========== *\/\n.footer{\n border-top:1px solid var(--sc-mist);\n padding:32px;text-align:center;\n font-size:12px;color:var(--sc-silver);\n background:var(--sc-paper);\n letter-spacing:0.04em;\n}\u003c\/p\u003e\n\u003cp\u003e\/* reveal on scroll *\/\n.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}\n.reveal.in{opacity:1;transform:none}\n@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}\u003c\/p\u003e\n\u003cp\u003e\/* =============================================================\n ELEMENTOR \/ WORDPRESS aggressive override layer\n ============================================================= *\/\nhtml body .sc-landing,\nhtml body .sc-landing \u003e *,\nhtml body .sc-landing div{box-sizing:border-box !important}\u003c\/p\u003e\n\u003cp\u003e\/* Force hero full screen even inside Elementor wrappers *\/\nhtml body .sc-landing .hero{\n width:100vw !important;max-width:100vw !important;\n min-height:100vh !important;min-height:100dvh !important;\n position:relative !important;\n left:50% !important;right:50% !important;\n margin-left:-50vw !important;margin-right:-50vw !important;\n padding:32px 32px 40px !important;\n display:grid !important;\n grid-template-rows:auto 1fr auto auto !important;\n overflow:hidden !important;\n}\nhtml body .sc-landing\u003cdata-color=\"gray\"\u003e .hero{background:#a9a99e !important}\nhtml body .sc-landing\u003cdata-color=\"purple\"\u003e .hero{background:#4a2d3b !important}\u003c\/p\u003e\n\u003cp\u003e\/* Force typography sizes against Elementor h1\/h2\/h3 overrides *\/\nhtml body .sc-landing h1,\nhtml body .sc-landing h2,\nhtml body .sc-landing h3,\nhtml body .sc-landing h4{\n font-family:'Inter',-apple-system,sans-serif !important;\n font-weight:800 !important;\n letter-spacing:-0.02em !important;\n line-height:1.05 !important;\n}\nhtml body .sc-landing .hero-wordmark{\n font-size:clamp(180px, 32vw, 520px) !important;\n font-weight:900 !important;letter-spacing:-0.05em !important;line-height:1 !important;\n}\nhtml body .sc-landing .heading-xl{font-size:clamp(48px,7vw,96px) !important;font-weight:800 !important}\nhtml body .sc-landing .heading-l{font-size:clamp(36px,5vw,68px) !important;font-weight:800 !important;line-height:1.05 !important}\nhtml body .sc-landing .heading-m{font-size:clamp(24px,3vw,38px) !important;font-weight:700 !important}\nhtml body .sc-landing .intro-title{font-size:clamp(48px,6.5vw,92px) !important;font-weight:800 !important;letter-spacing:-0.025em !important;line-height:1.02 !important}\nhtml body .sc-landing .dd-title{font-size:clamp(38px,5vw,72px) !important;font-weight:800 !important;letter-spacing:-0.025em !important;text-transform:uppercase !important}\nhtml body .sc-landing .upgrade-text h2{font-size:clamp(36px,5vw,68px) !important;font-weight:800 !important}\nhtml body .sc-landing .feature h3{font-size:20px !important;font-weight:700 !important;letter-spacing:-0.005em !important;line-height:1.25 !important}\nhtml body .sc-landing .video-full .video-caption h2{font-size:clamp(48px,7.5vw,112px) !important;font-weight:900 !important;letter-spacing:-0.035em !important;line-height:1 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}\nhtml body .sc-landing .lifestyle h2{font-size:clamp(34px,4.5vw,56px) !important;font-weight:800 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}\nhtml body .sc-landing .closing h2{font-size:clamp(40px,5.5vw,72px) !important;font-weight:800 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}\u003c\/p\u003e\n\u003cp\u003e\/* Body text *\/\nhtml body .sc-landing p,\nhtml body .sc-landing span{font-family:'Inter',-apple-system,sans-serif !important}\nhtml body .sc-landing .body-l{font-size:18px !important;line-height:1.55 !important}\nhtml body .sc-landing .body{font-size:16px !important;line-height:1.6 !important}\nhtml body .sc-landing .intro-lede{font-size:clamp(17px,1.4vw,21px) !important;line-height:1.55 !important}\nhtml body .sc-landing .hero-tag{font-size:clamp(15px,1.4vw,18px) !important;font-weight:500\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Santa Cruz","offers":[{"title":"Gloss Lunar Gray \/ S","offer_id":57495934828926,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ M","offer_id":57495934861694,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ L","offer_id":57495934894462,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ XL","offer_id":57495934927230,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ S","offer_id":57495934959998,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ M","offer_id":57495934992766,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ L","offer_id":57495935025534,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ XL","offer_id":57495935058302,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_AL_Deore_GlossStormbringerPurple-scaled.webp?v=1780323664"},{"product_id":"bicicleta-santa-cruz-hightower-3-c-s-kit-translucent-purple","title":"Bicicleta Santa Cruz Hightower","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"262783\" class=\"elementor elementor-262783\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-d2776e3 e-flex e-con-boxed e-con e-parent\" data-id=\"d2776e3\" 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-d009aab elementor-widget elementor-widget-html\" data-id=\"d009aab\" 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 Hightower | 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-red { background: #8B3A3A; }\u003cbr \/\u003e .hero.bg-purple { background: #4a3a5c; }\u003cbr \/\u003e .hero.bg-green { background: #4a6a4a; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Dot Colors *\/\u003cbr \/\u003e .dot-black { background: #1a1a1a !important; background-color: #1a1a1a !important; }\u003cbr \/\u003e .dot-red { background: #9B4A4A !important; background-color: #9B4A4A !important; }\u003cbr \/\u003e .dot-purple { background: #5a4a6c !important; background-color: #5a4a6c !important; }\u003cbr \/\u003e .dot-green { background: #5a8a5a !important; background-color: #5a8a5a !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 background: var(--whi\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 Brick Red \/ L","offer_id":57496376574334,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Brick Red \/ L","offer_id":57496376607102,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Brick Red \/ L","offer_id":57496376639870,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Brick Red \/ L","offer_id":57496376672638,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Brick Red \/ L","offer_id":57496376705406,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Day Green \/ L","offer_id":57496376738174,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Day Green \/ L","offer_id":57496376770942,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Day Green \/ L","offer_id":57496376803710,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Day Green \/ L","offer_id":57496376836478,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Day Green \/ L","offer_id":57496376869246,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Black \/ L","offer_id":57496376902014,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Black \/ L","offer_id":57496376934782,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Black \/ L","offer_id":57496376967550,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Black \/ L","offer_id":57496377000318,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Black \/ L","offer_id":57496377033086,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Deep Purple \/ L","offer_id":57496377065854,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Deep Purple \/ L","offer_id":57496377098622,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Deep Purple \/ L","offer_id":57496377131390,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Deep Purple \/ L","offer_id":57496377164158,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Deep Purple \/ L","offer_id":57496377196926,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Brick Red \/ M","offer_id":57496377229694,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Brick Red \/ M","offer_id":57496377262462,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Brick Red \/ M","offer_id":57496377295230,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Brick Red \/ M","offer_id":57496377327998,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Brick Red \/ M","offer_id":57496377360766,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Day Green \/ M","offer_id":57496377393534,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Day Green \/ M","offer_id":57496377426302,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Day Green \/ M","offer_id":57496377459070,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Day Green \/ M","offer_id":57496377491838,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Day Green \/ M","offer_id":57496377524606,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Black \/ M","offer_id":57496377557374,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Black \/ M","offer_id":57496377590142,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Black \/ M","offer_id":57496377622910,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Black \/ M","offer_id":57496377655678,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Black \/ M","offer_id":57496377688446,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Deep Purple \/ M","offer_id":57496377721214,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Deep Purple \/ M","offer_id":57496377753982,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Deep Purple \/ M","offer_id":57496377786750,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Deep Purple \/ M","offer_id":57496377819518,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Deep Purple \/ M","offer_id":57496377852286,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Brick Red \/ S","offer_id":57496377885054,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Brick Red \/ S","offer_id":57496377917822,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Brick Red \/ S","offer_id":57496377950590,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Brick Red \/ S","offer_id":57496377983358,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Brick Red \/ S","offer_id":57496378016126,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Day Green \/ S","offer_id":57496378048894,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Day Green \/ S","offer_id":57496378081662,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Day Green \/ S","offer_id":57496378114430,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Day Green \/ S","offer_id":57496378147198,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Day Green \/ S","offer_id":57496378179966,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Hightower_C_90_GlossBrickRed_a411f834-8898-43cb-9957-c80cd448489e-scaled.webp?v=1780336812"},{"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-gravel-santa-cruz-stigmata","title":"Bicicleta GRAVEL Santa Cruz Stigmata","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cdiv\u003e\n\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"252540\" class=\"elementor elementor-252540\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-d885800 e-flex e-con-boxed e-con e-parent\" data-id=\"d885800\" 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-ebf8e83 elementor-widget elementor-widget-html\" data-id=\"ebf8e83\" 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 Stigmata | 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 --trail-orange: #0f4c2a;\u003cbr \/\u003e --trail-orange-dark: #0f766e;\u003cbr \/\u003e --light-blue: #4da6d6;\u003cbr \/\u003e --light-blue-dark: #3a8db8;\u003cbr \/\u003e --brown: #8b6914;\u003cbr \/\u003e --brown-dark: #705510;\u003cbr \/\u003e --green: #0f4c2a;\u003cbr \/\u003e --green-dark: #0f766e;\u003cbr \/\u003e --apple-blue: #0071e3;\u003cbr \/\u003e --apple-blue-hover: #0077ed;\u003cbr \/\u003e --black: #0a0a0a;\u003cbr \/\u003e --dark-gray: #1f1f1f;\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 --accent: #0f4c2a;\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 overflow-x: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== FLOATING PARTICLES EFFECT ========== *\/\u003cbr \/\u003e .particles-container {\u003cbr \/\u003e position: fixed;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e z-index: 0;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .particle {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e width: 4px;\u003cbr \/\u003e height: 4px;\u003cbr \/\u003e background: rgba(13, 148, 136, 0.3);\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e animation: floatParticle 15s infinite ease-in-out;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes floatParticle {\u003cbr \/\u003e 0%, 100% { transform: translateY(100vh) translateX(0) rotate(0deg); opacity: 0; }\u003cbr \/\u003e 10% { opacity: 1; }\u003cbr \/\u003e 90% { opacity: 1; }\u003cbr \/\u003e 100% { transform: translateY(-100vh) translateX(100px) rotate(720deg); opacity: 0; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== HERO SECTION ========== *\/\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.8s cubic-bezier(0.4, 0, 0.2, 1) !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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Background colors matching bike colors *\/\u003cbr \/\u003e .hero.bg-green { \u003cbr \/\u003e background: linear-gradient(135deg, #0a3d1f 0%, #1a5c2e 50%, #2d7a45 100%); \u003cbr \/\u003e }\u003cbr \/\u003e .hero.bg-carbon { \u003cbr \/\u003e background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #4a4a4a 100%); \u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Animated background gradient overlay *\/\u003cbr \/\u003e .hero::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e background: radial-gradient(ellipse at 30% 20%, rgba(255,255,255,0.1) 0%, transparent 50%),\u003cbr \/\u003e radial-gradient(ellipse at 70% 80%, rgba(0,0,0,0.2) 0%, transparent 50%);\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Moving gradient animation *\/\u003cbr \/\u003e .hero::after {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: -50%;\u003cbr \/\u003e left: -50%;\u003cbr \/\u003e width: 200%;\u003cbr \/\u003e height: 200%;\u003cbr \/\u003e background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 50%);\u003cbr \/\u003e animation: moveGradient 20s ease-in-out infinite;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes moveGradient {\u003cbr \/\u003e 0%, 100% { transform: translate(0, 0) rotate(0deg); }\u003cbr \/\u003e 25% { transform: translate(10%, 10%) rotate(90deg); }\u003cbr \/\u003e 50% { transform: translate(0, 20%) rotate(180deg); }\u003cbr \/\u003e 75% { transform: translate(-10%, 10%) rotate(270deg); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Dot Colors *\/\u003cbr \/\u003e .dot-green { background: #1a5c2e !important; }\u003cbr \/\u003e .dot-carbon { background: #2d2d2d !important; border: 1px solid #555 !important; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 60px 20px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Trail Bike Badge *\/\u003cbr \/\u003e .trail-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e background: rgba(13, 148, 136, 0.95);\u003cbr \/\u003e color: white;\u003cbr \/\u003e padding: 10px 24px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e backdrop-filter: stigmata(10px);\u003cbr \/\u003e box-shadow: 0 4px 30px rgba(13, 148, 136, 0.3);\u003cbr \/\u003e animation: badgePulse 3s ease-in-out infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes badgePulse {\u003cbr \/\u003e 0%, 100% { box-shadow: 0 4px 30px rgba(13, 148, 136, 0.3); }\u003cbr \/\u003e 50% { box-shadow: 0 4px 40px rgba(13, 148, 136, 0.5); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .trail-badge svg {\u003cbr \/\u003e width: 18px;\u003cbr \/\u003e height: 18px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Hero Title with glow effect *\/\u003cbr \/\u003e .hero h1,\u003cbr \/\u003e .hero .hero-title,\u003cbr \/\u003e .hero-content h1,\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.03em !important;\u003cbr \/\u003e line-height: 0.9 !important;\u003cbr \/\u003e margin-bottom: 15px !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 text-shadow: 0 0 60px rgba(255,255,255,0.3);\u003cbr \/\u003e animation: titleGlow 4s ease-in-out infinite alternate;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes titleGlow {\u003cbr \/\u003e 0% { text-shadow: 0 0 60px rgba(255,255,255,0.2); }\u003cbr \/\u003e 100% { text-shadow: 0 0 80px rgba(255,255,255,0.4); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-subtitle {\u003cbr \/\u003e font-size: 1.3rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.85) !important;\u003cbr \/\u003e margin-bottom: 35px !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e letter-spacing: 3px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stats {\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e background: rgba(255,255,255,0.1);\u003cbr \/\u003e backdrop-filter: stigmata(20px);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e padding: 20px 0;\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e border: 1px solid rgba(255,255,255,0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat {\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 0 30px !important;\u003cbr \/\u003e border-left: 1px solid rgba(255, 255, 255, 0.2) !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 text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e margin-bottom: 5px !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value {\u003cbr \/\u003e font-size: 2.2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value span {\u003cbr \/\u003e font-size: 0.9rem !important;\u003cbr \/\u003e font-weight: 400 !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: 2 !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 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.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) !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 transform: scale(0.95);\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 transform: scale(1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide img {\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: 65% !important;\u003cbr \/\u003e max-width: 85% !important;\u003cbr \/\u003e object-fit: contain !important;\u003cbr \/\u003e filter: drop-shadow(0 30px 60px rgba(0,0,0,0.4));\u003cbr \/\u003e transition: transform 0.5s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide.active img:hover {\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== COLOR SELECTOR ========== *\/\u003cbr \/\u003e .color-selector-vertical {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e right: 15% !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: 12px !important;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.95) !important;\u003cbr \/\u003e padding: 14px 12px !important;\u003cbr \/\u003e border-radius: 35px !important;\u003cbr \/\u003e box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;\u003cbr \/\u003e z-index: 10 !important;\u003cbr \/\u003e backdrop-filter: stigmata(10px);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-name-desktop {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 15px 0 35px !important;\u003cbr \/\u003e font-size: 0.9rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e bottom: 20px !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e right: 0 !important;\u003cbr \/\u003e z-index: 5 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\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 .color-dot-v {\u003cbr \/\u003e width: 30px !important;\u003cbr \/\u003e height: 30px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\u003cbr \/\u003e border: 2px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v::after {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: -4px;\u003cbr \/\u003e left: -4px;\u003cbr \/\u003e right: -4px;\u003cbr \/\u003e bottom: -4px;\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e border: 2px solid transparent;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v:hover {\u003cbr \/\u003e transform: scale(1.2) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v.active::after {\u003cbr \/\u003e border-color: rgba(0, 0, 0, 0.4);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m {\u003cbr \/\u003e width: 45px !important;\u003cbr \/\u003e height: 45px !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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m.active {\u003cbr \/\u003e border-color: #1f1f1f !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== STANDOUT FEATURES - DARK SECTION ========== *\/\u003cbr \/\u003e .standout-section {\u003cbr \/\u003e background: linear-gradient(180deg, #0a0a0a 0%, #1f1f1f 100%);\u003cbr \/\u003e padding: 100px 20px 80px;\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 position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Subtle grid pattern overlay *\/\u003cbr \/\u003e .standout-section::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e background-image: \u003cbr \/\u003e linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\u003cbr \/\u003e linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\u003cbr \/\u003e background-size: 50px 50px;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-header {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto 50px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e margin-bottom: 15px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-subtitle {\u003cbr \/\u003e font-size: 1.1rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.5) !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 z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 12px;\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 40px;\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 340px;\u003cbr \/\u003e height: 380px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.5s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover {\u003cbr \/\u003e transform: scale(1.03) translateY(-5px);\u003cbr \/\u003e box-shadow: 0 20px 60px rgba(13, 148, 136, 0.2);\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.8s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover img {\u003cbr \/\u003e transform: scale(1.15);\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: 35px 25px;\u003cbr \/\u003e background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-number {\u003cbr \/\u003e font-size: 0.7rem;\u003cbr \/\u003e color: var(--trail-orange);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-name {\u003cbr \/\u003e font-size: 1.3rem;\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: 3px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.15);\u003cbr \/\u003e border-radius: 2px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-fill {\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: linear-gradient(90deg, var(--trail-orange) 0%, var(--light-blue) 100%);\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: 12px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 25px auto 0;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn {\u003cbr \/\u003e width: 50px;\u003cbr \/\u003e height: 50px;\u003cbr \/\u003e border: 1px solid rgba(255, 255, 255, 0.25);\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e border-radius: 10px;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover {\u003cbr \/\u003e background: var(--trail-orange);\u003cbr \/\u003e border-color: var(--trail-orange);\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn svg {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e stroke: #ffffff;\u003cbr \/\u003e transition: stroke 0.3s ease;\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 ========== *\/\u003cbr \/\u003e .playful-section {\u003cbr \/\u003e padding: 120px 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 position: relative;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Decorative circles *\/\u003cbr \/\u003e .playful-section::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: -200px;\u003cbr \/\u003e right: -200px;\u003cbr \/\u003e width: 500px;\u003cbr \/\u003e height: 500px;\u003cbr \/\u003e background: radial-gradient(circle, rgba(13, 148, 136, 0.05) 0%, transparent 70%);\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .capable-section {\u003cbr \/\u003e padding: 120px 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 position: relative;\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: 80px;\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.8rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: var(--trail-orange) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 3px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-label::after {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: -5px;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 30px;\u003cbr \/\u003e height: 2px;\u003cbr \/\u003e background: var(--trail-orange);\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 line-height: 1.15 !important;\u003cbr \/\u003e margin-bottom: 30px !important;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-text,\u003cbr \/\u003e .gradient-orange {\u003cbr \/\u003e background: linear-gradient(135deg, #0f4c2a 0%, #14b8a6 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-blue {\u003cbr \/\u003e background: linear-gradient(135deg, #4da6d6 0%, #0077b6 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-text {\u003cbr \/\u003e font-size: 1.15rem !important;\u003cbr \/\u003e color: #444 !important;\u003cbr \/\u003e line-height: 1.9;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 50px 100px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e background: linear-gradient(135deg, rgba(13, 148, 136, 0.1) 0%, transparent 100%);\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transition: opacity 0.5s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image:hover::before {\u003cbr \/\u003e opacity: 1;\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.8s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== VIDEO SECTION ========== *\/\u003cbr \/\u003e .video-section {\u003cbr \/\u003e padding: 100px 0 0;\u003cbr \/\u003e background: linear-gradient(180deg, var(--apple-gray) 0%, #1f1f1f 100%);\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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-header {\u003cbr \/\u003e padding: 0 20px 60px;\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: 4px;\u003cbr \/\u003e margin-bottom: 20px;\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 margin-bottom: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e border-radius: 0;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 50px 120px rgba(0, 0, 0, 0.18);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: -2px;\u003cbr \/\u003e left: -2px;\u003cbr \/\u003e right: -2px;\u003cbr \/\u003e bottom: -2px;\u003cbr \/\u003e background: linear-gradient(135deg, var(--trail-orange), var(--light-blue));\u003cbr \/\u003e border-radius: 0;\u003cbr \/\u003e z-index: -1;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transition: opacity 0.5s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container:hover::before {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container iframe {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 21\/9;\u003cbr \/\u003e max-height: 70vh;\u003cbr \/\u003e display: block;\u003cbr \/\u003e border: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== DESIGN DETAILS ========== *\/\u003cbr \/\u003e .design-section {\u003cbr \/\u003e padding: 100px 0 140px;\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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 50px;\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 text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e margin: 0 auto 100px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e background: linear-gradient(135deg, #2a3a4a 0%, #4da6d6 100%);\u003cbr \/\u003e padding: 100px 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 filter: drop-shadow(0 40px 80px rgba(0,0,0,0.4));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* HOTSPOTS *\/\u003cbr \/\u003e .hotspot {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e width: 36px;\u003cbr \/\u003e height: 36px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.15);\u003cbr \/\u003e border: 2px solid rgba(255, 255, 255, 0.4);\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\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.8);\u003cbr \/\u003e font-size: 20px;\u003cbr \/\u003e font-weight: 300;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot::after {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: -8px;\u003cbr \/\u003e left: -8px;\u003cbr \/\u003e right: -8px;\u003cbr \/\u003e bottom: -8px;\u003cbr \/\u003e border: 1px solid rgba(255,255,255,0.2);\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e animation: hotspotPulse 2s ease-out infinite;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes hotspotPulse {\u003cbr \/\u003e 0% { transform: scale(1); opacity: 1; }\u003cbr \/\u003e 100% { transform: scale(1.5); opacity: 0; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover,\u003cbr \/\u003e .hotspot.active {\u003cbr \/\u003e background: var(--trail-orange);\u003cbr \/\u003e border-color: var(--trail-orange);\u003cbr \/\u003e transform: scale(1.2);\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 .hotspot:hover::after,\u003cbr \/\u003e .hotspot.active::after {\u003cbr \/\u003e animation: none;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Hotspot positions *\/\u003cbr \/\u003e .hotspot-1 { top: 32%; left: 50%; } \/* VPP Suspension *\/\u003cbr \/\u003e .hotspot-2 { top: 58%; left: 58%; } \/* Chainstay *\/\u003cbr \/\u003e .hotspot-3 { top: 30%; left: 68%; } \/* Fork *\/\u003cbr \/\u003e .hotspot-4 { top: 42%; left: 35%; } \/* Glovebox *\/\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: 25px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e box-shadow: 0 25px 70px rgba(0, 0, 0, 0.35);\u003cbr \/\u003e width: 280px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e visibility: hidden;\u003cbr \/\u003e transform: translateY(15px);\u003cbr \/\u003e transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\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: 1.1rem;\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip p {\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e color: #555;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-1 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(15px); margin-top: 15px; }\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(15px); margin-top: 15px; }\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(-15px); margin-bottom: 15px; }\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(15px); margin-top: 15px; }\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: 35px;\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: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e height: 4px;\u003cbr \/\u003e background: linear-gradient(90deg, var(--trail-orange), var(--light-blue));\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transition: opacity 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover {\u003cbr \/\u003e transform: translateY(-15px);\u003cbr \/\u003e box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover::before {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image {\u003cbr \/\u003e height: 260px;\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.8s cubic-bezier(0.4, 0, 0.2, 1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover .feature-card-image img {\u003cbr \/\u003e transform: scale(1.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-content {\u003cbr \/\u003e padding: 35px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-title {\u003cbr \/\u003e font-size: 1.5rem !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e margin-bottom: 15px !important;\u003cbr \/\u003e line-height: 1.25;\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.75;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\u003cbr \/\u003e .products-section {\u003cbr \/\u003e padding: 140px 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 }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 70px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\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 margin-bottom: 20px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-subtitle {\u003cbr \/\u003e font-size: 1.2rem !important\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"Apex-Kit \/ British Racing Green \/ XS","offer_id":57496412225918,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":16999.15,"currency_code":"RON","in_stock":true},{"title":"Apex-Kit \/ British Racing Green \/ S","offer_id":57496412258686,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":16999.15,"currency_code":"RON","in_stock":true},{"title":"Apex-Kit \/ British Racing Green \/ M","offer_id":57496412291454,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":16999.15,"currency_code":"RON","in_stock":true},{"title":"Apex-Kit \/ British Racing Green \/ L","offer_id":57496412324222,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":16999.15,"currency_code":"RON","in_stock":true},{"title":"Apex-Kit \/ British Racing Green \/ XL","offer_id":57496412356990,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":16999.15,"currency_code":"RON","in_stock":true},{"title":"Apex-Kit \/ Matte Carbon \/ XS","offer_id":57496412389758,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":16999.15,"currency_code":"RON","in_stock":true},{"title":"Apex-Kit \/ Matte Carbon \/ S","offer_id":57496412422526,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":16999.15,"currency_code":"RON","in_stock":true},{"title":"Apex-Kit \/ Matte Carbon \/ M","offer_id":57496412455294,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":16999.15,"currency_code":"RON","in_stock":true},{"title":"Apex-Kit \/ Matte Carbon \/ L","offer_id":57496412488062,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":16999.15,"currency_code":"RON","in_stock":true},{"title":"Apex-Kit \/ Matte Carbon \/ XL","offer_id":57496412520830,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":16999.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X-Kit \/ British Racing Green \/ XS","offer_id":57496412553598,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X-Kit \/ British Racing Green \/ S","offer_id":57496412586366,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X-Kit \/ British Racing Green \/ M","offer_id":57496412619134,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X-Kit \/ British Racing Green \/ L","offer_id":57496412651902,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X-Kit \/ British Racing Green \/ XL","offer_id":57496412684670,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X-Kit \/ Matte Carbon \/ XS","offer_id":57496412717438,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X-Kit \/ Matte Carbon \/ S","offer_id":57496412750206,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X-Kit \/ Matte Carbon \/ M","offer_id":57496412782974,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X-Kit \/ Matte Carbon \/ L","offer_id":57496412815742,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X-Kit \/ Matte Carbon \/ XL","offer_id":57496412848510,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X Rudy-Kit \/ British Racing Green \/ XS","offer_id":57496412881278,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X Rudy-Kit \/ British Racing Green \/ S","offer_id":57496412914046,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X Rudy-Kit \/ British Racing Green \/ M","offer_id":57496412946814,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X Rudy-Kit \/ British Racing Green \/ L","offer_id":57496412979582,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X Rudy-Kit \/ British Racing Green \/ XL","offer_id":57496413012350,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X Rudy-Kit \/ Matte Carbon \/ XS","offer_id":57496413045118,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X Rudy-Kit \/ Matte Carbon \/ S","offer_id":57496413077886,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X Rudy-Kit \/ Matte Carbon \/ M","offer_id":57496413110654,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X Rudy-Kit \/ Matte Carbon \/ L","offer_id":57496413143422,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Rival AXS 1X Rudy-Kit \/ Matte Carbon \/ XL","offer_id":57496413176190,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":22524.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x AXS-Kit \/ British Racing Green \/ XS","offer_id":57496413208958,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":28899.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x AXS-Kit \/ British Racing Green \/ S","offer_id":57496413241726,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":28899.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x AXS-Kit \/ British Racing Green \/ M","offer_id":57496413274494,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":28899.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x AXS-Kit \/ British Racing Green \/ L","offer_id":57496413307262,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":28899.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x AXS-Kit \/ British Racing Green \/ XL","offer_id":57496413340030,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":28899.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x AXS-Kit \/ Matte Carbon \/ XS","offer_id":57496413372798,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":28899.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x AXS-Kit \/ Matte Carbon \/ S","offer_id":57496413405566,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":28899.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x AXS-Kit \/ Matte Carbon \/ M","offer_id":57496413438334,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":28899.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x AXS-Kit \/ Matte Carbon \/ L","offer_id":57496413471102,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":28899.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x AXS-Kit \/ Matte Carbon \/ XL","offer_id":57496413503870,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":28899.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x Rudy-Kit \/ British Racing Green \/ XS","offer_id":57496413536638,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":33149.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x Rudy-Kit \/ British Racing Green \/ S","offer_id":57496413569406,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":33149.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x Rudy-Kit \/ British Racing Green \/ M","offer_id":57496413602174,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":33149.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x Rudy-Kit \/ British Racing Green \/ L","offer_id":57496413634942,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":33149.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x Rudy-Kit \/ British Racing Green \/ XL","offer_id":57496413667710,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":33149.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x Rudy-Kit \/ Matte Carbon \/ XS","offer_id":57496413700478,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":33149.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x Rudy-Kit \/ Matte Carbon \/ S","offer_id":57496413733246,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":33149.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x Rudy-Kit \/ Matte Carbon \/ M","offer_id":57496413766014,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":33149.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x Rudy-Kit \/ Matte Carbon \/ L","offer_id":57496413798782,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":33149.15,"currency_code":"RON","in_stock":true},{"title":"Force 1x Rudy-Kit \/ Matte Carbon \/ XL","offer_id":57496413831550,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1","price":33149.15,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Stigmata_CC_FORCE_1X_AXS_RSV_MatteCarbon_df47a5a5-147c-49cb-b600-315a12f45440-scaled.webp?v=1780337447"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-heckler-sl","title":"Bicicleta electrica MTB Santa Cruz Heckler SL","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta electrica MTB Santa Cruz Heckler SL\u003c\/h1\u003e\u003cbr\u003e\u003cdiv\u003e\u003c\/div\u003e\u003cbr\u003e\u003cdiv\u003e\n\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"268385\" class=\"elementor elementor-268385\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-241ec56 e-flex e-con-boxed e-con e-parent\" data-id=\"241ec56\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-7732650 elementor-widget elementor-widget-html\" data-id=\"7732650\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\t\t\t\t\t\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003ctitle\u003eSanta Cruz Heckler SL | ProVelo România\u003c\/title\u003e\n\u003cbr\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e :root {\u003cbr \/\u003e --sc-red: #E31937;\u003cbr \/\u003e --sc-red-dark: #c41530;\u003cbr \/\u003e --apple-blue: #0071e3;\u003cbr \/\u003e --apple-blue-hover: #0077ed;\u003cbr \/\u003e --fazua-blue: #1a3a5c;\u003cbr \/\u003e --fazua-accent: #00b4d8;\u003cbr \/\u003e --mustard: #d4a72c;\u003cbr \/\u003e --dark-blue: #1a2a3a;\u003cbr \/\u003e --black: #0a0a0a;\u003cbr \/\u003e --dark-gray: #2d2d2d;\u003cbr \/\u003e --apple-gray: #f5f5f7;\u003cbr \/\u003e --apple-gray-dark: #e8e8ed;\u003cbr \/\u003e --text-dark: #1d1d1f;\u003cbr \/\u003e --text-gray: #86868b;\u003cbr \/\u003e --white: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e * {\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e html {\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e body {\u003cbr \/\u003e font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== HERO SECTION - HECKLER SL STYLE ========== *\/\u003cbr \/\u003e .hero {\u003cbr \/\u003e height: 100vh !important;\u003cbr \/\u003e min-height: 700px !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e transition: background 0.5s ease !important;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Background colors matching bike colors *\/\u003cbr \/\u003e .hero.bg-darkblue { background: linear-gradient(135deg, #1a2a3a 0%, #2d4a5a 100%); }\u003cbr \/\u003e .hero.bg-mustard { background: linear-gradient(135deg, #c49a28 0%, #e6b832 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Dot Colors *\/\u003cbr \/\u003e .dot-darkblue { background: #1a2a3a !important; background-color: #1a2a3a !important; }\u003cbr \/\u003e .dot-mustard { background: #d4a72c !important; background-color: #d4a72c !important; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 60px 20px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override Elementor\/WordPress styles *\/\u003cbr \/\u003e .hero h1,\u003cbr \/\u003e .hero .hero-title,\u003cbr \/\u003e .hero-content h1,\u003cbr \/\u003e .hero-content .hero-title,\u003cbr \/\u003e h1.hero-title {\u003cbr \/\u003e font-size: clamp(4rem, 12vw, 10rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 25px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e background: none !important;\u003cbr \/\u003e -webkit-background-clip: unset !important;\u003cbr \/\u003e background-clip: unset !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* TITLU MEGA - FOARTE MARE ALB *\/\u003cbr \/\u003e .hero-title {\u003cbr \/\u003e font-size: clamp(4rem, 12vw, 10rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 25px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-subtitle {\u003cbr \/\u003e font-size: 1.2rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.8) !important;\u003cbr \/\u003e margin-bottom: 30px !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e letter-spacing: 2px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stats {\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat {\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 0 25px !important;\u003cbr \/\u003e border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat:first-child {\u003cbr \/\u003e border-left: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-label {\u003cbr \/\u003e font-size: 0.65rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e margin-bottom: 5px !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value {\u003cbr \/\u003e font-size: 2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value span {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override pentru stats - Elementor *\/\u003cbr \/\u003e .hero .hero-stat-label,\u003cbr \/\u003e .hero-content .hero-stat-label,\u003cbr \/\u003e .hero-stats .hero-stat-label {\u003cbr \/\u003e font-size: 0.65rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero .hero-stat-value,\u003cbr \/\u003e .hero-content .hero-stat-value,\u003cbr \/\u003e .hero-stats .hero-stat-value {\u003cbr \/\u003e font-size: 2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike Showcase in Hero *\/\u003cbr \/\u003e .bike-showcase-hero {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e top: 0 !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e z-index: 1 !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase-hero .color-selector-vertical {\u003cbr \/\u003e pointer-events: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slides {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e top: 0 !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e opacity: 0 !important;\u003cbr \/\u003e transition: opacity 0.5s ease !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e padding-top: 120px !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide.active {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide img {\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: 75% !important;\u003cbr \/\u003e max-width: 90% !important;\u003cbr \/\u003e object-fit: contain !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== COLOR SELECTOR ========== *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Desktop - selector vertical pe lateral *\/\u003cbr \/\u003e .color-selector-vertical {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e right: 18% !important;\u003cbr \/\u003e top: 50% !important;\u003cbr \/\u003e transform: translateY(-50%) !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e flex-direction: column !important;\u003cbr \/\u003e gap: 10px !important;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.95) !important;\u003cbr \/\u003e padding: 12px 10px !important;\u003cbr \/\u003e border-radius: 30px !important;\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\u003cbr \/\u003e z-index: 10 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Desktop color name - simplu, alb, centrat *\/\u003cbr \/\u003e .color-name-desktop {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 15px 0 30px !important;\u003cbr \/\u003e font-size: 0.9rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile - ascuns pe desktop *\/\u003cbr \/\u003e .color-selector-mobile {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-name-mobile {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cercuri culori desktop *\/\u003cbr \/\u003e .color-dot-v {\u003cbr \/\u003e width: 28px !important;\u003cbr \/\u003e height: 28px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s ease !important;\u003cbr \/\u003e border: 2px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v:hover {\u003cbr \/\u003e transform: scale(1.15) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v.active {\u003cbr \/\u003e border-color: rgba(0, 0, 0, 0.3) !important;\u003cbr \/\u003e transform: scale(1.1) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cercuri culori mobile *\/\u003cbr \/\u003e .color-dot-m {\u003cbr \/\u003e width: 50px !important;\u003cbr \/\u003e height: 50px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s ease !important;\u003cbr \/\u003e border: 3px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m:hover {\u003cbr \/\u003e transform: scale(1.1) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m.active {\u003cbr \/\u003e border-color: #1a1a1a !important;\u003cbr \/\u003e transform: scale(1.05) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== E-BIKE BADGE ========== *\/\u003cbr \/\u003e .ebike-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e background: rgba(0, 180, 216, 0.9);\u003cbr \/\u003e color: white;\u003cbr \/\u003e padding: 8px 20px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .ebike-badge svg {\u003cbr \/\u003e width: 16px;\u003cbr \/\u003e height: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== STANDOUT FEATURES - NEGRU ========== *\/\u003cbr \/\u003e .standout-section {\u003cbr \/\u003e background: #1a1a1a;\u003cbr \/\u003e padding: 80px 20px 60px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-header {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto 40px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-title {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-subtitle {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel-container {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e scrollbar-width: none;\u003cbr \/\u003e -ms-overflow-style: none;\u003cbr \/\u003e padding: 0 20px 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide {\u003cbr \/\u003e flex: 0 0 320px;\u003cbr \/\u003e height: 350px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: transform 0.4s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover {\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover img {\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide-content {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 30px 20px;\u003cbr \/\u003e background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-number {\u003cbr \/\u003e font-size: 0.7rem;\u003cbr \/\u003e color: var(--fazua-accent);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e letter-spacing: 1px;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-name {\u003cbr \/\u003e font-size: 1.2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-progress {\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-bar {\u003cbr \/\u003e height: 2px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.2);\u003cbr \/\u003e border-radius: 1px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-fill {\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e width: 25%;\u003cbr \/\u003e transition: transform 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-nav {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: flex-end;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 20px auto 0;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn {\u003cbr \/\u003e width: 44px;\u003cbr \/\u003e height: 44px;\u003cbr \/\u003e border: 1px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e border-radius: 8px;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover {\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e border-color: var(--fazua-accent);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn svg {\u003cbr \/\u003e width: 20px;\u003cbr \/\u003e height: 20px;\u003cbr \/\u003e stroke: #ffffff;\u003cbr \/\u003e transition: stroke 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover svg {\u003cbr \/\u003e stroke: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\u003cbr \/\u003e .container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== SPLIT SECTIONS - FUNDAL GRI APPLE ========== *\/\u003cbr \/\u003e .extreme-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .getup-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1.2fr;\u003cbr \/\u003e gap: 60px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout.reverse {\u003cbr \/\u003e grid-template-columns: 1.2fr 1fr;\u003cbr \/\u003e direction: rtl;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout.reverse \u003e * {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-label {\u003cbr \/\u003e font-size: 0.75rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: var(--fazua-accent) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e margin-bottom: 30px !important;\u003cbr \/\u003e text-transform: none;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-title .gradient-text,\u003cbr \/\u003e .gradient-fazua {\u003cbr \/\u003e background: linear-gradient(90deg, #00b4d8 0%, #0077b6 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-mustard {\u003cbr \/\u003e background: linear-gradient(90deg, #d4a72c 0%, #b8860b 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-text {\u003cbr \/\u003e font-size: 1.1rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image {\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image:hover img {\u003cbr \/\u003e transform: scale(1.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== VIDEO SECTION - MAI MARE ========== *\/\u003cbr \/\u003e .video-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-title {\u003cbr \/\u003e font-size: 0.85rem !important;\u003cbr \/\u003e color: var(--text-gray) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 3px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-heading {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e margin-bottom: 50px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e transform: scale(1);\u003cbr \/\u003e transition: transform 0.5s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container:hover {\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container iframe {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/9;\u003cbr \/\u003e display: block;\u003cbr \/\u003e border: none;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== DESIGN DETAILS - FULL WIDTH NEGRU ========== *\/\u003cbr \/\u003e .design-section {\u003cbr \/\u003e padding: 80px 0 120px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 40px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e margin: 0 auto 80px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e background: linear-gradient(135deg, #1a2a3a 0%, #2d4a5a 100%);\u003cbr \/\u003e padding: 80px 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* HOTSPOTS PE BICICLETĂ *\/\u003cbr \/\u003e .hotspot {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e width: 32px;\u003cbr \/\u003e height: 32px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.1);\u003cbr \/\u003e border: 1.5px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot::before {\u003cbr \/\u003e content: '+';\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6);\u003cbr \/\u003e font-size: 18px;\u003cbr \/\u003e font-weight: 300;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover,\u003cbr \/\u003e .hotspot.active {\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e border-color: var(--fazua-accent);\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover::before,\u003cbr \/\u003e .hotspot.active::before {\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Poziții hotspots PE bicicletă *\/\u003cbr \/\u003e .hotspot-1 { top: 28%; left: 38%; } \/* Baterie *\/\u003cbr \/\u003e .hotspot-2 { top: 52%; left: 48%; } \/* Motor Fazua *\/\u003cbr \/\u003e .hotspot-3 { top: 65%; left: 42%; } \/* Suspensie VPP *\/\u003cbr \/\u003e .hotspot-4 { top: 38%; left: 72%; } \/* Furcă *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\u003cbr \/\u003e width: 260px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e visibility: hidden;\u003cbr \/\u003e transform: translateY(10px);\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e z-index: 100;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip.show {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e visibility: visible;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip h4 {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip p {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-1 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-1 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-2 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-2 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-3 .hotspot-tooltip { bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-10px); margin-bottom: 10px; }\u003cbr \/\u003e .hotspot-3 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-4 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-4 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\u003cbr \/\u003e .features-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card {\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: transform 0.4s ease, box-shadow 0.4s ease;\u003cbr \/\u003e box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover {\u003cbr \/\u003e transform: translateY(-10px);\u003cbr \/\u003e box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image {\u003cbr \/\u003e height: 250px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover .feature-card-image img {\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-content {\u003cbr \/\u003e padding: 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card .feature-card-title,\u003cbr \/\u003e .feature-card-title {\u003cbr \/\u003e font-size: 1.6rem !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e margin-bottom: 15px !important;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-text {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\u003cbr \/\u003e .products-section {\u003cbr \/\u003e padding: 120px 20px;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-section .products-title,\u003cbr \/\u003e .products-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e margin-bottom: 20px !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-title .gradient-text,\u003cbr \/\u003e .specs-title .gradient-text,\u003cbr \/\u003e .size-title .gradient-text,\u003cbr \/\u003e .geometry-title .gradient-text,\u003cbr \/\u003e .cta-title .gradient-text,\u003cbr \/\u003e .design-title .gradient-text,\u003cbr \/\u003e .standout-title .gradient-text,\u003cbr \/\u003e .video-heading .gradient-text {\u003cbr \/\u003e background: linear-gradient(90deg, #00b4d8 0%, #0077b6 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-section .products-subtitle,\u003cbr \/\u003e .products-subtitle {\u003cbr \/\u003e font-size: 1.2rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tabs {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e margin-bottom: 50px;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tab {\u003cbr \/\u003e padding: 12px 24px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e border: none;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tab:hover,\u003cbr \/\u003e .filter-tab.active {\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card {\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.4s ease;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card:hover {\u003cbr \/\u003e transform: translateY(-10px);\u003cbr \/\u003e box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-badge.new {\u003cbr \/\u003e background: #10b981;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-image {\u003cbr \/\u003e padding: 40px;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e min-height: 280px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-image img {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e transition: transform 0.4s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card:hover .product-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-info {\u003cbr \/\u003e padding: 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-frame {\u003cbr \/\u003e font-size: 0.75rem !important;\u003cbr \/\u003e font-weight\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ S","offer_id":57496414814590,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ M","offer_id":57496414847358,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ L","offer_id":57496414880126,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ XL","offer_id":57496414912894,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ S","offer_id":57496414945662,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ M","offer_id":57496414978430,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ L","offer_id":57496415011198,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415043966,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ S","offer_id":57496415076734,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ M","offer_id":57496415109502,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ L","offer_id":57496415142270,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ XL","offer_id":57496415175038,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ XXL","offer_id":57496415207806,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ S","offer_id":57496415240574,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ M","offer_id":57496415273342,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ L","offer_id":57496415306110,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415338878,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496415371646,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ S","offer_id":57496415404414,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ M","offer_id":57496415437182,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ L","offer_id":57496415469950,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ XL","offer_id":57496415502718,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ XXL","offer_id":57496415535486,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ S","offer_id":57496415568254,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ M","offer_id":57496415601022,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ L","offer_id":57496415633790,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415666558,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496415699326,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ S","offer_id":57496415732094,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ M","offer_id":57496415764862,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ L","offer_id":57496415797630,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ XL","offer_id":57496415830398,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ XXL","offer_id":57496415863166,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ S","offer_id":57496415895934,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ M","offer_id":57496415928702,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ L","offer_id":57496415961470,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415994238,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496416027006,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ S","offer_id":57496416059774,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ M","offer_id":57496416092542,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ L","offer_id":57496416125310,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ XL","offer_id":57496416158078,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ XXL","offer_id":57496416190846,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ S","offer_id":57496416223614,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ M","offer_id":57496416256382,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ L","offer_id":57496416289150,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ XL","offer_id":57496416321918,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496416354686,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ S","offer_id":57496416387454,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ M","offer_id":57496416420222,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ L","offer_id":57496416452990,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ XL","offer_id":57496416485758,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ XXL","offer_id":57496416518526,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ S","offer_id":57496416551294,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ M","offer_id":57496416584062,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ L","offer_id":57496416616830,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ XL","offer_id":57496416649598,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496416682366,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY25_HecklerSL_CC_XX_AXS_RSV_GlossMustardYellow-scaled.webp?v=1780337503"},{"product_id":"bicicleta-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"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-vala-al-70","title":"Bicicleta electrica MTB Santa Cruz VALA AL 70","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003cdiv class=\"elementor elementor-309024\"\u003e\n\u003cbr\u003e\n\u003cdiv class=\"elementor-element elementor-element-6cfebcf e-flex e-con-boxed e-con e-parent\"\u003e\n\u003cbr\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\n\u003cdiv class=\"elementor-element elementor-element-c26283b elementor-widget elementor-widget-html\"\u003e\n\u003cbr\u003e\n\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003cbr\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e \u003cbr\u003e\n\u003cp\u003e\u003c!-- ============ Product schema ============ --\u003e\u003cbr\u003e\u003cbr\u003e\u003cscript type=\"application\/ld+json\"\u003e\u003cbr \/\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Santa Cruz Vala AL 70\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_AL_70_GlossLunarGray_2c1607bd-cbdd-4751-8a90-483d546d5d1b.png\",\"description\":\"E-MTB full-power Bosch top-tier cu cadru aluminiu Vala AL, motor Bosch Performance Line CX, baterie 600Wh, suspensie RockShox Zeb 160mm fata si Super Deluxe 150mm spate, roti MX, transmisie wireless SRAM 70 Eagle T-Type 12-speed, jante Reserve aluminiu cu garantie pe viata.\",\"sku\":\"VALA-AL-70\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Santa Cruz Bicycles\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"26595\",\"priceValidUntil\":\"2026-12-31\",\"availability\":\"https:\/\/schema.org\/InStock\"}}\u003cbr \/\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"Gloss Lunar Gray \/ S","offer_id":57496427331966,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ M","offer_id":57496427364734,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ L","offer_id":57496427397502,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ XL","offer_id":57496427430270,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ S","offer_id":57496427463038,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ M","offer_id":57496427495806,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ L","offer_id":57496427528574,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ XL","offer_id":57496427561342,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_AL_70_GlossLunarGray-scaled_db92c566-d261-468e-86f7-e276d3579e84.webp?v=1780337649"},{"product_id":"santa-cruz-tallboy-xx-axs-flight-attendant-rsv-2027","title":"Bicicleta MTB Santa Cruz Tallboy XX AXS Flight Attendant RSV 2027 — Ediție Limitată","description":"\u003cp\u003e\u003cstrong\u003eSanta Cruz Tallboy XX AXS Flight Attendant RSV\u003c\/strong\u003e — ediție limitată 2027, în finisajul \u003cstrong\u003eMatte Lavender Luster\u003c\/strong\u003e. Cadru Carbon CC de 29\", 130 mm cursă spate și 140 mm în față, cu suspensie electronică \u003cstrong\u003eRockShox Flight Attendant\u003c\/strong\u003e care citește terenul în timp real și comută singură între deschis, pedalare și blocat. Transmisie \u003cstrong\u003eSRAM XX SL Eagle AXS T-Type\u003c\/strong\u003e cu powermetru, roți \u003cstrong\u003eReserve 30|SL carbon\u003c\/strong\u003e pe butuci \u003cstrong\u003eChris King 50th Anniversary Gold\u003c\/strong\u003e. 13,27 kg gata de plecare.\u003c\/p\u003e\u003ch3\u003eDe ce este specială\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuspensie care gândește\u003c\/strong\u003e — Flight Attendant pe furcă și amortizor: se închide la pedalat, se deschide instant la impact, fără să atingi nimic.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCarbon CC\u003c\/strong\u003e — cea mai ușoară și rigidă construcție Santa Cruz, cu garanție pe viață pentru cadru și rulmenți.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlovebox\u003c\/strong\u003e — compartiment în tubul diagonal, cu husă inclusă: cameră, scule, jachetă.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChris King 50th Anniversary Gold\u003c\/strong\u003e — butuci și cuvetărie în ediție aniversară, doar pe această serie.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSRAM XX SL cu powermetru\u003c\/strong\u003e — pedalier integrat cu măsurarea puterii, casetă 10-52T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaven Ultimate\u003c\/strong\u003e — cele mai puternice frâne SRAM, cu discuri HS2 de 180 mm.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eCadru\u003c\/td\u003e\n\u003ctd\u003eCarbon CC 29\", 130 mm cursă, sistem 4-Bar VPP\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFurcă\u003c\/td\u003e\n\u003ctd\u003eRockShox Pike Ultimate Flight Attendant, 140 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAmortizor\u003c\/td\u003e\n\u003ctd\u003eRockShox Super Deluxe Ultimate Flight Attendant, 185 × 50 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTransmisie\u003c\/td\u003e\n\u003ctd\u003eSRAM XX SL Eagle AXS T-Type, 12 viteze\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePedalier\u003c\/td\u003e\n\u003ctd\u003eSRAM XX SL Eagle Power Meter T-Type, 32T (XS-S: 165 mm, M-XXL: 170 mm)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCasetă\u003c\/td\u003e\n\u003ctd\u003eSRAM XX SL 1299 Eagle T-Type, 10-52T\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFrâne\u003c\/td\u003e\n\u003ctd\u003eSRAM Maven Ultimate Carbon, discuri HS2 180 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRoți\u003c\/td\u003e\n\u003ctd\u003eReserve 30|SL Carbon, butuci Chris King 50th Anniversary Gold\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAnvelope\u003c\/td\u003e\n\u003ctd\u003eMaxxis Dissector 29 × 2,4\" — MaxxGrip EXO+ față, MaxxTerra EXO+ spate\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCockpit\u003c\/td\u003e\n\u003ctd\u003eOneUp Carbon Bar 35 mm (XS-M: 760 mm, L-XXL: 800 mm), pipă Industry Nine A35 40 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTijă telescopică\u003c\/td\u003e\n\u003ctd\u003eOneUp Dropper (XS: 120 \/ S: 150 \/ M: 180 \/ L-XL: 210 \/ XXL: 240 mm)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuvetărie\u003c\/td\u003e\n\u003ctd\u003eChris King DropSet 3 50th Anniversary\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eȘa\u003c\/td\u003e\n\u003ctd\u003eWTB Silverado Medium Fusion, șine CroMo SL\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate\u003c\/td\u003e\n\u003ctd\u003e13,27 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMărimi\u003c\/td\u003e\n\u003ctd\u003eXS, S, M, L, XL, XXL\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eStandarde\u003c\/td\u003e\n\u003ctd\u003eUDH, ax spate 148 mm, tijă 31,6 mm, disc max 203 mm, anvelopă max 2,4\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003e\u003cstrong\u003eGaranție pe viață\u003c\/strong\u003e pentru cadru și rulmenții pivoților, oferită de Santa Cruz proprietarului original. Livrare și asamblare profesională la ProVelo București.\u003c\/p\u003e","brand":"Santa Cruz","offers":[{"title":"Matte Lavender Luster \/ XS","offer_id":57746392187262,"sku":"58-27324-442-1-956-324902","price":69999.0,"currency_code":"RON","in_stock":true},{"title":"Matte Lavender Luster \/ S","offer_id":57746392220030,"sku":"58-27324-442-2-956-324902","price":69999.0,"currency_code":"RON","in_stock":true},{"title":"Matte Lavender Luster \/ M","offer_id":57746392252798,"sku":"58-27324-442-3-956-324902","price":69999.0,"currency_code":"RON","in_stock":true},{"title":"Matte Lavender Luster \/ L","offer_id":57746392285566,"sku":"58-27324-442-4-956-324902","price":69999.0,"currency_code":"RON","in_stock":true},{"title":"Matte Lavender Luster \/ XL","offer_id":57746392318334,"sku":"58-27324-442-5-956-324902","price":69999.0,"currency_code":"RON","in_stock":true},{"title":"Matte Lavender Luster \/ XXL","offer_id":57746392351102,"sku":"58-27324-442-6-956-324902","price":69999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/sctb-side-le.png?v=1784985561"}],"url":"https:\/\/www.provelo.ro\/collections\/santa-cruz.oembed","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}