{"title":"Biciclete electrice - comandă online de la branduri de top","description":"","products":[{"product_id":"bicicleta-electrica-full-suspension-focus-jam2-6-8-600wh","title":"Bicicleta Electrica full suspension Focus JAM² 6.8 - 600Wh","description":"\u003cp\u003e\u003ca class=\"product--supplier-link\" title=\"Further products by Focus\" href=\"https:\/\/www.focus-bikes.com\/int\/\" target=\"_blank\" rel=\"noopener\"\u003e\u003cimg class=\"alignleft\" src=\"https:\/\/www.bike-discount.de\/media\/image\/22\/39\/02\/focus-logo.png\" alt=\"Focus\" width=\"255\" height=\"108\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003c\/h2\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\u003ch1 style=\"text-align: center;\"\u003eBicicleta Electrica full suspension Focus JAM² 6.8 - 600Wh\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\"\u003e\n\u003cb\u003ePlăcerea supremă \u003c\/b\u003e⭐️ \u003cb\u003ede a pedala... \u003c\/b\u003e\n\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3 data-start=\"377\" data-end=\"416\"\u003e\u003c\/h3\u003e\n\u003ch2 data-start=\"377\" data-end=\"416\"\u003e🚀 Ridică nivelul pe orice traseu\u003c\/h2\u003e\n\u003cp class=\"\" data-start=\"417\" data-end=\"927\"\u003e\u003cstrong data-start=\"417\" data-end=\"473\"\u003eToată joaca de care ai nevoie pentru un zâmbet larg.\u003c\/strong\u003e\u003cbr data-start=\"473\" data-end=\"476\"\u003eGeometria echilibrată a JAM² 6.8 îți oferă distracție nelimitată, la vale și la deal. Cobori cu încredere și stil, iar la urcare, distribuția optimă a greutății și tracțiunea excelentă pe roata din față te ajută să urci cu ușurință. Zeci de ore de testare au dus la o reglare fină a suspensiei: fermă, reactivă și sportivă – fără compromisuri la tracțiune. 📐\u003c\/p\u003e\n\u003ch3 data-start=\"934\" data-end=\"978\"\u003e\u003c\/h3\u003e\n\u003ch2 data-start=\"934\" data-end=\"978\"\u003eControl total în momente tensionate\u003c\/h2\u003e\n\u003cp class=\"\" data-start=\"979\" data-end=\"1302\"\u003eCând dai totul pe traseu, momentele „la limită” apar inevitabil.\u003cbr data-start=\"1043\" data-end=\"1046\"\u003eAnvelopele late de 2.6\", cu carcasă robustă, și frânele puternice cu discuri de 200 mm îți oferă siguranță și control chiar și la viteze mari.\u003cbr data-start=\"1188\" data-end=\"1191\"\u003e🔍 În plus, poți monta un \u003cstrong data-start=\"1217\" data-end=\"1227\"\u003eAirTag\u003c\/strong\u003e sau \u003cstrong data-start=\"1232\" data-end=\"1243\"\u003eChipolo\u003c\/strong\u003e ca să știi mereu unde e bicicleta ta – chiar și off-trail.\u003c\/p\u003e\n\u003ch3 data-start=\"1309\" data-end=\"1352\"\u003e\u003c\/h3\u003e\n\u003ch2 data-start=\"1309\" data-end=\"1352\"\u003e🔋 Alege bateria perfectă pentru tine\u003c\/h2\u003e\n\u003cp class=\"\" data-start=\"1353\" data-end=\"1791\"\u003eJAM² 6.8 vine cu două opțiuni: baterie compactă de \u003cstrong data-start=\"1404\" data-end=\"1414\"\u003e600 Wh\u003c\/strong\u003e sau varianta extinsă de \u003cstrong data-start=\"1439\" data-end=\"1449\"\u003e800 Wh\u003c\/strong\u003e, ambele detașabile. Singura diferență vizuală: capacul mai mare pentru tubul inferior în varianta de 800 Wh.\u003cbr data-start=\"1558\" data-end=\"1561\"\u003e💡 Este compatibilă și cu extensia de autonomie \u003cstrong data-start=\"1609\" data-end=\"1637\"\u003eRange Extender de 250 Wh\u003c\/strong\u003e – ceea ce înseamnă \u003cstrong data-start=\"1657\" data-end=\"1676\"\u003epână la 1050 Wh\u003c\/strong\u003e disponibili!\u003cbr data-start=\"1689\" data-end=\"1692\"\u003eRezultatul? Autonomie generoasă pentru motorul Bosch CX și \u003cstrong data-start=\"1751\" data-end=\"1785\"\u003edistracție nelimitată pe trail\u003c\/strong\u003e. 🌲🔋\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1 class=\"p2\" style=\"text-align: center;\"\u003eFiecare traseu devine o aventură. Alege să trăiești fiecare clipă din plin. 😀\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ehttps:\/\/youtu.be\/eKjGoexi3Ug\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv data-v-app=\"\"\u003e\n\u003csection id=\"row20138286-63eb-4018-8de0-b1a1ee93dbd3\" class=\"columns block bg-section-bg text-section-text section-spacing-top section-spacing-bottom section-default section-spacing-x\"\u003e\n\u003cdiv class=\"grid grid-cols-1 md:grid-cols-5 gap-15 justify-center align-center\"\u003e\n\u003cdiv class=\"column col-span-3\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003ch1 class=\"p1\" style=\"text-align: center;\"\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv data-v-app=\"\"\u003e\n\u003csection id=\"rowaec3a410-4339-4c1a-9803-8bffcd294124\" class=\"columns block bg-section-bg text-section-text section-spacing-top section-spacing-bottom section-default section-spacing-x\"\u003e\n\u003cdiv class=\"grid grid-cols-1 md:grid-cols-1 gap-15 justify-center align-center\"\u003e\n\u003cdiv class=\"column col-span-1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv data-v-app=\"\"\u003e\n\u003csection id=\"rowa8fcc94c-cb41-4623-a243-d9b99626f567\" class=\"columns block bg-section-bg text-section-text section-spacing-top section-spacing-bottom section-default section-spacing-x\"\u003e\n\u003cdiv class=\"grid grid-cols-1 md:grid-cols-5 gap-15 justify-center align-center\"\u003e\n\u003cdiv class=\"column col-span-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"column col-span-3\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"\"\u003e\n\u003ch1 style=\"text-align: center;\" data-start=\"0\" data-end=\"69\"\u003e\n\u003cstrong data-start=\"3\" data-end=\"69\"\u003eSistemul Smart de la Bosch – Inteligență \u003c\/strong\u003e🧠 \u003cstrong data-start=\"3\" data-end=\"69\"\u003epentru fiecare traseu\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-start=\"0\" data-end=\"69\"\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp data-start=\"0\" data-end=\"69\"\u003e\u003cimg class=\"aligncenter\" src=\"https:\/\/www.bike-discount.de\/media\/image\/7d\/f3\/58\/Bosch-Performance-Line-CX-Gen5-Smart-System.jpg\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"\"\u003e\n\u003ch1 data-start=\"71\" data-end=\"409\"\u003e\u003c\/h1\u003e\n\u003ch1 data-start=\"71\" data-end=\"409\"\u003e\u003c\/h1\u003e\n\u003ch1 data-start=\"71\" data-end=\"409\"\u003e\u003c\/h1\u003e\n\u003ch1 data-start=\"71\" data-end=\"409\"\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\" data-start=\"71\" data-end=\"409\"\u003e\n\u003cstrong data-start=\"73\" data-end=\"108\"\u003eMotor \u003c\/strong\u003e\u003cstrong data-start=\"73\" data-end=\"108\"\u003e⚡️ \u003c\/strong\u003e\u003cstrong data-start=\"73\" data-end=\"108\"\u003ePerformance Line CX Gen.5\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp class=\"\" data-start=\"71\" data-end=\"409\"\u003e⚡ \u003cstrong data-start=\"73\" data-end=\"108\"\u003eMotor Performance Line CX Gen.5\u003c\/strong\u003e\u003cbr data-start=\"108\" data-end=\"111\"\u003ePur și simplu, puterea devine personală. Cu 85 Nm cuplu, până la 600W putere maximă și un factor de asistență de 340%, acest motor de nouă generație este silențios, ultra-responsiv și incredibil de ușor. Fie că urci pante abrupte sau explorezi poteci tehnice, transformă efortul în pură distracție.\u003c\/p\u003e\n\u003cp class=\"\" data-start=\"411\" data-end=\"604\"\u003e🏔️ \u003cstrong data-start=\"415\" data-end=\"436\"\u003eUrcări fără efort\u003c\/strong\u003e\u003cbr data-start=\"436\" data-end=\"439\"\u003eCurbe strânse? Starturi dificile? Scurte sprinturi? Motorul te ajută să accelerezi cu ușurință, chiar și la turații joase – urcările devin mai simple ca niciodată.\u003c\/p\u003e\n\u003cp class=\"\" data-start=\"606\" data-end=\"820\"\u003e🧭 \u003cstrong data-start=\"609\" data-end=\"641\"\u003eModul eMTB cu Extended Boost\u003c\/strong\u003e\u003cbr data-start=\"641\" data-end=\"644\"\u003eUn singur mod care face totul. Modul inteligent eMTB se adaptează dinamic presiunii tale la pedală. Iar cu Extended Boost, treci fără efort peste rădăcini, pietre și obstacole.\u003c\/p\u003e\n\u003cp class=\"\" data-start=\"822\" data-end=\"1045\"\u003e🎯 \u003cstrong data-start=\"825\" data-end=\"857\"\u003eAgilitate și control absolut\u003c\/strong\u003e\u003cbr data-start=\"857\" data-end=\"860\"\u003eTrei senzori – IMU, cadență și cuplu – citesc mișcările tale de 1.000 de ori pe secundă, oferindu-ți un control precis și o manevrabilitate perfectă chiar și pe cele mai tehnice trasee.\u003c\/p\u003e\n\u003cp class=\"\" data-start=\"1047\" data-end=\"1264\"\u003e🏃 \u003cstrong data-start=\"1050\" data-end=\"1097\"\u003eAsistență la împingere și plecare din rampă\u003c\/strong\u003e\u003cbr data-start=\"1097\" data-end=\"1100\"\u003eAi nevoie de pauză? Push Assist te ajută să împingi bicicleta în rampă, iar Hill Hold previne rostogolirea înapoi. Plecarea devine sigură, chiar și pe teren abrupt.\u003c\/p\u003e\n\u003cp class=\"\" data-start=\"1266\" data-end=\"1507\"\u003e⚙️ \u003cstrong data-start=\"1269\" data-end=\"1316\"\u003eModuri de rulare personalizabile – Ca tine.\u003c\/strong\u003e\u003cbr data-start=\"1316\" data-end=\"1319\"\u003ePrin aplicația \u003cstrong data-start=\"1334\" data-end=\"1348\"\u003eeBike Flow\u003c\/strong\u003e, reglezi suportul, cuplul, viteza și dinamica exact cum vrei tu. Pentru antrenamente, plimbări relaxate sau aventuri montane – bicicleta se adaptează la tine.\u003c\/p\u003e\n\u003cp class=\"\" data-start=\"1509\" data-end=\"1755\"\u003e🔇 \u003cstrong data-start=\"1512\" data-end=\"1544\"\u003ePuternic. Silențios. Fiabil.\u003c\/strong\u003e\u003cbr data-start=\"1544\" data-end=\"1547\"\u003eCarcasa din magneziu este ultraușoară, rezistentă la coroziune și durabilă. Designul etanș protejează împotriva apei și prafului, iar cutia de viteze optimizată face motorul aproape... mut. Doar tu și natura.\u003c\/p\u003e\n\u003cp data-start=\"1509\" data-end=\"1755\"\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv data-v-app=\"\"\u003e\n\u003csection id=\"rowa8fcc94c-cb41-4623-a243-d9b99626f567\" class=\"columns block bg-section-bg text-section-text section-spacing-top section-spacing-bottom section-default section-spacing-x\"\u003e\n\u003cdiv class=\"grid grid-cols-1 md:grid-cols-5 gap-15 justify-center align-center\"\u003e\n\u003cp data-start=\"1509\" data-end=\"1755\"\u003e\u003cimg class=\"aligncenter\" src=\"https:\/\/www.bike-discount.de\/media\/image\/a4\/27\/51\/bosch-ebike-flowapp-ios-homescreenbosch-my2022-de.jpg\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"column col-span-3\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003ch1 style=\"text-align: center;\" data-start=\"1757\" data-end=\"1828\"\u003e📲 \u003cstrong data-start=\"1760\" data-end=\"1790\"\u003eAplicația Bosch eBike Flow - \u003c\/strong\u003eCentrul tău de control, regândit:\u003c\/h1\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"1831\" data-end=\"1888\"\u003e\u003cstrong data-start=\"1831\" data-end=\"1862\"\u003e🔄 Actualizări Over-the-Air\u003c\/strong\u003e pentru motor și baterie\u003c\/p\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"1891\" data-end=\"1953\"\u003e\u003cstrong data-start=\"1891\" data-end=\"1921\"\u003e📈 Înregistrare activitate\u003c\/strong\u003e – compatibilă cu Apple Health\u003c\/p\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"1956\" data-end=\"2023\"\u003e\u003cstrong data-start=\"1956\" data-end=\"1994\"\u003e🛠️ Personalizare moduri de rulare\u003c\/strong\u003e (Eco, Tour+, Sport, Turbo)\u003c\/p\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"2026\" data-end=\"2084\"\u003e\u003cstrong data-start=\"2026\" data-end=\"2050\"\u003e📊 Toate datele live\u003c\/strong\u003e – baterie, autonomie, întreținere\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv data-v-app=\"\"\u003e\n\u003csection id=\"rowa8fcc94c-cb41-4623-a243-d9b99626f567\" class=\"columns block bg-section-bg text-section-text section-spacing-top section-spacing-bottom section-default section-spacing-x\"\u003e\n\u003cdiv class=\"grid grid-cols-1 md:grid-cols-5 gap-15 justify-center align-center\"\u003e\n\u003cdiv class=\"column col-span-3\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"2276\" data-end=\"2358\"\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg class=\"aligncenter\" src=\"https:\/\/www.bike-discount.de\/media\/image\/15\/ee\/ca\/bosch-ebike-ledremote-my2022.jpg\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv data-v-app=\"\"\u003e\n\u003csection id=\"rowa8fcc94c-cb41-4623-a243-d9b99626f567\" class=\"columns block bg-section-bg text-section-text section-spacing-top section-spacing-bottom section-default section-spacing-x\"\u003e\n\u003cdiv class=\"grid grid-cols-1 md:grid-cols-5 gap-15 justify-center align-center\"\u003e\n\u003cdiv class=\"column col-span-3\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003ch1 data-start=\"2360\" data-end=\"2398\"\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\" data-start=\"2360\" data-end=\"2398\"\u003e\n\u003cstrong data-start=\"2363\" data-end=\"2396\"\u003eLED \u003c\/strong\u003e🟢 \u003cstrong data-start=\"2363\" data-end=\"2396\"\u003eRemote – Control intuitiv\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"2401\" data-end=\"2457\"\u003e\u003cstrong data-start=\"2401\" data-end=\"2455\"\u003e👁️ Feedback vizual prin culori pentru fiecare mod\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"2460\" data-end=\"2509\"\u003e\u003cstrong data-start=\"2460\" data-end=\"2507\"\u003e🌞 Vizibilitate excelentă chiar și în soare\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"2512\" data-end=\"2567\"\u003e\u003cstrong data-start=\"2512\" data-end=\"2565\"\u003e📱 Conectivitate completă cu aplicația eBike Flow\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"2570\" data-end=\"2618\"\u003e\u003cstrong data-start=\"2570\" data-end=\"2616\"\u003e🔋 Baterie reîncărcabilă, ușor de înlocuit\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"2570\" data-end=\"2618\"\u003e\u003cstrong data-start=\"2621\" data-end=\"2666\"\u003e🧤 Ergonomie perfectă pentru degetul mare\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-start=\"2570\" data-end=\"2618\"\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg class=\"aligncenter\" src=\"https:\/\/www.bike-discount.de\/media\/image\/aa\/fa\/64\/Bosch-PowerTube-600-und-800.jpg\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv data-v-app=\"\"\u003e\n\u003csection id=\"rowa8fcc94c-cb41-4623-a243-d9b99626f567\" class=\"columns block bg-section-bg text-section-text section-spacing-top section-spacing-bottom section-default section-spacing-x\"\u003e\n\u003cdiv class=\"grid grid-cols-1 md:grid-cols-5 gap-15 justify-center align-center\"\u003e\n\u003cdiv class=\"column col-span-3\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003ch1 data-start=\"2668\" data-end=\"2734\"\u003e\u003c\/h1\u003e\n\u003ch1 data-start=\"2668\" data-end=\"2734\"\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\" data-start=\"2668\" data-end=\"2734\"\u003e🔋 \u003cstrong data-start=\"2671\" data-end=\"2732\"\u003eBosch PowerTube 600 \/ 800 – Energie pentru orice aventură\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"\"\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"2737\" data-end=\"2772\"\u003e\u003cstrong data-start=\"2737\" data-end=\"2770\"\u003e🏔️ Până la 800 Wh capacitate\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"2775\" data-end=\"2816\"\u003e\u003cstrong data-start=\"2775\" data-end=\"2814\"\u003e🧲 Design integrat perfect în cadru\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"2819\" data-end=\"2863\"\u003e\u003cstrong data-start=\"2819\" data-end=\"2861\"\u003e🔐 Sistem de blocare intuitiv și sigur\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"2866\" data-end=\"2936\"\u003e\u003cstrong data-start=\"2866\" data-end=\"2909\"\u003e🔌 Compatibil cu extensia PowerMore 250\u003c\/strong\u003e – pentru autonomie extinsă\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp data-start=\"2866\" data-end=\"2936\"\u003e\n\u003c\/p\u003e\u003cp data-start=\"2866\" data-end=\"2936\"\u003e\n\u003c\/p\u003e\u003cp data-start=\"2866\" data-end=\"2936\"\u003e\n\u003c\/p\u003e\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv data-v-app=\"\"\u003e\n\u003csection id=\"rowa8fcc94c-cb41-4623-a243-d9b99626f567\" class=\"columns block bg-section-bg text-section-text section-spacing-top section-spacing-bottom section-default section-spacing-x\"\u003e\n\u003cdiv class=\"grid grid-cols-1 md:grid-cols-5 gap-15 justify-center align-center\"\u003e\n\u003cdiv class=\"column col-span-3\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003ch1 style=\"text-align: center;\" data-start=\"0\" data-end=\"46\"\u003e🔋 \u003cstrong data-start=\"3\" data-end=\"46\"\u003eComparație PowerTube Bosch Smart System\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv data-v-app=\"\"\u003e\n\u003csection id=\"rowa8fcc94c-cb41-4623-a243-d9b99626f567\" class=\"columns block bg-section-bg text-section-text section-spacing-top section-spacing-bottom section-default section-spacing-x\"\u003e\n\u003cdiv class=\"grid grid-cols-1 md:grid-cols-5 gap-15 justify-center align-center\"\u003e\n\u003cdiv class=\"column col-span-3\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003cdiv class=\"group pointer-events-none relative flex justify-center *:pointer-events-auto\"\u003e\n\u003cdiv class=\"tableContainer horzScrollShadows relative\"\u003e\n\u003ctable class=\"min-w-full\" style=\"height: 391px;\" width=\"723\" data-start=\"48\" data-end=\"990\"\u003e\n\u003cthead data-start=\"48\" data-end=\"141\"\u003e\n\u003ctr data-start=\"48\" data-end=\"141\"\u003e\n\u003cth data-start=\"48\" data-end=\"78\"\u003eCaracteristici\u003c\/th\u003e\n\u003cth data-start=\"78\" data-end=\"109\"\u003e\u003cstrong data-start=\"80\" data-end=\"97\"\u003ePowerTube 600\u003c\/strong\u003e\u003c\/th\u003e\n\u003cth data-start=\"109\" data-end=\"141\"\u003e\u003cstrong data-start=\"111\" data-end=\"128\"\u003ePowerTube 800\u003c\/strong\u003e\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody data-start=\"235\" data-end=\"990\"\u003e\n\u003ctr data-start=\"235\" data-end=\"328\"\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"235\" data-end=\"265\"\u003e🔧 \u003cstrong data-start=\"240\" data-end=\"250\"\u003eSistem\u003c\/strong\u003e\n\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"265\" data-end=\"296\"\u003eThe smart system\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"296\" data-end=\"328\"\u003eThe smart system\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-start=\"329\" data-end=\"422\"\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"329\" data-end=\"359\"\u003e🧩 \u003cstrong data-start=\"334\" data-end=\"345\"\u003eMontare\u003c\/strong\u003e\n\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"359\" data-end=\"390\"\u003eÎn cadru\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"390\" data-end=\"422\"\u003eÎn cadru (orizontal\/vertical)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-start=\"423\" data-end=\"515\"\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"423\" data-end=\"452\"\u003e⚡ \u003cstrong data-start=\"427\" data-end=\"439\"\u003eTensiune\u003c\/strong\u003e\n\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"452\" data-end=\"483\"\u003e36 V\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"483\" data-end=\"515\"\u003e36 V\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-start=\"516\" data-end=\"609\"\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"516\" data-end=\"546\"\u003e🔋 \u003cstrong data-start=\"521\" data-end=\"543\"\u003eCapacitate baterie\u003c\/strong\u003e\n\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"546\" data-end=\"577\"\u003e16.7 Ah\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"577\" data-end=\"609\"\u003e22.2 Ah\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-start=\"610\" data-end=\"702\"\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"610\" data-end=\"639\"\u003e⚡ \u003cstrong data-start=\"614\" data-end=\"637\"\u003eEnergie disponibilă\u003c\/strong\u003e\n\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"639\" data-end=\"670\"\u003e~600 Wh\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"670\" data-end=\"702\"\u003e~800 Wh\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-start=\"703\" data-end=\"796\"\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"703\" data-end=\"733\"\u003e⚖️ \u003cstrong data-start=\"708\" data-end=\"720\"\u003eGreutate\u003c\/strong\u003e\n\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"733\" data-end=\"764\"\u003e~3.0 kg\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"764\" data-end=\"796\"\u003e~3.9 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-start=\"797\" data-end=\"897\"\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"797\" data-end=\"827\"\u003e📏 \u003cstrong data-start=\"802\" data-end=\"816\"\u003eDimensiuni\u003c\/strong\u003e\n\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"827\" data-end=\"858\"\u003e424 × 71 × 67 mm\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"858\" data-end=\"897\"\u003e424 × 77 × 71 mm \/ 430 × 71 × 77 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-start=\"898\" data-end=\"990\"\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"898\" data-end=\"930\"\u003e🔗 \u003cstrong data-start=\"903\" data-end=\"929\"\u003eCompatibil DualBattery\u003c\/strong\u003e\n\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"930\" data-end=\"958\"\u003eDa\u003c\/td\u003e\n\u003ctd class=\"max-w-\u0026lt;calc(var(--thread-content-max-width)*2\/3)\u0026gt;\" data-start=\"958\" data-end=\"990\"\u003eDa\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv data-v-app=\"\"\u003e\n\u003csection id=\"rowa8fcc94c-cb41-4623-a243-d9b99626f567\" class=\"columns block bg-section-bg text-section-text section-spacing-top section-spacing-bottom section-default section-spacing-x\"\u003e\n\u003cdiv class=\"grid grid-cols-1 md:grid-cols-5 gap-15 justify-center align-center\"\u003e\n\u003cdiv class=\"column col-span-3\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003cp class=\"\" data-start=\"992\" data-end=\"1035\"\u003e⏱️ \u003cstrong data-start=\"995\" data-end=\"1033\"\u003eTimp de încărcare cu încărcător 4A\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-start=\"1036\" data-end=\"1116\"\u003e\n\u003cli class=\"\" data-start=\"1036\" data-end=\"1076\"\u003e\n\u003cp class=\"\" data-start=\"1038\" data-end=\"1076\"\u003e50%: ~2.0h (600 Wh) \/ ~2.6h (800 Wh)\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-start=\"1077\" data-end=\"1116\"\u003e\n\u003cp class=\"\" data-start=\"1079\" data-end=\"1116\"\u003e100%: ~5.3h (600 Wh) \/ ~6.9h (800 Wh)\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"\" data-start=\"1118\" data-end=\"1161\"\u003e⏱️ \u003cstrong data-start=\"1121\" data-end=\"1159\"\u003eTimp de încărcare cu încărcător 2A\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul data-start=\"1162\" data-end=\"1243\"\u003e\n\u003cli class=\"\" data-start=\"1162\" data-end=\"1202\"\u003e\n\u003cp class=\"\" data-start=\"1164\" data-end=\"1202\"\u003e50%: ~4.2h (600 Wh) \/ ~5.7h (800 Wh)\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"\" data-start=\"1203\" data-end=\"1243\"\u003e\n\u003cp class=\"\" data-start=\"1205\" data-end=\"1243\"\u003e100%: ~9.1h (600 Wh) \/ ~12.4h (800 Wh)\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\" data-start=\"2938\" data-end=\"3144\"\u003e🪄 \u003cstrong data-start=\"2941\" data-end=\"2982\"\u003eO bicicletă. Posibilități nelimitate.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\" data-start=\"2938\" data-end=\"3144\"\u003e\u003cbr data-start=\"2982\" data-end=\"2985\"\u003eDe la aventuri solo la ture epice pe trail, sistemul smart Bosch transformă fiecare ieșire într-o experiență memorabilă. E timpul să uiți ce înseamnă limitele.\u003c\/p\u003e\n\u003cp class=\"\" style=\"text-align: center;\" data-start=\"3146\" data-end=\"3230\"\u003eVrei și traducerea pentru Kiox, baterie sau Flow App în același stil? Pot continua ✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ehttps:\/\/youtu.be\/SdKz_q_uhaU\u003c\/p\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg class=\"size-full wp-image-221455\" title=\"Screenshot 2025 04 20 at 13.07.19\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2025-04-20-at-13_07_19.png\" alt=\"Screenshot 2025 04 20 at 13.07.19\" width=\"4596\" height=\"1870\"\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003ch1 class=\"p1\" style=\"text-align: center;\"\u003e\n\u003cb\u003eO geometrie gândită pentru \u003c\/b\u003e\u003cb\u003e😜 \u003c\/b\u003e\u003cb\u003edistracție.\u003c\/b\u003e\n\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg class=\"size-full wp-image-221454\" title=\"Screenshot 2025 04 20 at 13.08.12\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2025-04-20-at-13_08_12.png\" alt=\"Screenshot 2025 04 20 at 13.08.12\" width=\"4706\" height=\"1776\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp class=\"\" data-start=\"0\" data-end=\"439\"\u003e🚵‍♂️ \u003cstrong data-start=\"6\" data-end=\"59\"\u003eDistracție nelimitată pe trasee, în sus și în jos\u003c\/strong\u003e\u003cbr data-start=\"59\" data-end=\"62\"\u003eGeometria echilibrată a modelului JAM² reflectă spiritul său versatil – construit pentru a-ți oferi distracție maximă, atât la urcare, cât și la coborâre. La vale, bicicleta este intuitivă și ușor de controlat, chiar și pe viraje largi sau trasee necunoscute. La urcare, greutatea este distribuită perfect, oferind aderență excelentă pe roata din față – chiar și pe teren plat.\u003c\/p\u003e\n\u003cp class=\"\" data-start=\"441\" data-end=\"951\"\u003e😄 \u003cstrong data-start=\"444\" data-end=\"504\"\u003eToată jucăușenia de care ai nevoie pentru un zâmbet larg\u003c\/strong\u003e\u003cbr data-start=\"504\" data-end=\"507\"\u003eNici o altă bicicletă din gama JAM² nu-ți transformă fiecare impuls într-o schimbare de direcție sau viteză atât de direct. Reglajul suspensiei este ferm, reactiv și sportiv – fără a compromite aderența. Te lansezi din viraj în viraj, de pe val în val, cu zâmbetul larg pe față. Poți zbura prin aer când te-ai plictisit de rularea lină și poți simți perfect feedback-ul solului, în timp ce bicicleta absoarbe pietre cât o minge de fotbal. Epic.\u003c\/p\u003e\n\u003cp class=\"\" data-start=\"953\" data-end=\"1430\"\u003e🛡️ \u003cstrong data-start=\"957\" data-end=\"1003\"\u003eControl total când lucrurile devin intense\u003c\/strong\u003e\u003cbr data-start=\"1003\" data-end=\"1006\"\u003ePentru a-ți duce abilitățile la următorul nivel, ai nevoie de încredere absolută în echipare: anvelope late de 2.6\" și frâne puternice cu discuri de 200 mm. Vrei să tragi un pic mai tare? Sau să intri într-un viraj cu mai mult entuziasm? Ai frâne și anvelope care să țină pasul.\u003cbr data-start=\"1284\" data-end=\"1287\"\u003e💡 În plus, poți monta un AirTag sau Chipolo sub șinele bateriei, ca să știi întotdeauna unde e bicicleta ta – chiar și când nu ești pe traseu.\u003c\/p\u003e\n\u003cp class=\"\" data-start=\"1432\" data-end=\"1892\"\u003e🔋 \u003cstrong data-start=\"1435\" data-end=\"1488\"\u003eAlege bateria perfectă pentru stilul tău de trail\u003c\/strong\u003e\u003cbr data-start=\"1488\" data-end=\"1491\"\u003eMai multă baterie nu înseamnă mereu mai bine. JAM² vine standard cu o baterie compactă de 600 Wh, ușor de scos, într-un design slim. Dar pentru cei care vor mai mult, cadrul acceptă și o baterie de 800 Wh – tot ce se schimbă este capacul down tube-ului.\u003cbr data-start=\"1744\" data-end=\"1747\"\u003e✔️ Compatibilă și cu extenderul de 250 Wh – rezultând până la 1050 Wh de autonomie. Spoiler alert: vei obosi tu înainte să se descarce bicicleta.\u003c\/p\u003e\n\u003cp class=\"\" data-start=\"1894\" data-end=\"2208\"\u003e⚡ \u003cstrong data-start=\"1896\" data-end=\"1925\"\u003ePutere Bosch de încredere\u003c\/strong\u003e\u003cbr data-start=\"1925\" data-end=\"1928\"\u003eMotorul Bosch Performance Line CX Gen. 5 e și mai rafinat, silențios și fiabil. Suport de 85 Nm, 600W și reacție instantă la fiecare pedală – pentru flow maxim pe orice teren.\u003cbr data-start=\"2103\" data-end=\"2106\"\u003e🧠 Smart System, integrare totală, display inclus și toată inteligența Bosch în slujba aventurii tale.\u003c\/p\u003e\n\u003cp class=\"\" data-start=\"2210\" data-end=\"2506\"\u003e✨ \u003cstrong data-start=\"2212\" data-end=\"2228\"\u003eLook premium\u003c\/strong\u003e\u003cbr data-start=\"2228\" data-end=\"2231\"\u003eAsta nu e o bicicletă din carbon? Nimeni nu s-ar prinde. Cu suduri finisate perfect și design curat în zona headtube-ului și shock mount-ului, JAM² arată sofisticat. Vopseaua în două tonuri metalice și tija C.I.S. 2.0 completează estetica. O apariție elegantă, gata de trail.\u003c\/p\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"bluefoot-row bluefoot-structural with-media-background\"\u003e\n\u003cdiv class=\"bluefoot-wrapper\"\u003e\n\u003cdiv class=\"bluefoot-column bluefoot-structural bluefoot-column-12\"\u003e\n\u003cdiv class=\"bluefoot-html bluefoot-entity\"\u003e\n\u003cdiv class=\"column col-span-1\"\u003e\n\u003cdiv class=\"bg-\u0026lt;color:var(--wrapper-bg-color)\u0026gt; bg-\u0026lt;image:var(--bg-image)\u0026gt; bg-undefined md:bg-\u0026lt;image:var(--bg-image-desktop)\u0026gt; md:bg-undefined\"\u003e\n\u003ch2 class=\"bg-\u0026lt;image:var(--bg-image)\u0026gt; bg-contain md:bg-\u0026lt;image:var(--bg-image-desktop)\u0026gt; md:bg-contain bg-\u0026lt;position:var(--bg-position)\u0026gt;\"\u003e\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"column col-span-1\"\u003e\n\u003csection class=\"relative content-slider group block w-full\"\u003e\n\u003cdiv class=\"swiper swiper-fade swiper-initialized swiper-horizontal swiper-watch-progress swiper-backface-hidden\"\u003e\n\u003cdiv id=\"swiper-wrapper-af6a65ab10e6dbcfd\" class=\"swiper-wrapper\" aria-live=\"polite\"\u003e\n\u003cimg class=\"pb-20 object-cover w-full alignnone\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/focus_my25_jam2_familypage_content_trailfun_600x500.jpg\" alt=\"\" width=\"500\" height=\"417\"\u003e\u003cimg class=\"pb-20 object-cover w-full alignnone\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/focus_my25_jam2_familypage_fullcontrol_content_600x500.jpg\" alt=\"\" width=\"500\" height=\"417\"\u003e\u003cimg class=\"pb-20 object-cover w-full alignnone\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/focus_my25_jam2_familypage_playfulness_content_600x500.jpg\" alt=\"\" width=\"500\" height=\"417\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"column col-span-1\"\u003e\n\u003csection class=\"relative content-slider group block w-full\"\u003e\n\u003cdiv class=\"swiper swiper-fade swiper-initialized swiper-horizontal swiper-watch-progress swiper-backface-hidden\"\u003e\n\u003cdiv id=\"swiper-wrapper-e220194b7fee1d3d\" class=\"swiper-wrapper\" aria-live=\"polite\"\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bluefoot-row bluefoot-structural with-media-background\"\u003e\n\u003cdiv class=\"bluefoot-wrapper\"\u003e\n\u003cdiv class=\"bluefoot-column bluefoot-structural bluefoot-column-8\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bluefoot-column bluefoot-structural bluefoot-column-4\"\u003e\n\u003cdiv class=\"multi-title bluefoot-entity\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003e\u003c\/h4\u003e\n\u003ch2 class=\"section-title\"\u003eDescriere\u003c\/h2\u003e\n\u003cdiv class=\"section-content\"\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cdiv class=\"rte-content\"\u003e\n\u003ctable border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eCadru\u003c\/td\u003e\n\u003ctd\u003e7005 hydroformed aluminium, 150 mm F.O.L.D. kinematics, 148x12 mm thru axle, Post Mount 180 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFurca\u003c\/td\u003e\n\u003ctd\u003eRock Shox Lyrik Select, Debon Air+, Charger RC, 160 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGhidon\u003c\/td\u003e\n\u003ctd\u003eAlloy, width: 800 mm, rise: 30 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSa\u003c\/td\u003e\n\u003ctd\u003eSelle Italia X3 Boost\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTija Sa\u003c\/td\u003e\n\u003ctd\u003ePost Moderne DP-212, S \/ M \/L \/ XL: 125 \/ 170 \/ 200 \/ 200 mm, 31,6 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePipa\u003c\/td\u003e\n\u003ctd\u003eFOCUS C.I.S. 2.0, 40 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFrane\u003c\/td\u003e\n\u003ctd\u003eSRAM DB8, 4-piston,SRAM DB8, 4-piston\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAngrenaj\u003c\/td\u003e\n\u003ctd\u003eSamox, 165 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eManete Schimbator\u003c\/td\u003e\n\u003ctd\u003eNew SRAM Eagle Transmission\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuvete\u003c\/td\u003e\n\u003ctd\u003eACROS ZS56\/ZS66 (ICR), FOCUS C.I.S. Integrated\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAnvelope\u003c\/td\u003e\n\u003ctd\u003eSchwalbe Albert, Super Trail, ADDIX Ultra Soft, 29 x 2,6\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eJante\u003c\/td\u003e\n\u003ctd\u003eRaceface AR-30, alloy, 29\",Raceface AR-30, alloy, 29\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eButuci\u003c\/td\u003e\n\u003ctd\u003eFormula DC-611 - DC-648\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMansoane\u003c\/td\u003e\n\u003ctd\u003eVP Lock-On Grips\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchimbator Spate\u003c\/td\u003e\n\u003ctd\u003eNew SRAM Eagle Transmission\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLant\u003c\/td\u003e\n\u003ctd\u003eNew SRAM Eagle Transmission\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAmortizor\u003c\/td\u003e\n\u003ctd\u003eRock Shox Super Deluxe Select, DebonAir+, 150 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBaterie\u003c\/td\u003e\n\u003ctd\u003eBosch PowerTube Li-Ion - 600 Wh,800 Wh\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDisplay\u003c\/td\u003e\n\u003ctd\u003eBosch Purion 200\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMotor\u003c\/td\u003e\n\u003ctd\u003eBosch Performance Line CX, 85 NM\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bluefoot-column bluefoot-structural bluefoot-column-4\"\u003e\n\u003cdiv class=\"bluefoot-entity bluefoot-textarea bluefoot-entity\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eAm răsfoit albume vechi și am regăsit momente pline de magie. Ne-am privit pe noi, în versiuni mai mici. Am descoperit asemănări, dar și diferențe. Am realizat ce-am pierdut pe drum și ce ne lipsește acum. Ne-a pus pe gânduri. Nu e vorba despre nostalgie, ci despre a ne aminti ce contează cu adevărat și ce nu.\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv\u003e\n\u003cp class=\"p3\"\u003eDe ce îi invidiem pe copii? Pentru că se pierd complet în clipă. Uită de timp, uită de tot. Îi invidiem pentru curiozitatea și imaginația lor, dar și pentru felul în care nu se tem — percep riscurile altfel.\u003c\/p\u003e\n\u003cp class=\"p3\"\u003eSuntem aceiași oameni care eram cândva: artiști, visători, exploratori, piloți, constructori… cum vrei tu să le spui. Dar un lucru e sigur: copilul din noi nu dispare niciodată. Poate îl ascundem, dar tot acolo rămâne. Așa că ne-am întrebat:\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1 class=\"p1\" style=\"text-align: center;\"\u003e\u003cb\u003eCe-ar spune despre noi versiunea noastră de la 10 ani, dacă ne-ar vedea astăzi?”\u003c\/b\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3 class=\"p1\"\u003e\u003cb\u003e„Când vorbim despre copilul din noi, ne întoarcem automat la cine am fost ca și copii. Ce ne pasiona, ce ne definea și cum ne-au modelat acele momente în oamenii de azi?”\u003c\/b\u003e\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003cdiv\u003e\n\u003ch3 class=\"p1\"\u003e\u003cb\u003e... „Văd că încă ești un visător cu ochii deschiși. Dar ce naiba e cu lista aia de to-do de pe birou? Stai chill și bucură-te de fiecare moment!”\u003c\/b\u003e\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1 class=\"p1\" style=\"text-align: center;\"\u003e\n\u003cb\u003e„Acum e momentul tău 🤘 să faci la fel:\u003c\/b\u003e\u003cb\u003e\u003c\/b\u003e\n\u003c\/h1\u003e\n\u003cp class=\"p3\" style=\"text-align: center;\"\u003eRăsfoiește albumele și descoperă micile nestemate acoperite de praf, ascunse în spatele ușilor de dulap. Redescoperă-te pe tine și cufundă-te în momentele lipsite de griji ale copilăriei.”\u003c\/p\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003ch4\u003e\u003c\/h4\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\u003ca class=\"product--supplier-link\" title=\"Further products by Focus\" href=\"https:\/\/www.focus-bikes.com\/int\/\" target=\"_blank\" rel=\"noopener\"\u003e\u003cimg class=\"aligncenter\" src=\"https:\/\/www.bike-discount.de\/media\/image\/22\/39\/02\/focus-logo.png\" alt=\"Focus\" width=\"255\" height=\"108\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\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\n\u003cdiv class=\"bluefoot-row bluefoot-structural\"\u003e\n\u003cdiv class=\"bluefoot-wrapper\"\u003e\n\u003cdiv class=\"bluefoot-column bluefoot-structural bluefoot-column-2\"\u003e\n\u003cdiv class=\"bluefoot-html bluefoot-entity\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bluefoot-column bluefoot-structural bluefoot-column-2\"\u003e\n\u003cdiv class=\"bluefoot-html bluefoot-entity\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"focus-cta-button-wrapper center-cta-button\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Focus","offers":[{"title":"L \/ Argintiu","offer_id":57494259106174,"sku":"FOC-680511122","price":22999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Negru","offer_id":57494259138942,"sku":"FOC-680511127","price":22999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Argintiu","offer_id":57494259171710,"sku":"FOC-680511121","price":29995.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Negru","offer_id":57494259204478,"sku":"FOC-680511126","price":22999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Argintiu","offer_id":57494259237246,"sku":"FOC-680511120","price":29995.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Negru","offer_id":57494259270014,"sku":"FOC-680511125","price":29995.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Argintiu","offer_id":57494259302782,"sku":"FOC-680511123","price":29995.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Negru","offer_id":57494259335550,"sku":"FOC-680511128","price":22999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/6000_AV3dk8Txu3q17Qa7.png?v=1780304169"},{"product_id":"urrun-30-s-magnetic-bronze-matt-silver-gloss-2","title":"Bicicleta Ecectrica MTB ORBEA URRUN 30","description":"\u003ch1 style=\"text-align: center;\"\u003eBicicleta Electrica MTB ORBEA URRUN 30\u003c\/h1\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290986\" class=\"elementor elementor-290986\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-3788e0d e-flex e-con-boxed e-con e-parent\" data-id=\"3788e0d\" 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-0465c0f elementor-widget elementor-widget-html\" data-id=\"0465c0f\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea URRUN - Landing Page Premium Edition - E-MTB Trail Machine --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea URRUN e-MTB, bicicletă electrică mountain bike, Shimano EP RS Gen2 România --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* ============================================\n CSS VARIABLES \u0026 DESIGN SYSTEM - URRUN EDITION\n ============================================ *\/\n .urrun-page {\n --urrun-black: #1d1d1f;\n --urrun-white: #ffffff;\n --urrun-gray-50: #fafafa;\n --urrun-gray-100: #f5f5f7;\n --urrun-gray-200: #e8e8ed;\n --urrun-gray-300: #d2d2d7;\n --urrun-gray-500: #86868b;\n --urrun-gray-600: #6e6e73;\n --urrun-gray-700: #515154;\n --urrun-gray-800: #2d2d2d;\n --urrun-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e \/* URRUN Signature Colors - Trail Green\/Teal (e-MTB Theme) *\/\n --urrun-green: #1a5e3a;\n --urrun-green-light: #2a7a50;\n --urrun-green-dark: #0f3d25;\n --urrun-emerald: #10b981;\n --urrun-teal: #14b8a6;\n --urrun-forest: #065f46;\u003c\/p\u003e\n\u003cp\u003e --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\n\u003cp\u003e \/* Animation timing functions *\/\n --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\n --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\n --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\n ============================================ *\/\n .urrun-page {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n position: relative !important;\n overflow-x: hidden;\n overflow-y: visible;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-widget-container:has(.urrun-page),\n .elementor-element:has(.urrun-page) {\n max-width: 100vw !important;\n padding: 0 !important;\n margin: 0 !important;\n width: 100% !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-section:has(.urrun-page),\n .elementor-container:has(.urrun-page),\n .elementor-column:has(.urrun-page),\n .elementor-widget:has(.urrun-page) {\n padding: 0 !important;\n margin: 0 !important;\n gap: 0 !important;\n max-width: 100vw !important;\n width: 100% !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Mobile Elementor overrides *\/\n @media (max-width: 768px) {\n .elementor-widget-container:has(.urrun-page),\n .elementor-element:has(.urrun-page),\n .elementor-section:has(.urrun-page),\n .elementor-container:has(.urrun-page),\n .elementor-column:has(.urrun-page),\n .elementor-widget:has(.urrun-page),\n .elementor-column-gap-default:has(.urrun-page) {\n padding: 0 !important;\n margin: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n overflow-x: hidden !important;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n ============================================ *\/\n .elementor-widget-container .urrun-page h1,\n .elementor-widget-container .urrun-page h2,\n .elementor-widget-container .urrun-page h3,\n .elementor-widget-container .urrun-page h4,\n .elementor-widget-container .urrun-page h5,\n .elementor-widget-container .urrun-page h6,\n .elementor-kit-6 .urrun-page h1,\n .elementor-kit-6 .urrun-page h2,\n .elementor-kit-6 .urrun-page h3,\n .elementor-kit-6 .urrun-page h4,\n .elementor-kit-6 .urrun-page h5,\n .elementor-kit-6 .urrun-page h6,\n .urrun-page h1,\n .urrun-page h2,\n .urrun-page h3,\n .urrun-page h4,\n .urrun-page h5,\n .urrun-page h6 {\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\n color: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-kit-6 .urrun-page h2,\n .elementor-widget-container .urrun-page h2 {\n font-size: inherit !important;\n font-weight: inherit !important;\n line-height: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n WOOCOMMERCE TAB PANEL H2 OVERRIDE\n Fix: WooCommerce hides h2:nth-child(1) in product tabs\n ============================================ *\/\n .single-product-tabs .woocommerce-Tabs-panel .urrun-page h2,\n .woocommerce-Tabs-panel .urrun-page h2,\n .urrun-page h2.urrun-title-main,\n .urrun-page h2 {\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESET \u0026 BASE\n ============================================ *\/\n .urrun-page {\n font-family: var(--font-main);\n color: var(--urrun-black);\n background: var(--urrun-white);\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-page * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-page img,\n .urrun-page video {\n max-width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n KEYFRAME ANIMATIONS\n ============================================ *\/\n @keyframes fadeInUp {\n 0% { opacity: 0; transform: translateY(40px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes blurFadeIn {\n 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\n 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes scaleReveal {\n 0% { opacity: 0; transform: scale(0.95); }\n 100% { opacity: 1; transform: scale(1); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes gradientFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes countUp {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYPOGRAPHY\n ============================================ *\/\n .urrun-display-hero {\n font-size: 55px !important;\n font-weight: 800 !important;\n letter-spacing: -0.03em !important;\n line-height: 1 !important;\n text-transform: uppercase;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-display-xl {\n font-size: clamp(2.5rem, 6vw, 5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.05 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-display-lg {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.025em !important;\n line-height: 1.1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-display-md {\n font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\n font-weight: 600 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.2 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-body-xl {\n font-size: clamp(1.125rem, 2vw, 1.375rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--urrun-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-body-lg {\n font-size: clamp(1rem, 1.5vw, 1.125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--urrun-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n APPLE-STYLE TYPOGRAPHY SYSTEM\n ============================================ *\/\n .urrun-title-group {\n text-align: center;\n margin-bottom: 3rem;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-page .urrun-title-main,\n .elementor-kit-6 .urrun-page .urrun-title-main,\n .elementor-widget-container .urrun-page .urrun-title-main {\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.1 !important;\n margin-bottom: 0.25rem !important;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-page .urrun-title-secondary,\n .elementor-kit-6 .urrun-page .urrun-title-secondary,\n .elementor-widget-container .urrun-page .urrun-title-secondary {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.15 !important;\n color: var(--urrun-black) !important;\n margin-bottom: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-subtitle-apple {\n font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--urrun-gray-600);\n max-width: 680px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-subtitle-apple strong {\n color: var(--urrun-black);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Apple-style gradient variations *\/\n .urrun-gradient-trail,\n .urrun-page .urrun-gradient-trail,\n .elementor-widget-container .urrun-gradient-trail {\n background: linear-gradient(90deg, #0f3d25 0%, #1a5e3a 25%, #2a7a50 50%, #10b981 75%, #2a7a50 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-gradient-emerald,\n .urrun-page .urrun-gradient-emerald,\n .elementor-widget-container .urrun-gradient-emerald {\n background: linear-gradient(90deg, #1a5e3a 0%, #2a7a50 35%, #10b981 65%, #6ee7b7 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-gradient-forest,\n .urrun-page .urrun-gradient-forest,\n .elementor-widget-container .urrun-gradient-forest {\n background: linear-gradient(90deg, #0f3d25 0%, #1e5f50 35%, #10b981 65%, #a7f3d0 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-gradient-teal,\n .urrun-page .urrun-gradient-teal,\n .elementor-widget-container .urrun-gradient-teal {\n background: linear-gradient(90deg, #1a5e3a 0%, #2a7a50 35%, #14b8a6 65%, #5eead4 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION - GRADIENT BACKGROUND\n ============================================ *\/\n .urrun-hero {\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 600px;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #0f3d25 0%, #1a5e3a 30%, #2a7a50 60%, #065f46 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-hero-video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-hero-image {\n position: absolute;\n top: 0;\n right: 0;\n width: 50%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n opacity: 0.9;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.25);\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n color: var(--urrun-white);\n padding: 0 24px;\n max-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-hero-title {\n margin-bottom: 24px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-hero-subtitle {\n font-size: clamp(1.125rem, 2.5vw, 1.5rem);\n font-weight: 400;\n line-height: 1.6;\n max-width: 650px;\n margin: 0 auto 32px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELIMINATE ALL GAPS BETWEEN SECTIONS\n ============================================ *\/\n .urrun-page section {\n margin: 0 !important;\n padding-top: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-page \u003e section + section {\n margin-top: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n INTRO \/ PHILOSOPHY SECTION (Less E More Bike)\n ============================================ *\/\n .urrun-intro-section {\n padding: 140px 24px;\n background: var(--urrun-white);\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-intro-container {\n max-width: 1000px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-intro-eyebrow {\n font-size: 0.9375rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--urrun-green);\n margin-bottom: 32px;\n -webkit-text-fill-color: var(--urrun-green) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-intro-headline {\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.1 !important;\n color: var(--urrun-black) !important;\n -webkit-text-fill-color: var(--urrun-black) !important;\n margin-bottom: 40px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-intro-headline .urrun-gradient-trail {\n font-size: inherit !important;\n font-weight: inherit !important;\n line-height: inherit !important;\n background: linear-gradient(90deg, #10b981 0%, #6ee7b7 40%, #5eead4 70%, #14b8a6 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 .urrun-intro-text {\n font-size: clamp(1.1875rem, 2.2vw, 1.5rem);\n line-height: 1.8;\n color: var(--urrun-gray-600);\n -webkit-text-fill-color: var(--urrun-gray-600) !important;\n max-width: 750px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-intro-text strong {\n color: var(--urrun-black);\n -webkit-text-fill-color: var(--urrun-black) !important;\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FULL WIDTH IMAGE SECTION\n ============================================ *\/\n .urrun-fullwidth-image {\n width: 100%;\n line-height: 0;\n margin: 0 !important;\n padding: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-fullwidth-image img {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TEXT + IMAGE SPLIT SECTION\n ============================================ *\/\n .urrun-split-section {\n padding: 120px 24px;\n background: var(--urrun-white);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-split-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-split-container.reverse {\n direction: rtl;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-split-container.reverse \u003e * {\n direction: ltr;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-split-text h3 {\n font-size: clamp(1.5rem, 3vw, 2.25rem);\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 24px;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-split-text p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--urrun-gray-600);\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-split-text p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-split-image {\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-split-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.8s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-split-image:hover img {\n transform: scale(1.03);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-split-section.bg-gray {\n background: var(--urrun-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .urrun-split-container {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-split-container.reverse {\n direction: ltr;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-split-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n EP MOTORS FEATURE CARD (image + text overlay)\n ============================================ *\/\n .urrun-ep-motors-card {\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-ep-motors-card img {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RIDER SYNERGY SECTION\n ============================================ *\/\n .urrun-synergy-section {\n padding: 120px 24px;\n background: var(--urrun-white);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-synergy-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-synergy-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-synergy-modes {\n display: flex;\n flex-direction: column;\n gap: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-synergy-mode h4 {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--urrun-black);\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-synergy-mode h4 span {\n display: inline-block;\n background: linear-gradient(135deg, #1a5e3a, #10b981);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-synergy-mode p {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--urrun-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-synergy-image {\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-synergy-image img {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .urrun-synergy-layout {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-synergy-section {\n padding: 80px 20px !important;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* Responsive: all split title+text grids *\/\n @media (max-width: 900px) {\n .urrun-page \u003cstyle*=\"grid-template-columns: 1fr 1fr\"\u003e {\n grid-template-columns: 1fr !important;\n gap: 32px !important;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HIGHLIGHTS GRID - 3 CARDS\n ============================================ *\/\n .urrun-highlights-section {\n padding: 0;\n background: var(--urrun-white);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-highlights-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-highlight-card {\n position: relative;\n overflow: hidden;\n aspect-ratio: 4\/5;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-highlight-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-highlight-card:hover img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-highlight-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 40px 32px;\n background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-page .urrun-highlight-title,\n .elementor-widget-container .urrun-page .urrun-highlight-title,\n .elementor-kit-6 .urrun-page .urrun-highlight-title,\n .urrun-page .urrun-highlight-card h3,\n h3.urrun-highlight-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 700 !important;\n color: #ffffff !important;\n -webkit-text-fill-color: #ffffff !important;\n margin-bottom: 12px !important;\n line-height: 1.1 !important;\n text-shadow: 0 2px 12px rgba(0,0,0,0.5);\n letter-spacing: -0.02em !important;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-page .urrun-highlight-text,\n .elementor-widget-container .urrun-page .urrun-highlight-text {\n font-size: 1rem !important;\n color: rgba(255, 255, 255, 0.85) !important;\n -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;\n line-height: 1.6 !important;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .urrun-highlights-grid {\n grid-template-columns: 1fr;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-highlight-card {\n aspect-ratio: 16\/10;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n MOTOR SECTION (EP RS Gen2)\n ============================================ *\/\n .urrun-motor-section {\n padding: 120px 24px;\n background: var(--urrun-white);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-motor-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-motor-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-motor-header h2 {\n margin-bottom: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-motor-header p {\n font-size: clamp(1.125rem, 2vw, 1.25rem);\n line-height: 1.8;\n color: var(--urrun-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-motor-video {\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-motor-video video {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-motor-details {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-motor-text h3 {\n font-size: clamp(1.5rem, 3vw, 2rem);\n font-weight: 700;\n margin-bottom: 24px;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-motor-text p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--urrun-gray-600);\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-motor-text p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .urrun-motor-details {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n BATTERY SECTION\n ============================================ *\/\n .urrun-battery-section {\n padding: 120px 24px;\n background: var(--urrun-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-header h2 {\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-header p {\n font-size: clamp(1.125rem, 2vw, 1.25rem);\n line-height: 1.8;\n color: var(--urrun-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-main-image {\n border-radius: 32px;\n overflow: hidden;\n margin-bottom: 48px;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-main-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-features {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-card {\n background: var(--urrun-white);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-card-image {\n aspect-ratio: 16\/10;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-card:hover .urrun-battery-card-image img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-card-content {\n padding: 28px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-card-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 12px;\n color: var(--urrun-black);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-battery-card-text {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--urrun-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .urrun-battery-features {\n grid-template-columns: 1fr;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n GEOMETRY SECTION\n ============================================ *\/\n .urrun-geometry-section {\n padding: 120px 24px;\n background: var(--urrun-gray-100);\n color: var(--urrun-black);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-geometry-container {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-geometry-section .urrun-title-main,\n .urrun-geometry-section .urrun-title-secondary {\n color: var(--urrun-black) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-geometry-section .urrun-subtitle-apple {\n color: var(--urrun-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-geometry-section .urrun-subtitle-apple strong {\n color: var(--urrun-black);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Stat Numbers Grid *\/\n .urrun-stats-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 24px;\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-stat-item {\n text-align: center;\n padding: 32px 16px;\n background: var(--urrun-white);\n border-radius: 20px;\n border: 1px solid var(--urrun-gray-200);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n transition: all 0.4s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-stat-item:hover {\n border-color: rgba(26, 94, 58, 0.3);\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(26, 94, 58, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-stat-number {\n font-size: clamp(2rem, 4vw, 3.5rem);\n font-weight: 800;\n letter-spacing: -0.03em;\n line-height: 1;\n margin-bottom: 8px;\n background: linear-gradient(135deg, #1a5e3a, #10b981);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--urrun-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Geometry Diagram + Details *\/\n .urrun-geometry-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-geometry-image {\n border-radius: 24px;\n overflow: hidden;\n background: var(--urrun-white);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-geometry-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-geometry-details {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-geo-detail-item {\n padding: 20px;\n background: var(--urrun-white);\n border-radius: 16px;\n border: 1px solid var(--urrun-gray-200);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-geo-detail-value {\n font-size: 1.5rem;\n font-weight: 700;\n color: #1a5e3a;\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-geo-detail-label {\n font-size: 0.8125rem;\n color: var(--urrun-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 1100px) {\n .urrun-stats-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .urrun-geometry-content {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-geometry-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 600px) {\n .urrun-stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-stat-item {\n padding: 24px 12px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FORK SECTION\n ============================================ *\/\n .urrun-fork-section {\n padding: 120px 24px;\n background: var(--urrun-white);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-fork-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-fork-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-fork-image {\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-fork-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-fork-content h3 {\n font-size: clamp(1.5rem, 3vw, 2rem);\n font-weight: 700;\n margin-bottom: 20px;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-fork-content p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--urrun-gray-600);\n margin-bottom: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-fork-modes {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-fork-mode {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n padding: 20px;\n background: var(--urrun-gray-50);\n border-radius: 16px;\n transition: all 0.3s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-fork-mode:hover {\n background: var(--urrun-gray-100);\n transform: translateX(4px);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-fork-mode-icon {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: var(--urrun-green);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-fork-mode-icon svg {\n width: 22px;\n height: 22px;\n color: var(--urrun-white);\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-fork-mode-name {\n font-size: 1rem;\n font-weight: 700;\n color: var(--urrun-black);\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .urrun-fork-mode-desc {\n font-size: 0.875rem;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Magnetic Bronze (Matt) - Silver (Gloss)","offer_id":57494504669566,"sku":"T31503XY","price":15371.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite - Blue (Gloss)","offer_id":57494504702334,"sku":"T31503XZ","price":15371.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Cosmic Bronze (Gloss)","offer_id":57494504735102,"sku":"T31503Y9","price":15371.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Magnetic Bronze (Matt) - Silver (Gloss)","offer_id":57494504767870,"sku":"T31505XY","price":15371.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite - Blue (Gloss)","offer_id":57494504800638,"sku":"T31505XZ","price":15371.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Cosmic Bronze (Gloss)","offer_id":57494504833406,"sku":"T31505Y9","price":15371.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Magnetic Bronze (Matt) - Silver (Gloss)","offer_id":57494504866174,"sku":"T31507XY","price":15371.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite - Blue (Gloss)","offer_id":57494504898942,"sku":"T31507XZ","price":15371.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Cosmic Bronze (Gloss)","offer_id":57494504931710,"sku":"T31507Y9","price":15371.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Magnetic Bronze (Matt) - Silver (Gloss)","offer_id":57494504964478,"sku":"T31509XY","price":15371.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite - Blue (Gloss)","offer_id":57494504997246,"sku":"T31509XZ","price":15371.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Cosmic Bronze (Gloss)","offer_id":57494505030014,"sku":"T31509Y9","price":15371.95,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T315TTCC-XY-SIDE-URRUN_30.jpg?v=1780307596"},{"product_id":"rise-lt-m-team-420w-s-myo-2","title":"Bicicletă electrică eMTB ORBEA RISE LT M-TEAM 420W","description":"\u003ch1 style=\"text-align: center;\"\u003eBicicletă electrică eMTB ORBEA RISE LT M-TEAM 420W\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"291044\" class=\"elementor elementor-291044\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-2396303 e-flex e-con-boxed e-con e-parent\" data-id=\"2396303\" 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-9131a22 elementor-widget elementor-widget-html\" data-id=\"9131a22\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea RISE - Landing Page Alma\/Urrun v2 Style - E-MTB Lightweight Machine --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea Rise e-MTB, bicicletă electrică mountain bike lightweight, Shimano EP801 RS România --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* ============================================\n CSS VARIABLES \u0026 DESIGN SYSTEM - RISE EDITION\n ============================================ *\/\n .rise-page {\n --rise-black: #1d1d1f;\n --rise-white: #ffffff;\n --rise-gray-50: #fafafa;\n --rise-gray-100: #f5f5f7;\n --rise-gray-200: #e8e8ed;\n --rise-gray-300: #d2d2d7;\n --rise-gray-500: #86868b;\n --rise-gray-600: #6e6e73;\n --rise-gray-700: #515154;\n --rise-gray-800: #2d2d2d;\n --rise-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e \/* RISE Signature Colors - Teal\/Cyan (Lightweight e-MTB Theme) *\/\n --rise-teal: #0d9488;\n --rise-teal-light: #14b8a6;\n --rise-teal-dark: #115e59;\n --rise-cyan: #06b6d4;\n --rise-cyan-light: #22d3ee;\n --rise-blue: #0071e3;\u003c\/p\u003e\n\u003cp\u003e --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\n\u003cp\u003e \/* Animation timing functions *\/\n --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\n --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\n --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\n ============================================ *\/\n .rise-page {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n position: relative !important;\n overflow-x: hidden !important;\n overflow-y: visible;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Prevent body horizontal scroll caused by 100vw *\/\n html:has(.rise-page),\n body:has(.rise-page) {\n overflow-x: hidden !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-widget-container:has(.rise-page),\n .elementor-element:has(.rise-page) {\n max-width: 100vw !important;\n padding: 0 !important;\n margin: 0 !important;\n width: 100% !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-section:has(.rise-page),\n .elementor-container:has(.rise-page),\n .elementor-column:has(.rise-page),\n .elementor-widget:has(.rise-page) {\n padding: 0 !important;\n margin: 0 !important;\n gap: 0 !important;\n max-width: 100vw !important;\n width: 100% !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* AGGRESSIVE: Override ALL parent containers up to body *\/\n #content:has(.rise-page),\n .site-main:has(.rise-page),\n .site-content:has(.rise-page),\n .entry-content:has(.rise-page),\n .product:has(.rise-page),\n .type-product:has(.rise-page),\n main:has(.rise-page),\n article:has(.rise-page),\n .woocommerce-product-content:has(.rise-page),\n .summary:has(.rise-page),\n .woocommerce-Tabs-panel:has(.rise-page),\n .e-con:has(.rise-page),\n .e-con-inner:has(.rise-page),\n .e-con-full:has(.rise-page),\n .elementor-element-populated:has(.rise-page),\n .elementor-top-section:has(.rise-page),\n .elementor-inner-section:has(.rise-page),\n div:has(\u003e .rise-page) {\n max-width: 100vw !important;\n width: 100% !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n overflow-x: hidden !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Mobile Elementor overrides *\/\n @media (max-width: 768px) {\n .elementor-widget-container:has(.rise-page),\n .elementor-element:has(.rise-page),\n .elementor-section:has(.rise-page),\n .elementor-container:has(.rise-page),\n .elementor-column:has(.rise-page),\n .elementor-widget:has(.rise-page),\n .elementor-column-gap-default:has(.rise-page),\n .elementor-top-section:has(.rise-page),\n .e-con:has(.rise-page),\n .e-con-inner:has(.rise-page),\n .e-con-full:has(.rise-page),\n .elementor-element-populated:has(.rise-page),\n #content:has(.rise-page),\n .site-main:has(.rise-page),\n .site-content:has(.rise-page),\n .entry-content:has(.rise-page),\n main:has(.rise-page),\n article:has(.rise-page),\n div:has(\u003e .rise-page) {\n padding: 0 !important;\n margin: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n overflow-x: hidden !important;\n box-sizing: border-box !important;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n WOOCOMMERCE PRODUCT PAGE OVERRIDE - CRITICAL\n ============================================ *\/\n .woocommerce .rise-page h1,\n .woocommerce .rise-page h2,\n .woocommerce .rise-page h3,\n .woocommerce .rise-page h4,\n .woocommerce .rise-page p,\n .product .rise-page h1,\n .product .rise-page h2,\n .product .rise-page h3,\n .product .rise-page h4,\n .product .rise-page p,\n .single-product .rise-page h1,\n .single-product .rise-page h2,\n .single-product .rise-page h3,\n .single-product .rise-page h4,\n .single-product .rise-page p,\n .woocommerce-page .rise-page h1,\n .woocommerce-page .rise-page h2,\n .woocommerce-page .rise-page h3,\n .woocommerce-page .rise-page h4,\n .woocommerce-page .rise-page p {\n color: #1d1d1f !important;\n opacity: 1 !important;\n visibility: visible !important;\n display: block !important;\n font-size: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e .woocommerce .rise-page .rise-feature-section *,\n .product .rise-page .rise-feature-section *,\n .single-product .rise-page .rise-feature-section *,\n .woocommerce-page .rise-page .rise-feature-section * {\n opacity: 1 !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e .woocommerce .rise-page .rise-display-xl,\n .woocommerce .rise-page .rise-display-lg,\n .product .rise-page .rise-display-xl,\n .product .rise-page .rise-display-lg,\n .single-product .rise-page .rise-display-xl,\n .single-product .rise-page .rise-display-lg {\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n font-weight: 700 !important;\n color: #1d1d1f !important;\n opacity: 1 !important;\n visibility: visible !important;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n ============================================ *\/\n .elementor-widget-container .rise-page h1,\n .elementor-widget-container .rise-page h2,\n .elementor-widget-container .rise-page h3,\n .elementor-widget-container .rise-page h4,\n .elementor-widget-container .rise-page h5,\n .elementor-widget-container .rise-page h6,\n .elementor-kit-6 .rise-page h1,\n .elementor-kit-6 .rise-page h2,\n .elementor-kit-6 .rise-page h3,\n .elementor-kit-6 .rise-page h4,\n .elementor-kit-6 .rise-page h5,\n .elementor-kit-6 .rise-page h6,\n .rise-page h1,\n .rise-page h2,\n .rise-page h3,\n .rise-page h4,\n .rise-page h5,\n .rise-page h6 {\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\n color: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-kit-6 .rise-page h2,\n .elementor-widget-container .rise-page h2 {\n font-size: inherit !important;\n font-weight: inherit !important;\n line-height: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HEADINGS - FORCE VISIBILITY \u0026 STYLE\n ============================================ *\/\n .rise-page h1,\n .rise-page h2,\n .rise-page h3,\n .rise-page h4,\n .rise-page h5,\n .rise-page h6 {\n font-family: var(--font-main) !important;\n margin: 0 !important;\n padding: 0 !important;\n color: #1d1d1f !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Force title visibility in Elementor *\/\n .elementor-widget-container .rise-page h2,\n .elementor-element .rise-page h2,\n .rise-feature-section h2,\n .rise-page .rise-feature-title,\n .rise-page .rise-display-lg,\n .rise-page .rise-display-xl {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FEATURE SECTION - FORCE ALL CONTENT VISIBLE\n ============================================ *\/\n .rise-feature-section * {\n opacity: 1 !important;\n visibility: visible !important;\n transform: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-page section * {\n opacity: 1 !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n WOOCOMMERCE TAB PANEL H2 OVERRIDE\n Fix: WooCommerce hides h2:nth-child(1) in product tabs\n ============================================ *\/\n .single-product-tabs .woocommerce-Tabs-panel .rise-page h2,\n .woocommerce-Tabs-panel .rise-page h2,\n .rise-page h2.rise-title-main,\n .rise-page h2 {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n clip: unset !important;\n clip-path: none !important;\n position: relative !important;\n width: auto !important;\n height: auto !important;\n overflow: visible !important;\n white-space: normal !important;\n border: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Force ALL elements visible inside rise-page — NO display override *\/\n .rise-page section,\n .rise-page section \u003e div,\n .rise-page section \u003e div \u003e div,\n .rise-page section \u003e div \u003e div \u003e div,\n .rise-page section \u003e div \u003e div \u003e div \u003e * {\n opacity: 1 !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESET \u0026 BASE\n ============================================ *\/\n .rise-page {\n font-family: var(--font-main);\n color: var(--rise-black);\n background: var(--rise-white);\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-page * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-page img,\n .rise-page video {\n max-width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n KEYFRAME ANIMATIONS\n ============================================ *\/\n @keyframes fadeInUp {\n 0% { opacity: 0; transform: translateY(40px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes blurFadeIn {\n 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\n 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes scaleReveal {\n 0% { opacity: 0; transform: scale(0.95); }\n 100% { opacity: 1; transform: scale(1); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes gradientFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes countUp {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYPOGRAPHY\n ============================================ *\/\n .rise-display-hero {\n font-size: 55px !important;\n font-weight: 800 !important;\n letter-spacing: -0.03em !important;\n line-height: 1 !important;\n text-transform: uppercase;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-display-xl {\n font-size: clamp(2.5rem, 6vw, 5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.05 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-display-lg {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.025em !important;\n line-height: 1.1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-display-md {\n font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\n font-weight: 600 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.2 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-body-xl {\n font-size: clamp(1.125rem, 2vw, 1.375rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--rise-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-body-lg {\n font-size: clamp(1rem, 1.5vw, 1.125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--rise-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n APPLE-STYLE TYPOGRAPHY SYSTEM\n ============================================ *\/\n .rise-title-group {\n text-align: center;\n margin-bottom: 3rem;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-page .rise-title-main,\n .elementor-kit-6 .rise-page .rise-title-main,\n .elementor-widget-container .rise-page .rise-title-main {\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.1 !important;\n margin-bottom: 0.25rem !important;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-page .rise-title-secondary,\n .elementor-kit-6 .rise-page .rise-title-secondary,\n .elementor-widget-container .rise-page .rise-title-secondary {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.15 !important;\n color: var(--rise-black) !important;\n margin-bottom: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-subtitle-apple {\n font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--rise-gray-600);\n max-width: 680px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-subtitle-apple strong {\n color: var(--rise-black);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Apple-style gradient variations *\/\n .rise-gradient-teal,\n .rise-page .rise-gradient-teal,\n .elementor-widget-container .rise-gradient-teal {\n background: linear-gradient(90deg, #0d9488 0%, #14b8a6 35%, #2dd4bf 65%, #5eead4 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-gradient-cyan,\n .rise-page .rise-gradient-cyan,\n .elementor-widget-container .rise-gradient-cyan {\n background: linear-gradient(90deg, #0891b2 0%, #06b6d4 35%, #22d3ee 65%, #67e8f9 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-gradient-blue,\n .rise-page .rise-gradient-blue,\n .elementor-widget-container .rise-gradient-blue {\n background: linear-gradient(90deg, #0066cc 0%, #0071e3 35%, #0099ff 65%, #33bbff 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION - GRADIENT BACKGROUND\n ============================================ *\/\n .rise-hero {\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 600px;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #0d9488 0%, #115e59 30%, #14b8a6 60%, #0d7377 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-hero-video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.25);\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-hero-content {\n position: relative;\n z-index: 3;\n text-align: center;\n color: var(--rise-white);\n padding: 0 24px;\n max-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-hero-title {\n margin-bottom: 24px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-hero-subtitle {\n font-size: clamp(1.125rem, 2.5vw, 1.5rem);\n font-weight: 400;\n line-height: 1.6;\n max-width: 650px;\n margin: 0 auto 32px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELIMINATE ALL GAPS BETWEEN SECTIONS\n ============================================ *\/\n .rise-page section {\n margin: 0 !important;\n padding-top: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-page \u003e section + section {\n margin-top: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n INTRO \/ PHILOSOPHY SECTION\n ============================================ *\/\n .rise-intro-section {\n padding: 140px 24px;\n background: var(--rise-white);\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-intro-container {\n max-width: 1000px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-intro-eyebrow {\n font-size: 0.9375rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--rise-teal);\n margin-bottom: 32px;\n -webkit-text-fill-color: var(--rise-teal) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-intro-headline {\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.1 !important;\n color: var(--rise-black) !important;\n -webkit-text-fill-color: var(--rise-black) !important;\n margin-bottom: 40px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-intro-text {\n font-size: clamp(1.1875rem, 2.2vw, 1.5rem);\n line-height: 1.8;\n color: var(--rise-gray-600);\n -webkit-text-fill-color: var(--rise-gray-600) !important;\n max-width: 750px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-intro-text strong {\n color: var(--rise-black);\n -webkit-text-fill-color: var(--rise-black) !important;\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FULL WIDTH IMAGE SECTION\n ============================================ *\/\n .rise-fullwidth-image {\n width: 100%;\n line-height: 0;\n margin: 0 !important;\n padding: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-fullwidth-image img {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TEXT + IMAGE SPLIT SECTION\n ============================================ *\/\n .rise-split-section {\n padding: 120px 24px;\n background: var(--rise-white);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-split-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-split-container.reverse {\n direction: rtl;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-split-container.reverse \u003e * {\n direction: ltr;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-split-text h3 {\n font-size: clamp(1.5rem, 3vw, 2.25rem);\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 24px;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-split-text p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--rise-gray-600);\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-split-text p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-split-image {\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-split-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.8s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-split-image:hover img {\n transform: scale(1.03);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-split-section.bg-gray {\n background: var(--rise-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .rise-split-container {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-split-container.reverse {\n direction: ltr;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-split-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n BATTERY CARDS SECTION - 3 BATTERIES\n ============================================ *\/\n .rise-battery-section {\n padding: 120px 24px;\n background: var(--rise-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-header h2 {\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-header p {\n font-size: clamp(1.125rem, 2vw, 1.25rem);\n line-height: 1.8;\n color: var(--rise-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-features {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-card {\n background: var(--rise-white);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-card-image {\n aspect-ratio: 16\/10;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-card:hover .rise-battery-card-image img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-card-content {\n padding: 28px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-card-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 20px;\n color: var(--rise-black);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-mode {\n margin-bottom: 24px;\n padding-bottom: 24px;\n border-bottom: 1px solid var(--rise-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-mode:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-mode-label {\n display: inline-block;\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 0.12em;\n color: var(--rise-white);\n background: var(--rise-teal);\n padding: 6px 14px;\n border-radius: 20px;\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-mode-stats {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-mode-stat-label {\n font-size: 0.75rem;\n color: var(--rise-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-mode-stat-value {\n font-size: 0.9375rem;\n font-weight: 700;\n color: var(--rise-black);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .rise-battery-features {\n grid-template-columns: 1fr;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-battery-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n VIDEO MEDIA SECTION\n ============================================ *\/\n .rise-media-container {\n max-width: 1100px;\n margin: 60px auto 0;\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-media-container video {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n STATS ROW\n ============================================ *\/\n .rise-stats-row {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 32px;\n margin-top: 56px;\n padding-top: 56px;\n border-top: 1px solid var(--rise-gray-200);\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-stat-item {\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-stat-number {\n font-size: clamp(2rem, 4vw, 3.5rem);\n font-weight: 800;\n letter-spacing: -0.03em;\n line-height: 1;\n margin-bottom: 8px;\n background: linear-gradient(135deg, var(--rise-teal), var(--rise-cyan));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--rise-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n MODELS SECTION - 2 CARDS\n ============================================ *\/\n .rise-models-section {\n padding: 120px 24px;\n background: var(--rise-white);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-models-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-models-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 72px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-models-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-model-card {\n background: var(--rise-gray-100);\n border-radius: 32px;\n padding: 48px 40px;\n text-align: center;\n transition: all 0.5s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-model-card:hover {\n box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-model-image {\n width: 100%;\n aspect-ratio: 16\/10;\n background: var(--rise-white);\n border-radius: 24px;\n margin-bottom: 32px;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-model-image img {\n transition: transform 0.7s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-model-card:hover .rise-model-image img {\n transform: scale(1.08);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-model-badge {\n display: inline-block;\n background: linear-gradient(135deg, var(--rise-teal) 0%, var(--rise-cyan) 100%);\n color: var(--rise-white);\n padding: 8px 18px;\n border-radius: 24px;\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n margin-bottom: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-model-name {\n font-size: 2rem;\n font-weight: 700;\n margin-bottom: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-model-tagline {\n color: var(--rise-gray-600);\n font-size: 1rem;\n margin-bottom: 28px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-model-specs {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-model-spec {\n background: var(--rise-white);\n padding: 16px 14px;\n border-radius: 16px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-model-spec-value {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--rise-black);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-model-spec-label {\n font-size: 0.6875rem;\n color: var(--rise-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n margin-top: 2px;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .rise-models-grid {\n grid-template-columns: 1fr;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-models-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n COMPARISON TABLE SECTION\n ============================================ *\/\n .rise-comparison-section {\n padding: 120px 24px;\n background: var(--rise-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-comparison-container {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-comparison-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-comparison-table-wrapper {\n margin-top: 64px;\n overflow-x: auto;\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-comparison-table {\n width: 100%;\n border-collapse: collapse;\n background: var(--rise-white);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-comparison-table thead {\n background: linear-gradient(135deg, var(--rise-teal) 0%, var(--rise-cyan) 100%);\n color: var(--rise-white);\n position: sticky;\n top: 0;\n z-index: 10;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-comparison-table th {\n padding: 24px 16px;\n text-align: left;\n font-weight: 700;\n font-size: 0.9375rem;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-comparison-table td {\n padding: 18px 16px;\n border-top: 1px solid var(--rise-gray-200);\n font-size: 0.95rem;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-comparison-table tbody tr:hover {\n background: var(--rise-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-spec-highlight {\n font-weight: 700;\n color: var(--rise-black);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-price-cell {\n font-weight: 700;\n color: var(--rise-teal);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .rise-comparison-section {\n padding: 80px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-comparison-table th,\n .rise-comparison-table td {\n padding: 16px 12px;\n font-size: 0.875rem;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n GEOMETRY SECTION\n ============================================ *\/\n .rise-geometry-section {\n padding: 120px 24px;\n background: var(--rise-white);\n color: var(--rise-black);\n }\u003c\/p\u003e\n\u003cp\u003e .rise-geometry-container {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-geometry-image {\n border-radius: 24px;\n overflow: hidden;\n background: var(--rise-gray-100);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n margin-top: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .rise-geometry-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .rise-geometry-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n CTA \u0026 DEALER SECTION\n ============================================ *\/\n .rise-cta-section\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Tanzanite Carbon View - Carbon Raw (Matt)","offer_id":57494513516926,"sku":"T33403SZ","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite Carbon View - Carbon Raw (Matt)","offer_id":57494513549694,"sku":"T33405SZ","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite Carbon View - Carbon Raw (Matt)","offer_id":57494513582462,"sku":"T33407SZ","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite Carbon View - Carbon Raw (Matt)","offer_id":57494513615230,"sku":"T33409SZ","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Myo","offer_id":57494513647998,"sku":"T33403CM","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Myo","offer_id":57494513680766,"sku":"T33405CM","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Myo","offer_id":57494513713534,"sku":"T33407CM","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Myo","offer_id":57494513746302,"sku":"T33409CM","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Cosmic Carbon View - Golden Sand (Gloss)","offer_id":57494513779070,"sku":"T33403SW","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Desert Rose - Carbon Raw (Matt)","offer_id":57494513811838,"sku":"T33403SY","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Cosmic Carbon View - Golden Sand (Gloss)","offer_id":57494513844606,"sku":"T33405SW","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Desert Rose - Carbon Raw (Matt)","offer_id":57494513877374,"sku":"T33405SY","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Cosmic Carbon View - Golden Sand (Gloss)","offer_id":57494513910142,"sku":"T33407SW","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Desert Rose - Carbon Raw (Matt)","offer_id":57494513942910,"sku":"T33407SY","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cosmic Carbon View - Golden Sand (Gloss)","offer_id":57494513975678,"sku":"T33409SW","price":60443.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Desert Rose - Carbon Raw (Matt)","offer_id":57494514008446,"sku":"T33409SY","price":60443.2,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T337TTCC-SZ-SIDE-RISE_LT_MTEAM-14.jpg?v=1780307684"},{"product_id":"wild-st-h30-s-diamond-black-blue-stone-matt-2","title":"Bicicletă electrică eMTB ORBEA WILD ST H30","description":"\u003ch1 style=\"text-align: center;\"\u003eBicicletă electrică eMTB ORBEA WILD ST H30\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"291521\" class=\"elementor elementor-291521\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-2c2d30b e-flex e-con-boxed e-con e-parent\" data-id=\"2c2d30b\" 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-dace09b elementor-widget elementor-widget-html\" data-id=\"dace09b\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea WILD - Landing Page eMTB Enduro Aluminum v2 Style - Aggressive Enduro Machine --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea Wild e-MTB Aluminum, bicicletă electrică mountain bike enduro agresiv, Bosch CX motor România --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* ============================================\n CSS VARIABLES \u0026 DESIGN SYSTEM - WILD EDITION\n ============================================ *\/\n .wild-page {\n --wild-black: #1d1d1f;\n --wild-white: #ffffff;\n --wild-gray-50: #fafafa;\n --wild-gray-100: #f5f5f7;\n --wild-gray-200: #e8e8ed;\n --wild-gray-300: #d2d2d7;\n --wild-gray-500: #86868b;\n --wild-gray-600: #6e6e73;\n --wild-gray-700: #515154;\n --wild-gray-800: #2d2d2d;\n --wild-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e \/* WILD Signature Colors - Orange\/Amber Aggressive Enduro Theme *\/\n --wild-blue: #2563eb;\n --wild-blue-light: #3b82f6;\n --wild-blue-dark: #1d4ed8;\n --wild-blue-deep: #1e40af;\n --wild-blue-darker: #1e3a8a;\u003c\/p\u003e\n\u003cp\u003e --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\n\u003cp\u003e \/* Animation timing functions *\/\n --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\n --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\n --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\n ============================================ *\/\n .wild-page {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n position: relative !important;\n overflow-x: hidden !important;\n overflow-y: visible;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Force ALL sections inside wild-page to be full width *\/\n .wild-page \u003e section {\n width: 100% !important;\n max-width: 100% !important;\n box-sizing: border-box !important;\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-page \u003e section \u003e div {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Prevent body horizontal scroll caused by 100vw *\/\n html:has(.wild-page),\n body:has(.wild-page) {\n overflow-x: hidden !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-widget-container:has(.wild-page),\n .elementor-element:has(.wild-page) {\n max-width: 100vw !important;\n padding: 0 !important;\n margin: 0 !important;\n width: 100% !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-section:has(.wild-page),\n .elementor-container:has(.wild-page),\n .elementor-column:has(.wild-page),\n .elementor-widget:has(.wild-page) {\n padding: 0 !important;\n margin: 0 !important;\n gap: 0 !important;\n max-width: 100vw !important;\n width: 100% !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Mobile Elementor overrides *\/\n @media (max-width: 768px) {\n .elementor-widget-container:has(.wild-page),\n .elementor-element:has(.wild-page),\n .elementor-section:has(.wild-page),\n .elementor-container:has(.wild-page),\n .elementor-column:has(.wild-page),\n .elementor-widget:has(.wild-page),\n .elementor-column-gap-default:has(.wild-page) {\n padding: 0 !important;\n margin: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n overflow-x: hidden !important;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n WOOCOMMERCE PRODUCT PAGE OVERRIDE - CRITICAL\n ============================================ *\/\n .woocommerce .wild-page h1,\n .woocommerce .wild-page h2,\n .woocommerce .wild-page h3,\n .woocommerce .wild-page h4,\n .woocommerce .wild-page p,\n .product .wild-page h1,\n .product .wild-page h2,\n .product .wild-page h3,\n .product .wild-page h4,\n .product .wild-page p,\n .single-product .wild-page h1,\n .single-product .wild-page h2,\n .single-product .wild-page h3,\n .single-product .wild-page h4,\n .single-product .wild-page p,\n .woocommerce-page .wild-page h1,\n .woocommerce-page .wild-page h2,\n .woocommerce-page .wild-page h3,\n .woocommerce-page .wild-page h4,\n .woocommerce-page .wild-page p {\n color: #1d1d1f !important;\n opacity: 1 !important;\n visibility: visible !important;\n display: block !important;\n font-size: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e .woocommerce .wild-page .wild-feature-section *,\n .product .wild-page .wild-feature-section *,\n .single-product .wild-page .wild-feature-section *,\n .woocommerce-page .wild-page .wild-feature-section * {\n opacity: 1 !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e .woocommerce .wild-page .wild-display-xl,\n .woocommerce .wild-page .wild-display-lg,\n .product .wild-page .wild-display-xl,\n .product .wild-page .wild-display-lg,\n .single-product .wild-page .wild-display-xl,\n .single-product .wild-page .wild-display-lg {\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n font-weight: 700 !important;\n color: #1d1d1f !important;\n opacity: 1 !important;\n visibility: visible !important;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n ============================================ *\/\n .elementor-widget-container .wild-page h1,\n .elementor-widget-container .wild-page h2,\n .elementor-widget-container .wild-page h3,\n .elementor-widget-container .wild-page h4,\n .elementor-widget-container .wild-page h5,\n .elementor-widget-container .wild-page h6,\n .elementor-kit-6 .wild-page h1,\n .elementor-kit-6 .wild-page h2,\n .elementor-kit-6 .wild-page h3,\n .elementor-kit-6 .wild-page h4,\n .elementor-kit-6 .wild-page h5,\n .elementor-kit-6 .wild-page h6,\n .wild-page h1,\n .wild-page h2,\n .wild-page h3,\n .wild-page h4,\n .wild-page h5,\n .wild-page h6 {\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\n color: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-kit-6 .wild-page h2,\n .elementor-widget-container .wild-page h2 {\n font-size: inherit !important;\n font-weight: inherit !important;\n line-height: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HEADINGS - FORCE VISIBILITY \u0026 STYLE\n ============================================ *\/\n .wild-page h1,\n .wild-page h2,\n .wild-page h3,\n .wild-page h4,\n .wild-page h5,\n .wild-page h6 {\n font-family: var(--font-main) !important;\n margin: 0 !important;\n padding: 0 !important;\n color: #1d1d1f !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Force title visibility in Elementor *\/\n .elementor-widget-container .wild-page h2,\n .elementor-element .wild-page h2,\n .wild-feature-section h2,\n .wild-page .wild-feature-title,\n .wild-page .wild-display-lg,\n .wild-page .wild-display-xl {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FEATURE SECTION - FORCE ALL CONTENT VISIBLE\n ============================================ *\/\n .wild-feature-section * {\n opacity: 1 !important;\n visibility: visible !important;\n transform: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-page section * {\n opacity: 1 !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n WOOCOMMERCE TAB PANEL H2 OVERRIDE\n Fix: WooCommerce hides h2:nth-child(1) in product tabs\n ============================================ *\/\n .single-product-tabs .woocommerce-Tabs-panel .wild-page h2,\n .woocommerce-Tabs-panel .wild-page h2,\n .wild-page h2.wild-title-main,\n .wild-page h2 {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n clip: unset !important;\n clip-path: none !important;\n position: relative !important;\n width: auto !important;\n height: auto !important;\n overflow: visible !important;\n white-space: normal !important;\n border: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Force ALL elements visible inside wild-page — NO display override *\/\n .wild-page section,\n .wild-page section \u003e div,\n .wild-page section \u003e div \u003e div,\n .wild-page section \u003e div \u003e div \u003e div,\n .wild-page section \u003e div \u003e div \u003e div \u003e * {\n opacity: 1 !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESET \u0026 BASE\n ============================================ *\/\n .wild-page {\n font-family: var(--font-main);\n color: var(--wild-black);\n background: var(--wild-white);\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-page * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-page img,\n .wild-page video {\n max-width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n KEYFRAME ANIMATIONS\n ============================================ *\/\n @keyframes fadeInUp {\n 0% { opacity: 0; transform: translateY(40px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes blurFadeIn {\n 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\n 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes scaleReveal {\n 0% { opacity: 0; transform: scale(0.95); }\n 100% { opacity: 1; transform: scale(1); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes gradientFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes countUp {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYPOGRAPHY\n ============================================ *\/\n .wild-display-hero {\n font-size: 55px !important;\n font-weight: 800 !important;\n letter-spacing: -0.03em !important;\n line-height: 1 !important;\n text-transform: uppercase;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-display-xl {\n font-size: clamp(2.5rem, 6vw, 5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.05 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-display-lg {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.025em !important;\n line-height: 1.1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-display-md {\n font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\n font-weight: 600 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.2 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-body-xl {\n font-size: clamp(1.125rem, 2vw, 1.375rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--wild-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-body-lg {\n font-size: clamp(1rem, 1.5vw, 1.125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--wild-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n APPLE-STYLE TYPOGRAPHY SYSTEM\n ============================================ *\/\n .wild-title-group {\n text-align: center;\n margin-bottom: 3rem;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-page .wild-title-main,\n .elementor-kit-6 .wild-page .wild-title-main,\n .elementor-widget-container .wild-page .wild-title-main {\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.1 !important;\n margin-bottom: 0.25rem !important;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-page .wild-title-secondary,\n .elementor-kit-6 .wild-page .wild-title-secondary,\n .elementor-widget-container .wild-page .wild-title-secondary {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.15 !important;\n color: var(--wild-black) !important;\n margin-bottom: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-subtitle-apple {\n font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--wild-gray-600);\n max-width: 680px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-subtitle-apple strong {\n color: var(--wild-black);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Apple-style gradient variations — BLUE *\/\n .wild-gradient-blue,\n .wild-page .wild-gradient-blue,\n .elementor-widget-container .wild-gradient-blue {\n background: linear-gradient(90deg, #2563eb 0%, #3b82f6 35%, #1e40af 65%, #1e3a8a 100%) !important !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-gradient-deep,\n .wild-page .wild-gradient-deep,\n .elementor-widget-container .wild-gradient-deep {\n background: linear-gradient(90deg, #1d4ed8 0%, #1e40af 35%, #3b82f6 65%, #2563eb 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-gradient-electric,\n .wild-page .wild-gradient-electric,\n .elementor-widget-container .wild-gradient-electric {\n background: linear-gradient(90deg, #1e3a8a 0%, #1d4ed8 35%, #2563eb 65%, #3b82f6 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION - GRADIENT BACKGROUND\n ============================================ *\/\n .wild-hero {\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 600px;\n overflow: hidden;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 30%, #3b82f6 60%, #1e3a8a 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-hero-video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.25);\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-hero-content {\n position: relative;\n z-index: 3;\n text-align: center !important;\n color: var(--wild-white);\n padding: 0 24px;\n max-width: 900px;\n margin: 0 auto !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-hero-title {\n margin-bottom: 24px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-hero-subtitle {\n font-size: clamp(1.125rem, 2.5vw, 1.5rem);\n font-weight: 400;\n line-height: 1.6;\n max-width: 650px;\n margin: 0 auto 32px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELIMINATE ALL GAPS BETWEEN SECTIONS\n ============================================ *\/\n .wild-page section {\n margin: 0 !important;\n padding-top: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-page \u003e section + section {\n margin-top: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n INTRO \/ PHILOSOPHY SECTION\n ============================================ *\/\n .wild-intro-section {\n padding: 140px 24px;\n background: var(--wild-white);\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-intro-container {\n max-width: 1000px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-intro-eyebrow {\n font-size: 0.9375rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--wild-blue);\n margin-bottom: 32px;\n -webkit-text-fill-color: var(--wild-blue) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-intro-headline {\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.1 !important;\n color: var(--wild-black) !important;\n -webkit-text-fill-color: var(--wild-black) !important;\n margin-bottom: 40px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-intro-text {\n font-size: clamp(1.1875rem, 2.2vw, 1.5rem);\n line-height: 1.8;\n color: var(--wild-gray-600);\n -webkit-text-fill-color: var(--wild-gray-600) !important;\n max-width: 750px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-intro-text strong {\n color: var(--wild-black);\n -webkit-text-fill-color: var(--wild-black) !important;\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FULL WIDTH IMAGE SECTION\n ============================================ *\/\n .wild-fullwidth-image {\n width: 100%;\n line-height: 0;\n margin: 0 !important;\n padding: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-fullwidth-image img {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TEXT + IMAGE SPLIT SECTION\n ============================================ *\/\n .wild-split-section {\n padding: 120px 24px;\n background: var(--wild-white);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-container.reverse {\n direction: rtl;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-container.reverse \u003e * {\n direction: ltr;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-text h3 {\n font-size: clamp(1.5rem, 3vw, 2.25rem);\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 24px;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-text p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--wild-gray-600);\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-text p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-image {\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.8s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-image:hover img {\n transform: scale(1.03);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-section.bg-gray {\n background: var(--wild-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .wild-split-container {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-container.reverse {\n direction: ltr;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n BOSCH MOTOR SECTION — FULL EXPERIENCE\n ============================================ *\/\n .wild-motor-section {\n padding: 0;\n background: var(--wild-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 120px 24px 0;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 72px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-header p {\n font-size: clamp(1.125rem, 2vw, 1.25rem);\n line-height: 1.8;\n color: var(--wild-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Motor Hero — Product image + stats *\/\n .wild-motor-hero {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: center;\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-image {\n border-radius: 24px;\n overflow: hidden;\n background: var(--wild-white);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.8s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-image:hover img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-info h3 {\n font-size: clamp(1.5rem, 3vw, 2.25rem);\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 16px;\n letter-spacing: -0.02em;\n color: var(--wild-black);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-info .wild-motor-subtitle {\n font-size: 1rem;\n font-weight: 600;\n color: var(--wild-blue);\n margin-bottom: 24px;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-info p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--wild-gray-600);\n margin-bottom: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Big Stats Row *\/\n .wild-motor-big-stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-big-stat {\n text-align: center;\n padding: 32px 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-big-stat-value {\n font-size: clamp(3rem, 6vw, 4.5rem);\n font-weight: 900;\n color: var(--wild-black);\n line-height: 1;\n letter-spacing: -0.03em;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-big-stat-unit {\n font-size: clamp(1.25rem, 2.5vw, 1.75rem);\n font-weight: 700;\n color: var(--wild-gray-500);\n margin-top: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-big-stat-label {\n font-size: 0.8125rem;\n font-weight: 500;\n color: var(--wild-gray-500);\n margin-top: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Motor Stats (2x2 grid) *\/\n .wild-motor-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-stat {\n background: var(--wild-white);\n border-radius: 16px;\n padding: 24px;\n text-align: center;\n transition: transform 0.4s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-stat:hover {\n transform: translateY(-4px);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-stat-value {\n font-size: 2rem;\n font-weight: 800;\n background: linear-gradient(135deg, #2563eb, #1d4ed8);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-stat-label {\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--wild-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n margin-top: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Video and CTA are now inline styled — no separate classes needed *\/\u003c\/p\u003e\n\u003cp\u003e \/* Features grid *\/\n .wild-motor-features {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-feature-card {\n background: var(--wild-white);\n border-radius: 20px;\n padding: 36px 28px;\n transition: all 0.5s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-feature-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-feature-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n background: linear-gradient(135deg, #2563eb, #1d4ed8);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-feature-icon svg {\n width: 24px;\n height: 24px;\n fill: none;\n stroke: white;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-feature-card h4 {\n font-size: 1.125rem;\n font-weight: 700;\n color: var(--wild-black);\n margin-bottom: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-feature-card p {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--wild-gray-600);\n margin: 0;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Motor Specs Table *\/\n .wild-motor-specs-table {\n background: var(--wild-white);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-specs-table table {\n width: 100%;\n border-collapse: collapse;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-specs-table th {\n padding: 16px 24px;\n text-align: left;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--wild-gray-500);\n background: var(--wild-gray-50);\n border-bottom: 1px solid var(--wild-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-specs-table td {\n padding: 14px 24px;\n font-size: 0.9375rem;\n color: var(--wild-black);\n border-bottom: 1px solid var(--wild-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-specs-table tr:last-child td {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-specs-table td:first-child {\n font-weight: 500;\n color: var(--wild-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-specs-table td:last-child {\n font-weight: 600;\n text-align: right;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Bottom padding container *\/\n .wild-motor-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 80px 24px 120px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* System Controller + Battery split *\/\n .wild-motor-split-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 32px;\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card {\n background: var(--wild-white);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card-image {\n aspect-ratio: 4\/3;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card:hover .wild-motor-split-card-image img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card-content {\n padding: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card-content h4 {\n font-size: 1.375rem;\n font-weight: 700;\n color: var(--wild-black);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card-content p {\n font-size: 1rem;\n line-height: 1.7;\n color: var(--wild-gray-600);\n margin: 0;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .wild-motor-container {\n padding: 80px 20px 0;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-hero {\n grid-template-columns: 1fr;\n gap: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-big-stats {\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-features {\n grid-template-columns: 1fr;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-section {\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e \/* CTA grid responsive handled inline *\/\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-grid {\n grid-template-columns: 1fr;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-bottom {\n padding: 60px 20px 80px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n VIDEO MEDIA SECTION\n ============================================ *\/\n .wild-media-container {\n max-width: 1100px;\n margin: 60px auto 0;\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-media-container video {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n STATS ROW\n ============================================ *\/\n .wild-stats-row {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 32px;\n margin-top: 56px;\n padding-top: 56px;\n border-top: 1px solid var(--wild-gray-200);\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-stat-item {\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-stat-number {\n font-size: clamp(2rem, 4vw, 3.5rem);\n font-weight: 800;\n letter-spacing: -0.03em;\n line-height: 1;\n margin-bottom: 8px;\n background: linear-gradient(135deg, #2563eb, #1d4ed8);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--wild-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n MODELS SECTION - 4 CARDS\n ============================================ *\/\n .wild-models-section {\n padding: 120px 24px;\n background: var(--wild-white);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-models-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-models-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 72px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-models-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-model-card {\n background: var(--wild-gray-100);\n border-radius: 32px;\n padding: 48px 40px;\n text-align: center;\n transition: all 0.5s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-model-card:hover {\n box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-model-image {\n width: 100%;\n aspect-ratio: 16\/10;\n background: var(--wild-white);\n border-radius: 24px;\n margin-bottom: 32px;\n overflow: hidden;\n display: flex;\n align-items: center;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Diamond Black - Blue Stone Matt","offer_id":57494520004990,"sku":"T33903SJ","price":22478.36,"currency_code":"RON","in_stock":true},{"title":"S \/ Halo Silver Gloss","offer_id":57494520037758,"sku":"T33903SK","price":22478.36,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Black - Blue Stone Matt","offer_id":57494520070526,"sku":"T33905SJ","price":22478.36,"currency_code":"RON","in_stock":true},{"title":"M \/ Halo Silver Gloss","offer_id":57494520103294,"sku":"T33905SK","price":22478.36,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Black - Blue Stone Matt","offer_id":57494520136062,"sku":"T33907SJ","price":22478.36,"currency_code":"RON","in_stock":true},{"title":"L \/ Halo Silver Gloss","offer_id":57494520168830,"sku":"T33907SK","price":22478.36,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Black - Blue Stone Matt","offer_id":57494520201598,"sku":"T33909SJ","price":22478.36,"currency_code":"RON","in_stock":true},{"title":"XL \/ Halo Silver Gloss","offer_id":57494520234366,"sku":"T33909SK","price":22478.36,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T339TTCC-SJ-SIDE-WILD_ST_H30.jpg?v=1780307715"},{"product_id":"wild-h10-s-spacehip-green-black-matt","title":"Bicicletă electrică eMTB ORBEA WILD H10","description":"\u003ch1 style=\"text-align: center;\"\u003eBicicletă electrică eMTB ORBEA WILD H10\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"291521\" class=\"elementor elementor-291521\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-2c2d30b e-flex e-con-boxed e-con e-parent\" data-id=\"2c2d30b\" 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-dace09b elementor-widget elementor-widget-html\" data-id=\"dace09b\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea WILD - Landing Page eMTB Enduro Aluminum v2 Style - Aggressive Enduro Machine --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea Wild e-MTB Aluminum, bicicletă electrică mountain bike enduro agresiv, Bosch CX motor România --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* ============================================\n CSS VARIABLES \u0026 DESIGN SYSTEM - WILD EDITION\n ============================================ *\/\n .wild-page {\n --wild-black: #1d1d1f;\n --wild-white: #ffffff;\n --wild-gray-50: #fafafa;\n --wild-gray-100: #f5f5f7;\n --wild-gray-200: #e8e8ed;\n --wild-gray-300: #d2d2d7;\n --wild-gray-500: #86868b;\n --wild-gray-600: #6e6e73;\n --wild-gray-700: #515154;\n --wild-gray-800: #2d2d2d;\n --wild-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e \/* WILD Signature Colors - Orange\/Amber Aggressive Enduro Theme *\/\n --wild-blue: #2563eb;\n --wild-blue-light: #3b82f6;\n --wild-blue-dark: #1d4ed8;\n --wild-blue-deep: #1e40af;\n --wild-blue-darker: #1e3a8a;\u003c\/p\u003e\n\u003cp\u003e --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\n\u003cp\u003e \/* Animation timing functions *\/\n --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\n --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\n --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\n ============================================ *\/\n .wild-page {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n position: relative !important;\n overflow-x: hidden !important;\n overflow-y: visible;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Force ALL sections inside wild-page to be full width *\/\n .wild-page \u003e section {\n width: 100% !important;\n max-width: 100% !important;\n box-sizing: border-box !important;\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-page \u003e section \u003e div {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Prevent body horizontal scroll caused by 100vw *\/\n html:has(.wild-page),\n body:has(.wild-page) {\n overflow-x: hidden !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-widget-container:has(.wild-page),\n .elementor-element:has(.wild-page) {\n max-width: 100vw !important;\n padding: 0 !important;\n margin: 0 !important;\n width: 100% !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-section:has(.wild-page),\n .elementor-container:has(.wild-page),\n .elementor-column:has(.wild-page),\n .elementor-widget:has(.wild-page) {\n padding: 0 !important;\n margin: 0 !important;\n gap: 0 !important;\n max-width: 100vw !important;\n width: 100% !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Mobile Elementor overrides *\/\n @media (max-width: 768px) {\n .elementor-widget-container:has(.wild-page),\n .elementor-element:has(.wild-page),\n .elementor-section:has(.wild-page),\n .elementor-container:has(.wild-page),\n .elementor-column:has(.wild-page),\n .elementor-widget:has(.wild-page),\n .elementor-column-gap-default:has(.wild-page) {\n padding: 0 !important;\n margin: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n overflow-x: hidden !important;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n WOOCOMMERCE PRODUCT PAGE OVERRIDE - CRITICAL\n ============================================ *\/\n .woocommerce .wild-page h1,\n .woocommerce .wild-page h2,\n .woocommerce .wild-page h3,\n .woocommerce .wild-page h4,\n .woocommerce .wild-page p,\n .product .wild-page h1,\n .product .wild-page h2,\n .product .wild-page h3,\n .product .wild-page h4,\n .product .wild-page p,\n .single-product .wild-page h1,\n .single-product .wild-page h2,\n .single-product .wild-page h3,\n .single-product .wild-page h4,\n .single-product .wild-page p,\n .woocommerce-page .wild-page h1,\n .woocommerce-page .wild-page h2,\n .woocommerce-page .wild-page h3,\n .woocommerce-page .wild-page h4,\n .woocommerce-page .wild-page p {\n color: #1d1d1f !important;\n opacity: 1 !important;\n visibility: visible !important;\n display: block !important;\n font-size: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e .woocommerce .wild-page .wild-feature-section *,\n .product .wild-page .wild-feature-section *,\n .single-product .wild-page .wild-feature-section *,\n .woocommerce-page .wild-page .wild-feature-section * {\n opacity: 1 !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e .woocommerce .wild-page .wild-display-xl,\n .woocommerce .wild-page .wild-display-lg,\n .product .wild-page .wild-display-xl,\n .product .wild-page .wild-display-lg,\n .single-product .wild-page .wild-display-xl,\n .single-product .wild-page .wild-display-lg {\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n font-weight: 700 !important;\n color: #1d1d1f !important;\n opacity: 1 !important;\n visibility: visible !important;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n ============================================ *\/\n .elementor-widget-container .wild-page h1,\n .elementor-widget-container .wild-page h2,\n .elementor-widget-container .wild-page h3,\n .elementor-widget-container .wild-page h4,\n .elementor-widget-container .wild-page h5,\n .elementor-widget-container .wild-page h6,\n .elementor-kit-6 .wild-page h1,\n .elementor-kit-6 .wild-page h2,\n .elementor-kit-6 .wild-page h3,\n .elementor-kit-6 .wild-page h4,\n .elementor-kit-6 .wild-page h5,\n .elementor-kit-6 .wild-page h6,\n .wild-page h1,\n .wild-page h2,\n .wild-page h3,\n .wild-page h4,\n .wild-page h5,\n .wild-page h6 {\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\n color: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-kit-6 .wild-page h2,\n .elementor-widget-container .wild-page h2 {\n font-size: inherit !important;\n font-weight: inherit !important;\n line-height: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HEADINGS - FORCE VISIBILITY \u0026 STYLE\n ============================================ *\/\n .wild-page h1,\n .wild-page h2,\n .wild-page h3,\n .wild-page h4,\n .wild-page h5,\n .wild-page h6 {\n font-family: var(--font-main) !important;\n margin: 0 !important;\n padding: 0 !important;\n color: #1d1d1f !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Force title visibility in Elementor *\/\n .elementor-widget-container .wild-page h2,\n .elementor-element .wild-page h2,\n .wild-feature-section h2,\n .wild-page .wild-feature-title,\n .wild-page .wild-display-lg,\n .wild-page .wild-display-xl {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FEATURE SECTION - FORCE ALL CONTENT VISIBLE\n ============================================ *\/\n .wild-feature-section * {\n opacity: 1 !important;\n visibility: visible !important;\n transform: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-page section * {\n opacity: 1 !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n WOOCOMMERCE TAB PANEL H2 OVERRIDE\n Fix: WooCommerce hides h2:nth-child(1) in product tabs\n ============================================ *\/\n .single-product-tabs .woocommerce-Tabs-panel .wild-page h2,\n .woocommerce-Tabs-panel .wild-page h2,\n .wild-page h2.wild-title-main,\n .wild-page h2 {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n clip: unset !important;\n clip-path: none !important;\n position: relative !important;\n width: auto !important;\n height: auto !important;\n overflow: visible !important;\n white-space: normal !important;\n border: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Force ALL elements visible inside wild-page — NO display override *\/\n .wild-page section,\n .wild-page section \u003e div,\n .wild-page section \u003e div \u003e div,\n .wild-page section \u003e div \u003e div \u003e div,\n .wild-page section \u003e div \u003e div \u003e div \u003e * {\n opacity: 1 !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESET \u0026 BASE\n ============================================ *\/\n .wild-page {\n font-family: var(--font-main);\n color: var(--wild-black);\n background: var(--wild-white);\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-page * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-page img,\n .wild-page video {\n max-width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n KEYFRAME ANIMATIONS\n ============================================ *\/\n @keyframes fadeInUp {\n 0% { opacity: 0; transform: translateY(40px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes blurFadeIn {\n 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\n 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes scaleReveal {\n 0% { opacity: 0; transform: scale(0.95); }\n 100% { opacity: 1; transform: scale(1); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes gradientFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes countUp {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYPOGRAPHY\n ============================================ *\/\n .wild-display-hero {\n font-size: 55px !important;\n font-weight: 800 !important;\n letter-spacing: -0.03em !important;\n line-height: 1 !important;\n text-transform: uppercase;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-display-xl {\n font-size: clamp(2.5rem, 6vw, 5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.05 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-display-lg {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.025em !important;\n line-height: 1.1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-display-md {\n font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\n font-weight: 600 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.2 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-body-xl {\n font-size: clamp(1.125rem, 2vw, 1.375rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--wild-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-body-lg {\n font-size: clamp(1rem, 1.5vw, 1.125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--wild-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n APPLE-STYLE TYPOGRAPHY SYSTEM\n ============================================ *\/\n .wild-title-group {\n text-align: center;\n margin-bottom: 3rem;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-page .wild-title-main,\n .elementor-kit-6 .wild-page .wild-title-main,\n .elementor-widget-container .wild-page .wild-title-main {\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.1 !important;\n margin-bottom: 0.25rem !important;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-page .wild-title-secondary,\n .elementor-kit-6 .wild-page .wild-title-secondary,\n .elementor-widget-container .wild-page .wild-title-secondary {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.15 !important;\n color: var(--wild-black) !important;\n margin-bottom: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-subtitle-apple {\n font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--wild-gray-600);\n max-width: 680px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-subtitle-apple strong {\n color: var(--wild-black);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Apple-style gradient variations — BLUE *\/\n .wild-gradient-blue,\n .wild-page .wild-gradient-blue,\n .elementor-widget-container .wild-gradient-blue {\n background: linear-gradient(90deg, #2563eb 0%, #3b82f6 35%, #1e40af 65%, #1e3a8a 100%) !important !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-gradient-deep,\n .wild-page .wild-gradient-deep,\n .elementor-widget-container .wild-gradient-deep {\n background: linear-gradient(90deg, #1d4ed8 0%, #1e40af 35%, #3b82f6 65%, #2563eb 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-gradient-electric,\n .wild-page .wild-gradient-electric,\n .elementor-widget-container .wild-gradient-electric {\n background: linear-gradient(90deg, #1e3a8a 0%, #1d4ed8 35%, #2563eb 65%, #3b82f6 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n color: transparent !important;\n display: inline-block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION - GRADIENT BACKGROUND\n ============================================ *\/\n .wild-hero {\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 600px;\n overflow: hidden;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 30%, #3b82f6 60%, #1e3a8a 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-hero-video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.25);\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-hero-content {\n position: relative;\n z-index: 3;\n text-align: center !important;\n color: var(--wild-white);\n padding: 0 24px;\n max-width: 900px;\n margin: 0 auto !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-hero-title {\n margin-bottom: 24px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-hero-subtitle {\n font-size: clamp(1.125rem, 2.5vw, 1.5rem);\n font-weight: 400;\n line-height: 1.6;\n max-width: 650px;\n margin: 0 auto 32px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELIMINATE ALL GAPS BETWEEN SECTIONS\n ============================================ *\/\n .wild-page section {\n margin: 0 !important;\n padding-top: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-page \u003e section + section {\n margin-top: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n INTRO \/ PHILOSOPHY SECTION\n ============================================ *\/\n .wild-intro-section {\n padding: 140px 24px;\n background: var(--wild-white);\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-intro-container {\n max-width: 1000px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-intro-eyebrow {\n font-size: 0.9375rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--wild-blue);\n margin-bottom: 32px;\n -webkit-text-fill-color: var(--wild-blue) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-intro-headline {\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.03em !important;\n line-height: 1.1 !important;\n color: var(--wild-black) !important;\n -webkit-text-fill-color: var(--wild-black) !important;\n margin-bottom: 40px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-intro-text {\n font-size: clamp(1.1875rem, 2.2vw, 1.5rem);\n line-height: 1.8;\n color: var(--wild-gray-600);\n -webkit-text-fill-color: var(--wild-gray-600) !important;\n max-width: 750px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-intro-text strong {\n color: var(--wild-black);\n -webkit-text-fill-color: var(--wild-black) !important;\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FULL WIDTH IMAGE SECTION\n ============================================ *\/\n .wild-fullwidth-image {\n width: 100%;\n line-height: 0;\n margin: 0 !important;\n padding: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-fullwidth-image img {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TEXT + IMAGE SPLIT SECTION\n ============================================ *\/\n .wild-split-section {\n padding: 120px 24px;\n background: var(--wild-white);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-container.reverse {\n direction: rtl;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-container.reverse \u003e * {\n direction: ltr;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-text h3 {\n font-size: clamp(1.5rem, 3vw, 2.25rem);\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 24px;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-text p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--wild-gray-600);\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-text p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-image {\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.8s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-image:hover img {\n transform: scale(1.03);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-section.bg-gray {\n background: var(--wild-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .wild-split-container {\n grid-template-columns: 1fr;\n gap: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-container.reverse {\n direction: ltr;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-split-section {\n padding: 80px 20px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n BOSCH MOTOR SECTION — FULL EXPERIENCE\n ============================================ *\/\n .wild-motor-section {\n padding: 0;\n background: var(--wild-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 120px 24px 0;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 72px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-header p {\n font-size: clamp(1.125rem, 2vw, 1.25rem);\n line-height: 1.8;\n color: var(--wild-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Motor Hero — Product image + stats *\/\n .wild-motor-hero {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: center;\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-image {\n border-radius: 24px;\n overflow: hidden;\n background: var(--wild-white);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.8s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-image:hover img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-info h3 {\n font-size: clamp(1.5rem, 3vw, 2.25rem);\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 16px;\n letter-spacing: -0.02em;\n color: var(--wild-black);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-info .wild-motor-subtitle {\n font-size: 1rem;\n font-weight: 600;\n color: var(--wild-blue);\n margin-bottom: 24px;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-info p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--wild-gray-600);\n margin-bottom: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Big Stats Row *\/\n .wild-motor-big-stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-big-stat {\n text-align: center;\n padding: 32px 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-big-stat-value {\n font-size: clamp(3rem, 6vw, 4.5rem);\n font-weight: 900;\n color: var(--wild-black);\n line-height: 1;\n letter-spacing: -0.03em;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-big-stat-unit {\n font-size: clamp(1.25rem, 2.5vw, 1.75rem);\n font-weight: 700;\n color: var(--wild-gray-500);\n margin-top: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-big-stat-label {\n font-size: 0.8125rem;\n font-weight: 500;\n color: var(--wild-gray-500);\n margin-top: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Motor Stats (2x2 grid) *\/\n .wild-motor-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-stat {\n background: var(--wild-white);\n border-radius: 16px;\n padding: 24px;\n text-align: center;\n transition: transform 0.4s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-stat:hover {\n transform: translateY(-4px);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-stat-value {\n font-size: 2rem;\n font-weight: 800;\n background: linear-gradient(135deg, #2563eb, #1d4ed8);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-stat-label {\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--wild-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n margin-top: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Video and CTA are now inline styled — no separate classes needed *\/\u003c\/p\u003e\n\u003cp\u003e \/* Features grid *\/\n .wild-motor-features {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-feature-card {\n background: var(--wild-white);\n border-radius: 20px;\n padding: 36px 28px;\n transition: all 0.5s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-feature-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-feature-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n background: linear-gradient(135deg, #2563eb, #1d4ed8);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-feature-icon svg {\n width: 24px;\n height: 24px;\n fill: none;\n stroke: white;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-feature-card h4 {\n font-size: 1.125rem;\n font-weight: 700;\n color: var(--wild-black);\n margin-bottom: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-feature-card p {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--wild-gray-600);\n margin: 0;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Motor Specs Table *\/\n .wild-motor-specs-table {\n background: var(--wild-white);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-specs-table table {\n width: 100%;\n border-collapse: collapse;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-specs-table th {\n padding: 16px 24px;\n text-align: left;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--wild-gray-500);\n background: var(--wild-gray-50);\n border-bottom: 1px solid var(--wild-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-specs-table td {\n padding: 14px 24px;\n font-size: 0.9375rem;\n color: var(--wild-black);\n border-bottom: 1px solid var(--wild-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-specs-table tr:last-child td {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-specs-table td:first-child {\n font-weight: 500;\n color: var(--wild-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-specs-table td:last-child {\n font-weight: 600;\n text-align: right;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Bottom padding container *\/\n .wild-motor-bottom {\n max-width: 1200px;\n margin: 0 auto;\n padding: 80px 24px 120px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* System Controller + Battery split *\/\n .wild-motor-split-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 32px;\n margin-bottom: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card {\n background: var(--wild-white);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card-image {\n aspect-ratio: 4\/3;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card:hover .wild-motor-split-card-image img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card-content {\n padding: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card-content h4 {\n font-size: 1.375rem;\n font-weight: 700;\n color: var(--wild-black);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-card-content p {\n font-size: 1rem;\n line-height: 1.7;\n color: var(--wild-gray-600);\n margin: 0;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .wild-motor-container {\n padding: 80px 20px 0;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-hero {\n grid-template-columns: 1fr;\n gap: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-big-stats {\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-features {\n grid-template-columns: 1fr;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-section {\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e \/* CTA grid responsive handled inline *\/\u003c\/p\u003e\n\u003cp\u003e .wild-motor-split-grid {\n grid-template-columns: 1fr;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-motor-bottom {\n padding: 60px 20px 80px;\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n VIDEO MEDIA SECTION\n ============================================ *\/\n .wild-media-container {\n max-width: 1100px;\n margin: 60px auto 0;\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-media-container video {\n width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n STATS ROW\n ============================================ *\/\n .wild-stats-row {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 32px;\n margin-top: 56px;\n padding-top: 56px;\n border-top: 1px solid var(--wild-gray-200);\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-stat-item {\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-stat-number {\n font-size: clamp(2rem, 4vw, 3.5rem);\n font-weight: 800;\n letter-spacing: -0.03em;\n line-height: 1;\n margin-bottom: 8px;\n background: linear-gradient(135deg, #2563eb, #1d4ed8);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--wild-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n MODELS SECTION - 4 CARDS\n ============================================ *\/\n .wild-models-section {\n padding: 120px 24px;\n background: var(--wild-white);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-models-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-models-header {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 72px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-models-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .wild-model-card {\n background: var(--wild-gray-100);\n border-radius: 32px;\n padding: 48px 40px;\n text-align: center;\n transition: all 0.5s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-model-card:hover {\n box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .wild-model-image {\n width: 100%;\n aspect-ratio: 16\/10;\n background: var(--wild-white);\n border-radius: 24px;\n margin-bottom: 32px;\n overflow: hidden;\n display: flex;\n align-items: center;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"M \/ Bumblebee Yellow-Metallic Olive Green (Gloss)","offer_id":57494521446782,"sku":"T34305SM","price":29689.76,"currency_code":"RON","in_stock":true},{"title":"S \/ Bumblebee Yellow-Metallic Olive Green (Gloss)","offer_id":57494521479550,"sku":"T34303SM","price":29689.76,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite-Blue Stone (Matt)","offer_id":57494521512318,"sku":"T34303SN","price":29689.76,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite-Blue Stone (Matt)","offer_id":57494521545086,"sku":"T34305SN","price":29689.76,"currency_code":"RON","in_stock":true},{"title":"L \/ Bumblebee Yellow-Metallic Olive Green (Gloss)","offer_id":57494521577854,"sku":"T34307SM","price":29689.76,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite-Blue Stone (Matt)","offer_id":57494521610622,"sku":"T34307SN","price":29689.76,"currency_code":"RON","in_stock":true},{"title":"XL \/ Bumblebee Yellow-Metallic Olive Green (Gloss)","offer_id":57494521643390,"sku":"T34309SM","price":29689.76,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite-Blue Stone (Matt)","offer_id":57494521676158,"sku":"T34309SN","price":29689.76,"currency_code":"RON","in_stock":true},{"title":"S \/ Spacehip Green - Black Matt","offer_id":57494521708926,"sku":"T34303SL","price":29689.76,"currency_code":"RON","in_stock":true},{"title":"M \/ Spacehip Green - Black Matt","offer_id":57494521741694,"sku":"T34305SL","price":29689.76,"currency_code":"RON","in_stock":true},{"title":"L \/ Spacehip Green - Black Matt","offer_id":57494521774462,"sku":"T34307SL","price":29689.76,"currency_code":"RON","in_stock":true},{"title":"XL \/ Spacehip Green - Black Matt","offer_id":57494521807230,"sku":"T34309SL","price":29689.76,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T343TTCC-SL-SIDE-WILD_H10.jpg?v=1780307746"},{"product_id":"wild-m20-s-diamond-carbon-view-matt-mars-red-gloss-2","title":"Bicicletă electrică eMTB ORBEA WILD M20","description":"","brand":"ORBEA","offers":[{"title":"S \/ Diamond Carbon View (Matt) - Mars Red (Gloss)","offer_id":57494521872766,"sku":"T34503X1","price":30113.96,"currency_code":"RON","in_stock":true},{"title":"S \/ Caramel Carbon View (Gloss) - Cream White (Matt)","offer_id":57494521905534,"sku":"T34503X2","price":30113.96,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View Matt","offer_id":57494521938302,"sku":"T34503X4","price":30113.96,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Carbon View (Matt) - Mars Red (Gloss)","offer_id":57494521971070,"sku":"T34505X1","price":30113.96,"currency_code":"RON","in_stock":true},{"title":"M \/ Caramel Carbon View (Gloss) - Cream White (Matt)","offer_id":57494522003838,"sku":"T34505X2","price":30113.96,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View Matt","offer_id":57494522036606,"sku":"T34505X4","price":30113.96,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Carbon View (Matt) - Mars Red (Gloss)","offer_id":57494522069374,"sku":"T34507X1","price":30113.96,"currency_code":"RON","in_stock":true},{"title":"L \/ Caramel Carbon View (Gloss) - Cream White (Matt)","offer_id":57494522102142,"sku":"T34507X2","price":30113.96,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View Matt","offer_id":57494522134910,"sku":"T34507X4","price":30113.96,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Carbon View (Matt) - Mars Red (Gloss)","offer_id":57494522167678,"sku":"T34509X1","price":30113.96,"currency_code":"RON","in_stock":true},{"title":"XL \/ Caramel Carbon View (Gloss) - Cream White (Matt)","offer_id":57494522200446,"sku":"T34509X2","price":30113.96,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View Matt","offer_id":57494522233214,"sku":"T34509X4","price":30113.96,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T345TTCC-X1-SIDE-WILD_M20.jpg?v=1780307743"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-bullit","title":"Bicicleta electrica MTB Santa Cruz Bullit","description":"\u003cbody\u003e\n\u003cp\u003e\u003cimg class=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Santa_Cruz_Bicycles_logo.png\" alt=\"Santa Cruz Bicycles – Logos Download\" width=\"517\" height=\"60\"\u003e\u003c\/p\u003e\n\u003cdiv\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"252345\" class=\"elementor elementor-252345\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-e1fecbd e-flex e-con-boxed e-con e-parent\" data-id=\"e1fecbd\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-14c1e6b elementor-widget elementor-widget-html\" data-id=\"14c1e6b\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n \u003ctitle\u003eSanta Cruz Bullit | ProVelo România\u003c\/title\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --sc-red: #E31937;\n --sc-red-dark: #c41530;\n --apple-blue: #0071e3;\n --bosch-blue: #00a0e3;\n --bosch-dark: #005691;\n --bullit-teal: #1a5a5a;\n --bullit-teal-light: #2d7a7a;\n --bullit-black: #1a1a1a;\n --bullit-pink: #e91e63;\n --black: #0a0a0a;\n --dark-gray: #2d2d2d;\n --apple-gray: #f5f5f7;\n --apple-gray-dark: #e8e8ed;\n --text-dark: #1d1d1f;\n --text-gray: #86868b;\n --white: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\u003c\/p\u003e\n\u003cp\u003e html {\n scroll-behavior: smooth;\n }\u003c\/p\u003e\n\u003cp\u003e body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n line-height: 1.5;\n color: var(--text-dark);\n background: var(--white);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== HERO SECTION ========== *\/\n .hero {\n height: 100vh !important;\n min-height: 700px !important;\n position: relative !important;\n overflow: hidden !important;\n transition: background 0.5s ease !important;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero.bg-teal { background: linear-gradient(135deg, #1a5a5a 0%, #2d7a7a 100%); }\n .hero.bg-black { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); }\u003c\/p\u003e\n\u003cp\u003e .dot-teal { background: #1a5a5a !important; }\n .dot-black { background: #1a1a1a !important; border: 2px solid #444 !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 60px 20px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-title {\n font-size: clamp(4rem, 12vw, 10rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n letter-spacing: -0.02em !important;\n line-height: 1 !important;\n margin-bottom: 25px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-subtitle {\n font-size: 1.2rem !important;\n color: rgba(255, 255, 255, 0.8) !important;\n margin-bottom: 30px !important;\n font-weight: 500 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stats {\n display: flex !important;\n justify-content: center !important;\n gap: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat {\n text-align: center !important;\n padding: 0 25px !important;\n border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat:first-child { border-left: none !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-label {\n font-size: 0.65rem !important;\n color: rgba(255, 255, 255, 0.7) !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n margin-bottom: 5px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value {\n font-size: 2rem !important;\n font-weight: 700 !important;\n color: #ffffff !important;\n line-height: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value span { font-size: 1rem !important; font-weight: 400 !important; }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge {\n position: absolute;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(0, 160, 227, 0.9);\n color: white;\n padding: 8px 20px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 2px;\n z-index: 10;\n display: flex;\n align-items: center;\n gap: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge svg { width: 16px; height: 16px; }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 1 !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero .color-selector-vertical { pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slides {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n top: 0 !important;\n left: 0 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n opacity: 0 !important;\n transition: opacity 0.5s ease !important;\n pointer-events: none !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding-top: 180px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide.active { opacity: 1 !important; pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slide img {\n width: auto !important;\n height: 75% !important;\n max-width: 90% !important;\n object-fit: contain !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-vertical {\n position: absolute !important;\n right: 18% !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 10px !important;\n background: rgba(255, 255, 255, 0.95) !important;\n padding: 12px 10px !important;\n border-radius: 30px !important;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\n z-index: 10 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-name-desktop {\n display: block !important;\n text-align: center !important;\n padding: 15px 0 30px !important;\n font-size: 0.9rem !important;\n color: rgba(255, 255, 255, 0.6) !important;\n font-weight: 500 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-mobile, .color-name-mobile { display: none; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v {\n width: 28px !important;\n height: 28px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 2px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v:hover { transform: scale(1.15) !important; }\n .color-dot-v.active { border-color: rgba(0, 0, 0, 0.3) !important; transform: scale(1.1) !important; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m {\n width: 50px !important;\n height: 50px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 3px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m:hover { transform: scale(1.1) !important; }\n .color-dot-m.active { border-color: #1a1a1a !important; transform: scale(1.05) !important; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== STANDOUT FEATURES - CAROUSEL CU TEXT-IMAGINE ========== *\/\n .standout-section {\n background: #1a1a1a;\n padding: 80px 20px 60px;\n overflow: hidden;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-header {\n max-width: 1400px;\n margin: 0 auto 50px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-title {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-track {\n display: flex;\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-slide {\n min-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 30px;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item {\n flex: 1;\n max-width: 320px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text h3 {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text p {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.6);\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image {\n border-radius: 12px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-nav-dots {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 16px;\n margin-top: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn {\n width: 44px;\n height: 44px;\n border: none;\n background: var(--bosch-blue);\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn:hover {\n background: #0096c7;\n transform: scale(1.1);\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn svg { width: 20px; height: 20px; stroke: #ffffff; }\u003c\/p\u003e\n\u003cp\u003e .carousel-dots {\n display: flex;\n gap: 8px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot.active {\n background: var(--bosch-blue);\n width: 24px;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\n .container { max-width: 1400px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .extreme-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .getup-section {\n padding: 100px 20px;\n background: #ffffff;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 60px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse {\n grid-template-columns: 1.2fr 1fr;\n direction: rtl;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse \u003e * { direction: ltr; }\u003c\/p\u003e\n\u003cp\u003e .section-label {\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .section-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n line-height: 1.2 !important;\n margin-bottom: 30px !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-text {\n background: linear-gradient(90deg, var(--bosch-blue) 0%, var(--bosch-dark) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-teal {\n background: linear-gradient(90deg, var(--bullit-teal) 0%, var(--bullit-teal-light) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .section-text {\n font-size: 1.1rem !important;\n color: #555 !important;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image {\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .content-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image:hover img { transform: scale(1.03); }\u003c\/p\u003e\n\u003cp\u003e \/* ========== VIDEO SECTION ========== *\/\n .video-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n text-align: center;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .video-title {\n font-size: 0.85rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase;\n letter-spacing: 3px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-heading {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container {\n max-width: 1200px;\n margin: 0 auto;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container:hover { transform: scale(1.02); }\u003c\/p\u003e\n\u003cp\u003e .video-container iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n display: block;\n border: none;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== DESIGN DETAILS - FUNDAL ALB CU HOTSPOTS NUMEROTATE ========== *\/\n .design-section {\n padding: 80px 0 120px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .design-header {\n text-align: center;\n margin-bottom: 40px;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto 80px;\n position: relative;\n background: var(--white);\n padding: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase img {\n width: 100%;\n max-width: 1000px;\n height: auto;\n display: block;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot {\n position: absolute;\n width: 36px;\n height: 36px;\n background: var(--bosch-blue);\n border: none;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 14px;\n font-weight: 700;\n box-shadow: 0 4px 15px rgba(0, 160, 227, 0.4);\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot:hover {\n background: var(--bosch-dark);\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image {\n height: 250px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover .feature-card-image img { transform: scale(1.1); }\u003c\/p\u003e\n\u003cp\u003e .feature-card-content { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .feature-card-title {\n font-size: 1.6rem !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 15px !important;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-text {\n font-size: 1rem !important;\n color: #555 !important;\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\n .products-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .products-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-subtitle {\n font-size: 1.2rem !important;\n color: #555 !important;\n max-width: 600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tabs {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-bottom: 50px;\n flex-wrap: wrap;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab {\n padding: 12px 24px;\n background: var(--apple-gray);\n border: none;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n color: #666;\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab:hover, .filter-tab.active {\n background: var(--bosch-blue);\n color: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: all 0.4s ease;\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n background: var(--bosch-blue);\n color: var(--white);\n padding: 6px 14px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge.new { background: #10b981; }\n .product-badge.limited { background: var(--bullit-pink); }\u003c\/p\u003e\n\u003cp\u003e .product-image {\n padding: 40px;\n background: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-image img {\n max-width: 100%;\n height: auto;\n transition: transform 0.4s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover .product-image img { transform: scale(1.05); }\u003c\/p\u003e\n\u003cp\u003e .product-info { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .product-frame {\n font-size: 0.75rem !important;\n font-weight: 600 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-name {\n font-size: 1.3rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n margin-bottom: 12px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-desc {\n font-size: 0.9rem !important;\n color: #666 !important;\n line-height: 1.6;\n margin-bottom: 20px;\n min-height: 72px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price {\n font-size: 1.5rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price span {\n font-size: 0.9rem;\n color: #666;\n font-weight: 400;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SPECS TABLE ========== *\/\n .specs-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-subtitle {\n font-size: 1.1rem !important;\n color: #666 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table thead { background: var(--bullit-teal); }\u003c\/p\u003e\n\u003cp\u003e .specs-table th {\n padding: 24px 20px;\n text-align: center;\n color: var(--white);\n font-weight: 700;\n font-size: 0.95rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n white-space: nowrap;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:first-child {\n border-radius: 20px 0 0 0;\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:last-child { border-radius: 0 20px 0 0; }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr {\n border-bottom: 1px solid #eee;\n transition: background 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr:hover { background: rgba(0, 160, 227, 0.02); }\n .specs-table tbody tr:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .specs-table td {\n padding: 16px 20px;\n font-size: 0.9rem;\n color: #333;\n vertical-align: middle;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table td:first-child {\n font-weight: 600;\n color: var(--text-dark);\n background: rgba(0, 0, 0, 0.02);\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row { background: var(--apple-gray); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row td {\n font-weight: 800;\n color: var(--text-dark);\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 14px 20px;\n text-align: left;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row { background: rgba(0, 160, 227, 0.05); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td {\n font-weight: 800;\n font-size: 1.15rem;\n color: var(--bosch-blue);\n padding: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td:first-child {\n font-size: 0.85rem;\n color: var(--text-dark);\n }\u003c\/p\u003e\n\u003cp\u003e .rrp-label {\n display: block;\n font-size: 0.7rem;\n font-weight: 600;\n color: var(--text-gray);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SIZE CHART ========== *\/\n .size-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-intro {\n font-size: 1.1rem !important;\n color: #666 !important;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .size-chart { max-width: 1000px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .size-row {\n display: flex;\n align-items: center;\n padding: 30px 0;\n border-bottom: 1px solid #eee;\n }\u003c\/p\u003e\n\u003cp\u003e .size-row:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .size-label {\n width: 120px;\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--text-dark);\n flex-shrink: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-container {\n flex: 1;\n position: relative;\n height: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-bg {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 10px;\n height: 8px;\n background: #eee;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar {\n position: absolute;\n bottom: 10px;\n height: 8px;\n background: var(--bosch-blue);\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-info {\n position: absolute;\n top: 0;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\u003c\/p\u003e\n\u003cp\u003e .size-range {\n font-size: 1rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 5px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-reach {\n font-size: 0.85rem;\n color: var(--bosch-blue);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .size-small .size-bar { left: 0%; width: 25%; }\n .size-small .size-info { left: 0%; }\n .size-medium .size-bar { left: 25%; width: 20%; }\n .size-medium .size-info { left: 25%; }\n .size-large .size-bar { left: 45%; width: 20%; }\n .size-large .size-info { left: 45%; }\n .size-xlarge .size-bar { left: 65%; width: 15%; }\n .size-xlarge .size-info { left: 65%; }\n .size-xxlarge .size-bar { left: 80%; width: 20%; }\n .size-xxlarge .size-info { left: 80%; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== GEOMETRY SECTION ========== *\/\n .geometry-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-header {\n text-align: center;\n margin-bottom: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 10px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-note {\n font-size: 0.9rem !important;\n color: var(--text-gray) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 16px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 800px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table thead { background: var(--apple-gray-dark); }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th {\n padding: 20px 25px;\n text-align: center;\n color: var(--text-dark);\n font-weight: 700;\n font-size: 1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th:first-child { text-align: left; padding-left: 30px; }\u003c\/p\u003e\n\u003cp\u003e .geometry-table tbody tr { border-bottom: 1px solid #eee; }\n .geometry-table tbody tr:last-child { border-bottom: none; }\n .geometry-table tbody tr:hover { background: rgba(0, 0, 0, 0.02); }\u003c\/p\u003e\n\u003cp\u003e .geometry-table td {\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Santa Cruz","offers":[{"title":"Podium-Kit \/ Black Pink Splatter \/ XL","offer_id":57494837068158,"sku":"58-23268-109-3-762-8121011-1-1-1","price":56525.0,"currency_code":"RON","in_stock":true},{"title":"Podium-Kit \/ Black Pink Splatter \/ L","offer_id":57494837100926,"sku":"58-23268-109-3-762-8121011-1-1-1","price":56525.0,"currency_code":"RON","in_stock":true},{"title":"Podium-Kit \/ Black Pink Splatter \/ M","offer_id":57494837133694,"sku":"58-23268-109-3-762-8121011-1-1-1","price":56525.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ S","offer_id":57494837166462,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ M","offer_id":57494837199230,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ L","offer_id":57494837231998,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XL","offer_id":57494837264766,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XXL","offer_id":57494837297534,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494837330302,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494837363070,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494837395838,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494837428606,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494837461374,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ S","offer_id":57494837494142,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ M","offer_id":57494837526910,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ L","offer_id":57494837559678,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XL","offer_id":57494837592446,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XXL","offer_id":57494837625214,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494837657982,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494837690750,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494837723518,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494837756286,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494837789054,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ S","offer_id":57494837821822,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ M","offer_id":57494837854590,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ L","offer_id":57494837887358,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XL","offer_id":57494837920126,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XXL","offer_id":57494837952894,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494837985662,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494838018430,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494838051198,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494838083966,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ S","offer_id":57494838116734,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ M","offer_id":57494838149502,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ L","offer_id":57494838182270,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XL","offer_id":57494838215038,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XXL","offer_id":57494838247806,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494838280574,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494838313342,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494838346110,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494838378878,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494838411646,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Bullit_C_GX_AXS_MatteTealSparkle_21923b2d-bd07-4881-9340-a8ea5af3a561-1-scaled.webp?v=1780309074"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-vala","title":"Bicicleta electrica MTB Santa Cruz VALA","description":"\u003cbody\u003e\n\u003cdiv\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"252360\" class=\"elementor elementor-252360\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-e522f74 e-flex e-con-boxed e-con e-parent\" data-id=\"e522f74\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-22c56b6 elementor-widget elementor-widget-html\" data-id=\"22c56b6\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n \u003ctitle\u003eSanta Cruz Vala | ProVelo România\u003c\/title\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --sc-red: #E31937;\n --sc-red-dark: #c41530;\n --apple-blue: #0071e3;\n --apple-blue-hover: #0077ed;\n --bosch-blue: #00a0e3;\n --bosch-dark: #005691;\n --midnight-green: #1a4a4a;\n --midnight-green-light: #2d6b6b;\n --gloss-grey: #7a7d82;\n --black: #0a0a0a;\n --dark-gray: #2d2d2d;\n --apple-gray: #f5f5f7;\n --apple-gray-dark: #e8e8ed;\n --text-dark: #1d1d1f;\n --text-gray: #86868b;\n --white: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\u003c\/p\u003e\n\u003cp\u003e html {\n scroll-behavior: smooth;\n }\u003c\/p\u003e\n\u003cp\u003e body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n line-height: 1.5;\n color: var(--text-dark);\n background: var(--white);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== HERO SECTION ========== *\/\n .hero {\n height: 100vh !important;\n min-height: 700px !important;\n position: relative !important;\n overflow: hidden !important;\n transition: background 0.5s ease !important;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero.bg-midnightgreen { background: linear-gradient(135deg, #1a4a4a 0%, #2d6b6b 100%); }\n .hero.bg-grey { background: linear-gradient(135deg, #5a5d62 0%, #7a7d82 100%); }\u003c\/p\u003e\n\u003cp\u003e .dot-midnightgreen { background: #1a4a4a !important; }\n .dot-grey { background: #7a7d82 !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 60px 20px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-title {\n font-size: clamp(4rem, 12vw, 10rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n letter-spacing: -0.02em !important;\n line-height: 1 !important;\n margin-bottom: 25px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-subtitle {\n font-size: 1.2rem !important;\n color: rgba(255, 255, 255, 0.8) !important;\n margin-bottom: 30px !important;\n font-weight: 500 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stats {\n display: flex !important;\n justify-content: center !important;\n gap: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat {\n text-align: center !important;\n padding: 0 25px !important;\n border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat:first-child { border-left: none !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-label {\n font-size: 0.65rem !important;\n color: rgba(255, 255, 255, 0.7) !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n margin-bottom: 5px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value {\n font-size: 2rem !important;\n font-weight: 700 !important;\n color: #ffffff !important;\n line-height: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value span { font-size: 1rem !important; font-weight: 400 !important; }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge {\n position: absolute;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(0, 160, 227, 0.9);\n color: white;\n padding: 8px 20px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 2px;\n z-index: 10;\n display: flex;\n align-items: center;\n gap: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge svg { width: 16px; height: 16px; }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 1 !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero .color-selector-vertical { pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slides {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n top: 0 !important;\n left: 0 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n opacity: 0 !important;\n transition: opacity 0.5s ease !important;\n pointer-events: none !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding-top: 120px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide.active { opacity: 1 !important; pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slide img {\n width: auto !important;\n height: 75% !important;\n max-width: 90% !important;\n object-fit: contain !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-vertical {\n position: absolute !important;\n right: 18% !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 10px !important;\n background: rgba(255, 255, 255, 0.95) !important;\n padding: 12px 10px !important;\n border-radius: 30px !important;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\n z-index: 10 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-name-desktop {\n display: block !important;\n text-align: center !important;\n padding: 15px 0 30px !important;\n font-size: 0.9rem !important;\n color: rgba(255, 255, 255, 0.6) !important;\n font-weight: 500 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-mobile, .color-name-mobile { display: none; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v {\n width: 28px !important;\n height: 28px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 2px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v:hover { transform: scale(1.15) !important; }\n .color-dot-v.active { border-color: rgba(0, 0, 0, 0.3) !important; transform: scale(1.1) !important; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m {\n width: 50px !important;\n height: 50px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 3px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m:hover { transform: scale(1.1) !important; }\n .color-dot-m.active { border-color: #1a1a1a !important; transform: scale(1.05) !important; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== STANDOUT FEATURES - CAROUSEL CU TEXT-IMAGINE ========== *\/\n .standout-section {\n background: #1a1a1a;\n padding: 80px 20px 60px;\n overflow: hidden;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-header {\n max-width: 1400px;\n margin: 0 auto 50px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-title {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Carousel Container - Text și Imagine alăturate *\/\n .carousel-container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-track {\n display: flex;\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-slide {\n min-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 30px;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item {\n flex: 1;\n max-width: 320px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text h3 {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text p {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.6);\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image {\n border-radius: 12px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Carousel Navigation cu Dots *\/\n .carousel-nav-dots {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 16px;\n margin-top: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn {\n width: 44px;\n height: 44px;\n border: none;\n background: var(--bosch-blue);\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn:hover {\n background: #0096c7;\n transform: scale(1.1);\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn svg { width: 20px; height: 20px; stroke: #ffffff; }\u003c\/p\u003e\n\u003cp\u003e .carousel-dots {\n display: flex;\n gap: 8px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot.active {\n background: var(--bosch-blue);\n width: 24px;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\n .container { max-width: 1400px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .extreme-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .getup-section {\n padding: 100px 20px;\n background: #ffffff;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 60px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse {\n grid-template-columns: 1.2fr 1fr;\n direction: rtl;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse \u003e * { direction: ltr; }\u003c\/p\u003e\n\u003cp\u003e .section-label {\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .section-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n line-height: 1.2 !important;\n margin-bottom: 30px !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-text {\n background: linear-gradient(90deg, var(--bosch-blue) 0%, var(--bosch-dark) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-green {\n background: linear-gradient(90deg, var(--midnight-green) 0%, var(--midnight-green-light) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .section-text {\n font-size: 1.1rem !important;\n color: #555 !important;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image {\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .content-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image:hover img { transform: scale(1.03); }\u003c\/p\u003e\n\u003cp\u003e \/* ========== VIDEO SECTION ========== *\/\n .video-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n text-align: center;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .video-title {\n font-size: 0.85rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase;\n letter-spacing: 3px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-heading {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container {\n max-width: 1200px;\n margin: 0 auto;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container:hover { transform: scale(1.02); }\u003c\/p\u003e\n\u003cp\u003e .video-container iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n display: block;\n border: none;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== DESIGN DETAILS - FUNDAL ALB CU HOTSPOTS NUMEROTATE ========== *\/\n .design-section {\n padding: 80px 0 120px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .design-header {\n text-align: center;\n margin-bottom: 40px;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Bike Showcase - FUNDAL ALB *\/\n .bike-showcase {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto 80px;\n position: relative;\n background: var(--white);\n padding: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase img {\n width: 100%;\n max-width: 1000px;\n height: auto;\n display: block;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e \/* HOTSPOTS NUMEROTATE - FUNDAL ALBASTRU *\/\n .hotspot {\n position: absolute;\n width: 36px;\n height: 36px;\n background: var(--bosch-blue);\n border: none;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 14px;\n font-weight: 700;\n box-shadow: 0 4px 15px rgba(0, 160, 227, 0.4);\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot:hover {\n background: var(--bosch-dark);\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Poziții hotspots pentru Vala - ca în poza 4 *\/\n .hotspot-1 { top: 40%; left: 46%; }\n .hotspot-2 { top: 62%; left: 43%; }\n .hotspot-3 { top: 48%; left: 70%; }\n .hotspot-4 { top: 26%; left: 36%; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image {\n height: 250px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover .feature-card-image img { transform: scale(1.1); }\u003c\/p\u003e\n\u003cp\u003e .feature-card-content { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .feature-card-title {\n font-size: 1.6rem !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 15px !important;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-text {\n font-size: 1rem !important;\n color: #555 !important;\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\n .products-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .products-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-subtitle {\n font-size: 1.2rem !important;\n color: #555 !important;\n max-width: 600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tabs {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-bottom: 50px;\n flex-wrap: wrap;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab {\n padding: 12px 24px;\n background: var(--apple-gray);\n border: none;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n color: #666;\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab:hover, .filter-tab.active {\n background: var(--bosch-blue);\n color: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: all 0.4s ease;\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n background: var(--bosch-blue);\n color: var(--white);\n padding: 6px 14px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge.new { background: #10b981; }\n .product-badge.aluminum { background: #8b5cf6; }\u003c\/p\u003e\n\u003cp\u003e .product-image {\n padding: 40px;\n background: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-image img {\n max-width: 100%;\n height: auto;\n transition: transform 0.4s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover .product-image img { transform: scale(1.05); }\u003c\/p\u003e\n\u003cp\u003e .product-info { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .product-frame {\n font-size: 0.75rem !important;\n font-weight: 600 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-name {\n font-size: 1.3rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n margin-bottom: 12px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-desc {\n font-size: 0.9rem !important;\n color: #666 !important;\n line-height: 1.6;\n margin-bottom: 20px;\n min-height: 72px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price {\n font-size: 1.5rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price span {\n font-size: 0.9rem;\n color: #666;\n font-weight: 400;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SPECS TABLE ========== *\/\n .specs-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-subtitle {\n font-size: 1.1rem !important;\n color: #666 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 1000px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table thead { background: var(--midnight-green); }\u003c\/p\u003e\n\u003cp\u003e .specs-table th {\n padding: 24px 20px;\n text-align: center;\n color: var(--white);\n font-weight: 700;\n font-size: 0.95rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n white-space: nowrap;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:first-child {\n border-radius: 20px 0 0 0;\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:last-child { border-radius: 0 20px 0 0; }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr {\n border-bottom: 1px solid #eee;\n transition: background 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr:hover { background: rgba(0, 160, 227, 0.02); }\n .specs-table tbody tr:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .specs-table td {\n padding: 16px 20px;\n font-size: 0.9rem;\n color: #333;\n vertical-align: middle;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table td:first-child {\n font-weight: 600;\n color: var(--text-dark);\n background: rgba(0, 0, 0, 0.02);\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row { background: var(--apple-gray); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row td {\n font-weight: 800;\n color: var(--text-dark);\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 14px 20px;\n text-align: left;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row { background: rgba(0, 160, 227, 0.05); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td {\n font-weight: 800;\n font-size: 1.15rem;\n color: var(--bosch-blue);\n padding: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td:first-child {\n font-size: 0.85rem;\n color: var(--text-dark);\n }\u003c\/p\u003e\n\u003cp\u003e .rrp-label {\n display: block;\n font-size: 0.7rem;\n font-weight: 600;\n color: var(--text-gray);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SIZE CHART ========== *\/\n .size-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-intro {\n font-size: 1.1rem !important;\n color: #666 !important;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .size-chart { max-width: 1000px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .size-row {\n display: flex;\n align-items: center;\n padding: 30px 0;\n border-bottom: 1px solid #eee;\n }\u003c\/p\u003e\n\u003cp\u003e .size-row:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .size-label {\n width: 120px;\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--text-dark);\n flex-shrink: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-container {\n flex: 1;\n position: relative;\n height: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-bg {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 10px;\n height: 8px;\n background: #eee;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar {\n position: absolute;\n bottom: 10px;\n height: 8px;\n background: var(--bosch-blue);\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-info {\n position: absolute;\n top: 0;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\u003c\/p\u003e\n\u003cp\u003e .size-range {\n font-size: 1rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 5px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-reach {\n font-size: 0.85rem;\n color: var(--bosch-blue);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .size-small .size-bar { left: 0%; width: 25%; }\n .size-small .size-info { left: 0%; }\n .size-medium .size-bar { left: 25%; width: 20%; }\n .size-medium .size-info { left: 25%; }\n .size-large .size-bar { left: 45%; width: 20%; }\n .size-large .size-info { left: 45%; }\n .size-xlarge .size-bar { left: 65%; width: 15%; }\n .size-xlarge .size-info { left: 65%; }\n .size-xxlarge .size-bar { left: 80%; width: 20%; }\n .size-xxlarge .size-info { left: 80%; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== GEOMETRY SECTION ========== *\/\n .geometry-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-header {\n text-align: center;\n margin-bottom: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 10px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-note {\n font-size: 0.9rem !important;\n color: var(--text-gray) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 16px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 800px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table thead { background: var(--apple-gray-dark); }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th {\n padding: 20px 25px;\n text-align: center;\n color: var(--text-dark);\n font-weight: 700;\n font-size: 1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th:first-child { text-align: left; padding-left: 30px; }\u003c\/p\u003e\n\u003cp\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Santa Cruz","offers":[{"title":"70-Kit \/ Gloss Black \/ S","offer_id":57494839198078,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ M","offer_id":57494839230846,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ L","offer_id":57494839263614,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XL","offer_id":57494839296382,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XXL","offer_id":57494839329150,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494839361918,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494839394686,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494839427454,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494839460222,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494839492990,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ S","offer_id":57494839525758,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ M","offer_id":57494839558526,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ L","offer_id":57494839591294,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XL","offer_id":57494839624062,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XXL","offer_id":57494839656830,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494839689598,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494839722366,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494839755134,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494839787902,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494839820670,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ S","offer_id":57494839853438,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ M","offer_id":57494839886206,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ L","offer_id":57494839918974,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XL","offer_id":57494839951742,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XXL","offer_id":57494839984510,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494840017278,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494840050046,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494840082814,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494840115582,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494840148350,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ S","offer_id":57494840181118,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ M","offer_id":57494840213886,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ L","offer_id":57494840246654,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XL","offer_id":57494840279422,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XXL","offer_id":57494840312190,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494840344958,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494840377726,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494840410494,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494840443262,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494840476030,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ S","offer_id":57494840508798,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ M","offer_id":57494840541566,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ L","offer_id":57494840574334,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ XL","offer_id":57494840607102,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ S","offer_id":57494840639870,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ M","offer_id":57494840672638,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ L","offer_id":57494840705406,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ XL","offer_id":57494840738174,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_CC_XX_AXS_RSV_MidnightGreen_864856aa-48e9-424c-a30d-89e6e216eb3b-scaled.webp?v=1780309081"},{"product_id":"bicicleta-electrica-mtb-full-suspension-whistle-axr-c6-6-dji-avinox-xt-800wh","title":"Bicicleta Electrica MTB Full Suspension WHISTLE AXR C6.6 DJI Avinox XT 800Wh","description":"\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"283079\" class=\"elementor elementor-283079\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-60d8e55 e-flex e-con-boxed e-con e-parent\" data-id=\"60d8e55\" 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-a4061d1 elementor-widget elementor-widget-html\" data-id=\"a4061d1\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Whistle AXR - DJI Avinox Premium Landing Page --\u003e\u003cbr\u003e\n\u003c!-- Apple-Style White\/Grey Theme - Interactive Design --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget - Full Width Layout --\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* ============================================\n VARIABLES \u0026 RESET\n ============================================ *\/\n .axr-page {\n --white: #ffffff;\n --off-white: #fbfbfd;\n --light-gray: #f5f5f7;\n --medium-gray: #e8e8ed;\n --border-gray: #d2d2d7;\n --text-primary: #1d1d1f;\n --text-secondary: #86868b;\n --text-tertiary: #6e6e73;\n --accent: #0071e3;\n --accent-hover: #0077ED;\n --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', 'Segoe UI', Roboto, sans-serif;\n --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-page {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n font-family: var(--font-main);\n color: var(--text-primary);\n background: var(--white);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overflow-x: hidden;\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-page * { box-sizing: border-box; margin: 0; padding: 0; }\n .axr-page img, .axr-page video { max-width: 100%; height: auto; display: block; }\u003c\/p\u003e\n\u003cp\u003e .elementor-widget-container .axr-page,\n .elementor-element .axr-page {\n width: 100vw !important;\n max-width: 100vw !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-container {\n width: 100%;\n max-width: 980px;\n margin: 0 auto;\n padding: 0 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-container-lg {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-container-xl {\n width: 100%;\n max-width: 1440px;\n margin: 0 auto;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n STICKY NAV\n ============================================ *\/\n .axr-nav {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 9999;\n height: 52px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0);\n backdrop-filter: blur(0px);\n -webkit-backdrop-filter: blur(0px);\n border-bottom: 1px solid transparent;\n transition: all 0.4s var(--ease-smooth);\n pointer-events: none;\n opacity: 0;\n transform: translateY(-100%);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav.visible {\n pointer-events: auto;\n opacity: 1;\n transform: translateY(0);\n background: rgba(255, 255, 255, 0.72);\n backdrop-filter: saturate(180%) blur(20px);\n -webkit-backdrop-filter: saturate(180%) blur(20px);\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n max-width: 1200px;\n padding: 0 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-title {\n font-size: 1.0625rem;\n font-weight: 600;\n color: var(--text-primary);\n letter-spacing: -0.01em;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-links {\n display: flex;\n align-items: center;\n gap: 28px;\n list-style: none;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-links a {\n font-size: 0.75rem;\n font-weight: 400;\n color: var(--text-secondary);\n text-decoration: none;\n transition: color 0.2s;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-links a:hover { color: var(--text-primary); }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-cta {\n font-size: 0.75rem !important;\n font-weight: 400 !important;\n color: var(--white) !important;\n background: var(--accent);\n padding: 6px 16px;\n border-radius: 980px;\n transition: background 0.2s !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-cta:hover { background: var(--accent-hover) !important; }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-nav-links { display: none; }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ANIMATIONS\n ============================================ *\/\n @keyframes heroFadeIn {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes subtlePulse {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 1; }\n }\u003c\/p\u003e\n\u003cp\u003e .axr-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s var(--ease-smooth), transform 0.8s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-reveal.revealed {\n opacity: 1;\n transform: translateY(0);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stagger \u003e * {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.6s var(--ease-smooth), transform 0.6s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stagger.revealed \u003e * { opacity: 1; transform: translateY(0); }\n .axr-stagger.revealed \u003e *:nth-child(1) { transition-delay: 0s; }\n .axr-stagger.revealed \u003e *:nth-child(2) { transition-delay: 0.1s; }\n .axr-stagger.revealed \u003e *:nth-child(3) { transition-delay: 0.2s; }\n .axr-stagger.revealed \u003e *:nth-child(4) { transition-delay: 0.3s; }\n .axr-stagger.revealed \u003e *:nth-child(5) { transition-delay: 0.35s; }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYPOGRAPHY\n ============================================ *\/\n .axr-page h1, .axr-page h2, .axr-page h3, .axr-page h4 {\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-headline-xl {\n font-size: clamp(2.5rem, 7vw, 5rem);\n font-weight: 700;\n letter-spacing: -0.03em;\n line-height: 1.05;\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-headline-lg {\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 700;\n letter-spacing: -0.025em;\n line-height: 1.08;\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-headline-md {\n font-size: clamp(1.5rem, 3.5vw, 2.5rem);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.12;\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-body-lg {\n font-size: clamp(1rem, 1.6vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.52;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-body-sm {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.52;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-eyebrow {\n font-size: 0.6875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--text-tertiary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-eyebrow-accent {\n font-size: 0.6875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--accent);\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-dark {\n background: linear-gradient(135deg, var(--text-primary) 0%, #515154 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION - VIDEO\n ============================================ *\/\n .axr-hero {\n position: relative;\n min-height: 100vh;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n background: #000;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-video-wrap {\n position: absolute;\n inset: 0;\n z-index: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-video-wrap video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.65;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.5) 100%);\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-content {\n position: relative;\n z-index: 2;\n padding: 120px 22px 60px;\n max-width: 980px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 20px;\n background: rgba(255,255,255,0.12);\n border: 1px solid rgba(255,255,255,0.25);\n border-radius: 980px;\n margin-bottom: 28px;\n animation: heroFadeIn 0.8s var(--ease-smooth) 0.2s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-badge span {\n font-size: 0.6875rem;\n font-weight: 600;\n letter-spacing: 0.12em;\n color: rgba(255,255,255,0.9);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero h1 {\n font-size: clamp(3.5rem, 14vw, 9rem) !important;\n font-weight: 800;\n letter-spacing: -0.04em;\n line-height: 0.9;\n color: #fff !important;\n margin-bottom: 24px;\n animation: heroFadeIn 1s var(--ease-smooth) 0.4s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-sub {\n font-size: clamp(1rem, 2vw, 1.375rem);\n font-weight: 400;\n color: rgba(255,255,255,0.75);\n max-width: 620px;\n margin: 0 auto 50px;\n line-height: 1.5;\n animation: heroFadeIn 0.8s var(--ease-smooth) 0.7s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stats {\n display: flex;\n justify-content: center;\n gap: 60px;\n flex-wrap: wrap;\n animation: heroFadeIn 0.8s var(--ease-smooth) 0.9s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stat-val {\n font-size: clamp(2.5rem, 6vw, 4rem);\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.02em;\n line-height: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stat-val .u {\n font-size: 0.4em;\n font-weight: 500;\n color: rgba(255,255,255,0.55);\n margin-left: 2px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stat-lbl {\n font-size: 0.6875rem;\n font-weight: 500;\n color: rgba(255,255,255,0.45);\n text-transform: uppercase;\n letter-spacing: 0.12em;\n margin-top: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-scroll {\n position: absolute;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 2;\n width: 24px;\n height: 40px;\n border: 2px solid rgba(255,255,255,0.35);\n border-radius: 12px;\n animation: heroFadeIn 0.8s var(--ease-smooth) 1.2s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-scroll::after {\n content: '';\n position: absolute;\n top: 8px;\n left: 50%;\n transform: translateX(-50%);\n width: 3px;\n height: 8px;\n background: rgba(255,255,255,0.6);\n border-radius: 2px;\n animation: subtlePulse 2.5s ease-in-out infinite;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SECTION BASICS\n ============================================ *\/\n .axr-section { width: 100%; }\n .axr-section--white { background: var(--white); }\n .axr-section--gray { background: var(--light-gray); }\n .axr-section--offwhite { background: var(--off-white); }\n .axr-section--dark { background: #1d1d1f; }\u003c\/p\u003e\n\u003cp\u003e .axr-section-pad {\n padding: 110px 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-section-pad-lg {\n padding: 140px 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-text-center { text-align: center; }\u003c\/p\u003e\n\u003cp\u003e .axr-mb-8 { margin-bottom: 8px; }\n .axr-mb-12 { margin-bottom: 12px; }\n .axr-mb-16 { margin-bottom: 16px; }\n .axr-mb-20 { margin-bottom: 20px; }\n .axr-mb-24 { margin-bottom: 24px; }\n .axr-mb-32 { margin-bottom: 32px; }\n .axr-mb-48 { margin-bottom: 48px; }\n .axr-mb-64 { margin-bottom: 64px; }\n .axr-mb-80 { margin-bottom: 80px; }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n INTRO SECTION\n ============================================ *\/\n .axr-intro {\n padding: 100px 22px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-intro-text {\n max-width: 750px;\n margin: 0 auto;\n font-size: clamp(1.125rem, 2.2vw, 1.625rem);\n font-weight: 600;\n color: var(--text-primary);\n line-height: 1.4;\n letter-spacing: -0.01em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FULL-WIDTH IMAGE\/VIDEO SECTION\n ============================================ *\/\n .axr-media-full {\n width: 100%;\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-media-full img,\n .axr-media-full video {\n width: 100%;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-media-contained {\n max-width: 1200px;\n margin: 0 auto;\n border-radius: 20px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FEATURE HIGHLIGHT STRIP\n ============================================ *\/\n .axr-features-strip {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n width: 100%;\n background: var(--light-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-item {\n padding: 48px 30px;\n text-align: center;\n border-right: 1px solid var(--medium-gray);\n transition: background 0.3s;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-item:last-child { border-right: none; }\n .axr-feature-item:hover { background: var(--white); }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-val {\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 700;\n color: var(--text-primary);\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 6px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-lbl {\n font-size: 0.8125rem;\n font-weight: 500;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-features-strip {\n grid-template-columns: repeat(2, 1fr);\n }\n .axr-feature-item:nth-child(2) { border-right: none; }\n .axr-feature-item {\n border-bottom: 1px solid var(--medium-gray);\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n MOTOR SECTION\n ============================================ *\/\n .axr-motor-hero {\n position: relative;\n width: 100%;\n padding: 0;\n background: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-motor-hero-img {\n width: 100%;\n max-width: 1000px;\n margin: 0 auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-motor-text-block {\n padding: 80px 22px 100px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n max-width: 1000px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-card {\n background: var(--light-gray);\n border-radius: 20px;\n padding: 36px 24px;\n text-align: center;\n transition: transform 0.3s var(--ease-smooth), box-shadow 0.3s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-num {\n font-size: clamp(2rem, 4vw, 2.75rem);\n font-weight: 700;\n color: var(--text-primary);\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-unit {\n font-size: 0.55em;\n font-weight: 500;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-label {\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-stat-grid { grid-template-columns: repeat(2, 1fr); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n VIDEO SHOWCASE\n ============================================ *\/\n .axr-video-section {\n position: relative;\n width: 100%;\n overflow: hidden;\n background: #000;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-section video {\n width: 100%;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-text-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 60px 40px 50px;\n background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.7) 100%);\n color: #fff;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-text-overlay h3 {\n color: #fff !important;\n font-size: clamp(1.5rem, 3vw, 2.25rem);\n font-weight: 600;\n letter-spacing: -0.02em;\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-text-overlay p {\n color: rgba(255,255,255,0.7);\n font-size: 0.9375rem;\n max-width: 500px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPLIT SECTION (Image + Text)\n ============================================ *\/\n .axr-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n align-items: center;\n min-height: 500px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-split--reverse { direction: rtl; }\n .axr-split--reverse \u003e * { direction: ltr; }\u003c\/p\u003e\n\u003cp\u003e .axr-split-media {\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-split-media img,\n .axr-split-media video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-split-text {\n padding: 60px 80px;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .axr-split {\n grid-template-columns: 1fr;\n }\n .axr-split--reverse { direction: ltr; }\n .axr-split-text { padding: 50px 22px; }\n .axr-split-media { min-height: 300px; }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RIDING MODES - TABS\n ============================================ *\/\n .axr-modes-tabs {\n display: flex;\n justify-content: center;\n gap: 8px;\n flex-wrap: wrap;\n margin-bottom: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-tab {\n padding: 10px 24px;\n border-radius: 980px;\n font-family: var(--font-main);\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--text-secondary);\n background: var(--light-gray);\n border: 1px solid transparent;\n cursor: pointer;\n transition: all 0.25s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-tab:hover {\n color: var(--text-primary);\n background: var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-tab.active {\n color: var(--white);\n background: var(--text-primary);\n border-color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-content {\n display: none;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFadeIn 0.4s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-content.active { display: block; }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-icon {\n font-size: 2.5rem;\n margin-bottom: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-desc {\n font-size: 1rem;\n color: var(--text-secondary);\n line-height: 1.6;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n BATTERY SECTION\n ============================================ *\/\n .axr-battery-visual {\n display: flex;\n justify-content: center;\n align-items: flex-end;\n gap: 100px;\n flex-wrap: wrap;\n padding: 40px 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-card {\n text-align: center;\n max-width: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-bar {\n width: 60px;\n margin: 0 auto 20px;\n border-radius: 10px;\n background: linear-gradient(180deg, #e8e8ed 0%, #d2d2d7 100%);\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-bar::after {\n content: '';\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 24px;\n height: 10px;\n background: #d2d2d7;\n border-radius: 4px 4px 0 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-bar.bar-lg { height: 200px; }\n .axr-battery-bar.bar-sm { height: 160px; }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-cap {\n font-size: 2.25rem;\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-sub {\n font-size: 0.875rem;\n color: var(--text-secondary);\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-weight {\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Battery spec pills *\/\n .axr-spec-pills {\n display: flex;\n justify-content: center;\n gap: 16px;\n flex-wrap: wrap;\n margin-top: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-spec-pill {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: var(--white);\n border: 1px solid var(--medium-gray);\n border-radius: 980px;\n font-size: 0.875rem;\n color: var(--text-primary);\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-spec-pill svg {\n width: 18px;\n height: 18px;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DISPLAY SECTION\n ============================================ *\/\n .axr-display-specs {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n max-width: 900px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-display-spec-card {\n background: var(--white);\n border: 1px solid var(--medium-gray);\n border-radius: 16px;\n padding: 28px 24px;\n text-align: center;\n transition: border-color 0.3s;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-display-spec-card:hover { border-color: var(--border-gray); }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-display-specs { grid-template-columns: 1fr; }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RANGE CALCULATOR - WHITE THEME\n ============================================ *\/\n .axr-calc {\n max-width: 1000px;\n margin: 0 auto;\n background: var(--white);\n border: 1px solid var(--medium-gray);\n border-radius: 24px;\n padding: 56px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-grid {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 60px;\n align-items: start;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .axr-calc-grid { grid-template-columns: 1fr; }\n .axr-calc { padding: 32px 22px; }\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-sliders {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-group {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-label {\n font-size: 0.9375rem;\n color: var(--text-secondary);\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-value {\n font-size: 0.9375rem;\n color: var(--text-primary);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-container {\n position: relative;\n height: 6px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 3px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track-bg {\n width: 100%;\n height: 100%;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track-bg.capacity {\n background: linear-gradient(90deg, #86868b, #1d1d1f);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track-bg.weight {\n background: linear-gradient(90deg, #86868b, #1d1d1f);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n height: 32px;\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n margin: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 22px;\n height: 22px;\n background: var(--white);\n border-radius: 50%;\n border: 2px solid var(--text-primary);\n box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n cursor: pointer;\n transition: transform 0.15s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider::-webkit-slider-thumb:hover { transform: scale(1.12); }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-labels {\n display: flex;\n justify-content: space-between;\n margin-top: 6px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-labels span {\n font-size: 0.75rem;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Assist levels *\/\n .axr-calc-side {\n display: flex;\n flex-direction: column;\n gap: 36px;\n min-width: 200px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-selector { display: flex; flex-direction: column; gap: 12px; }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-selector-label {\n font-size: 0.9375rem;\n color: var(--text-secondary);\n font-weight: 500;\n display: flex;\n justify-content: space-between;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-selector-label span:last-child {\n color: var(--text-primary);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-levels {\n display: flex;\n gap: 6px;\n background: var(--light-gray);\n padding: 6px;\n border-radius: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-level {\n flex: 1;\n height: 36px;\n background: var(--text-primary);\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.2s;\n opacity: 0.15;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-level.active { opacity: 1; }\n .axr-assist-level:hover { opacity: 0.6; }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-labels {\n display: flex;\n justify-content: space-between;\n margin-top: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-labels span {\n font-size: 0.75rem;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Route options *\/\n .axr-route-selector { display: flex; flex-direction: column; gap: 12px; }\u003c\/p\u003e\n\u003cp\u003e .axr-route-selector-label {\n font-size: 0.9375rem;\n color: var(--text-secondary);\n font-weight: 500;\n display: flex;\n justify-content: space-between;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-selector-label span:last-child {\n color: var(--text-primary);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-options {\n display: flex;\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n padding: 14px 10px;\n background: var(--light-gray);\n border-radius: 12px;\n cursor: pointer;\n transition: all 0.2s;\n border: 2px solid transparent;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option:hover { background: var(--medium-gray); }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option.active {\n background: var(--white);\n border-color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option svg {\n width: 36px;\n height: 28px;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option.active svg { color: var(--text-primary); }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option span {\n font-size: 0.75rem;\n color: var(--text-secondary);\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option.active span { color: var(--text-primary); }\u003c\/p\u003e\n\u003cp\u003e \/* Result *\/\n .axr-calc-result {\n margin-top: 48px;\n padding: 32px;\n background: var(--light-gray);\n border-radius: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-result-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-result-text {\n font-size: 1.0625rem;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-result-value {\n display: flex;\n align-items: baseline;\n gap: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-range-km {\n font-size: 4rem;\n font-weight: 700;\n color: var(--text-primary);\n line-height: 1;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-range-unit {\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-range-note {\n margin-top: 16px;\n font-size: 0.8125rem;\n color: var(--text-secondary);\n font-style: italic;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SIZE TABLE - WHITE THEME\n ============================================ *\/\n .axr-size-table {\n width: 100%;\n max-width: 700px;\n margin: 0 auto;\n border-collapse: collapse;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table thead tr {\n background: var(--light-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table th {\n padding: 18px 28px;\n font-size: 0.8125rem;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n border-bottom: 1px solid var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table td {\n padding: 20px 28px;\n text-align: center;\n font-size: 1rem;\n color: var(--text-primary);\n border-bottom: 1px solid var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table tbody tr:last-child td { border-bottom: none; }\n .axr-size-table tbody tr:hover td { background: var(--off-white); }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table .size-label {\n font-weight: 700;\n font-size: 1.25rem;\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPECS TABLE - WHITE THEME\n ============================================ *\/\n .axr-specs-table-container {\n max-width: 1200px;\n margin: 0 auto;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table thead {\n position: sticky;\n top: 52px;\n z-index: 10;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table thead tr {\n background: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th {\n padding: 24px 16px;\n font-size: 0.8125rem;\n font-weight: 400;\n color: var(--text-secondary);\n border-bottom: 1px solid var(--medium-gray);\n text-align: center;\n vertical-align: bottom;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th:first-child {\n text-align: left;\n width: 180px;\n font-weight: 600;\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th .model-name {\n display: block;\n font-size: 1rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th .model-price {\n display: block;\n font-size: 0.875rem;\n font-weight: 600;\n color: var(--accent);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th.highlight {\n background: var(--off-white);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th.highlight .model-name {\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table .category-row td {\n padding: 16px 16px 10px;\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n border-bottom: 1px solid var(--medium-gray);\n background: var(--light-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table tbody td {\n padding: 14px 16px;\n font-size: 0.875rem;\n color: var(--text-primary);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n text-align: center;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Whistle","offers":[{"title":"S","offer_id":57495789371774,"sku":null,"price":26500.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57495789404542,"sku":null,"price":26500.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57495789437310,"sku":null,"price":26500.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/bicicleta-electrica-mtb-full-suspension-whistle-axr-ca56-dji-avinox-xt-800wh-1_832653de-d194-44d0-ba10-fefcf29abb59.webp?v=1780322314"},{"product_id":"bicicleta-electrica-mtb-full-suspension-whistle-axr-c8-6-dji-avinox-di2-800wh","title":"Bicicleta Electrica MTB Full Suspension WHISTLE AXR C8.6 DJI Avinox Di2 800Wh","description":"\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"283079\" class=\"elementor elementor-283079\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-60d8e55 e-flex e-con-boxed e-con e-parent\" data-id=\"60d8e55\" 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-a4061d1 elementor-widget elementor-widget-html\" data-id=\"a4061d1\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Whistle AXR - DJI Avinox Premium Landing Page --\u003e\u003cbr\u003e\n\u003c!-- Apple-Style White\/Grey Theme - Interactive Design --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget - Full Width Layout --\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* ============================================\n VARIABLES \u0026 RESET\n ============================================ *\/\n .axr-page {\n --white: #ffffff;\n --off-white: #fbfbfd;\n --light-gray: #f5f5f7;\n --medium-gray: #e8e8ed;\n --border-gray: #d2d2d7;\n --text-primary: #1d1d1f;\n --text-secondary: #86868b;\n --text-tertiary: #6e6e73;\n --accent: #0071e3;\n --accent-hover: #0077ED;\n --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', 'Segoe UI', Roboto, sans-serif;\n --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-page {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n font-family: var(--font-main);\n color: var(--text-primary);\n background: var(--white);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overflow-x: hidden;\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-page * { box-sizing: border-box; margin: 0; padding: 0; }\n .axr-page img, .axr-page video { max-width: 100%; height: auto; display: block; }\u003c\/p\u003e\n\u003cp\u003e .elementor-widget-container .axr-page,\n .elementor-element .axr-page {\n width: 100vw !important;\n max-width: 100vw !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-container {\n width: 100%;\n max-width: 980px;\n margin: 0 auto;\n padding: 0 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-container-lg {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-container-xl {\n width: 100%;\n max-width: 1440px;\n margin: 0 auto;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n STICKY NAV\n ============================================ *\/\n .axr-nav {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 9999;\n height: 52px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0);\n backdrop-filter: blur(0px);\n -webkit-backdrop-filter: blur(0px);\n border-bottom: 1px solid transparent;\n transition: all 0.4s var(--ease-smooth);\n pointer-events: none;\n opacity: 0;\n transform: translateY(-100%);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav.visible {\n pointer-events: auto;\n opacity: 1;\n transform: translateY(0);\n background: rgba(255, 255, 255, 0.72);\n backdrop-filter: saturate(180%) blur(20px);\n -webkit-backdrop-filter: saturate(180%) blur(20px);\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n max-width: 1200px;\n padding: 0 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-title {\n font-size: 1.0625rem;\n font-weight: 600;\n color: var(--text-primary);\n letter-spacing: -0.01em;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-links {\n display: flex;\n align-items: center;\n gap: 28px;\n list-style: none;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-links a {\n font-size: 0.75rem;\n font-weight: 400;\n color: var(--text-secondary);\n text-decoration: none;\n transition: color 0.2s;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-links a:hover { color: var(--text-primary); }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-cta {\n font-size: 0.75rem !important;\n font-weight: 400 !important;\n color: var(--white) !important;\n background: var(--accent);\n padding: 6px 16px;\n border-radius: 980px;\n transition: background 0.2s !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-cta:hover { background: var(--accent-hover) !important; }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-nav-links { display: none; }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ANIMATIONS\n ============================================ *\/\n @keyframes heroFadeIn {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes subtlePulse {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 1; }\n }\u003c\/p\u003e\n\u003cp\u003e .axr-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s var(--ease-smooth), transform 0.8s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-reveal.revealed {\n opacity: 1;\n transform: translateY(0);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stagger \u003e * {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.6s var(--ease-smooth), transform 0.6s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stagger.revealed \u003e * { opacity: 1; transform: translateY(0); }\n .axr-stagger.revealed \u003e *:nth-child(1) { transition-delay: 0s; }\n .axr-stagger.revealed \u003e *:nth-child(2) { transition-delay: 0.1s; }\n .axr-stagger.revealed \u003e *:nth-child(3) { transition-delay: 0.2s; }\n .axr-stagger.revealed \u003e *:nth-child(4) { transition-delay: 0.3s; }\n .axr-stagger.revealed \u003e *:nth-child(5) { transition-delay: 0.35s; }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYPOGRAPHY\n ============================================ *\/\n .axr-page h1, .axr-page h2, .axr-page h3, .axr-page h4 {\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-headline-xl {\n font-size: clamp(2.5rem, 7vw, 5rem);\n font-weight: 700;\n letter-spacing: -0.03em;\n line-height: 1.05;\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-headline-lg {\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 700;\n letter-spacing: -0.025em;\n line-height: 1.08;\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-headline-md {\n font-size: clamp(1.5rem, 3.5vw, 2.5rem);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.12;\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-body-lg {\n font-size: clamp(1rem, 1.6vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.52;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-body-sm {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.52;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-eyebrow {\n font-size: 0.6875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--text-tertiary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-eyebrow-accent {\n font-size: 0.6875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--accent);\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-dark {\n background: linear-gradient(135deg, var(--text-primary) 0%, #515154 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION - VIDEO\n ============================================ *\/\n .axr-hero {\n position: relative;\n min-height: 100vh;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n background: #000;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-video-wrap {\n position: absolute;\n inset: 0;\n z-index: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-video-wrap video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.65;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.5) 100%);\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-content {\n position: relative;\n z-index: 2;\n padding: 120px 22px 60px;\n max-width: 980px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 20px;\n background: rgba(255,255,255,0.12);\n border: 1px solid rgba(255,255,255,0.25);\n border-radius: 980px;\n margin-bottom: 28px;\n animation: heroFadeIn 0.8s var(--ease-smooth) 0.2s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-badge span {\n font-size: 0.6875rem;\n font-weight: 600;\n letter-spacing: 0.12em;\n color: rgba(255,255,255,0.9);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero h1 {\n font-size: clamp(3.5rem, 14vw, 9rem) !important;\n font-weight: 800;\n letter-spacing: -0.04em;\n line-height: 0.9;\n color: #fff !important;\n margin-bottom: 24px;\n animation: heroFadeIn 1s var(--ease-smooth) 0.4s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-sub {\n font-size: clamp(1rem, 2vw, 1.375rem);\n font-weight: 400;\n color: rgba(255,255,255,0.75);\n max-width: 620px;\n margin: 0 auto 50px;\n line-height: 1.5;\n animation: heroFadeIn 0.8s var(--ease-smooth) 0.7s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stats {\n display: flex;\n justify-content: center;\n gap: 60px;\n flex-wrap: wrap;\n animation: heroFadeIn 0.8s var(--ease-smooth) 0.9s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stat-val {\n font-size: clamp(2.5rem, 6vw, 4rem);\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.02em;\n line-height: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stat-val .u {\n font-size: 0.4em;\n font-weight: 500;\n color: rgba(255,255,255,0.55);\n margin-left: 2px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stat-lbl {\n font-size: 0.6875rem;\n font-weight: 500;\n color: rgba(255,255,255,0.45);\n text-transform: uppercase;\n letter-spacing: 0.12em;\n margin-top: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-scroll {\n position: absolute;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 2;\n width: 24px;\n height: 40px;\n border: 2px solid rgba(255,255,255,0.35);\n border-radius: 12px;\n animation: heroFadeIn 0.8s var(--ease-smooth) 1.2s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-scroll::after {\n content: '';\n position: absolute;\n top: 8px;\n left: 50%;\n transform: translateX(-50%);\n width: 3px;\n height: 8px;\n background: rgba(255,255,255,0.6);\n border-radius: 2px;\n animation: subtlePulse 2.5s ease-in-out infinite;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SECTION BASICS\n ============================================ *\/\n .axr-section { width: 100%; }\n .axr-section--white { background: var(--white); }\n .axr-section--gray { background: var(--light-gray); }\n .axr-section--offwhite { background: var(--off-white); }\n .axr-section--dark { background: #1d1d1f; }\u003c\/p\u003e\n\u003cp\u003e .axr-section-pad {\n padding: 110px 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-section-pad-lg {\n padding: 140px 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-text-center { text-align: center; }\u003c\/p\u003e\n\u003cp\u003e .axr-mb-8 { margin-bottom: 8px; }\n .axr-mb-12 { margin-bottom: 12px; }\n .axr-mb-16 { margin-bottom: 16px; }\n .axr-mb-20 { margin-bottom: 20px; }\n .axr-mb-24 { margin-bottom: 24px; }\n .axr-mb-32 { margin-bottom: 32px; }\n .axr-mb-48 { margin-bottom: 48px; }\n .axr-mb-64 { margin-bottom: 64px; }\n .axr-mb-80 { margin-bottom: 80px; }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n INTRO SECTION\n ============================================ *\/\n .axr-intro {\n padding: 100px 22px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-intro-text {\n max-width: 750px;\n margin: 0 auto;\n font-size: clamp(1.125rem, 2.2vw, 1.625rem);\n font-weight: 600;\n color: var(--text-primary);\n line-height: 1.4;\n letter-spacing: -0.01em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FULL-WIDTH IMAGE\/VIDEO SECTION\n ============================================ *\/\n .axr-media-full {\n width: 100%;\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-media-full img,\n .axr-media-full video {\n width: 100%;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-media-contained {\n max-width: 1200px;\n margin: 0 auto;\n border-radius: 20px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FEATURE HIGHLIGHT STRIP\n ============================================ *\/\n .axr-features-strip {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n width: 100%;\n background: var(--light-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-item {\n padding: 48px 30px;\n text-align: center;\n border-right: 1px solid var(--medium-gray);\n transition: background 0.3s;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-item:last-child { border-right: none; }\n .axr-feature-item:hover { background: var(--white); }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-val {\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 700;\n color: var(--text-primary);\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 6px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-lbl {\n font-size: 0.8125rem;\n font-weight: 500;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-features-strip {\n grid-template-columns: repeat(2, 1fr);\n }\n .axr-feature-item:nth-child(2) { border-right: none; }\n .axr-feature-item {\n border-bottom: 1px solid var(--medium-gray);\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n MOTOR SECTION\n ============================================ *\/\n .axr-motor-hero {\n position: relative;\n width: 100%;\n padding: 0;\n background: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-motor-hero-img {\n width: 100%;\n max-width: 1000px;\n margin: 0 auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-motor-text-block {\n padding: 80px 22px 100px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n max-width: 1000px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-card {\n background: var(--light-gray);\n border-radius: 20px;\n padding: 36px 24px;\n text-align: center;\n transition: transform 0.3s var(--ease-smooth), box-shadow 0.3s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-num {\n font-size: clamp(2rem, 4vw, 2.75rem);\n font-weight: 700;\n color: var(--text-primary);\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-unit {\n font-size: 0.55em;\n font-weight: 500;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-label {\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-stat-grid { grid-template-columns: repeat(2, 1fr); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n VIDEO SHOWCASE\n ============================================ *\/\n .axr-video-section {\n position: relative;\n width: 100%;\n overflow: hidden;\n background: #000;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-section video {\n width: 100%;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-text-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 60px 40px 50px;\n background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.7) 100%);\n color: #fff;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-text-overlay h3 {\n color: #fff !important;\n font-size: clamp(1.5rem, 3vw, 2.25rem);\n font-weight: 600;\n letter-spacing: -0.02em;\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-text-overlay p {\n color: rgba(255,255,255,0.7);\n font-size: 0.9375rem;\n max-width: 500px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPLIT SECTION (Image + Text)\n ============================================ *\/\n .axr-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n align-items: center;\n min-height: 500px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-split--reverse { direction: rtl; }\n .axr-split--reverse \u003e * { direction: ltr; }\u003c\/p\u003e\n\u003cp\u003e .axr-split-media {\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-split-media img,\n .axr-split-media video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-split-text {\n padding: 60px 80px;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .axr-split {\n grid-template-columns: 1fr;\n }\n .axr-split--reverse { direction: ltr; }\n .axr-split-text { padding: 50px 22px; }\n .axr-split-media { min-height: 300px; }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RIDING MODES - TABS\n ============================================ *\/\n .axr-modes-tabs {\n display: flex;\n justify-content: center;\n gap: 8px;\n flex-wrap: wrap;\n margin-bottom: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-tab {\n padding: 10px 24px;\n border-radius: 980px;\n font-family: var(--font-main);\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--text-secondary);\n background: var(--light-gray);\n border: 1px solid transparent;\n cursor: pointer;\n transition: all 0.25s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-tab:hover {\n color: var(--text-primary);\n background: var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-tab.active {\n color: var(--white);\n background: var(--text-primary);\n border-color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-content {\n display: none;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFadeIn 0.4s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-content.active { display: block; }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-icon {\n font-size: 2.5rem;\n margin-bottom: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-desc {\n font-size: 1rem;\n color: var(--text-secondary);\n line-height: 1.6;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n BATTERY SECTION\n ============================================ *\/\n .axr-battery-visual {\n display: flex;\n justify-content: center;\n align-items: flex-end;\n gap: 100px;\n flex-wrap: wrap;\n padding: 40px 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-card {\n text-align: center;\n max-width: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-bar {\n width: 60px;\n margin: 0 auto 20px;\n border-radius: 10px;\n background: linear-gradient(180deg, #e8e8ed 0%, #d2d2d7 100%);\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-bar::after {\n content: '';\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 24px;\n height: 10px;\n background: #d2d2d7;\n border-radius: 4px 4px 0 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-bar.bar-lg { height: 200px; }\n .axr-battery-bar.bar-sm { height: 160px; }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-cap {\n font-size: 2.25rem;\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-sub {\n font-size: 0.875rem;\n color: var(--text-secondary);\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-weight {\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Battery spec pills *\/\n .axr-spec-pills {\n display: flex;\n justify-content: center;\n gap: 16px;\n flex-wrap: wrap;\n margin-top: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-spec-pill {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: var(--white);\n border: 1px solid var(--medium-gray);\n border-radius: 980px;\n font-size: 0.875rem;\n color: var(--text-primary);\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-spec-pill svg {\n width: 18px;\n height: 18px;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DISPLAY SECTION\n ============================================ *\/\n .axr-display-specs {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n max-width: 900px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-display-spec-card {\n background: var(--white);\n border: 1px solid var(--medium-gray);\n border-radius: 16px;\n padding: 28px 24px;\n text-align: center;\n transition: border-color 0.3s;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-display-spec-card:hover { border-color: var(--border-gray); }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-display-specs { grid-template-columns: 1fr; }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RANGE CALCULATOR - WHITE THEME\n ============================================ *\/\n .axr-calc {\n max-width: 1000px;\n margin: 0 auto;\n background: var(--white);\n border: 1px solid var(--medium-gray);\n border-radius: 24px;\n padding: 56px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-grid {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 60px;\n align-items: start;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .axr-calc-grid { grid-template-columns: 1fr; }\n .axr-calc { padding: 32px 22px; }\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-sliders {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-group {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-label {\n font-size: 0.9375rem;\n color: var(--text-secondary);\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-value {\n font-size: 0.9375rem;\n color: var(--text-primary);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-container {\n position: relative;\n height: 6px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 3px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track-bg {\n width: 100%;\n height: 100%;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track-bg.capacity {\n background: linear-gradient(90deg, #86868b, #1d1d1f);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track-bg.weight {\n background: linear-gradient(90deg, #86868b, #1d1d1f);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n height: 32px;\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n margin: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 22px;\n height: 22px;\n background: var(--white);\n border-radius: 50%;\n border: 2px solid var(--text-primary);\n box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n cursor: pointer;\n transition: transform 0.15s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider::-webkit-slider-thumb:hover { transform: scale(1.12); }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-labels {\n display: flex;\n justify-content: space-between;\n margin-top: 6px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-labels span {\n font-size: 0.75rem;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Assist levels *\/\n .axr-calc-side {\n display: flex;\n flex-direction: column;\n gap: 36px;\n min-width: 200px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-selector { display: flex; flex-direction: column; gap: 12px; }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-selector-label {\n font-size: 0.9375rem;\n color: var(--text-secondary);\n font-weight: 500;\n display: flex;\n justify-content: space-between;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-selector-label span:last-child {\n color: var(--text-primary);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-levels {\n display: flex;\n gap: 6px;\n background: var(--light-gray);\n padding: 6px;\n border-radius: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-level {\n flex: 1;\n height: 36px;\n background: var(--text-primary);\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.2s;\n opacity: 0.15;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-level.active { opacity: 1; }\n .axr-assist-level:hover { opacity: 0.6; }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-labels {\n display: flex;\n justify-content: space-between;\n margin-top: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-labels span {\n font-size: 0.75rem;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Route options *\/\n .axr-route-selector { display: flex; flex-direction: column; gap: 12px; }\u003c\/p\u003e\n\u003cp\u003e .axr-route-selector-label {\n font-size: 0.9375rem;\n color: var(--text-secondary);\n font-weight: 500;\n display: flex;\n justify-content: space-between;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-selector-label span:last-child {\n color: var(--text-primary);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-options {\n display: flex;\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n padding: 14px 10px;\n background: var(--light-gray);\n border-radius: 12px;\n cursor: pointer;\n transition: all 0.2s;\n border: 2px solid transparent;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option:hover { background: var(--medium-gray); }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option.active {\n background: var(--white);\n border-color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option svg {\n width: 36px;\n height: 28px;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option.active svg { color: var(--text-primary); }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option span {\n font-size: 0.75rem;\n color: var(--text-secondary);\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option.active span { color: var(--text-primary); }\u003c\/p\u003e\n\u003cp\u003e \/* Result *\/\n .axr-calc-result {\n margin-top: 48px;\n padding: 32px;\n background: var(--light-gray);\n border-radius: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-result-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-result-text {\n font-size: 1.0625rem;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-result-value {\n display: flex;\n align-items: baseline;\n gap: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-range-km {\n font-size: 4rem;\n font-weight: 700;\n color: var(--text-primary);\n line-height: 1;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-range-unit {\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-range-note {\n margin-top: 16px;\n font-size: 0.8125rem;\n color: var(--text-secondary);\n font-style: italic;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SIZE TABLE - WHITE THEME\n ============================================ *\/\n .axr-size-table {\n width: 100%;\n max-width: 700px;\n margin: 0 auto;\n border-collapse: collapse;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table thead tr {\n background: var(--light-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table th {\n padding: 18px 28px;\n font-size: 0.8125rem;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n border-bottom: 1px solid var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table td {\n padding: 20px 28px;\n text-align: center;\n font-size: 1rem;\n color: var(--text-primary);\n border-bottom: 1px solid var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table tbody tr:last-child td { border-bottom: none; }\n .axr-size-table tbody tr:hover td { background: var(--off-white); }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table .size-label {\n font-weight: 700;\n font-size: 1.25rem;\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPECS TABLE - WHITE THEME\n ============================================ *\/\n .axr-specs-table-container {\n max-width: 1200px;\n margin: 0 auto;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table thead {\n position: sticky;\n top: 52px;\n z-index: 10;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table thead tr {\n background: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th {\n padding: 24px 16px;\n font-size: 0.8125rem;\n font-weight: 400;\n color: var(--text-secondary);\n border-bottom: 1px solid var(--medium-gray);\n text-align: center;\n vertical-align: bottom;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th:first-child {\n text-align: left;\n width: 180px;\n font-weight: 600;\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th .model-name {\n display: block;\n font-size: 1rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th .model-price {\n display: block;\n font-size: 0.875rem;\n font-weight: 600;\n color: var(--accent);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th.highlight {\n background: var(--off-white);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th.highlight .model-name {\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table .category-row td {\n padding: 16px 16px 10px;\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n border-bottom: 1px solid var(--medium-gray);\n background: var(--light-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table tbody td {\n padding: 14px 16px;\n font-size: 0.875rem;\n color: var(--text-primary);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n text-align: center;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Whistle","offers":[{"title":"S","offer_id":57495789568382,"sku":null,"price":29950.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57495789601150,"sku":null,"price":29950.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57495789633918,"sku":null,"price":29950.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/bicicleta-electrica-mtb-full-suspension-whistle-axr-ca56-dji-avinox-xt-800wh-1_7dbdb879-275f-4655-8ce9-4ca15cba0534.webp?v=1780322314"},{"product_id":"bicicleta-electrica-mtb-full-suspension-whistle-axr-ca5-6-dji-avinox-xt-800wh","title":"Bicicleta Electrica MTB Full Suspension WHISTLE AXR CA5.6 DJI Avinox XT 800Wh","description":"\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"283079\" class=\"elementor elementor-283079\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-60d8e55 e-flex e-con-boxed e-con e-parent\" data-id=\"60d8e55\" 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-a4061d1 elementor-widget elementor-widget-html\" data-id=\"a4061d1\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Whistle AXR - DJI Avinox Premium Landing Page --\u003e\u003cbr\u003e\n\u003c!-- Apple-Style White\/Grey Theme - Interactive Design --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget - Full Width Layout --\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* ============================================\n VARIABLES \u0026 RESET\n ============================================ *\/\n .axr-page {\n --white: #ffffff;\n --off-white: #fbfbfd;\n --light-gray: #f5f5f7;\n --medium-gray: #e8e8ed;\n --border-gray: #d2d2d7;\n --text-primary: #1d1d1f;\n --text-secondary: #86868b;\n --text-tertiary: #6e6e73;\n --accent: #0071e3;\n --accent-hover: #0077ED;\n --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', 'Segoe UI', Roboto, sans-serif;\n --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-page {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n font-family: var(--font-main);\n color: var(--text-primary);\n background: var(--white);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overflow-x: hidden;\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-page * { box-sizing: border-box; margin: 0; padding: 0; }\n .axr-page img, .axr-page video { max-width: 100%; height: auto; display: block; }\u003c\/p\u003e\n\u003cp\u003e .elementor-widget-container .axr-page,\n .elementor-element .axr-page {\n width: 100vw !important;\n max-width: 100vw !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-container {\n width: 100%;\n max-width: 980px;\n margin: 0 auto;\n padding: 0 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-container-lg {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-container-xl {\n width: 100%;\n max-width: 1440px;\n margin: 0 auto;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n STICKY NAV\n ============================================ *\/\n .axr-nav {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 9999;\n height: 52px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0);\n backdrop-filter: blur(0px);\n -webkit-backdrop-filter: blur(0px);\n border-bottom: 1px solid transparent;\n transition: all 0.4s var(--ease-smooth);\n pointer-events: none;\n opacity: 0;\n transform: translateY(-100%);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav.visible {\n pointer-events: auto;\n opacity: 1;\n transform: translateY(0);\n background: rgba(255, 255, 255, 0.72);\n backdrop-filter: saturate(180%) blur(20px);\n -webkit-backdrop-filter: saturate(180%) blur(20px);\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n max-width: 1200px;\n padding: 0 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-title {\n font-size: 1.0625rem;\n font-weight: 600;\n color: var(--text-primary);\n letter-spacing: -0.01em;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-links {\n display: flex;\n align-items: center;\n gap: 28px;\n list-style: none;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-links a {\n font-size: 0.75rem;\n font-weight: 400;\n color: var(--text-secondary);\n text-decoration: none;\n transition: color 0.2s;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-links a:hover { color: var(--text-primary); }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-cta {\n font-size: 0.75rem !important;\n font-weight: 400 !important;\n color: var(--white) !important;\n background: var(--accent);\n padding: 6px 16px;\n border-radius: 980px;\n transition: background 0.2s !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-cta:hover { background: var(--accent-hover) !important; }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-nav-links { display: none; }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ANIMATIONS\n ============================================ *\/\n @keyframes heroFadeIn {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes subtlePulse {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 1; }\n }\u003c\/p\u003e\n\u003cp\u003e .axr-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s var(--ease-smooth), transform 0.8s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-reveal.revealed {\n opacity: 1;\n transform: translateY(0);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stagger \u003e * {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.6s var(--ease-smooth), transform 0.6s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stagger.revealed \u003e * { opacity: 1; transform: translateY(0); }\n .axr-stagger.revealed \u003e *:nth-child(1) { transition-delay: 0s; }\n .axr-stagger.revealed \u003e *:nth-child(2) { transition-delay: 0.1s; }\n .axr-stagger.revealed \u003e *:nth-child(3) { transition-delay: 0.2s; }\n .axr-stagger.revealed \u003e *:nth-child(4) { transition-delay: 0.3s; }\n .axr-stagger.revealed \u003e *:nth-child(5) { transition-delay: 0.35s; }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYPOGRAPHY\n ============================================ *\/\n .axr-page h1, .axr-page h2, .axr-page h3, .axr-page h4 {\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-headline-xl {\n font-size: clamp(2.5rem, 7vw, 5rem);\n font-weight: 700;\n letter-spacing: -0.03em;\n line-height: 1.05;\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-headline-lg {\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 700;\n letter-spacing: -0.025em;\n line-height: 1.08;\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-headline-md {\n font-size: clamp(1.5rem, 3.5vw, 2.5rem);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.12;\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-body-lg {\n font-size: clamp(1rem, 1.6vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.52;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-body-sm {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.52;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-eyebrow {\n font-size: 0.6875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--text-tertiary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-eyebrow-accent {\n font-size: 0.6875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--accent);\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-dark {\n background: linear-gradient(135deg, var(--text-primary) 0%, #515154 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION - VIDEO\n ============================================ *\/\n .axr-hero {\n position: relative;\n min-height: 100vh;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n background: #000;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-video-wrap {\n position: absolute;\n inset: 0;\n z-index: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-video-wrap video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.65;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.5) 100%);\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-content {\n position: relative;\n z-index: 2;\n padding: 120px 22px 60px;\n max-width: 980px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 20px;\n background: rgba(255,255,255,0.12);\n border: 1px solid rgba(255,255,255,0.25);\n border-radius: 980px;\n margin-bottom: 28px;\n animation: heroFadeIn 0.8s var(--ease-smooth) 0.2s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-badge span {\n font-size: 0.6875rem;\n font-weight: 600;\n letter-spacing: 0.12em;\n color: rgba(255,255,255,0.9);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero h1 {\n font-size: clamp(3.5rem, 14vw, 9rem) !important;\n font-weight: 800;\n letter-spacing: -0.04em;\n line-height: 0.9;\n color: #fff !important;\n margin-bottom: 24px;\n animation: heroFadeIn 1s var(--ease-smooth) 0.4s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-sub {\n font-size: clamp(1rem, 2vw, 1.375rem);\n font-weight: 400;\n color: rgba(255,255,255,0.75);\n max-width: 620px;\n margin: 0 auto 50px;\n line-height: 1.5;\n animation: heroFadeIn 0.8s var(--ease-smooth) 0.7s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stats {\n display: flex;\n justify-content: center;\n gap: 60px;\n flex-wrap: wrap;\n animation: heroFadeIn 0.8s var(--ease-smooth) 0.9s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stat-val {\n font-size: clamp(2.5rem, 6vw, 4rem);\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.02em;\n line-height: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stat-val .u {\n font-size: 0.4em;\n font-weight: 500;\n color: rgba(255,255,255,0.55);\n margin-left: 2px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stat-lbl {\n font-size: 0.6875rem;\n font-weight: 500;\n color: rgba(255,255,255,0.45);\n text-transform: uppercase;\n letter-spacing: 0.12em;\n margin-top: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-scroll {\n position: absolute;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 2;\n width: 24px;\n height: 40px;\n border: 2px solid rgba(255,255,255,0.35);\n border-radius: 12px;\n animation: heroFadeIn 0.8s var(--ease-smooth) 1.2s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-scroll::after {\n content: '';\n position: absolute;\n top: 8px;\n left: 50%;\n transform: translateX(-50%);\n width: 3px;\n height: 8px;\n background: rgba(255,255,255,0.6);\n border-radius: 2px;\n animation: subtlePulse 2.5s ease-in-out infinite;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SECTION BASICS\n ============================================ *\/\n .axr-section { width: 100%; }\n .axr-section--white { background: var(--white); }\n .axr-section--gray { background: var(--light-gray); }\n .axr-section--offwhite { background: var(--off-white); }\n .axr-section--dark { background: #1d1d1f; }\u003c\/p\u003e\n\u003cp\u003e .axr-section-pad {\n padding: 110px 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-section-pad-lg {\n padding: 140px 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-text-center { text-align: center; }\u003c\/p\u003e\n\u003cp\u003e .axr-mb-8 { margin-bottom: 8px; }\n .axr-mb-12 { margin-bottom: 12px; }\n .axr-mb-16 { margin-bottom: 16px; }\n .axr-mb-20 { margin-bottom: 20px; }\n .axr-mb-24 { margin-bottom: 24px; }\n .axr-mb-32 { margin-bottom: 32px; }\n .axr-mb-48 { margin-bottom: 48px; }\n .axr-mb-64 { margin-bottom: 64px; }\n .axr-mb-80 { margin-bottom: 80px; }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n INTRO SECTION\n ============================================ *\/\n .axr-intro {\n padding: 100px 22px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-intro-text {\n max-width: 750px;\n margin: 0 auto;\n font-size: clamp(1.125rem, 2.2vw, 1.625rem);\n font-weight: 600;\n color: var(--text-primary);\n line-height: 1.4;\n letter-spacing: -0.01em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FULL-WIDTH IMAGE\/VIDEO SECTION\n ============================================ *\/\n .axr-media-full {\n width: 100%;\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-media-full img,\n .axr-media-full video {\n width: 100%;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-media-contained {\n max-width: 1200px;\n margin: 0 auto;\n border-radius: 20px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FEATURE HIGHLIGHT STRIP\n ============================================ *\/\n .axr-features-strip {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n width: 100%;\n background: var(--light-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-item {\n padding: 48px 30px;\n text-align: center;\n border-right: 1px solid var(--medium-gray);\n transition: background 0.3s;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-item:last-child { border-right: none; }\n .axr-feature-item:hover { background: var(--white); }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-val {\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 700;\n color: var(--text-primary);\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 6px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-lbl {\n font-size: 0.8125rem;\n font-weight: 500;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-features-strip {\n grid-template-columns: repeat(2, 1fr);\n }\n .axr-feature-item:nth-child(2) { border-right: none; }\n .axr-feature-item {\n border-bottom: 1px solid var(--medium-gray);\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n MOTOR SECTION\n ============================================ *\/\n .axr-motor-hero {\n position: relative;\n width: 100%;\n padding: 0;\n background: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-motor-hero-img {\n width: 100%;\n max-width: 1000px;\n margin: 0 auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-motor-text-block {\n padding: 80px 22px 100px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n max-width: 1000px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-card {\n background: var(--light-gray);\n border-radius: 20px;\n padding: 36px 24px;\n text-align: center;\n transition: transform 0.3s var(--ease-smooth), box-shadow 0.3s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-num {\n font-size: clamp(2rem, 4vw, 2.75rem);\n font-weight: 700;\n color: var(--text-primary);\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-unit {\n font-size: 0.55em;\n font-weight: 500;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-label {\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-stat-grid { grid-template-columns: repeat(2, 1fr); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n VIDEO SHOWCASE\n ============================================ *\/\n .axr-video-section {\n position: relative;\n width: 100%;\n overflow: hidden;\n background: #000;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-section video {\n width: 100%;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-text-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 60px 40px 50px;\n background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.7) 100%);\n color: #fff;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-text-overlay h3 {\n color: #fff !important;\n font-size: clamp(1.5rem, 3vw, 2.25rem);\n font-weight: 600;\n letter-spacing: -0.02em;\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-text-overlay p {\n color: rgba(255,255,255,0.7);\n font-size: 0.9375rem;\n max-width: 500px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPLIT SECTION (Image + Text)\n ============================================ *\/\n .axr-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n align-items: center;\n min-height: 500px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-split--reverse { direction: rtl; }\n .axr-split--reverse \u003e * { direction: ltr; }\u003c\/p\u003e\n\u003cp\u003e .axr-split-media {\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-split-media img,\n .axr-split-media video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-split-text {\n padding: 60px 80px;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .axr-split {\n grid-template-columns: 1fr;\n }\n .axr-split--reverse { direction: ltr; }\n .axr-split-text { padding: 50px 22px; }\n .axr-split-media { min-height: 300px; }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RIDING MODES - TABS\n ============================================ *\/\n .axr-modes-tabs {\n display: flex;\n justify-content: center;\n gap: 8px;\n flex-wrap: wrap;\n margin-bottom: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-tab {\n padding: 10px 24px;\n border-radius: 980px;\n font-family: var(--font-main);\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--text-secondary);\n background: var(--light-gray);\n border: 1px solid transparent;\n cursor: pointer;\n transition: all 0.25s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-tab:hover {\n color: var(--text-primary);\n background: var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-tab.active {\n color: var(--white);\n background: var(--text-primary);\n border-color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-content {\n display: none;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFadeIn 0.4s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-content.active { display: block; }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-icon {\n font-size: 2.5rem;\n margin-bottom: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-desc {\n font-size: 1rem;\n color: var(--text-secondary);\n line-height: 1.6;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n BATTERY SECTION\n ============================================ *\/\n .axr-battery-visual {\n display: flex;\n justify-content: center;\n align-items: flex-end;\n gap: 100px;\n flex-wrap: wrap;\n padding: 40px 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-card {\n text-align: center;\n max-width: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-bar {\n width: 60px;\n margin: 0 auto 20px;\n border-radius: 10px;\n background: linear-gradient(180deg, #e8e8ed 0%, #d2d2d7 100%);\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-bar::after {\n content: '';\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 24px;\n height: 10px;\n background: #d2d2d7;\n border-radius: 4px 4px 0 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-bar.bar-lg { height: 200px; }\n .axr-battery-bar.bar-sm { height: 160px; }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-cap {\n font-size: 2.25rem;\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-sub {\n font-size: 0.875rem;\n color: var(--text-secondary);\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-weight {\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Battery spec pills *\/\n .axr-spec-pills {\n display: flex;\n justify-content: center;\n gap: 16px;\n flex-wrap: wrap;\n margin-top: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-spec-pill {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: var(--white);\n border: 1px solid var(--medium-gray);\n border-radius: 980px;\n font-size: 0.875rem;\n color: var(--text-primary);\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-spec-pill svg {\n width: 18px;\n height: 18px;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DISPLAY SECTION\n ============================================ *\/\n .axr-display-specs {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n max-width: 900px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-display-spec-card {\n background: var(--white);\n border: 1px solid var(--medium-gray);\n border-radius: 16px;\n padding: 28px 24px;\n text-align: center;\n transition: border-color 0.3s;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-display-spec-card:hover { border-color: var(--border-gray); }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-display-specs { grid-template-columns: 1fr; }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RANGE CALCULATOR - WHITE THEME\n ============================================ *\/\n .axr-calc {\n max-width: 1000px;\n margin: 0 auto;\n background: var(--white);\n border: 1px solid var(--medium-gray);\n border-radius: 24px;\n padding: 56px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-grid {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 60px;\n align-items: start;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .axr-calc-grid { grid-template-columns: 1fr; }\n .axr-calc { padding: 32px 22px; }\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-sliders {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-group {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-label {\n font-size: 0.9375rem;\n color: var(--text-secondary);\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-value {\n font-size: 0.9375rem;\n color: var(--text-primary);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-container {\n position: relative;\n height: 6px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 3px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track-bg {\n width: 100%;\n height: 100%;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track-bg.capacity {\n background: linear-gradient(90deg, #86868b, #1d1d1f);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track-bg.weight {\n background: linear-gradient(90deg, #86868b, #1d1d1f);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n height: 32px;\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n margin: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 22px;\n height: 22px;\n background: var(--white);\n border-radius: 50%;\n border: 2px solid var(--text-primary);\n box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n cursor: pointer;\n transition: transform 0.15s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider::-webkit-slider-thumb:hover { transform: scale(1.12); }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-labels {\n display: flex;\n justify-content: space-between;\n margin-top: 6px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-labels span {\n font-size: 0.75rem;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Assist levels *\/\n .axr-calc-side {\n display: flex;\n flex-direction: column;\n gap: 36px;\n min-width: 200px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-selector { display: flex; flex-direction: column; gap: 12px; }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-selector-label {\n font-size: 0.9375rem;\n color: var(--text-secondary);\n font-weight: 500;\n display: flex;\n justify-content: space-between;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-selector-label span:last-child {\n color: var(--text-primary);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-levels {\n display: flex;\n gap: 6px;\n background: var(--light-gray);\n padding: 6px;\n border-radius: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-level {\n flex: 1;\n height: 36px;\n background: var(--text-primary);\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.2s;\n opacity: 0.15;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-level.active { opacity: 1; }\n .axr-assist-level:hover { opacity: 0.6; }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-labels {\n display: flex;\n justify-content: space-between;\n margin-top: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-labels span {\n font-size: 0.75rem;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Route options *\/\n .axr-route-selector { display: flex; flex-direction: column; gap: 12px; }\u003c\/p\u003e\n\u003cp\u003e .axr-route-selector-label {\n font-size: 0.9375rem;\n color: var(--text-secondary);\n font-weight: 500;\n display: flex;\n justify-content: space-between;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-selector-label span:last-child {\n color: var(--text-primary);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-options {\n display: flex;\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n padding: 14px 10px;\n background: var(--light-gray);\n border-radius: 12px;\n cursor: pointer;\n transition: all 0.2s;\n border: 2px solid transparent;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option:hover { background: var(--medium-gray); }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option.active {\n background: var(--white);\n border-color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option svg {\n width: 36px;\n height: 28px;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option.active svg { color: var(--text-primary); }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option span {\n font-size: 0.75rem;\n color: var(--text-secondary);\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option.active span { color: var(--text-primary); }\u003c\/p\u003e\n\u003cp\u003e \/* Result *\/\n .axr-calc-result {\n margin-top: 48px;\n padding: 32px;\n background: var(--light-gray);\n border-radius: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-result-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-result-text {\n font-size: 1.0625rem;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-result-value {\n display: flex;\n align-items: baseline;\n gap: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-range-km {\n font-size: 4rem;\n font-weight: 700;\n color: var(--text-primary);\n line-height: 1;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-range-unit {\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-range-note {\n margin-top: 16px;\n font-size: 0.8125rem;\n color: var(--text-secondary);\n font-style: italic;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SIZE TABLE - WHITE THEME\n ============================================ *\/\n .axr-size-table {\n width: 100%;\n max-width: 700px;\n margin: 0 auto;\n border-collapse: collapse;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table thead tr {\n background: var(--light-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table th {\n padding: 18px 28px;\n font-size: 0.8125rem;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n border-bottom: 1px solid var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table td {\n padding: 20px 28px;\n text-align: center;\n font-size: 1rem;\n color: var(--text-primary);\n border-bottom: 1px solid var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table tbody tr:last-child td { border-bottom: none; }\n .axr-size-table tbody tr:hover td { background: var(--off-white); }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table .size-label {\n font-weight: 700;\n font-size: 1.25rem;\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPECS TABLE - WHITE THEME\n ============================================ *\/\n .axr-specs-table-container {\n max-width: 1200px;\n margin: 0 auto;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table thead {\n position: sticky;\n top: 52px;\n z-index: 10;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table thead tr {\n background: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th {\n padding: 24px 16px;\n font-size: 0.8125rem;\n font-weight: 400;\n color: var(--text-secondary);\n border-bottom: 1px solid var(--medium-gray);\n text-align: center;\n vertical-align: bottom;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th:first-child {\n text-align: left;\n width: 180px;\n font-weight: 600;\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th .model-name {\n display: block;\n font-size: 1rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th .model-price {\n display: block;\n font-size: 0.875rem;\n font-weight: 600;\n color: var(--accent);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th.highlight {\n background: var(--off-white);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th.highlight .model-name {\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table .category-row td {\n padding: 16px 16px 10px;\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n border-bottom: 1px solid var(--medium-gray);\n background: var(--light-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table tbody td {\n padding: 14px 16px;\n font-size: 0.875rem;\n color: var(--text-primary);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n text-align: center;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Whistle","offers":[{"title":"S","offer_id":57495789470078,"sku":null,"price":23400.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57495789502846,"sku":null,"price":23400.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57495789535614,"sku":null,"price":23400.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/bicicleta-electrica-mtb-full-suspension-whistle-axr-ca56-dji-avinox-xt-800wh-1.webp?v=1780322313"},{"product_id":"bicicleta-electrica-mtb-full-suspension-whistle-axr-c10-6-dji-avinox-di2-800wh","title":"Bicicleta Electrica MTB Full Suspension WHISTLE AXR C10.6 DJI Avinox Di2 800Wh","description":"\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"283079\" class=\"elementor elementor-283079\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-60d8e55 e-flex e-con-boxed e-con e-parent\" data-id=\"60d8e55\" 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-a4061d1 elementor-widget elementor-widget-html\" data-id=\"a4061d1\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Whistle AXR - DJI Avinox Premium Landing Page --\u003e\u003cbr\u003e\n\u003c!-- Apple-Style White\/Grey Theme - Interactive Design --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget - Full Width Layout --\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* ============================================\n VARIABLES \u0026 RESET\n ============================================ *\/\n .axr-page {\n --white: #ffffff;\n --off-white: #fbfbfd;\n --light-gray: #f5f5f7;\n --medium-gray: #e8e8ed;\n --border-gray: #d2d2d7;\n --text-primary: #1d1d1f;\n --text-secondary: #86868b;\n --text-tertiary: #6e6e73;\n --accent: #0071e3;\n --accent-hover: #0077ED;\n --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', 'Segoe UI', Roboto, sans-serif;\n --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-page {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n font-family: var(--font-main);\n color: var(--text-primary);\n background: var(--white);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overflow-x: hidden;\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-page * { box-sizing: border-box; margin: 0; padding: 0; }\n .axr-page img, .axr-page video { max-width: 100%; height: auto; display: block; }\u003c\/p\u003e\n\u003cp\u003e .elementor-widget-container .axr-page,\n .elementor-element .axr-page {\n width: 100vw !important;\n max-width: 100vw !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-container {\n width: 100%;\n max-width: 980px;\n margin: 0 auto;\n padding: 0 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-container-lg {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-container-xl {\n width: 100%;\n max-width: 1440px;\n margin: 0 auto;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n STICKY NAV\n ============================================ *\/\n .axr-nav {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 9999;\n height: 52px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0);\n backdrop-filter: blur(0px);\n -webkit-backdrop-filter: blur(0px);\n border-bottom: 1px solid transparent;\n transition: all 0.4s var(--ease-smooth);\n pointer-events: none;\n opacity: 0;\n transform: translateY(-100%);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav.visible {\n pointer-events: auto;\n opacity: 1;\n transform: translateY(0);\n background: rgba(255, 255, 255, 0.72);\n backdrop-filter: saturate(180%) blur(20px);\n -webkit-backdrop-filter: saturate(180%) blur(20px);\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n max-width: 1200px;\n padding: 0 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-title {\n font-size: 1.0625rem;\n font-weight: 600;\n color: var(--text-primary);\n letter-spacing: -0.01em;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-links {\n display: flex;\n align-items: center;\n gap: 28px;\n list-style: none;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-links a {\n font-size: 0.75rem;\n font-weight: 400;\n color: var(--text-secondary);\n text-decoration: none;\n transition: color 0.2s;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-links a:hover { color: var(--text-primary); }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-cta {\n font-size: 0.75rem !important;\n font-weight: 400 !important;\n color: var(--white) !important;\n background: var(--accent);\n padding: 6px 16px;\n border-radius: 980px;\n transition: background 0.2s !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-nav-cta:hover { background: var(--accent-hover) !important; }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-nav-links { display: none; }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ANIMATIONS\n ============================================ *\/\n @keyframes heroFadeIn {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes subtlePulse {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 1; }\n }\u003c\/p\u003e\n\u003cp\u003e .axr-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s var(--ease-smooth), transform 0.8s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-reveal.revealed {\n opacity: 1;\n transform: translateY(0);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stagger \u003e * {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.6s var(--ease-smooth), transform 0.6s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stagger.revealed \u003e * { opacity: 1; transform: translateY(0); }\n .axr-stagger.revealed \u003e *:nth-child(1) { transition-delay: 0s; }\n .axr-stagger.revealed \u003e *:nth-child(2) { transition-delay: 0.1s; }\n .axr-stagger.revealed \u003e *:nth-child(3) { transition-delay: 0.2s; }\n .axr-stagger.revealed \u003e *:nth-child(4) { transition-delay: 0.3s; }\n .axr-stagger.revealed \u003e *:nth-child(5) { transition-delay: 0.35s; }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYPOGRAPHY\n ============================================ *\/\n .axr-page h1, .axr-page h2, .axr-page h3, .axr-page h4 {\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-headline-xl {\n font-size: clamp(2.5rem, 7vw, 5rem);\n font-weight: 700;\n letter-spacing: -0.03em;\n line-height: 1.05;\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-headline-lg {\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 700;\n letter-spacing: -0.025em;\n line-height: 1.08;\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-headline-md {\n font-size: clamp(1.5rem, 3.5vw, 2.5rem);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.12;\n color: var(--text-primary) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-body-lg {\n font-size: clamp(1rem, 1.6vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.52;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-body-sm {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.52;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-eyebrow {\n font-size: 0.6875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--text-tertiary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-eyebrow-accent {\n font-size: 0.6875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--accent);\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-dark {\n background: linear-gradient(135deg, var(--text-primary) 0%, #515154 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION - VIDEO\n ============================================ *\/\n .axr-hero {\n position: relative;\n min-height: 100vh;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n background: #000;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-video-wrap {\n position: absolute;\n inset: 0;\n z-index: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-video-wrap video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.65;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.5) 100%);\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-content {\n position: relative;\n z-index: 2;\n padding: 120px 22px 60px;\n max-width: 980px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 20px;\n background: rgba(255,255,255,0.12);\n border: 1px solid rgba(255,255,255,0.25);\n border-radius: 980px;\n margin-bottom: 28px;\n animation: heroFadeIn 0.8s var(--ease-smooth) 0.2s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-badge span {\n font-size: 0.6875rem;\n font-weight: 600;\n letter-spacing: 0.12em;\n color: rgba(255,255,255,0.9);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero h1 {\n font-size: clamp(3.5rem, 14vw, 9rem) !important;\n font-weight: 800;\n letter-spacing: -0.04em;\n line-height: 0.9;\n color: #fff !important;\n margin-bottom: 24px;\n animation: heroFadeIn 1s var(--ease-smooth) 0.4s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-sub {\n font-size: clamp(1rem, 2vw, 1.375rem);\n font-weight: 400;\n color: rgba(255,255,255,0.75);\n max-width: 620px;\n margin: 0 auto 50px;\n line-height: 1.5;\n animation: heroFadeIn 0.8s var(--ease-smooth) 0.7s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stats {\n display: flex;\n justify-content: center;\n gap: 60px;\n flex-wrap: wrap;\n animation: heroFadeIn 0.8s var(--ease-smooth) 0.9s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stat-val {\n font-size: clamp(2.5rem, 6vw, 4rem);\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.02em;\n line-height: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stat-val .u {\n font-size: 0.4em;\n font-weight: 500;\n color: rgba(255,255,255,0.55);\n margin-left: 2px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-stat-lbl {\n font-size: 0.6875rem;\n font-weight: 500;\n color: rgba(255,255,255,0.45);\n text-transform: uppercase;\n letter-spacing: 0.12em;\n margin-top: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-scroll {\n position: absolute;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 2;\n width: 24px;\n height: 40px;\n border: 2px solid rgba(255,255,255,0.35);\n border-radius: 12px;\n animation: heroFadeIn 0.8s var(--ease-smooth) 1.2s both;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-hero-scroll::after {\n content: '';\n position: absolute;\n top: 8px;\n left: 50%;\n transform: translateX(-50%);\n width: 3px;\n height: 8px;\n background: rgba(255,255,255,0.6);\n border-radius: 2px;\n animation: subtlePulse 2.5s ease-in-out infinite;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SECTION BASICS\n ============================================ *\/\n .axr-section { width: 100%; }\n .axr-section--white { background: var(--white); }\n .axr-section--gray { background: var(--light-gray); }\n .axr-section--offwhite { background: var(--off-white); }\n .axr-section--dark { background: #1d1d1f; }\u003c\/p\u003e\n\u003cp\u003e .axr-section-pad {\n padding: 110px 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-section-pad-lg {\n padding: 140px 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-text-center { text-align: center; }\u003c\/p\u003e\n\u003cp\u003e .axr-mb-8 { margin-bottom: 8px; }\n .axr-mb-12 { margin-bottom: 12px; }\n .axr-mb-16 { margin-bottom: 16px; }\n .axr-mb-20 { margin-bottom: 20px; }\n .axr-mb-24 { margin-bottom: 24px; }\n .axr-mb-32 { margin-bottom: 32px; }\n .axr-mb-48 { margin-bottom: 48px; }\n .axr-mb-64 { margin-bottom: 64px; }\n .axr-mb-80 { margin-bottom: 80px; }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n INTRO SECTION\n ============================================ *\/\n .axr-intro {\n padding: 100px 22px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-intro-text {\n max-width: 750px;\n margin: 0 auto;\n font-size: clamp(1.125rem, 2.2vw, 1.625rem);\n font-weight: 600;\n color: var(--text-primary);\n line-height: 1.4;\n letter-spacing: -0.01em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FULL-WIDTH IMAGE\/VIDEO SECTION\n ============================================ *\/\n .axr-media-full {\n width: 100%;\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-media-full img,\n .axr-media-full video {\n width: 100%;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-media-contained {\n max-width: 1200px;\n margin: 0 auto;\n border-radius: 20px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FEATURE HIGHLIGHT STRIP\n ============================================ *\/\n .axr-features-strip {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n width: 100%;\n background: var(--light-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-item {\n padding: 48px 30px;\n text-align: center;\n border-right: 1px solid var(--medium-gray);\n transition: background 0.3s;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-item:last-child { border-right: none; }\n .axr-feature-item:hover { background: var(--white); }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-val {\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 700;\n color: var(--text-primary);\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 6px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-feature-lbl {\n font-size: 0.8125rem;\n font-weight: 500;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-features-strip {\n grid-template-columns: repeat(2, 1fr);\n }\n .axr-feature-item:nth-child(2) { border-right: none; }\n .axr-feature-item {\n border-bottom: 1px solid var(--medium-gray);\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n MOTOR SECTION\n ============================================ *\/\n .axr-motor-hero {\n position: relative;\n width: 100%;\n padding: 0;\n background: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-motor-hero-img {\n width: 100%;\n max-width: 1000px;\n margin: 0 auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-motor-text-block {\n padding: 80px 22px 100px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n max-width: 1000px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-card {\n background: var(--light-gray);\n border-radius: 20px;\n padding: 36px 24px;\n text-align: center;\n transition: transform 0.3s var(--ease-smooth), box-shadow 0.3s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-num {\n font-size: clamp(2rem, 4vw, 2.75rem);\n font-weight: 700;\n color: var(--text-primary);\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-unit {\n font-size: 0.55em;\n font-weight: 500;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-stat-label {\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-stat-grid { grid-template-columns: repeat(2, 1fr); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n VIDEO SHOWCASE\n ============================================ *\/\n .axr-video-section {\n position: relative;\n width: 100%;\n overflow: hidden;\n background: #000;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-section video {\n width: 100%;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-text-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 60px 40px 50px;\n background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.7) 100%);\n color: #fff;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-text-overlay h3 {\n color: #fff !important;\n font-size: clamp(1.5rem, 3vw, 2.25rem);\n font-weight: 600;\n letter-spacing: -0.02em;\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-video-text-overlay p {\n color: rgba(255,255,255,0.7);\n font-size: 0.9375rem;\n max-width: 500px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPLIT SECTION (Image + Text)\n ============================================ *\/\n .axr-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n align-items: center;\n min-height: 500px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-split--reverse { direction: rtl; }\n .axr-split--reverse \u003e * { direction: ltr; }\u003c\/p\u003e\n\u003cp\u003e .axr-split-media {\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-split-media img,\n .axr-split-media video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-split-text {\n padding: 60px 80px;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .axr-split {\n grid-template-columns: 1fr;\n }\n .axr-split--reverse { direction: ltr; }\n .axr-split-text { padding: 50px 22px; }\n .axr-split-media { min-height: 300px; }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RIDING MODES - TABS\n ============================================ *\/\n .axr-modes-tabs {\n display: flex;\n justify-content: center;\n gap: 8px;\n flex-wrap: wrap;\n margin-bottom: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-tab {\n padding: 10px 24px;\n border-radius: 980px;\n font-family: var(--font-main);\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--text-secondary);\n background: var(--light-gray);\n border: 1px solid transparent;\n cursor: pointer;\n transition: all 0.25s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-tab:hover {\n color: var(--text-primary);\n background: var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-tab.active {\n color: var(--white);\n background: var(--text-primary);\n border-color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-content {\n display: none;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n animation: heroFadeIn 0.4s var(--ease-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-content.active { display: block; }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-icon {\n font-size: 2.5rem;\n margin-bottom: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-title {\n font-size: 1.5rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-mode-desc {\n font-size: 1rem;\n color: var(--text-secondary);\n line-height: 1.6;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n BATTERY SECTION\n ============================================ *\/\n .axr-battery-visual {\n display: flex;\n justify-content: center;\n align-items: flex-end;\n gap: 100px;\n flex-wrap: wrap;\n padding: 40px 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-card {\n text-align: center;\n max-width: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-bar {\n width: 60px;\n margin: 0 auto 20px;\n border-radius: 10px;\n background: linear-gradient(180deg, #e8e8ed 0%, #d2d2d7 100%);\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-bar::after {\n content: '';\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 24px;\n height: 10px;\n background: #d2d2d7;\n border-radius: 4px 4px 0 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-bar.bar-lg { height: 200px; }\n .axr-battery-bar.bar-sm { height: 160px; }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-cap {\n font-size: 2.25rem;\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-sub {\n font-size: 0.875rem;\n color: var(--text-secondary);\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-battery-weight {\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Battery spec pills *\/\n .axr-spec-pills {\n display: flex;\n justify-content: center;\n gap: 16px;\n flex-wrap: wrap;\n margin-top: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-spec-pill {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: var(--white);\n border: 1px solid var(--medium-gray);\n border-radius: 980px;\n font-size: 0.875rem;\n color: var(--text-primary);\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-spec-pill svg {\n width: 18px;\n height: 18px;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DISPLAY SECTION\n ============================================ *\/\n .axr-display-specs {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n max-width: 900px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-display-spec-card {\n background: var(--white);\n border: 1px solid var(--medium-gray);\n border-radius: 16px;\n padding: 28px 24px;\n text-align: center;\n transition: border-color 0.3s;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-display-spec-card:hover { border-color: var(--border-gray); }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 768px) {\n .axr-display-specs { grid-template-columns: 1fr; }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RANGE CALCULATOR - WHITE THEME\n ============================================ *\/\n .axr-calc {\n max-width: 1000px;\n margin: 0 auto;\n background: var(--white);\n border: 1px solid var(--medium-gray);\n border-radius: 24px;\n padding: 56px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.04);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-grid {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 60px;\n align-items: start;\n }\u003c\/p\u003e\n\u003cp\u003e @media (max-width: 900px) {\n .axr-calc-grid { grid-template-columns: 1fr; }\n .axr-calc { padding: 32px 22px; }\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-sliders {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-group {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-label {\n font-size: 0.9375rem;\n color: var(--text-secondary);\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-value {\n font-size: 0.9375rem;\n color: var(--text-primary);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-container {\n position: relative;\n height: 6px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 3px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track-bg {\n width: 100%;\n height: 100%;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track-bg.capacity {\n background: linear-gradient(90deg, #86868b, #1d1d1f);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-track-bg.weight {\n background: linear-gradient(90deg, #86868b, #1d1d1f);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n height: 32px;\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n margin: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 22px;\n height: 22px;\n background: var(--white);\n border-radius: 50%;\n border: 2px solid var(--text-primary);\n box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n cursor: pointer;\n transition: transform 0.15s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider::-webkit-slider-thumb:hover { transform: scale(1.12); }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-labels {\n display: flex;\n justify-content: space-between;\n margin-top: 6px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-slider-labels span {\n font-size: 0.75rem;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Assist levels *\/\n .axr-calc-side {\n display: flex;\n flex-direction: column;\n gap: 36px;\n min-width: 200px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-selector { display: flex; flex-direction: column; gap: 12px; }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-selector-label {\n font-size: 0.9375rem;\n color: var(--text-secondary);\n font-weight: 500;\n display: flex;\n justify-content: space-between;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-selector-label span:last-child {\n color: var(--text-primary);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-levels {\n display: flex;\n gap: 6px;\n background: var(--light-gray);\n padding: 6px;\n border-radius: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-level {\n flex: 1;\n height: 36px;\n background: var(--text-primary);\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.2s;\n opacity: 0.15;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-level.active { opacity: 1; }\n .axr-assist-level:hover { opacity: 0.6; }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-labels {\n display: flex;\n justify-content: space-between;\n margin-top: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-assist-labels span {\n font-size: 0.75rem;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Route options *\/\n .axr-route-selector { display: flex; flex-direction: column; gap: 12px; }\u003c\/p\u003e\n\u003cp\u003e .axr-route-selector-label {\n font-size: 0.9375rem;\n color: var(--text-secondary);\n font-weight: 500;\n display: flex;\n justify-content: space-between;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-selector-label span:last-child {\n color: var(--text-primary);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-options {\n display: flex;\n gap: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n padding: 14px 10px;\n background: var(--light-gray);\n border-radius: 12px;\n cursor: pointer;\n transition: all 0.2s;\n border: 2px solid transparent;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option:hover { background: var(--medium-gray); }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option.active {\n background: var(--white);\n border-color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option svg {\n width: 36px;\n height: 28px;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option.active svg { color: var(--text-primary); }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option span {\n font-size: 0.75rem;\n color: var(--text-secondary);\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-route-option.active span { color: var(--text-primary); }\u003c\/p\u003e\n\u003cp\u003e \/* Result *\/\n .axr-calc-result {\n margin-top: 48px;\n padding: 32px;\n background: var(--light-gray);\n border-radius: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-result-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-result-text {\n font-size: 1.0625rem;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-calc-result-value {\n display: flex;\n align-items: baseline;\n gap: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-range-km {\n font-size: 4rem;\n font-weight: 700;\n color: var(--text-primary);\n line-height: 1;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-range-unit {\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--text-secondary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-range-note {\n margin-top: 16px;\n font-size: 0.8125rem;\n color: var(--text-secondary);\n font-style: italic;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SIZE TABLE - WHITE THEME\n ============================================ *\/\n .axr-size-table {\n width: 100%;\n max-width: 700px;\n margin: 0 auto;\n border-collapse: collapse;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table thead tr {\n background: var(--light-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table th {\n padding: 18px 28px;\n font-size: 0.8125rem;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n border-bottom: 1px solid var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table td {\n padding: 20px 28px;\n text-align: center;\n font-size: 1rem;\n color: var(--text-primary);\n border-bottom: 1px solid var(--medium-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table tbody tr:last-child td { border-bottom: none; }\n .axr-size-table tbody tr:hover td { background: var(--off-white); }\u003c\/p\u003e\n\u003cp\u003e .axr-size-table .size-label {\n font-weight: 700;\n font-size: 1.25rem;\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPECS TABLE - WHITE THEME\n ============================================ *\/\n .axr-specs-table-container {\n max-width: 1200px;\n margin: 0 auto;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table thead {\n position: sticky;\n top: 52px;\n z-index: 10;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table thead tr {\n background: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th {\n padding: 24px 16px;\n font-size: 0.8125rem;\n font-weight: 400;\n color: var(--text-secondary);\n border-bottom: 1px solid var(--medium-gray);\n text-align: center;\n vertical-align: bottom;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th:first-child {\n text-align: left;\n width: 180px;\n font-weight: 600;\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th .model-name {\n display: block;\n font-size: 1rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th .model-price {\n display: block;\n font-size: 0.875rem;\n font-weight: 600;\n color: var(--accent);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th.highlight {\n background: var(--off-white);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table th.highlight .model-name {\n color: var(--text-primary);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table .category-row td {\n padding: 16px 16px 10px;\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n border-bottom: 1px solid var(--medium-gray);\n background: var(--light-gray);\n }\u003c\/p\u003e\n\u003cp\u003e .axr-specs-table tbody td {\n padding: 14px 16px;\n font-size: 0.875rem;\n color: var(--text-primary);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n text-align: center;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Whistle","offers":[{"title":"S","offer_id":57495789863294,"sku":null,"price":39950.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57495789896062,"sku":null,"price":39950.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57495789928830,"sku":null,"price":39950.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/6891331e7d873a77207fb7ee_axr-hotspot-dji-image-avinox-2-1-scaled.avif?v=1780322338"},{"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":"rise-sl-h30-s-bumblebee-yellow-black-matt","title":"Bicicletă electrică eMTB ORBEA RISE SL H30","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă electrică eMTB ORBEA RISE SL H30\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"288254\" class=\"elementor elementor-288254\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-254845d e-flex e-con-boxed e-con e-parent\" data-id=\"254845d\" 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-710d715 elementor-widget elementor-widget-html\" data-id=\"710d715\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea RISE - Landing Page Alma\/Urrun v2 Style - E-MTB Lightweight Machine --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea Rise e-MTB, bicicletă electrică mountain bike lightweight, Shimano EP801 RS 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 - RISE EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page {\u003cbr \/\u003e --rise-black: #1d1d1f;\u003cbr \/\u003e --rise-white: #ffffff;\u003cbr \/\u003e --rise-gray-50: #fafafa;\u003cbr \/\u003e --rise-gray-100: #f5f5f7;\u003cbr \/\u003e --rise-gray-200: #e8e8ed;\u003cbr \/\u003e --rise-gray-300: #d2d2d7;\u003cbr \/\u003e --rise-gray-500: #86868b;\u003cbr \/\u003e --rise-gray-600: #6e6e73;\u003cbr \/\u003e --rise-gray-700: #515154;\u003cbr \/\u003e --rise-gray-800: #2d2d2d;\u003cbr \/\u003e --rise-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* RISE Signature Colors - Teal\/Cyan (Lightweight e-MTB Theme) *\/\u003cbr \/\u003e --rise-teal: #0d9488;\u003cbr \/\u003e --rise-teal-light: #14b8a6;\u003cbr \/\u003e --rise-teal-dark: #115e59;\u003cbr \/\u003e --rise-cyan: #06b6d4;\u003cbr \/\u003e --rise-cyan-light: #22d3ee;\u003cbr \/\u003e --rise-blue: #0071e3;\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 .rise-page {\u003cbr \/\u003e width: 100vw !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;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Prevent body horizontal scroll caused by 100vw *\/\u003cbr \/\u003e html:has(.rise-page),\u003cbr \/\u003e body:has(.rise-page) {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.rise-page),\u003cbr \/\u003e .elementor-element:has(.rise-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.rise-page),\u003cbr \/\u003e .elementor-container:has(.rise-page),\u003cbr \/\u003e .elementor-column:has(.rise-page),\u003cbr \/\u003e .elementor-widget:has(.rise-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile Elementor overrides *\/\u003cbr \/\u003e @media (max-width: 768px) {\u003cbr \/\u003e .elementor-widget-container:has(.rise-page),\u003cbr \/\u003e .elementor-element:has(.rise-page),\u003cbr \/\u003e .elementor-section:has(.rise-page),\u003cbr \/\u003e .elementor-container:has(.rise-page),\u003cbr \/\u003e .elementor-column:has(.rise-page),\u003cbr \/\u003e .elementor-widget:has(.rise-page),\u003cbr \/\u003e .elementor-column-gap-default:has(.rise-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* AGGRESSIVE: Override ALL parent containers up to body *\/\u003cbr \/\u003e #content:has(.rise-page),\u003cbr \/\u003e .site-main:has(.rise-page),\u003cbr \/\u003e .site-content:has(.rise-page),\u003cbr \/\u003e .entry-content:has(.rise-page),\u003cbr \/\u003e .product:has(.rise-page),\u003cbr \/\u003e .type-product:has(.rise-page),\u003cbr \/\u003e main:has(.rise-page),\u003cbr \/\u003e article:has(.rise-page),\u003cbr \/\u003e .woocommerce-product-content:has(.rise-page),\u003cbr \/\u003e .summary:has(.rise-page),\u003cbr \/\u003e .woocommerce-Tabs-panel:has(.rise-page),\u003cbr \/\u003e .e-con:has(.rise-page),\u003cbr \/\u003e .e-con-inner:has(.rise-page),\u003cbr \/\u003e .e-con-full:has(.rise-page),\u003cbr \/\u003e .elementor-element-populated:has(.rise-page),\u003cbr \/\u003e .elementor-top-section:has(.rise-page),\u003cbr \/\u003e .elementor-inner-section:has(.rise-page),\u003cbr \/\u003e div:has(\u003e .rise-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e width: 100% !important;\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 overflow-x: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE PRODUCT PAGE OVERRIDE - CRITICAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .woocommerce .rise-page h1,\u003cbr \/\u003e .woocommerce .rise-page h2,\u003cbr \/\u003e .woocommerce .rise-page h3,\u003cbr \/\u003e .woocommerce .rise-page h4,\u003cbr \/\u003e .woocommerce .rise-page p,\u003cbr \/\u003e .product .rise-page h1,\u003cbr \/\u003e .product .rise-page h2,\u003cbr \/\u003e .product .rise-page h3,\u003cbr \/\u003e .product .rise-page h4,\u003cbr \/\u003e .product .rise-page p,\u003cbr \/\u003e .single-product .rise-page h1,\u003cbr \/\u003e .single-product .rise-page h2,\u003cbr \/\u003e .single-product .rise-page h3,\u003cbr \/\u003e .single-product .rise-page h4,\u003cbr \/\u003e .single-product .rise-page p,\u003cbr \/\u003e .woocommerce-page .rise-page h1,\u003cbr \/\u003e .woocommerce-page .rise-page h2,\u003cbr \/\u003e .woocommerce-page .rise-page h3,\u003cbr \/\u003e .woocommerce-page .rise-page h4,\u003cbr \/\u003e .woocommerce-page .rise-page p {\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e font-size: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .woocommerce .rise-page .rise-feature-section *,\u003cbr \/\u003e .product .rise-page .rise-feature-section *,\u003cbr \/\u003e .single-product .rise-page .rise-feature-section *,\u003cbr \/\u003e .woocommerce-page .rise-page .rise-feature-section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .woocommerce .rise-page .rise-display-xl,\u003cbr \/\u003e .woocommerce .rise-page .rise-display-lg,\u003cbr \/\u003e .product .rise-page .rise-display-xl,\u003cbr \/\u003e .product .rise-page .rise-display-lg,\u003cbr \/\u003e .single-product .rise-page .rise-display-xl,\u003cbr \/\u003e .single-product .rise-page .rise-display-lg {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .rise-page h1,\u003cbr \/\u003e .elementor-widget-container .rise-page h2,\u003cbr \/\u003e .elementor-widget-container .rise-page h3,\u003cbr \/\u003e .elementor-widget-container .rise-page h4,\u003cbr \/\u003e .elementor-widget-container .rise-page h5,\u003cbr \/\u003e .elementor-widget-container .rise-page h6,\u003cbr \/\u003e .elementor-kit-6 .rise-page h1,\u003cbr \/\u003e .elementor-kit-6 .rise-page h2,\u003cbr \/\u003e .elementor-kit-6 .rise-page h3,\u003cbr \/\u003e .elementor-kit-6 .rise-page h4,\u003cbr \/\u003e .elementor-kit-6 .rise-page h5,\u003cbr \/\u003e .elementor-kit-6 .rise-page h6,\u003cbr \/\u003e .rise-page h1,\u003cbr \/\u003e .rise-page h2,\u003cbr \/\u003e .rise-page h3,\u003cbr \/\u003e .rise-page h4,\u003cbr \/\u003e .rise-page h5,\u003cbr \/\u003e .rise-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 .rise-page h2,\u003cbr \/\u003e .elementor-widget-container .rise-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 HEADINGS - FORCE VISIBILITY \u0026 STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page h1,\u003cbr \/\u003e .rise-page h2,\u003cbr \/\u003e .rise-page h3,\u003cbr \/\u003e .rise-page h4,\u003cbr \/\u003e .rise-page h5,\u003cbr \/\u003e .rise-page h6 {\u003cbr \/\u003e font-family: var(--font-main) !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force title visibility in Elementor *\/\u003cbr \/\u003e .elementor-widget-container .rise-page h2,\u003cbr \/\u003e .elementor-element .rise-page h2,\u003cbr \/\u003e .rise-feature-section h2,\u003cbr \/\u003e .rise-page .rise-feature-title,\u003cbr \/\u003e .rise-page .rise-display-lg,\u003cbr \/\u003e .rise-page .rise-display-xl {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FEATURE SECTION - FORCE ALL CONTENT VISIBLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-feature-section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e transform: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e Fix: WooCommerce hides h2:nth-child(1) in product tabs\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .single-product-tabs .woocommerce-Tabs-panel .rise-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .rise-page h2,\u003cbr \/\u003e .rise-page h2.rise-title-main,\u003cbr \/\u003e .rise-page h2 {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e clip: unset !important;\u003cbr \/\u003e clip-path: none !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: auto !important;\u003cbr \/\u003e overflow: visible !important;\u003cbr \/\u003e white-space: normal !important;\u003cbr \/\u003e border: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force ALL elements visible inside rise-page — NO display override *\/\u003cbr \/\u003e .rise-page section,\u003cbr \/\u003e .rise-page section \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div \u003e div \u003e * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page img,\u003cbr \/\u003e .rise-page video {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e KEYFRAME ANIMATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e @keyframes fadeInUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes blurFadeIn {\u003cbr \/\u003e 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes scaleReveal {\u003cbr \/\u003e 0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e 100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes float {\u003cbr \/\u003e 0%, 100% { transform: translateY(0); }\u003cbr \/\u003e 50% { transform: translateY(-10px); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes countUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(20px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-display-hero {\u003cbr \/\u003e font-size: 55px !important;\u003cbr \/\u003e font-weight: 800 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-lg {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.025em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-md {\u003cbr \/\u003e font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page .rise-title-main,\u003cbr \/\u003e .elementor-kit-6 .rise-page .rise-title-main,\u003cbr \/\u003e .elementor-widget-container .rise-page .rise-title-main {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e margin-bottom: 0.25rem !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page .rise-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .rise-page .rise-title-secondary,\u003cbr \/\u003e .elementor-widget-container .rise-page .rise-title-secondary {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.15 !important;\u003cbr \/\u003e color: var(--rise-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-subtitle-apple {\u003cbr \/\u003e font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-subtitle-apple strong {\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Apple-style gradient variations *\/\u003cbr \/\u003e .rise-gradient-teal,\u003cbr \/\u003e .rise-page .rise-gradient-teal,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-teal {\u003cbr \/\u003e background: linear-gradient(90deg, #0d9488 0%, #14b8a6 35%, #2dd4bf 65%, #5eead4 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-gradient-cyan,\u003cbr \/\u003e .rise-page .rise-gradient-cyan,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-cyan {\u003cbr \/\u003e background: linear-gradient(90deg, #0891b2 0%, #06b6d4 35%, #22d3ee 65%, #67e8f9 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-gradient-blue,\u003cbr \/\u003e .rise-page .rise-gradient-blue,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-blue {\u003cbr \/\u003e background: linear-gradient(90deg, #0066cc 0%, #0071e3 35%, #0099ff 65%, #33bbff 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - GRADIENT BACKGROUND\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 600px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e background: linear-gradient(135deg, #0d9488 0%, #115e59 30%, #14b8a6 60%, #0d7377 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-video {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: rgba(0, 0, 0, 0.25);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-title {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-subtitle {\u003cbr \/\u003e font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e max-width: 650px;\u003cbr \/\u003e margin: 0 auto 32px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e INTRO \/ PHILOSOPHY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-intro-section {\u003cbr \/\u003e padding: 140px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-container {\u003cbr \/\u003e max-width: 1000px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-eyebrow {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--rise-teal);\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-teal) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-headline {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e color: var(--rise-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-black) !important;\u003cbr \/\u003e margin-bottom: 40px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-text {\u003cbr \/\u003e font-size: clamp(1.1875rem, 2.2vw, 1.5rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-gray-600) !important;\u003cbr \/\u003e max-width: 750px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-text strong {\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-black) !important;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-fullwidth-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TEXT + IMAGE SPLIT SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-split-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 80px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse {\u003cbr \/\u003e direction: rtl;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse \u003e * {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2.25rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image:hover img {\u003cbr \/\u003e transform: scale(1.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-section.bg-gray {\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-split-container {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e BATTERY CARDS SECTION - 3 BATTERIES\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-battery-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header h2 {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card {\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card:hover .rise-battery-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-mode {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e padding-bottom: 24px;\u003cbr \/\u003e border-bottom: 1px solid var(--rise-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-mode:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e padding-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-label {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e background: var(--rise-teal);\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stats {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stat-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stat-value {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-battery-features {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e VIDEO MEDIA SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-media-container {\u003cbr \/\u003e max-width: 1100px;\u003cbr \/\u003e margin: 60px auto 0;\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-media-container video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e STATS ROW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-stats-row {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 56px;\u003cbr \/\u003e padding-top: 56px;\u003cbr \/\u003e border-top: 1px solid var(--rise-gray-200);\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin-left: auto;\u003cbr \/\u003e margin-right: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-stat-number {\u003cbr \/\u003e font-size: clamp(2rem, 4vw, 3.5rem);\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e letter-spacing: -0.03em;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal), var(--rise-cyan));\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 .rise-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e MODELS SECTION - 2 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-models-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 72px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card {\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e padding: 48px 40px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card:hover {\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-image img {\u003cbr \/\u003e transition: transform 0.7s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card:hover .rise-model-image img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-badge {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal) 0%, var(--rise-cyan) 100%);\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e padding: 8px 18px;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.06em;\u003cbr \/\u003e margin-bottom: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-name {\u003cbr \/\u003e font-size: 2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-tagline {\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e margin-bottom: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-specs {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 14px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec {\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e padding: 16px 14px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec-value {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec-label {\u003cbr \/\u003e font-size: 0.6875rem;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e margin-top: 2px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-models-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-comparison-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table-wrapper {\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table thead {\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal) 0%, var(--rise-cyan) 100%);\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table th {\u003cbr \/\u003e padding: 24px 16px;\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e border-top: 1px solid var(--rise-gray-200);\u003cbr \/\u003e font-size: 0.95rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--rise-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-spec-highlight {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-price-cell {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-teal);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-comparison-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table th,\u003cbr \/\u003e .rise-comparison-table td {\u003cbr \/\u003e padding: 16px 12px;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-geometry-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e margin-top: 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-geometry-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CTA \u0026 DEALER SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-cta-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: linear-gradient(135deg, #0d9488 0%, #0d7377 50%, #115e59 100%);\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-cta-container {\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-cta-title {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-cta-text {\u003cbr \/\u003e font-size: clamp(1.0625rem, 1.8\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Bumblebee Yellow-Black (Matt)","offer_id":57496406622590,"sku":"T31903SS","price":24916.45,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond Black-Splash Olive Green (Matt)","offer_id":57496406655358,"sku":"T31903ST","price":24916.45,"currency_code":"RON","in_stock":true},{"title":"S \/ Escape Green-Splash Ice Green (Gloss)","offer_id":57496406688126,"sku":"T31903SU","price":24916.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Bumblebee Yellow-Black (Matt)","offer_id":57496406720894,"sku":"T31905SS","price":24916.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Black-Splash Olive Green (Matt)","offer_id":57496406753662,"sku":"T31905ST","price":24916.45,"currency_code":"RON","in_stock":true},{"title":"M \/ Escape Green-Splash Ice Green (Gloss)","offer_id":57496406786430,"sku":"T31905SU","price":24916.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Bumblebee Yellow-Black (Matt)","offer_id":57496406819198,"sku":"T31907SS","price":24916.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Black-Splash Olive Green (Matt)","offer_id":57496406851966,"sku":"T31907ST","price":24916.45,"currency_code":"RON","in_stock":true},{"title":"L \/ Escape Green-Splash Ice Green (Gloss)","offer_id":57496406884734,"sku":"T31907SU","price":24916.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Bumblebee Yellow-Black (Matt)","offer_id":57496406917502,"sku":"T31909SS","price":24916.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Black-Splash Olive Green (Matt)","offer_id":57496406950270,"sku":"T31909ST","price":24916.45,"currency_code":"RON","in_stock":true},{"title":"XL \/ Escape Green-Splash Ice Green (Gloss)","offer_id":57496406983038,"sku":"T31909SU","price":24916.45,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T319TTCC-SS-SIDE-RISE_SL_H30_SRD.jpg?v=1780337246"},{"product_id":"rise-sl-m10-420w-s-myo-2","title":"Bicicletă electrică eMTB ORBEA RISE SL M10","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă electrică eMTB ORBEA RISE SL M10\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"291044\" class=\"elementor elementor-291044\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-2396303 e-flex e-con-boxed e-con e-parent\" data-id=\"2396303\" 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-9131a22 elementor-widget elementor-widget-html\" data-id=\"9131a22\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea RISE - Landing Page Alma\/Urrun v2 Style - E-MTB Lightweight Machine --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea Rise e-MTB, bicicletă electrică mountain bike lightweight, Shimano EP801 RS 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 - RISE EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page {\u003cbr \/\u003e --rise-black: #1d1d1f;\u003cbr \/\u003e --rise-white: #ffffff;\u003cbr \/\u003e --rise-gray-50: #fafafa;\u003cbr \/\u003e --rise-gray-100: #f5f5f7;\u003cbr \/\u003e --rise-gray-200: #e8e8ed;\u003cbr \/\u003e --rise-gray-300: #d2d2d7;\u003cbr \/\u003e --rise-gray-500: #86868b;\u003cbr \/\u003e --rise-gray-600: #6e6e73;\u003cbr \/\u003e --rise-gray-700: #515154;\u003cbr \/\u003e --rise-gray-800: #2d2d2d;\u003cbr \/\u003e --rise-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* RISE Signature Colors - Teal\/Cyan (Lightweight e-MTB Theme) *\/\u003cbr \/\u003e --rise-teal: #0d9488;\u003cbr \/\u003e --rise-teal-light: #14b8a6;\u003cbr \/\u003e --rise-teal-dark: #115e59;\u003cbr \/\u003e --rise-cyan: #06b6d4;\u003cbr \/\u003e --rise-cyan-light: #22d3ee;\u003cbr \/\u003e --rise-blue: #0071e3;\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 .rise-page {\u003cbr \/\u003e width: 100vw !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;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Prevent body horizontal scroll caused by 100vw *\/\u003cbr \/\u003e html:has(.rise-page),\u003cbr \/\u003e body:has(.rise-page) {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.rise-page),\u003cbr \/\u003e .elementor-element:has(.rise-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.rise-page),\u003cbr \/\u003e .elementor-container:has(.rise-page),\u003cbr \/\u003e .elementor-column:has(.rise-page),\u003cbr \/\u003e .elementor-widget:has(.rise-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* AGGRESSIVE: Override ALL parent containers up to body *\/\u003cbr \/\u003e #content:has(.rise-page),\u003cbr \/\u003e .site-main:has(.rise-page),\u003cbr \/\u003e .site-content:has(.rise-page),\u003cbr \/\u003e .entry-content:has(.rise-page),\u003cbr \/\u003e .product:has(.rise-page),\u003cbr \/\u003e .type-product:has(.rise-page),\u003cbr \/\u003e main:has(.rise-page),\u003cbr \/\u003e article:has(.rise-page),\u003cbr \/\u003e .woocommerce-product-content:has(.rise-page),\u003cbr \/\u003e .summary:has(.rise-page),\u003cbr \/\u003e .woocommerce-Tabs-panel:has(.rise-page),\u003cbr \/\u003e .e-con:has(.rise-page),\u003cbr \/\u003e .e-con-inner:has(.rise-page),\u003cbr \/\u003e .e-con-full:has(.rise-page),\u003cbr \/\u003e .elementor-element-populated:has(.rise-page),\u003cbr \/\u003e .elementor-top-section:has(.rise-page),\u003cbr \/\u003e .elementor-inner-section:has(.rise-page),\u003cbr \/\u003e div:has(\u003e .rise-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e width: 100% !important;\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 overflow-x: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile Elementor overrides *\/\u003cbr \/\u003e @media (max-width: 768px) {\u003cbr \/\u003e .elementor-widget-container:has(.rise-page),\u003cbr \/\u003e .elementor-element:has(.rise-page),\u003cbr \/\u003e .elementor-section:has(.rise-page),\u003cbr \/\u003e .elementor-container:has(.rise-page),\u003cbr \/\u003e .elementor-column:has(.rise-page),\u003cbr \/\u003e .elementor-widget:has(.rise-page),\u003cbr \/\u003e .elementor-column-gap-default:has(.rise-page),\u003cbr \/\u003e .elementor-top-section:has(.rise-page),\u003cbr \/\u003e .e-con:has(.rise-page),\u003cbr \/\u003e .e-con-inner:has(.rise-page),\u003cbr \/\u003e .e-con-full:has(.rise-page),\u003cbr \/\u003e .elementor-element-populated:has(.rise-page),\u003cbr \/\u003e #content:has(.rise-page),\u003cbr \/\u003e .site-main:has(.rise-page),\u003cbr \/\u003e .site-content:has(.rise-page),\u003cbr \/\u003e .entry-content:has(.rise-page),\u003cbr \/\u003e main:has(.rise-page),\u003cbr \/\u003e article:has(.rise-page),\u003cbr \/\u003e div:has(\u003e .rise-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE PRODUCT PAGE OVERRIDE - CRITICAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .woocommerce .rise-page h1,\u003cbr \/\u003e .woocommerce .rise-page h2,\u003cbr \/\u003e .woocommerce .rise-page h3,\u003cbr \/\u003e .woocommerce .rise-page h4,\u003cbr \/\u003e .woocommerce .rise-page p,\u003cbr \/\u003e .product .rise-page h1,\u003cbr \/\u003e .product .rise-page h2,\u003cbr \/\u003e .product .rise-page h3,\u003cbr \/\u003e .product .rise-page h4,\u003cbr \/\u003e .product .rise-page p,\u003cbr \/\u003e .single-product .rise-page h1,\u003cbr \/\u003e .single-product .rise-page h2,\u003cbr \/\u003e .single-product .rise-page h3,\u003cbr \/\u003e .single-product .rise-page h4,\u003cbr \/\u003e .single-product .rise-page p,\u003cbr \/\u003e .woocommerce-page .rise-page h1,\u003cbr \/\u003e .woocommerce-page .rise-page h2,\u003cbr \/\u003e .woocommerce-page .rise-page h3,\u003cbr \/\u003e .woocommerce-page .rise-page h4,\u003cbr \/\u003e .woocommerce-page .rise-page p {\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e font-size: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .woocommerce .rise-page .rise-feature-section *,\u003cbr \/\u003e .product .rise-page .rise-feature-section *,\u003cbr \/\u003e .single-product .rise-page .rise-feature-section *,\u003cbr \/\u003e .woocommerce-page .rise-page .rise-feature-section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .woocommerce .rise-page .rise-display-xl,\u003cbr \/\u003e .woocommerce .rise-page .rise-display-lg,\u003cbr \/\u003e .product .rise-page .rise-display-xl,\u003cbr \/\u003e .product .rise-page .rise-display-lg,\u003cbr \/\u003e .single-product .rise-page .rise-display-xl,\u003cbr \/\u003e .single-product .rise-page .rise-display-lg {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .rise-page h1,\u003cbr \/\u003e .elementor-widget-container .rise-page h2,\u003cbr \/\u003e .elementor-widget-container .rise-page h3,\u003cbr \/\u003e .elementor-widget-container .rise-page h4,\u003cbr \/\u003e .elementor-widget-container .rise-page h5,\u003cbr \/\u003e .elementor-widget-container .rise-page h6,\u003cbr \/\u003e .elementor-kit-6 .rise-page h1,\u003cbr \/\u003e .elementor-kit-6 .rise-page h2,\u003cbr \/\u003e .elementor-kit-6 .rise-page h3,\u003cbr \/\u003e .elementor-kit-6 .rise-page h4,\u003cbr \/\u003e .elementor-kit-6 .rise-page h5,\u003cbr \/\u003e .elementor-kit-6 .rise-page h6,\u003cbr \/\u003e .rise-page h1,\u003cbr \/\u003e .rise-page h2,\u003cbr \/\u003e .rise-page h3,\u003cbr \/\u003e .rise-page h4,\u003cbr \/\u003e .rise-page h5,\u003cbr \/\u003e .rise-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 .rise-page h2,\u003cbr \/\u003e .elementor-widget-container .rise-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 HEADINGS - FORCE VISIBILITY \u0026 STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page h1,\u003cbr \/\u003e .rise-page h2,\u003cbr \/\u003e .rise-page h3,\u003cbr \/\u003e .rise-page h4,\u003cbr \/\u003e .rise-page h5,\u003cbr \/\u003e .rise-page h6 {\u003cbr \/\u003e font-family: var(--font-main) !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force title visibility in Elementor *\/\u003cbr \/\u003e .elementor-widget-container .rise-page h2,\u003cbr \/\u003e .elementor-element .rise-page h2,\u003cbr \/\u003e .rise-feature-section h2,\u003cbr \/\u003e .rise-page .rise-feature-title,\u003cbr \/\u003e .rise-page .rise-display-lg,\u003cbr \/\u003e .rise-page .rise-display-xl {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FEATURE SECTION - FORCE ALL CONTENT VISIBLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-feature-section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e transform: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e Fix: WooCommerce hides h2:nth-child(1) in product tabs\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .single-product-tabs .woocommerce-Tabs-panel .rise-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .rise-page h2,\u003cbr \/\u003e .rise-page h2.rise-title-main,\u003cbr \/\u003e .rise-page h2 {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e clip: unset !important;\u003cbr \/\u003e clip-path: none !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: auto !important;\u003cbr \/\u003e overflow: visible !important;\u003cbr \/\u003e white-space: normal !important;\u003cbr \/\u003e border: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force ALL elements visible inside rise-page — NO display override *\/\u003cbr \/\u003e .rise-page section,\u003cbr \/\u003e .rise-page section \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div \u003e div \u003e * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page img,\u003cbr \/\u003e .rise-page video {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e KEYFRAME ANIMATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e @keyframes fadeInUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes blurFadeIn {\u003cbr \/\u003e 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes scaleReveal {\u003cbr \/\u003e 0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e 100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes float {\u003cbr \/\u003e 0%, 100% { transform: translateY(0); }\u003cbr \/\u003e 50% { transform: translateY(-10px); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes countUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(20px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-display-hero {\u003cbr \/\u003e font-size: 55px !important;\u003cbr \/\u003e font-weight: 800 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-lg {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.025em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-md {\u003cbr \/\u003e font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page .rise-title-main,\u003cbr \/\u003e .elementor-kit-6 .rise-page .rise-title-main,\u003cbr \/\u003e .elementor-widget-container .rise-page .rise-title-main {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e margin-bottom: 0.25rem !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page .rise-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .rise-page .rise-title-secondary,\u003cbr \/\u003e .elementor-widget-container .rise-page .rise-title-secondary {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.15 !important;\u003cbr \/\u003e color: var(--rise-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-subtitle-apple {\u003cbr \/\u003e font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-subtitle-apple strong {\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Apple-style gradient variations *\/\u003cbr \/\u003e .rise-gradient-teal,\u003cbr \/\u003e .rise-page .rise-gradient-teal,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-teal {\u003cbr \/\u003e background: linear-gradient(90deg, #0d9488 0%, #14b8a6 35%, #2dd4bf 65%, #5eead4 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-gradient-cyan,\u003cbr \/\u003e .rise-page .rise-gradient-cyan,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-cyan {\u003cbr \/\u003e background: linear-gradient(90deg, #0891b2 0%, #06b6d4 35%, #22d3ee 65%, #67e8f9 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-gradient-blue,\u003cbr \/\u003e .rise-page .rise-gradient-blue,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-blue {\u003cbr \/\u003e background: linear-gradient(90deg, #0066cc 0%, #0071e3 35%, #0099ff 65%, #33bbff 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - GRADIENT BACKGROUND\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 600px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e background: linear-gradient(135deg, #0d9488 0%, #115e59 30%, #14b8a6 60%, #0d7377 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-video {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: rgba(0, 0, 0, 0.25);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-title {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-subtitle {\u003cbr \/\u003e font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e max-width: 650px;\u003cbr \/\u003e margin: 0 auto 32px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e INTRO \/ PHILOSOPHY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-intro-section {\u003cbr \/\u003e padding: 140px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-container {\u003cbr \/\u003e max-width: 1000px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-eyebrow {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--rise-teal);\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-teal) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-headline {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e color: var(--rise-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-black) !important;\u003cbr \/\u003e margin-bottom: 40px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-text {\u003cbr \/\u003e font-size: clamp(1.1875rem, 2.2vw, 1.5rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-gray-600) !important;\u003cbr \/\u003e max-width: 750px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-text strong {\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-black) !important;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-fullwidth-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TEXT + IMAGE SPLIT SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-split-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 80px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse {\u003cbr \/\u003e direction: rtl;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse \u003e * {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2.25rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image:hover img {\u003cbr \/\u003e transform: scale(1.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-section.bg-gray {\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-split-container {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e BATTERY CARDS SECTION - 3 BATTERIES\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-battery-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header h2 {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card {\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card:hover .rise-battery-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-mode {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e padding-bottom: 24px;\u003cbr \/\u003e border-bottom: 1px solid var(--rise-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-mode:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e padding-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-label {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e background: var(--rise-teal);\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stats {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stat-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stat-value {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-battery-features {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e VIDEO MEDIA SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-media-container {\u003cbr \/\u003e max-width: 1100px;\u003cbr \/\u003e margin: 60px auto 0;\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-media-container video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e STATS ROW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-stats-row {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 56px;\u003cbr \/\u003e padding-top: 56px;\u003cbr \/\u003e border-top: 1px solid var(--rise-gray-200);\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin-left: auto;\u003cbr \/\u003e margin-right: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-stat-number {\u003cbr \/\u003e font-size: clamp(2rem, 4vw, 3.5rem);\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e letter-spacing: -0.03em;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal), var(--rise-cyan));\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 .rise-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e MODELS SECTION - 2 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-models-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 72px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card {\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e padding: 48px 40px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card:hover {\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-image img {\u003cbr \/\u003e transition: transform 0.7s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card:hover .rise-model-image img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-badge {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal) 0%, var(--rise-cyan) 100%);\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e padding: 8px 18px;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.06em;\u003cbr \/\u003e margin-bottom: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-name {\u003cbr \/\u003e font-size: 2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-tagline {\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e margin-bottom: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-specs {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 14px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec {\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e padding: 16px 14px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec-value {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec-label {\u003cbr \/\u003e font-size: 0.6875rem;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e margin-top: 2px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-models-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-comparison-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table-wrapper {\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table thead {\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal) 0%, var(--rise-cyan) 100%);\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table th {\u003cbr \/\u003e padding: 24px 16px;\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e border-top: 1px solid var(--rise-gray-200);\u003cbr \/\u003e font-size: 0.95rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--rise-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-spec-highlight {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-price-cell {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-teal);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-comparison-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table th,\u003cbr \/\u003e .rise-comparison-table td {\u003cbr \/\u003e padding: 16px 12px;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-geometry-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e margin-top: 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-geometry-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CTA \u0026 DEALER SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-cta-section\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Tanzanite Carbon View - Carbon Raw (Matt)","offer_id":57496407114110,"sku":"T32303SZ","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite Carbon View - Carbon Raw (Matt)","offer_id":57496407146878,"sku":"T32305SZ","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite Carbon View - Carbon Raw (Matt)","offer_id":57496407179646,"sku":"T32307SZ","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite Carbon View - Carbon Raw (Matt)","offer_id":57496407212414,"sku":"T32309SZ","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"S \/ Myo","offer_id":57496407245182,"sku":"T32303CM","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Myo","offer_id":57496407277950,"sku":"T32305CM","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Myo","offer_id":57496407310718,"sku":"T32307CM","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Myo","offer_id":57496407343486,"sku":"T32309CM","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"S \/ Cosmic Carbon View - Golden Sand (Gloss)","offer_id":57496407376254,"sku":"T32303SW","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"S \/ Desert Rose - Carbon Raw (Matt)","offer_id":57496407409022,"sku":"T32303SY","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Cosmic Carbon View - Golden Sand (Gloss)","offer_id":57496407441790,"sku":"T32305SW","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"M \/ Desert Rose - Carbon Raw (Matt)","offer_id":57496407474558,"sku":"T32305SY","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Cosmic Carbon View - Golden Sand (Gloss)","offer_id":57496407507326,"sku":"T32307SW","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"L \/ Desert Rose - Carbon Raw (Matt)","offer_id":57496407540094,"sku":"T32307SY","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cosmic Carbon View - Golden Sand (Gloss)","offer_id":57496407572862,"sku":"T32309SW","price":42414.7,"currency_code":"RON","in_stock":true},{"title":"XL \/ Desert Rose - Carbon Raw (Matt)","offer_id":57496407605630,"sku":"T32309SY","price":42414.7,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T323TTCC-SZ-SIDE-RISE_SL_M10-12.jpg?v=1780337268"},{"product_id":"rise-sl-m-ltd-420w-s-myo-2","title":"Bicicletă electrică eMTB ORBEA RISE SL M-LTD 420W","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă electrică eMTB ORBEA RISE SL M-LTD 420W\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"291044\" class=\"elementor elementor-291044\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-2396303 e-flex e-con-boxed e-con e-parent\" data-id=\"2396303\" 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-9131a22 elementor-widget elementor-widget-html\" data-id=\"9131a22\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea RISE - Landing Page Alma\/Urrun v2 Style - E-MTB Lightweight Machine --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea Rise e-MTB, bicicletă electrică mountain bike lightweight, Shimano EP801 RS 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 - RISE EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page {\u003cbr \/\u003e --rise-black: #1d1d1f;\u003cbr \/\u003e --rise-white: #ffffff;\u003cbr \/\u003e --rise-gray-50: #fafafa;\u003cbr \/\u003e --rise-gray-100: #f5f5f7;\u003cbr \/\u003e --rise-gray-200: #e8e8ed;\u003cbr \/\u003e --rise-gray-300: #d2d2d7;\u003cbr \/\u003e --rise-gray-500: #86868b;\u003cbr \/\u003e --rise-gray-600: #6e6e73;\u003cbr \/\u003e --rise-gray-700: #515154;\u003cbr \/\u003e --rise-gray-800: #2d2d2d;\u003cbr \/\u003e --rise-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* RISE Signature Colors - Teal\/Cyan (Lightweight e-MTB Theme) *\/\u003cbr \/\u003e --rise-teal: #0d9488;\u003cbr \/\u003e --rise-teal-light: #14b8a6;\u003cbr \/\u003e --rise-teal-dark: #115e59;\u003cbr \/\u003e --rise-cyan: #06b6d4;\u003cbr \/\u003e --rise-cyan-light: #22d3ee;\u003cbr \/\u003e --rise-blue: #0071e3;\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 .rise-page {\u003cbr \/\u003e width: 100vw !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;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Prevent body horizontal scroll caused by 100vw *\/\u003cbr \/\u003e html:has(.rise-page),\u003cbr \/\u003e body:has(.rise-page) {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.rise-page),\u003cbr \/\u003e .elementor-element:has(.rise-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.rise-page),\u003cbr \/\u003e .elementor-container:has(.rise-page),\u003cbr \/\u003e .elementor-column:has(.rise-page),\u003cbr \/\u003e .elementor-widget:has(.rise-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* AGGRESSIVE: Override ALL parent containers up to body *\/\u003cbr \/\u003e #content:has(.rise-page),\u003cbr \/\u003e .site-main:has(.rise-page),\u003cbr \/\u003e .site-content:has(.rise-page),\u003cbr \/\u003e .entry-content:has(.rise-page),\u003cbr \/\u003e .product:has(.rise-page),\u003cbr \/\u003e .type-product:has(.rise-page),\u003cbr \/\u003e main:has(.rise-page),\u003cbr \/\u003e article:has(.rise-page),\u003cbr \/\u003e .woocommerce-product-content:has(.rise-page),\u003cbr \/\u003e .summary:has(.rise-page),\u003cbr \/\u003e .woocommerce-Tabs-panel:has(.rise-page),\u003cbr \/\u003e .e-con:has(.rise-page),\u003cbr \/\u003e .e-con-inner:has(.rise-page),\u003cbr \/\u003e .e-con-full:has(.rise-page),\u003cbr \/\u003e .elementor-element-populated:has(.rise-page),\u003cbr \/\u003e .elementor-top-section:has(.rise-page),\u003cbr \/\u003e .elementor-inner-section:has(.rise-page),\u003cbr \/\u003e div:has(\u003e .rise-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e width: 100% !important;\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 overflow-x: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile Elementor overrides *\/\u003cbr \/\u003e @media (max-width: 768px) {\u003cbr \/\u003e .elementor-widget-container:has(.rise-page),\u003cbr \/\u003e .elementor-element:has(.rise-page),\u003cbr \/\u003e .elementor-section:has(.rise-page),\u003cbr \/\u003e .elementor-container:has(.rise-page),\u003cbr \/\u003e .elementor-column:has(.rise-page),\u003cbr \/\u003e .elementor-widget:has(.rise-page),\u003cbr \/\u003e .elementor-column-gap-default:has(.rise-page),\u003cbr \/\u003e .elementor-top-section:has(.rise-page),\u003cbr \/\u003e .e-con:has(.rise-page),\u003cbr \/\u003e .e-con-inner:has(.rise-page),\u003cbr \/\u003e .e-con-full:has(.rise-page),\u003cbr \/\u003e .elementor-element-populated:has(.rise-page),\u003cbr \/\u003e #content:has(.rise-page),\u003cbr \/\u003e .site-main:has(.rise-page),\u003cbr \/\u003e .site-content:has(.rise-page),\u003cbr \/\u003e .entry-content:has(.rise-page),\u003cbr \/\u003e main:has(.rise-page),\u003cbr \/\u003e article:has(.rise-page),\u003cbr \/\u003e div:has(\u003e .rise-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE PRODUCT PAGE OVERRIDE - CRITICAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .woocommerce .rise-page h1,\u003cbr \/\u003e .woocommerce .rise-page h2,\u003cbr \/\u003e .woocommerce .rise-page h3,\u003cbr \/\u003e .woocommerce .rise-page h4,\u003cbr \/\u003e .woocommerce .rise-page p,\u003cbr \/\u003e .product .rise-page h1,\u003cbr \/\u003e .product .rise-page h2,\u003cbr \/\u003e .product .rise-page h3,\u003cbr \/\u003e .product .rise-page h4,\u003cbr \/\u003e .product .rise-page p,\u003cbr \/\u003e .single-product .rise-page h1,\u003cbr \/\u003e .single-product .rise-page h2,\u003cbr \/\u003e .single-product .rise-page h3,\u003cbr \/\u003e .single-product .rise-page h4,\u003cbr \/\u003e .single-product .rise-page p,\u003cbr \/\u003e .woocommerce-page .rise-page h1,\u003cbr \/\u003e .woocommerce-page .rise-page h2,\u003cbr \/\u003e .woocommerce-page .rise-page h3,\u003cbr \/\u003e .woocommerce-page .rise-page h4,\u003cbr \/\u003e .woocommerce-page .rise-page p {\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e font-size: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .woocommerce .rise-page .rise-feature-section *,\u003cbr \/\u003e .product .rise-page .rise-feature-section *,\u003cbr \/\u003e .single-product .rise-page .rise-feature-section *,\u003cbr \/\u003e .woocommerce-page .rise-page .rise-feature-section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .woocommerce .rise-page .rise-display-xl,\u003cbr \/\u003e .woocommerce .rise-page .rise-display-lg,\u003cbr \/\u003e .product .rise-page .rise-display-xl,\u003cbr \/\u003e .product .rise-page .rise-display-lg,\u003cbr \/\u003e .single-product .rise-page .rise-display-xl,\u003cbr \/\u003e .single-product .rise-page .rise-display-lg {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .rise-page h1,\u003cbr \/\u003e .elementor-widget-container .rise-page h2,\u003cbr \/\u003e .elementor-widget-container .rise-page h3,\u003cbr \/\u003e .elementor-widget-container .rise-page h4,\u003cbr \/\u003e .elementor-widget-container .rise-page h5,\u003cbr \/\u003e .elementor-widget-container .rise-page h6,\u003cbr \/\u003e .elementor-kit-6 .rise-page h1,\u003cbr \/\u003e .elementor-kit-6 .rise-page h2,\u003cbr \/\u003e .elementor-kit-6 .rise-page h3,\u003cbr \/\u003e .elementor-kit-6 .rise-page h4,\u003cbr \/\u003e .elementor-kit-6 .rise-page h5,\u003cbr \/\u003e .elementor-kit-6 .rise-page h6,\u003cbr \/\u003e .rise-page h1,\u003cbr \/\u003e .rise-page h2,\u003cbr \/\u003e .rise-page h3,\u003cbr \/\u003e .rise-page h4,\u003cbr \/\u003e .rise-page h5,\u003cbr \/\u003e .rise-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 .rise-page h2,\u003cbr \/\u003e .elementor-widget-container .rise-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 HEADINGS - FORCE VISIBILITY \u0026 STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page h1,\u003cbr \/\u003e .rise-page h2,\u003cbr \/\u003e .rise-page h3,\u003cbr \/\u003e .rise-page h4,\u003cbr \/\u003e .rise-page h5,\u003cbr \/\u003e .rise-page h6 {\u003cbr \/\u003e font-family: var(--font-main) !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force title visibility in Elementor *\/\u003cbr \/\u003e .elementor-widget-container .rise-page h2,\u003cbr \/\u003e .elementor-element .rise-page h2,\u003cbr \/\u003e .rise-feature-section h2,\u003cbr \/\u003e .rise-page .rise-feature-title,\u003cbr \/\u003e .rise-page .rise-display-lg,\u003cbr \/\u003e .rise-page .rise-display-xl {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FEATURE SECTION - FORCE ALL CONTENT VISIBLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-feature-section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e transform: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e Fix: WooCommerce hides h2:nth-child(1) in product tabs\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .single-product-tabs .woocommerce-Tabs-panel .rise-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .rise-page h2,\u003cbr \/\u003e .rise-page h2.rise-title-main,\u003cbr \/\u003e .rise-page h2 {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e clip: unset !important;\u003cbr \/\u003e clip-path: none !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: auto !important;\u003cbr \/\u003e overflow: visible !important;\u003cbr \/\u003e white-space: normal !important;\u003cbr \/\u003e border: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force ALL elements visible inside rise-page — NO display override *\/\u003cbr \/\u003e .rise-page section,\u003cbr \/\u003e .rise-page section \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div \u003e div \u003e * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page img,\u003cbr \/\u003e .rise-page video {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e KEYFRAME ANIMATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e @keyframes fadeInUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes blurFadeIn {\u003cbr \/\u003e 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes scaleReveal {\u003cbr \/\u003e 0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e 100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes float {\u003cbr \/\u003e 0%, 100% { transform: translateY(0); }\u003cbr \/\u003e 50% { transform: translateY(-10px); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes countUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(20px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-display-hero {\u003cbr \/\u003e font-size: 55px !important;\u003cbr \/\u003e font-weight: 800 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-lg {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.025em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-md {\u003cbr \/\u003e font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page .rise-title-main,\u003cbr \/\u003e .elementor-kit-6 .rise-page .rise-title-main,\u003cbr \/\u003e .elementor-widget-container .rise-page .rise-title-main {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e margin-bottom: 0.25rem !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page .rise-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .rise-page .rise-title-secondary,\u003cbr \/\u003e .elementor-widget-container .rise-page .rise-title-secondary {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.15 !important;\u003cbr \/\u003e color: var(--rise-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-subtitle-apple {\u003cbr \/\u003e font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-subtitle-apple strong {\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Apple-style gradient variations *\/\u003cbr \/\u003e .rise-gradient-teal,\u003cbr \/\u003e .rise-page .rise-gradient-teal,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-teal {\u003cbr \/\u003e background: linear-gradient(90deg, #0d9488 0%, #14b8a6 35%, #2dd4bf 65%, #5eead4 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-gradient-cyan,\u003cbr \/\u003e .rise-page .rise-gradient-cyan,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-cyan {\u003cbr \/\u003e background: linear-gradient(90deg, #0891b2 0%, #06b6d4 35%, #22d3ee 65%, #67e8f9 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-gradient-blue,\u003cbr \/\u003e .rise-page .rise-gradient-blue,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-blue {\u003cbr \/\u003e background: linear-gradient(90deg, #0066cc 0%, #0071e3 35%, #0099ff 65%, #33bbff 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - GRADIENT BACKGROUND\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 600px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e background: linear-gradient(135deg, #0d9488 0%, #115e59 30%, #14b8a6 60%, #0d7377 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-video {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: rgba(0, 0, 0, 0.25);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-title {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-subtitle {\u003cbr \/\u003e font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e max-width: 650px;\u003cbr \/\u003e margin: 0 auto 32px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e INTRO \/ PHILOSOPHY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-intro-section {\u003cbr \/\u003e padding: 140px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-container {\u003cbr \/\u003e max-width: 1000px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-eyebrow {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--rise-teal);\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-teal) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-headline {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e color: var(--rise-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-black) !important;\u003cbr \/\u003e margin-bottom: 40px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-text {\u003cbr \/\u003e font-size: clamp(1.1875rem, 2.2vw, 1.5rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-gray-600) !important;\u003cbr \/\u003e max-width: 750px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-text strong {\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-black) !important;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-fullwidth-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TEXT + IMAGE SPLIT SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-split-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 80px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse {\u003cbr \/\u003e direction: rtl;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse \u003e * {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2.25rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image:hover img {\u003cbr \/\u003e transform: scale(1.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-section.bg-gray {\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-split-container {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e BATTERY CARDS SECTION - 3 BATTERIES\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-battery-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header h2 {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card {\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card:hover .rise-battery-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-mode {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e padding-bottom: 24px;\u003cbr \/\u003e border-bottom: 1px solid var(--rise-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-mode:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e padding-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-label {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e background: var(--rise-teal);\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stats {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stat-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stat-value {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-battery-features {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e VIDEO MEDIA SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-media-container {\u003cbr \/\u003e max-width: 1100px;\u003cbr \/\u003e margin: 60px auto 0;\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-media-container video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e STATS ROW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-stats-row {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 56px;\u003cbr \/\u003e padding-top: 56px;\u003cbr \/\u003e border-top: 1px solid var(--rise-gray-200);\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin-left: auto;\u003cbr \/\u003e margin-right: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-stat-number {\u003cbr \/\u003e font-size: clamp(2rem, 4vw, 3.5rem);\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e letter-spacing: -0.03em;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal), var(--rise-cyan));\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 .rise-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e MODELS SECTION - 2 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-models-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 72px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card {\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e padding: 48px 40px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card:hover {\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-image img {\u003cbr \/\u003e transition: transform 0.7s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card:hover .rise-model-image img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-badge {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal) 0%, var(--rise-cyan) 100%);\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e padding: 8px 18px;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.06em;\u003cbr \/\u003e margin-bottom: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-name {\u003cbr \/\u003e font-size: 2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-tagline {\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e margin-bottom: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-specs {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 14px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec {\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e padding: 16px 14px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec-value {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec-label {\u003cbr \/\u003e font-size: 0.6875rem;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e margin-top: 2px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-models-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-comparison-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table-wrapper {\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table thead {\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal) 0%, var(--rise-cyan) 100%);\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table th {\u003cbr \/\u003e padding: 24px 16px;\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e border-top: 1px solid var(--rise-gray-200);\u003cbr \/\u003e font-size: 0.95rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--rise-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-spec-highlight {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-price-cell {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-teal);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-comparison-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table th,\u003cbr \/\u003e .rise-comparison-table td {\u003cbr \/\u003e padding: 16px 12px;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-geometry-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e margin-top: 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-geometry-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CTA \u0026 DEALER SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-cta-\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Tanzanite Carbon View - Carbon Raw (Matt)","offer_id":57496407671166,"sku":"T32403SZ","price":58322.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite Carbon View - Carbon Raw (Matt)","offer_id":57496407703934,"sku":"T324","price":57199.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite Carbon View - Carbon Raw (Matt)","offer_id":57496407736702,"sku":"T324","price":57199.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite Carbon View - Carbon Raw (Matt)","offer_id":57496407769470,"sku":"T324","price":57199.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Myo","offer_id":57496407802238,"sku":"T32403CM","price":58322.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Myo","offer_id":57496407835006,"sku":"T32405CM","price":58322.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Myo","offer_id":57496407867774,"sku":"T32407CM","price":58322.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Myo","offer_id":57496407900542,"sku":"T32409CM","price":58322.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Cosmic Carbon View - Golden Sand (Gloss)","offer_id":57496407933310,"sku":"T32403SW","price":58322.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Desert Rose - Carbon Raw (Matt)","offer_id":57496407966078,"sku":"T32403SY","price":58322.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Cosmic Carbon View - Golden Sand (Gloss)","offer_id":57496407998846,"sku":"T32405SW","price":58322.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Desert Rose - Carbon Raw (Matt)","offer_id":57496408031614,"sku":"T32405SY","price":58322.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Cosmic Carbon View - Golden Sand (Gloss)","offer_id":57496408064382,"sku":"T32407SW","price":58322.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Desert Rose - Carbon Raw (Matt)","offer_id":57496408097150,"sku":"T32407SY","price":58322.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cosmic Carbon View - Golden Sand (Gloss)","offer_id":57496408129918,"sku":"T32409SW","price":58322.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Desert Rose - Carbon Raw (Matt)","offer_id":57496408162686,"sku":"T32409SY","price":58322.2,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T324TTCC-SY-SIDE-RISE_SL_MLTD-15.jpg?v=1780337289"},{"product_id":"rise-lt-h20-s-bumblebee-yellow-black-matt-2","title":"Bicicletă electrică eMTB ORBEA RISE LT H20","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă electrică eMTB ORBEA RISE LT H20\u003c\/h1\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"288254\" class=\"elementor elementor-288254\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-254845d e-flex e-con-boxed e-con e-parent\" data-id=\"254845d\" 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-710d715 elementor-widget elementor-widget-html\" data-id=\"710d715\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea RISE - Landing Page Alma\/Urrun v2 Style - E-MTB Lightweight Machine --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea Rise e-MTB, bicicletă electrică mountain bike lightweight, Shimano EP801 RS 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 - RISE EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page {\u003cbr \/\u003e --rise-black: #1d1d1f;\u003cbr \/\u003e --rise-white: #ffffff;\u003cbr \/\u003e --rise-gray-50: #fafafa;\u003cbr \/\u003e --rise-gray-100: #f5f5f7;\u003cbr \/\u003e --rise-gray-200: #e8e8ed;\u003cbr \/\u003e --rise-gray-300: #d2d2d7;\u003cbr \/\u003e --rise-gray-500: #86868b;\u003cbr \/\u003e --rise-gray-600: #6e6e73;\u003cbr \/\u003e --rise-gray-700: #515154;\u003cbr \/\u003e --rise-gray-800: #2d2d2d;\u003cbr \/\u003e --rise-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* RISE Signature Colors - Teal\/Cyan (Lightweight e-MTB Theme) *\/\u003cbr \/\u003e --rise-teal: #0d9488;\u003cbr \/\u003e --rise-teal-light: #14b8a6;\u003cbr \/\u003e --rise-teal-dark: #115e59;\u003cbr \/\u003e --rise-cyan: #06b6d4;\u003cbr \/\u003e --rise-cyan-light: #22d3ee;\u003cbr \/\u003e --rise-blue: #0071e3;\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 .rise-page {\u003cbr \/\u003e width: 100vw !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;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Prevent body horizontal scroll caused by 100vw *\/\u003cbr \/\u003e html:has(.rise-page),\u003cbr \/\u003e body:has(.rise-page) {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.rise-page),\u003cbr \/\u003e .elementor-element:has(.rise-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.rise-page),\u003cbr \/\u003e .elementor-container:has(.rise-page),\u003cbr \/\u003e .elementor-column:has(.rise-page),\u003cbr \/\u003e .elementor-widget:has(.rise-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile Elementor overrides *\/\u003cbr \/\u003e @media (max-width: 768px) {\u003cbr \/\u003e .elementor-widget-container:has(.rise-page),\u003cbr \/\u003e .elementor-element:has(.rise-page),\u003cbr \/\u003e .elementor-section:has(.rise-page),\u003cbr \/\u003e .elementor-container:has(.rise-page),\u003cbr \/\u003e .elementor-column:has(.rise-page),\u003cbr \/\u003e .elementor-widget:has(.rise-page),\u003cbr \/\u003e .elementor-column-gap-default:has(.rise-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* AGGRESSIVE: Override ALL parent containers up to body *\/\u003cbr \/\u003e #content:has(.rise-page),\u003cbr \/\u003e .site-main:has(.rise-page),\u003cbr \/\u003e .site-content:has(.rise-page),\u003cbr \/\u003e .entry-content:has(.rise-page),\u003cbr \/\u003e .product:has(.rise-page),\u003cbr \/\u003e .type-product:has(.rise-page),\u003cbr \/\u003e main:has(.rise-page),\u003cbr \/\u003e article:has(.rise-page),\u003cbr \/\u003e .woocommerce-product-content:has(.rise-page),\u003cbr \/\u003e .summary:has(.rise-page),\u003cbr \/\u003e .woocommerce-Tabs-panel:has(.rise-page),\u003cbr \/\u003e .e-con:has(.rise-page),\u003cbr \/\u003e .e-con-inner:has(.rise-page),\u003cbr \/\u003e .e-con-full:has(.rise-page),\u003cbr \/\u003e .elementor-element-populated:has(.rise-page),\u003cbr \/\u003e .elementor-top-section:has(.rise-page),\u003cbr \/\u003e .elementor-inner-section:has(.rise-page),\u003cbr \/\u003e div:has(\u003e .rise-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e width: 100% !important;\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 overflow-x: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE PRODUCT PAGE OVERRIDE - CRITICAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .woocommerce .rise-page h1,\u003cbr \/\u003e .woocommerce .rise-page h2,\u003cbr \/\u003e .woocommerce .rise-page h3,\u003cbr \/\u003e .woocommerce .rise-page h4,\u003cbr \/\u003e .woocommerce .rise-page p,\u003cbr \/\u003e .product .rise-page h1,\u003cbr \/\u003e .product .rise-page h2,\u003cbr \/\u003e .product .rise-page h3,\u003cbr \/\u003e .product .rise-page h4,\u003cbr \/\u003e .product .rise-page p,\u003cbr \/\u003e .single-product .rise-page h1,\u003cbr \/\u003e .single-product .rise-page h2,\u003cbr \/\u003e .single-product .rise-page h3,\u003cbr \/\u003e .single-product .rise-page h4,\u003cbr \/\u003e .single-product .rise-page p,\u003cbr \/\u003e .woocommerce-page .rise-page h1,\u003cbr \/\u003e .woocommerce-page .rise-page h2,\u003cbr \/\u003e .woocommerce-page .rise-page h3,\u003cbr \/\u003e .woocommerce-page .rise-page h4,\u003cbr \/\u003e .woocommerce-page .rise-page p {\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e font-size: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .woocommerce .rise-page .rise-feature-section *,\u003cbr \/\u003e .product .rise-page .rise-feature-section *,\u003cbr \/\u003e .single-product .rise-page .rise-feature-section *,\u003cbr \/\u003e .woocommerce-page .rise-page .rise-feature-section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .woocommerce .rise-page .rise-display-xl,\u003cbr \/\u003e .woocommerce .rise-page .rise-display-lg,\u003cbr \/\u003e .product .rise-page .rise-display-xl,\u003cbr \/\u003e .product .rise-page .rise-display-lg,\u003cbr \/\u003e .single-product .rise-page .rise-display-xl,\u003cbr \/\u003e .single-product .rise-page .rise-display-lg {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .rise-page h1,\u003cbr \/\u003e .elementor-widget-container .rise-page h2,\u003cbr \/\u003e .elementor-widget-container .rise-page h3,\u003cbr \/\u003e .elementor-widget-container .rise-page h4,\u003cbr \/\u003e .elementor-widget-container .rise-page h5,\u003cbr \/\u003e .elementor-widget-container .rise-page h6,\u003cbr \/\u003e .elementor-kit-6 .rise-page h1,\u003cbr \/\u003e .elementor-kit-6 .rise-page h2,\u003cbr \/\u003e .elementor-kit-6 .rise-page h3,\u003cbr \/\u003e .elementor-kit-6 .rise-page h4,\u003cbr \/\u003e .elementor-kit-6 .rise-page h5,\u003cbr \/\u003e .elementor-kit-6 .rise-page h6,\u003cbr \/\u003e .rise-page h1,\u003cbr \/\u003e .rise-page h2,\u003cbr \/\u003e .rise-page h3,\u003cbr \/\u003e .rise-page h4,\u003cbr \/\u003e .rise-page h5,\u003cbr \/\u003e .rise-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 .rise-page h2,\u003cbr \/\u003e .elementor-widget-container .rise-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 HEADINGS - FORCE VISIBILITY \u0026 STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page h1,\u003cbr \/\u003e .rise-page h2,\u003cbr \/\u003e .rise-page h3,\u003cbr \/\u003e .rise-page h4,\u003cbr \/\u003e .rise-page h5,\u003cbr \/\u003e .rise-page h6 {\u003cbr \/\u003e font-family: var(--font-main) !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force title visibility in Elementor *\/\u003cbr \/\u003e .elementor-widget-container .rise-page h2,\u003cbr \/\u003e .elementor-element .rise-page h2,\u003cbr \/\u003e .rise-feature-section h2,\u003cbr \/\u003e .rise-page .rise-feature-title,\u003cbr \/\u003e .rise-page .rise-display-lg,\u003cbr \/\u003e .rise-page .rise-display-xl {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FEATURE SECTION - FORCE ALL CONTENT VISIBLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-feature-section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e transform: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e Fix: WooCommerce hides h2:nth-child(1) in product tabs\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .single-product-tabs .woocommerce-Tabs-panel .rise-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .rise-page h2,\u003cbr \/\u003e .rise-page h2.rise-title-main,\u003cbr \/\u003e .rise-page h2 {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e clip: unset !important;\u003cbr \/\u003e clip-path: none !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: auto !important;\u003cbr \/\u003e overflow: visible !important;\u003cbr \/\u003e white-space: normal !important;\u003cbr \/\u003e border: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force ALL elements visible inside rise-page — NO display override *\/\u003cbr \/\u003e .rise-page section,\u003cbr \/\u003e .rise-page section \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div \u003e div \u003e * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page img,\u003cbr \/\u003e .rise-page video {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e KEYFRAME ANIMATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e @keyframes fadeInUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes blurFadeIn {\u003cbr \/\u003e 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes scaleReveal {\u003cbr \/\u003e 0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e 100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes float {\u003cbr \/\u003e 0%, 100% { transform: translateY(0); }\u003cbr \/\u003e 50% { transform: translateY(-10px); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes countUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(20px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-display-hero {\u003cbr \/\u003e font-size: 55px !important;\u003cbr \/\u003e font-weight: 800 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-lg {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.025em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-md {\u003cbr \/\u003e font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page .rise-title-main,\u003cbr \/\u003e .elementor-kit-6 .rise-page .rise-title-main,\u003cbr \/\u003e .elementor-widget-container .rise-page .rise-title-main {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e margin-bottom: 0.25rem !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page .rise-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .rise-page .rise-title-secondary,\u003cbr \/\u003e .elementor-widget-container .rise-page .rise-title-secondary {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.15 !important;\u003cbr \/\u003e color: var(--rise-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-subtitle-apple {\u003cbr \/\u003e font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-subtitle-apple strong {\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Apple-style gradient variations *\/\u003cbr \/\u003e .rise-gradient-teal,\u003cbr \/\u003e .rise-page .rise-gradient-teal,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-teal {\u003cbr \/\u003e background: linear-gradient(90deg, #0d9488 0%, #14b8a6 35%, #2dd4bf 65%, #5eead4 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-gradient-cyan,\u003cbr \/\u003e .rise-page .rise-gradient-cyan,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-cyan {\u003cbr \/\u003e background: linear-gradient(90deg, #0891b2 0%, #06b6d4 35%, #22d3ee 65%, #67e8f9 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-gradient-blue,\u003cbr \/\u003e .rise-page .rise-gradient-blue,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-blue {\u003cbr \/\u003e background: linear-gradient(90deg, #0066cc 0%, #0071e3 35%, #0099ff 65%, #33bbff 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - GRADIENT BACKGROUND\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 600px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e background: linear-gradient(135deg, #0d9488 0%, #115e59 30%, #14b8a6 60%, #0d7377 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-video {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: rgba(0, 0, 0, 0.25);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-title {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-subtitle {\u003cbr \/\u003e font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e max-width: 650px;\u003cbr \/\u003e margin: 0 auto 32px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e INTRO \/ PHILOSOPHY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-intro-section {\u003cbr \/\u003e padding: 140px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-container {\u003cbr \/\u003e max-width: 1000px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-eyebrow {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--rise-teal);\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-teal) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-headline {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e color: var(--rise-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-black) !important;\u003cbr \/\u003e margin-bottom: 40px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-text {\u003cbr \/\u003e font-size: clamp(1.1875rem, 2.2vw, 1.5rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-gray-600) !important;\u003cbr \/\u003e max-width: 750px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-text strong {\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-black) !important;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-fullwidth-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TEXT + IMAGE SPLIT SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-split-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 80px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse {\u003cbr \/\u003e direction: rtl;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse \u003e * {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2.25rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image:hover img {\u003cbr \/\u003e transform: scale(1.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-section.bg-gray {\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-split-container {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e BATTERY CARDS SECTION - 3 BATTERIES\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-battery-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header h2 {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card {\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card:hover .rise-battery-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-mode {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e padding-bottom: 24px;\u003cbr \/\u003e border-bottom: 1px solid var(--rise-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-mode:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e padding-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-label {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e background: var(--rise-teal);\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stats {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stat-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stat-value {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-battery-features {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e VIDEO MEDIA SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-media-container {\u003cbr \/\u003e max-width: 1100px;\u003cbr \/\u003e margin: 60px auto 0;\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-media-container video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e STATS ROW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-stats-row {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 56px;\u003cbr \/\u003e padding-top: 56px;\u003cbr \/\u003e border-top: 1px solid var(--rise-gray-200);\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin-left: auto;\u003cbr \/\u003e margin-right: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-stat-number {\u003cbr \/\u003e font-size: clamp(2rem, 4vw, 3.5rem);\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e letter-spacing: -0.03em;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal), var(--rise-cyan));\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 .rise-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e MODELS SECTION - 2 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-models-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 72px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card {\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e padding: 48px 40px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card:hover {\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-image img {\u003cbr \/\u003e transition: transform 0.7s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card:hover .rise-model-image img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-badge {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal) 0%, var(--rise-cyan) 100%);\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e padding: 8px 18px;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.06em;\u003cbr \/\u003e margin-bottom: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-name {\u003cbr \/\u003e font-size: 2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-tagline {\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e margin-bottom: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-specs {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 14px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec {\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e padding: 16px 14px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec-value {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec-label {\u003cbr \/\u003e font-size: 0.6875rem;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e margin-top: 2px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-models-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-comparison-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table-wrapper {\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table thead {\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal) 0%, var(--rise-cyan) 100%);\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table th {\u003cbr \/\u003e padding: 24px 16px;\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e border-top: 1px solid var(--rise-gray-200);\u003cbr \/\u003e font-size: 0.95rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--rise-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-spec-highlight {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-price-cell {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-teal);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-comparison-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table th,\u003cbr \/\u003e .rise-comparison-table td {\u003cbr \/\u003e padding: 16px 12px;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-geometry-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e margin-top: 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-geometry-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CTA \u0026 DEALER SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-cta-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: linear-gradient(135deg, #0d9488 0%, #0d7377 50%, #115e59 100%);\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-cta-container {\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-cta-title {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-cta-text {\u003cbr \/\u003e font-size: clamp(1.0625rem, 1.8vw, 1.25r\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Bumblebee Yellow-Black (Matt)","offer_id":57496408195454,"sku":"T32903SS","price":28097.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond Black-Splash Olive Green (Matt)","offer_id":57496408228222,"sku":"T32903ST","price":28097.95,"currency_code":"RON","in_stock":true},{"title":"S \/ Escape Green-Splash Ice Green (Gloss)","offer_id":57496408260990,"sku":"T32903SU","price":28097.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Bumblebee Yellow-Black (Matt)","offer_id":57496408293758,"sku":"T32905SS","price":28097.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Black-Splash Olive Green (Matt)","offer_id":57496408326526,"sku":"T32905ST","price":28097.95,"currency_code":"RON","in_stock":true},{"title":"M \/ Escape Green-Splash Ice Green (Gloss)","offer_id":57496408359294,"sku":"T32905SU","price":28097.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Bumblebee Yellow-Black (Matt)","offer_id":57496408392062,"sku":"T32907SS","price":28097.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Black-Splash Olive Green (Matt)","offer_id":57496408424830,"sku":"T32907ST","price":28097.95,"currency_code":"RON","in_stock":true},{"title":"L \/ Escape Green-Splash Ice Green (Gloss)","offer_id":57496408457598,"sku":"T32907SU","price":28097.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Bumblebee Yellow-Black (Matt)","offer_id":57496408490366,"sku":"T32909SS","price":28097.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Black-Splash Olive Green (Matt)","offer_id":57496408523134,"sku":"T32909ST","price":28097.95,"currency_code":"RON","in_stock":true},{"title":"XL \/ Escape Green-Splash Ice Green (Gloss)","offer_id":57496408555902,"sku":"T32909SU","price":28097.95,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T329TTCC-SS-SIDE-RISE_LT_H20-7.jpg?v=1780337306"},{"product_id":"rise-lt-h10-s-bumblebee-yellow-black-matt-2","title":"Bicicletă electrică eMTB ORBEA RISE LT H10","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă electrică eMTB ORBEA RISE LT H10\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"288254\" class=\"elementor elementor-288254\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-254845d e-flex e-con-boxed e-con e-parent\" data-id=\"254845d\" 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-710d715 elementor-widget elementor-widget-html\" data-id=\"710d715\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea RISE - Landing Page Alma\/Urrun v2 Style - E-MTB Lightweight Machine --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea Rise e-MTB, bicicletă electrică mountain bike lightweight, Shimano EP801 RS 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 - RISE EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page {\u003cbr \/\u003e --rise-black: #1d1d1f;\u003cbr \/\u003e --rise-white: #ffffff;\u003cbr \/\u003e --rise-gray-50: #fafafa;\u003cbr \/\u003e --rise-gray-100: #f5f5f7;\u003cbr \/\u003e --rise-gray-200: #e8e8ed;\u003cbr \/\u003e --rise-gray-300: #d2d2d7;\u003cbr \/\u003e --rise-gray-500: #86868b;\u003cbr \/\u003e --rise-gray-600: #6e6e73;\u003cbr \/\u003e --rise-gray-700: #515154;\u003cbr \/\u003e --rise-gray-800: #2d2d2d;\u003cbr \/\u003e --rise-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* RISE Signature Colors - Teal\/Cyan (Lightweight e-MTB Theme) *\/\u003cbr \/\u003e --rise-teal: #0d9488;\u003cbr \/\u003e --rise-teal-light: #14b8a6;\u003cbr \/\u003e --rise-teal-dark: #115e59;\u003cbr \/\u003e --rise-cyan: #06b6d4;\u003cbr \/\u003e --rise-cyan-light: #22d3ee;\u003cbr \/\u003e --rise-blue: #0071e3;\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 .rise-page {\u003cbr \/\u003e width: 100vw !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;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Prevent body horizontal scroll caused by 100vw *\/\u003cbr \/\u003e html:has(.rise-page),\u003cbr \/\u003e body:has(.rise-page) {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.rise-page),\u003cbr \/\u003e .elementor-element:has(.rise-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.rise-page),\u003cbr \/\u003e .elementor-container:has(.rise-page),\u003cbr \/\u003e .elementor-column:has(.rise-page),\u003cbr \/\u003e .elementor-widget:has(.rise-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile Elementor overrides *\/\u003cbr \/\u003e @media (max-width: 768px) {\u003cbr \/\u003e .elementor-widget-container:has(.rise-page),\u003cbr \/\u003e .elementor-element:has(.rise-page),\u003cbr \/\u003e .elementor-section:has(.rise-page),\u003cbr \/\u003e .elementor-container:has(.rise-page),\u003cbr \/\u003e .elementor-column:has(.rise-page),\u003cbr \/\u003e .elementor-widget:has(.rise-page),\u003cbr \/\u003e .elementor-column-gap-default:has(.rise-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* AGGRESSIVE: Override ALL parent containers up to body *\/\u003cbr \/\u003e #content:has(.rise-page),\u003cbr \/\u003e .site-main:has(.rise-page),\u003cbr \/\u003e .site-content:has(.rise-page),\u003cbr \/\u003e .entry-content:has(.rise-page),\u003cbr \/\u003e .product:has(.rise-page),\u003cbr \/\u003e .type-product:has(.rise-page),\u003cbr \/\u003e main:has(.rise-page),\u003cbr \/\u003e article:has(.rise-page),\u003cbr \/\u003e .woocommerce-product-content:has(.rise-page),\u003cbr \/\u003e .summary:has(.rise-page),\u003cbr \/\u003e .woocommerce-Tabs-panel:has(.rise-page),\u003cbr \/\u003e .e-con:has(.rise-page),\u003cbr \/\u003e .e-con-inner:has(.rise-page),\u003cbr \/\u003e .e-con-full:has(.rise-page),\u003cbr \/\u003e .elementor-element-populated:has(.rise-page),\u003cbr \/\u003e .elementor-top-section:has(.rise-page),\u003cbr \/\u003e .elementor-inner-section:has(.rise-page),\u003cbr \/\u003e div:has(\u003e .rise-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e width: 100% !important;\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 overflow-x: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE PRODUCT PAGE OVERRIDE - CRITICAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .woocommerce .rise-page h1,\u003cbr \/\u003e .woocommerce .rise-page h2,\u003cbr \/\u003e .woocommerce .rise-page h3,\u003cbr \/\u003e .woocommerce .rise-page h4,\u003cbr \/\u003e .woocommerce .rise-page p,\u003cbr \/\u003e .product .rise-page h1,\u003cbr \/\u003e .product .rise-page h2,\u003cbr \/\u003e .product .rise-page h3,\u003cbr \/\u003e .product .rise-page h4,\u003cbr \/\u003e .product .rise-page p,\u003cbr \/\u003e .single-product .rise-page h1,\u003cbr \/\u003e .single-product .rise-page h2,\u003cbr \/\u003e .single-product .rise-page h3,\u003cbr \/\u003e .single-product .rise-page h4,\u003cbr \/\u003e .single-product .rise-page p,\u003cbr \/\u003e .woocommerce-page .rise-page h1,\u003cbr \/\u003e .woocommerce-page .rise-page h2,\u003cbr \/\u003e .woocommerce-page .rise-page h3,\u003cbr \/\u003e .woocommerce-page .rise-page h4,\u003cbr \/\u003e .woocommerce-page .rise-page p {\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e font-size: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .woocommerce .rise-page .rise-feature-section *,\u003cbr \/\u003e .product .rise-page .rise-feature-section *,\u003cbr \/\u003e .single-product .rise-page .rise-feature-section *,\u003cbr \/\u003e .woocommerce-page .rise-page .rise-feature-section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .woocommerce .rise-page .rise-display-xl,\u003cbr \/\u003e .woocommerce .rise-page .rise-display-lg,\u003cbr \/\u003e .product .rise-page .rise-display-xl,\u003cbr \/\u003e .product .rise-page .rise-display-lg,\u003cbr \/\u003e .single-product .rise-page .rise-display-xl,\u003cbr \/\u003e .single-product .rise-page .rise-display-lg {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .rise-page h1,\u003cbr \/\u003e .elementor-widget-container .rise-page h2,\u003cbr \/\u003e .elementor-widget-container .rise-page h3,\u003cbr \/\u003e .elementor-widget-container .rise-page h4,\u003cbr \/\u003e .elementor-widget-container .rise-page h5,\u003cbr \/\u003e .elementor-widget-container .rise-page h6,\u003cbr \/\u003e .elementor-kit-6 .rise-page h1,\u003cbr \/\u003e .elementor-kit-6 .rise-page h2,\u003cbr \/\u003e .elementor-kit-6 .rise-page h3,\u003cbr \/\u003e .elementor-kit-6 .rise-page h4,\u003cbr \/\u003e .elementor-kit-6 .rise-page h5,\u003cbr \/\u003e .elementor-kit-6 .rise-page h6,\u003cbr \/\u003e .rise-page h1,\u003cbr \/\u003e .rise-page h2,\u003cbr \/\u003e .rise-page h3,\u003cbr \/\u003e .rise-page h4,\u003cbr \/\u003e .rise-page h5,\u003cbr \/\u003e .rise-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 .rise-page h2,\u003cbr \/\u003e .elementor-widget-container .rise-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 HEADINGS - FORCE VISIBILITY \u0026 STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page h1,\u003cbr \/\u003e .rise-page h2,\u003cbr \/\u003e .rise-page h3,\u003cbr \/\u003e .rise-page h4,\u003cbr \/\u003e .rise-page h5,\u003cbr \/\u003e .rise-page h6 {\u003cbr \/\u003e font-family: var(--font-main) !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force title visibility in Elementor *\/\u003cbr \/\u003e .elementor-widget-container .rise-page h2,\u003cbr \/\u003e .elementor-element .rise-page h2,\u003cbr \/\u003e .rise-feature-section h2,\u003cbr \/\u003e .rise-page .rise-feature-title,\u003cbr \/\u003e .rise-page .rise-display-lg,\u003cbr \/\u003e .rise-page .rise-display-xl {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FEATURE SECTION - FORCE ALL CONTENT VISIBLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-feature-section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e transform: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e Fix: WooCommerce hides h2:nth-child(1) in product tabs\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .single-product-tabs .woocommerce-Tabs-panel .rise-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .rise-page h2,\u003cbr \/\u003e .rise-page h2.rise-title-main,\u003cbr \/\u003e .rise-page h2 {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e clip: unset !important;\u003cbr \/\u003e clip-path: none !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: auto !important;\u003cbr \/\u003e overflow: visible !important;\u003cbr \/\u003e white-space: normal !important;\u003cbr \/\u003e border: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force ALL elements visible inside rise-page — NO display override *\/\u003cbr \/\u003e .rise-page section,\u003cbr \/\u003e .rise-page section \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div \u003e div,\u003cbr \/\u003e .rise-page section \u003e div \u003e div \u003e div \u003e * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page img,\u003cbr \/\u003e .rise-page video {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e KEYFRAME ANIMATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e @keyframes fadeInUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes blurFadeIn {\u003cbr \/\u003e 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes scaleReveal {\u003cbr \/\u003e 0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e 100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes float {\u003cbr \/\u003e 0%, 100% { transform: translateY(0); }\u003cbr \/\u003e 50% { transform: translateY(-10px); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes countUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(20px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-display-hero {\u003cbr \/\u003e font-size: 55px !important;\u003cbr \/\u003e font-weight: 800 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-lg {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.025em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-display-md {\u003cbr \/\u003e font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page .rise-title-main,\u003cbr \/\u003e .elementor-kit-6 .rise-page .rise-title-main,\u003cbr \/\u003e .elementor-widget-container .rise-page .rise-title-main {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e margin-bottom: 0.25rem !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page .rise-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .rise-page .rise-title-secondary,\u003cbr \/\u003e .elementor-widget-container .rise-page .rise-title-secondary {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.15 !important;\u003cbr \/\u003e color: var(--rise-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-subtitle-apple {\u003cbr \/\u003e font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-subtitle-apple strong {\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Apple-style gradient variations *\/\u003cbr \/\u003e .rise-gradient-teal,\u003cbr \/\u003e .rise-page .rise-gradient-teal,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-teal {\u003cbr \/\u003e background: linear-gradient(90deg, #0d9488 0%, #14b8a6 35%, #2dd4bf 65%, #5eead4 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-gradient-cyan,\u003cbr \/\u003e .rise-page .rise-gradient-cyan,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-cyan {\u003cbr \/\u003e background: linear-gradient(90deg, #0891b2 0%, #06b6d4 35%, #22d3ee 65%, #67e8f9 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-gradient-blue,\u003cbr \/\u003e .rise-page .rise-gradient-blue,\u003cbr \/\u003e .elementor-widget-container .rise-gradient-blue {\u003cbr \/\u003e background: linear-gradient(90deg, #0066cc 0%, #0071e3 35%, #0099ff 65%, #33bbff 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - GRADIENT BACKGROUND\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 600px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e background: linear-gradient(135deg, #0d9488 0%, #115e59 30%, #14b8a6 60%, #0d7377 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-video {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: rgba(0, 0, 0, 0.25);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-title {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-hero-subtitle {\u003cbr \/\u003e font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e max-width: 650px;\u003cbr \/\u003e margin: 0 auto 32px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e INTRO \/ PHILOSOPHY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-intro-section {\u003cbr \/\u003e padding: 140px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-container {\u003cbr \/\u003e max-width: 1000px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-eyebrow {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--rise-teal);\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-teal) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-headline {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e color: var(--rise-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-black) !important;\u003cbr \/\u003e margin-bottom: 40px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-text {\u003cbr \/\u003e font-size: clamp(1.1875rem, 2.2vw, 1.5rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-gray-600) !important;\u003cbr \/\u003e max-width: 750px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-intro-text strong {\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e -webkit-text-fill-color: var(--rise-black) !important;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-fullwidth-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TEXT + IMAGE SPLIT SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-split-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 80px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse {\u003cbr \/\u003e direction: rtl;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse \u003e * {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2.25rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-text p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-image:hover img {\u003cbr \/\u003e transform: scale(1.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-section.bg-gray {\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-split-container {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-container.reverse {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-split-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e BATTERY CARDS SECTION - 3 BATTERIES\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-battery-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header h2 {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card {\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card:hover .rise-battery-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-mode {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e padding-bottom: 24px;\u003cbr \/\u003e border-bottom: 1px solid var(--rise-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-mode:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e padding-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-label {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e background: var(--rise-teal);\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stats {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stat-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-mode-stat-value {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-battery-features {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-battery-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e VIDEO MEDIA SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-media-container {\u003cbr \/\u003e max-width: 1100px;\u003cbr \/\u003e margin: 60px auto 0;\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-media-container video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e STATS ROW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-stats-row {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 56px;\u003cbr \/\u003e padding-top: 56px;\u003cbr \/\u003e border-top: 1px solid var(--rise-gray-200);\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin-left: auto;\u003cbr \/\u003e margin-right: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-stat-number {\u003cbr \/\u003e font-size: clamp(2rem, 4vw, 3.5rem);\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e letter-spacing: -0.03em;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal), var(--rise-cyan));\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 .rise-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e MODELS SECTION - 2 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-models-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 72px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card {\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e padding: 48px 40px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card:hover {\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-image img {\u003cbr \/\u003e transition: transform 0.7s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-card:hover .rise-model-image img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-badge {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal) 0%, var(--rise-cyan) 100%);\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e padding: 8px 18px;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.06em;\u003cbr \/\u003e margin-bottom: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-name {\u003cbr \/\u003e font-size: 2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-tagline {\u003cbr \/\u003e color: var(--rise-gray-600);\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e margin-bottom: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-specs {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 14px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec {\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e padding: 16px 14px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec-value {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-model-spec-label {\u003cbr \/\u003e font-size: 0.6875rem;\u003cbr \/\u003e color: var(--rise-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e margin-top: 2px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-models-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-models-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-comparison-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table-wrapper {\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table thead {\u003cbr \/\u003e background: linear-gradient(135deg, var(--rise-teal) 0%, var(--rise-cyan) 100%);\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table th {\u003cbr \/\u003e padding: 24px 16px;\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e border-top: 1px solid var(--rise-gray-200);\u003cbr \/\u003e font-size: 0.95rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--rise-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-spec-highlight {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-price-cell {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--rise-teal);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-comparison-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-comparison-table th,\u003cbr \/\u003e .rise-comparison-table td {\u003cbr \/\u003e padding: 16px 12px;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-geometry-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--rise-white);\u003cbr \/\u003e color: var(--rise-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--rise-gray-100);\u003cbr \/\u003e box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e margin-top: 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-geometry-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .rise-geometry-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CTA \u0026 DEALER SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .rise-cta-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: linear-gradient(135deg, #0d9488 0%, #0d7377 50%, #115e59 100%);\u003cbr \/\u003e color: var(--rise-white);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-cta-container {\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-cta-title {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .rise-cta-text {\u003cbr \/\u003e font-size: clamp(1.0625rem, 1.8\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Bumblebee Yellow-Black (Matt)","offer_id":57496408686974,"sku":"T33003SS","price":32870.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond Black-Splash Olive Green (Matt)","offer_id":57496408719742,"sku":"T33003ST","price":32870.2,"currency_code":"RON","in_stock":true},{"title":"S \/ Escape Green-Splash Ice Green (Gloss)","offer_id":57496408752510,"sku":"T33003SU","price":32870.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Bumblebee Yellow-Black (Matt)","offer_id":57496408785278,"sku":"T33005SS","price":32870.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Black-Splash Olive Green (Matt)","offer_id":57496408818046,"sku":"T33005ST","price":32870.2,"currency_code":"RON","in_stock":true},{"title":"M \/ Escape Green-Splash Ice Green (Gloss)","offer_id":57496408850814,"sku":"T33005SU","price":32870.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Bumblebee Yellow-Black (Matt)","offer_id":57496408883582,"sku":"T33007SS","price":32870.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Black-Splash Olive Green (Matt)","offer_id":57496408916350,"sku":"T33007ST","price":32870.2,"currency_code":"RON","in_stock":true},{"title":"L \/ Escape Green-Splash Ice Green (Gloss)","offer_id":57496408949118,"sku":"T33007SU","price":32870.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Bumblebee Yellow-Black (Matt)","offer_id":57496408981886,"sku":"T33009SS","price":32870.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Black-Splash Olive Green (Matt)","offer_id":57496409014654,"sku":"T33009ST","price":32870.2,"currency_code":"RON","in_stock":true},{"title":"XL \/ Escape Green-Splash Ice Green (Gloss)","offer_id":57496409047422,"sku":"T33009SU","price":32870.2,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T330TTCC-SS-SIDE-RISE_LT_H10-6_43b0ba2a-7106-4495-88af-0fbcf3d673b1.jpg?v=1780337307"},{"product_id":"wild-st-h20-s-diamond-black-blue-stone-matt","title":"Bicicletă electrică eMTB ORBEA WILD ST H20","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă electrică eMTB ORBEA WILD ST H20\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"291521\" class=\"elementor elementor-291521\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-2c2d30b e-flex e-con-boxed e-con e-parent\" data-id=\"2c2d30b\" 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-dace09b elementor-widget elementor-widget-html\" data-id=\"dace09b\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea WILD - Landing Page eMTB Enduro Aluminum v2 Style - Aggressive Enduro Machine --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea Wild e-MTB Aluminum, bicicletă electrică mountain bike enduro agresiv, Bosch CX motor 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 - WILD EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-page {\u003cbr \/\u003e --wild-black: #1d1d1f;\u003cbr \/\u003e --wild-white: #ffffff;\u003cbr \/\u003e --wild-gray-50: #fafafa;\u003cbr \/\u003e --wild-gray-100: #f5f5f7;\u003cbr \/\u003e --wild-gray-200: #e8e8ed;\u003cbr \/\u003e --wild-gray-300: #d2d2d7;\u003cbr \/\u003e --wild-gray-500: #86868b;\u003cbr \/\u003e --wild-gray-600: #6e6e73;\u003cbr \/\u003e --wild-gray-700: #515154;\u003cbr \/\u003e --wild-gray-800: #2d2d2d;\u003cbr \/\u003e --wild-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* WILD Signature Colors - Orange\/Amber Aggressive Enduro Theme *\/\u003cbr \/\u003e --wild-blue: #2563eb;\u003cbr \/\u003e --wild-blue-light: #3b82f6;\u003cbr \/\u003e --wild-blue-dark: #1d4ed8;\u003cbr \/\u003e --wild-blue-deep: #1e40af;\u003cbr \/\u003e --wild-blue-darker: #1e3a8a;\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 .wild-page {\u003cbr \/\u003e width: 100vw !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;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force ALL sections inside wild-page to be full width *\/\u003cbr \/\u003e .wild-page \u003e section {\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e box-sizing: border-box !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 .wild-page \u003e section \u003e div {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Prevent body horizontal scroll caused by 100vw *\/\u003cbr \/\u003e html:has(.wild-page),\u003cbr \/\u003e body:has(.wild-page) {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.wild-page),\u003cbr \/\u003e .elementor-element:has(.wild-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.wild-page),\u003cbr \/\u003e .elementor-container:has(.wild-page),\u003cbr \/\u003e .elementor-column:has(.wild-page),\u003cbr \/\u003e .elementor-widget:has(.wild-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile Elementor overrides *\/\u003cbr \/\u003e @media (max-width: 768px) {\u003cbr \/\u003e .elementor-widget-container:has(.wild-page),\u003cbr \/\u003e .elementor-element:has(.wild-page),\u003cbr \/\u003e .elementor-section:has(.wild-page),\u003cbr \/\u003e .elementor-container:has(.wild-page),\u003cbr \/\u003e .elementor-column:has(.wild-page),\u003cbr \/\u003e .elementor-widget:has(.wild-page),\u003cbr \/\u003e .elementor-column-gap-default:has(.wild-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE PRODUCT PAGE OVERRIDE - CRITICAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .woocommerce .wild-page h1,\u003cbr \/\u003e .woocommerce .wild-page h2,\u003cbr \/\u003e .woocommerce .wild-page h3,\u003cbr \/\u003e .woocommerce .wild-page h4,\u003cbr \/\u003e .woocommerce .wild-page p,\u003cbr \/\u003e .product .wild-page h1,\u003cbr \/\u003e .product .wild-page h2,\u003cbr \/\u003e .product .wild-page h3,\u003cbr \/\u003e .product .wild-page h4,\u003cbr \/\u003e .product .wild-page p,\u003cbr \/\u003e .single-product .wild-page h1,\u003cbr \/\u003e .single-product .wild-page h2,\u003cbr \/\u003e .single-product .wild-page h3,\u003cbr \/\u003e .single-product .wild-page h4,\u003cbr \/\u003e .single-product .wild-page p,\u003cbr \/\u003e .woocommerce-page .wild-page h1,\u003cbr \/\u003e .woocommerce-page .wild-page h2,\u003cbr \/\u003e .woocommerce-page .wild-page h3,\u003cbr \/\u003e .woocommerce-page .wild-page h4,\u003cbr \/\u003e .woocommerce-page .wild-page p {\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e font-size: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .woocommerce .wild-page .wild-feature-section *,\u003cbr \/\u003e .product .wild-page .wild-feature-section *,\u003cbr \/\u003e .single-product .wild-page .wild-feature-section *,\u003cbr \/\u003e .woocommerce-page .wild-page .wild-feature-section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .woocommerce .wild-page .wild-display-xl,\u003cbr \/\u003e .woocommerce .wild-page .wild-display-lg,\u003cbr \/\u003e .product .wild-page .wild-display-xl,\u003cbr \/\u003e .product .wild-page .wild-display-lg,\u003cbr \/\u003e .single-product .wild-page .wild-display-xl,\u003cbr \/\u003e .single-product .wild-page .wild-display-lg {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .wild-page h1,\u003cbr \/\u003e .elementor-widget-container .wild-page h2,\u003cbr \/\u003e .elementor-widget-container .wild-page h3,\u003cbr \/\u003e .elementor-widget-container .wild-page h4,\u003cbr \/\u003e .elementor-widget-container .wild-page h5,\u003cbr \/\u003e .elementor-widget-container .wild-page h6,\u003cbr \/\u003e .elementor-kit-6 .wild-page h1,\u003cbr \/\u003e .elementor-kit-6 .wild-page h2,\u003cbr \/\u003e .elementor-kit-6 .wild-page h3,\u003cbr \/\u003e .elementor-kit-6 .wild-page h4,\u003cbr \/\u003e .elementor-kit-6 .wild-page h5,\u003cbr \/\u003e .elementor-kit-6 .wild-page h6,\u003cbr \/\u003e .wild-page h1,\u003cbr \/\u003e .wild-page h2,\u003cbr \/\u003e .wild-page h3,\u003cbr \/\u003e .wild-page h4,\u003cbr \/\u003e .wild-page h5,\u003cbr \/\u003e .wild-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 .wild-page h2,\u003cbr \/\u003e .elementor-widget-container .wild-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 HEADINGS - FORCE VISIBILITY \u0026 STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-page h1,\u003cbr \/\u003e .wild-page h2,\u003cbr \/\u003e .wild-page h3,\u003cbr \/\u003e .wild-page h4,\u003cbr \/\u003e .wild-page h5,\u003cbr \/\u003e .wild-page h6 {\u003cbr \/\u003e font-family: var(--font-main) !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force title visibility in Elementor *\/\u003cbr \/\u003e .elementor-widget-container .wild-page h2,\u003cbr \/\u003e .elementor-element .wild-page h2,\u003cbr \/\u003e .wild-feature-section h2,\u003cbr \/\u003e .wild-page .wild-feature-title,\u003cbr \/\u003e .wild-page .wild-display-lg,\u003cbr \/\u003e .wild-page .wild-display-xl {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FEATURE SECTION - FORCE ALL CONTENT VISIBLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-feature-section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e transform: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-page section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e Fix: WooCommerce hides h2:nth-child(1) in product tabs\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .single-product-tabs .woocommerce-Tabs-panel .wild-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .wild-page h2,\u003cbr \/\u003e .wild-page h2.wild-title-main,\u003cbr \/\u003e .wild-page h2 {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e clip: unset !important;\u003cbr \/\u003e clip-path: none !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: auto !important;\u003cbr \/\u003e overflow: visible !important;\u003cbr \/\u003e white-space: normal !important;\u003cbr \/\u003e border: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force ALL elements visible inside wild-page — NO display override *\/\u003cbr \/\u003e .wild-page section,\u003cbr \/\u003e .wild-page section \u003e div,\u003cbr \/\u003e .wild-page section \u003e div \u003e div,\u003cbr \/\u003e .wild-page section \u003e div \u003e div \u003e div,\u003cbr \/\u003e .wild-page section \u003e div \u003e div \u003e div \u003e * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-page img,\u003cbr \/\u003e .wild-page video {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e KEYFRAME ANIMATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e @keyframes fadeInUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes blurFadeIn {\u003cbr \/\u003e 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes scaleReveal {\u003cbr \/\u003e 0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e 100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes float {\u003cbr \/\u003e 0%, 100% { transform: translateY(0); }\u003cbr \/\u003e 50% { transform: translateY(-10px); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes countUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(20px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-display-hero {\u003cbr \/\u003e font-size: 55px !important;\u003cbr \/\u003e font-weight: 800 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-display-lg {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.025em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-display-md {\u003cbr \/\u003e font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-page .wild-title-main,\u003cbr \/\u003e .elementor-kit-6 .wild-page .wild-title-main,\u003cbr \/\u003e .elementor-widget-container .wild-page .wild-title-main {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e margin-bottom: 0.25rem !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-page .wild-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .wild-page .wild-title-secondary,\u003cbr \/\u003e .elementor-widget-container .wild-page .wild-title-secondary {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.15 !important;\u003cbr \/\u003e color: var(--wild-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-subtitle-apple {\u003cbr \/\u003e font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-subtitle-apple strong {\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Apple-style gradient variations — BLUE *\/\u003cbr \/\u003e .wild-gradient-blue,\u003cbr \/\u003e .wild-page .wild-gradient-blue,\u003cbr \/\u003e .elementor-widget-container .wild-gradient-blue {\u003cbr \/\u003e background: linear-gradient(90deg, #2563eb 0%, #3b82f6 35%, #1e40af 65%, #1e3a8a 100%) !important !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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-gradient-deep,\u003cbr \/\u003e .wild-page .wild-gradient-deep,\u003cbr \/\u003e .elementor-widget-container .wild-gradient-deep {\u003cbr \/\u003e background: linear-gradient(90deg, #1d4ed8 0%, #1e40af 35%, #3b82f6 65%, #2563eb 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-gradient-electric,\u003cbr \/\u003e .wild-page .wild-gradient-electric,\u003cbr \/\u003e .elementor-widget-container .wild-gradient-electric {\u003cbr \/\u003e background: linear-gradient(90deg, #1e3a8a 0%, #1d4ed8 35%, #2563eb 65%, #3b82f6 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - GRADIENT BACKGROUND\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 600px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 30%, #3b82f6 60%, #1e3a8a 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-hero-video {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-hero-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: rgba(0, 0, 0, 0.25);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e color: var(--wild-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-hero-title {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-hero-subtitle {\u003cbr \/\u003e font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e max-width: 650px;\u003cbr \/\u003e margin: 0 auto 32px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e INTRO \/ PHILOSOPHY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-intro-section {\u003cbr \/\u003e padding: 140px 24px;\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-intro-container {\u003cbr \/\u003e max-width: 1000px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-intro-eyebrow {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--wild-blue);\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e -webkit-text-fill-color: var(--wild-blue) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-intro-headline {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e color: var(--wild-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--wild-black) !important;\u003cbr \/\u003e margin-bottom: 40px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-intro-text {\u003cbr \/\u003e font-size: clamp(1.1875rem, 2.2vw, 1.5rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e -webkit-text-fill-color: var(--wild-gray-600) !important;\u003cbr \/\u003e max-width: 750px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-intro-text strong {\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e -webkit-text-fill-color: var(--wild-black) !important;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-fullwidth-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TEXT + IMAGE SPLIT SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-split-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 80px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-container.reverse {\u003cbr \/\u003e direction: rtl;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-container.reverse \u003e * {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-text h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2.25rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-text p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-text p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-image:hover img {\u003cbr \/\u003e transform: scale(1.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-section.bg-gray {\u003cbr \/\u003e background: var(--wild-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .wild-split-container {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-container.reverse {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e BOSCH MOTOR SECTION — FULL EXPERIENCE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-motor-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--wild-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 120px 24px 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 72px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Motor Hero — Product image + stats *\/\u003cbr \/\u003e .wild-motor-hero {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e margin-bottom: 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-image:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-info h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2.25rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e margin-bottom: 16px;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-info .wild-motor-subtitle {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--wild-blue);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.06em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-info p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Big Stats Row *\/\u003cbr \/\u003e .wild-motor-big-stats {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e gap: 24px;\u003cbr \/\u003e margin-bottom: 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-big-stat {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 32px 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-big-stat-value {\u003cbr \/\u003e font-size: clamp(3rem, 6vw, 4.5rem);\u003cbr \/\u003e font-weight: 900;\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e letter-spacing: -0.03em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-big-stat-unit {\u003cbr \/\u003e font-size: clamp(1.25rem, 2.5vw, 1.75rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--wild-gray-500);\u003cbr \/\u003e margin-top: 4px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-big-stat-label {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--wild-gray-500);\u003cbr \/\u003e margin-top: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Motor Stats (2x2 grid) *\/\u003cbr \/\u003e .wild-motor-stats {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-stat {\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e padding: 24px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e transition: transform 0.4s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-stat:hover {\u003cbr \/\u003e transform: translateY(-4px);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-stat-value {\u003cbr \/\u003e font-size: 2rem;\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e background: linear-gradient(135deg, #2563eb, #1d4ed8);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-stat-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--wild-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.06em;\u003cbr \/\u003e margin-top: 4px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Video and CTA are now inline styled — no separate classes needed *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Features grid *\/\u003cbr \/\u003e .wild-motor-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 24px;\u003cbr \/\u003e margin-bottom: 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-feature-card {\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e padding: 36px 28px;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-feature-card:hover {\u003cbr \/\u003e transform: translateY(-6px);\u003cbr \/\u003e box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-feature-icon {\u003cbr \/\u003e width: 48px;\u003cbr \/\u003e height: 48px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e background: linear-gradient(135deg, #2563eb, #1d4ed8);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-feature-icon svg {\u003cbr \/\u003e width: 24px;\u003cbr \/\u003e height: 24px;\u003cbr \/\u003e fill: none;\u003cbr \/\u003e stroke: white;\u003cbr \/\u003e stroke-width: 2;\u003cbr \/\u003e stroke-linecap: round;\u003cbr \/\u003e stroke-linejoin: round;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-feature-card h4 {\u003cbr \/\u003e font-size: 1.125rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-feature-card p {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Motor Specs Table *\/\u003cbr \/\u003e .wild-motor-specs-table {\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-specs-table table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-specs-table th {\u003cbr \/\u003e padding: 16px 24px;\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.08em;\u003cbr \/\u003e color: var(--wild-gray-500);\u003cbr \/\u003e background: var(--wild-gray-50);\u003cbr \/\u003e border-bottom: 1px solid var(--wild-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-specs-table td {\u003cbr \/\u003e padding: 14px 24px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e border-bottom: 1px solid var(--wild-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-specs-table tr:last-child td {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-specs-table td:first-child {\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-specs-table td:last-child {\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-align: right;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bottom padding container *\/\u003cbr \/\u003e .wild-motor-bottom {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 80px 24px 120px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* System Controller + Battery split *\/\u003cbr \/\u003e .wild-motor-split-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-bottom: 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-split-card {\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-split-card:hover {\u003cbr \/\u003e transform: translateY(-6px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-split-card-image {\u003cbr \/\u003e aspect-ratio: 4\/3;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-split-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-split-card:hover .wild-motor-split-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-split-card-content {\u003cbr \/\u003e padding: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-split-card-content h4 {\u003cbr \/\u003e font-size: 1.375rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-split-card-content p {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .wild-motor-container {\u003cbr \/\u003e padding: 80px 20px 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-hero {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-big-stats {\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-features {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* CTA grid responsive handled inline *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-split-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-motor-bottom {\u003cbr \/\u003e padding: 60px 20px 80px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e VIDEO MEDIA SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-media-container {\u003cbr \/\u003e max-width: 1100px;\u003cbr \/\u003e margin: 60px auto 0;\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-media-container video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e STATS ROW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-stats-row {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 56px;\u003cbr \/\u003e padding-top: 56px;\u003cbr \/\u003e border-top: 1px solid var(--wild-gray-200);\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin-left: auto;\u003cbr \/\u003e margin-right: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-stat-number {\u003cbr \/\u003e font-size: clamp(2rem, 4vw, 3.5rem);\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e letter-spacing: -0.03em;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e background: linear-gradient(135deg, #2563eb, #1d4ed8);\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 .wild-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--wild-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e MODELS SECTION - 4 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-models-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-models-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-models-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 72px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-models-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-card {\u003cbr \/\u003e background: var(--wild-gray-100);\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e padding: 48px 40px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-card:hover {\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items:\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Diamond Black - Blue Stone Matt","offer_id":57496409080190,"sku":"T34003SJ","price":25447.76,"currency_code":"RON","in_stock":true},{"title":"S \/ Halo Silver Gloss","offer_id":57496409112958,"sku":"T34003SK","price":25447.76,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Black - Blue Stone Matt","offer_id":57496409145726,"sku":"T34005SJ","price":25447.76,"currency_code":"RON","in_stock":true},{"title":"M \/ Halo Silver Gloss","offer_id":57496409178494,"sku":"T34005SK","price":25447.76,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Black - Blue Stone Matt","offer_id":57496409211262,"sku":"T34007SJ","price":25447.76,"currency_code":"RON","in_stock":true},{"title":"L \/ Halo Silver Gloss","offer_id":57496409244030,"sku":"T34007SK","price":25447.76,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Black - Blue Stone Matt","offer_id":57496409276798,"sku":"T34009SJ","price":25447.76,"currency_code":"RON","in_stock":true},{"title":"XL \/ Halo Silver Gloss","offer_id":57496409309566,"sku":"T34009SK","price":25447.76,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T340TTCC-SJ-SIDE-WILD_ST_H20.jpg?v=1780337318"},{"product_id":"wild-m10-s-myo-2","title":"Bicicletă electrică eMTB ORBEA WILD M10","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă electrică eMTB ORBEA WILD M10\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"291099\" class=\"elementor elementor-291099\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-5228bdc e-flex e-con-boxed e-con e-parent\" data-id=\"5228bdc\" 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-026bbb2 elementor-widget elementor-widget-html\" data-id=\"026bbb2\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea WILD - Landing Page eMTB Enduro Carbon v2 Style - Aggressive Enduro Machine --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea Wild e-MTB, bicicletă electrică mountain bike enduro agresiv, Bosch CX motor 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 - WILD EDITION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-page {\u003cbr \/\u003e --wild-black: #1d1d1f;\u003cbr \/\u003e --wild-white: #ffffff;\u003cbr \/\u003e --wild-gray-50: #fafafa;\u003cbr \/\u003e --wild-gray-100: #f5f5f7;\u003cbr \/\u003e --wild-gray-200: #e8e8ed;\u003cbr \/\u003e --wild-gray-300: #d2d2d7;\u003cbr \/\u003e --wild-gray-500: #86868b;\u003cbr \/\u003e --wild-gray-600: #6e6e73;\u003cbr \/\u003e --wild-gray-700: #515154;\u003cbr \/\u003e --wild-gray-800: #2d2d2d;\u003cbr \/\u003e --wild-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* WILD Signature Colors - Orange\/Amber Aggressive Enduro Theme *\/\u003cbr \/\u003e --wild-blue: #2563eb;\u003cbr \/\u003e --wild-blue-light: #3b82f6;\u003cbr \/\u003e --wild-blue-dark: #1d4ed8;\u003cbr \/\u003e --wild-blue-deep: #1e40af;\u003cbr \/\u003e --wild-blue-darker: #1e3a8a;\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 .wild-page {\u003cbr \/\u003e width: 100vw !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;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force ALL sections inside wild-page to be full width *\/\u003cbr \/\u003e .wild-page \u003e section {\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e box-sizing: border-box !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 .wild-page \u003e section \u003e div {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Prevent body horizontal scroll caused by 100vw *\/\u003cbr \/\u003e html:has(.wild-page),\u003cbr \/\u003e body:has(.wild-page) {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.wild-page),\u003cbr \/\u003e .elementor-element:has(.wild-page) {\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.wild-page),\u003cbr \/\u003e .elementor-container:has(.wild-page),\u003cbr \/\u003e .elementor-column:has(.wild-page),\u003cbr \/\u003e .elementor-widget:has(.wild-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile Elementor overrides *\/\u003cbr \/\u003e @media (max-width: 768px) {\u003cbr \/\u003e .elementor-widget-container:has(.wild-page),\u003cbr \/\u003e .elementor-element:has(.wild-page),\u003cbr \/\u003e .elementor-section:has(.wild-page),\u003cbr \/\u003e .elementor-container:has(.wild-page),\u003cbr \/\u003e .elementor-column:has(.wild-page),\u003cbr \/\u003e .elementor-widget:has(.wild-page),\u003cbr \/\u003e .elementor-column-gap-default:has(.wild-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE PRODUCT PAGE OVERRIDE - CRITICAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .woocommerce .wild-page h1,\u003cbr \/\u003e .woocommerce .wild-page h2,\u003cbr \/\u003e .woocommerce .wild-page h3,\u003cbr \/\u003e .woocommerce .wild-page h4,\u003cbr \/\u003e .woocommerce .wild-page p,\u003cbr \/\u003e .product .wild-page h1,\u003cbr \/\u003e .product .wild-page h2,\u003cbr \/\u003e .product .wild-page h3,\u003cbr \/\u003e .product .wild-page h4,\u003cbr \/\u003e .product .wild-page p,\u003cbr \/\u003e .single-product .wild-page h1,\u003cbr \/\u003e .single-product .wild-page h2,\u003cbr \/\u003e .single-product .wild-page h3,\u003cbr \/\u003e .single-product .wild-page h4,\u003cbr \/\u003e .single-product .wild-page p,\u003cbr \/\u003e .woocommerce-page .wild-page h1,\u003cbr \/\u003e .woocommerce-page .wild-page h2,\u003cbr \/\u003e .woocommerce-page .wild-page h3,\u003cbr \/\u003e .woocommerce-page .wild-page h4,\u003cbr \/\u003e .woocommerce-page .wild-page p {\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e font-size: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .woocommerce .wild-page .wild-feature-section *,\u003cbr \/\u003e .product .wild-page .wild-feature-section *,\u003cbr \/\u003e .single-product .wild-page .wild-feature-section *,\u003cbr \/\u003e .woocommerce-page .wild-page .wild-feature-section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .woocommerce .wild-page .wild-display-xl,\u003cbr \/\u003e .woocommerce .wild-page .wild-display-lg,\u003cbr \/\u003e .product .wild-page .wild-display-xl,\u003cbr \/\u003e .product .wild-page .wild-display-lg,\u003cbr \/\u003e .single-product .wild-page .wild-display-xl,\u003cbr \/\u003e .single-product .wild-page .wild-display-lg {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .wild-page h1,\u003cbr \/\u003e .elementor-widget-container .wild-page h2,\u003cbr \/\u003e .elementor-widget-container .wild-page h3,\u003cbr \/\u003e .elementor-widget-container .wild-page h4,\u003cbr \/\u003e .elementor-widget-container .wild-page h5,\u003cbr \/\u003e .elementor-widget-container .wild-page h6,\u003cbr \/\u003e .elementor-kit-6 .wild-page h1,\u003cbr \/\u003e .elementor-kit-6 .wild-page h2,\u003cbr \/\u003e .elementor-kit-6 .wild-page h3,\u003cbr \/\u003e .elementor-kit-6 .wild-page h4,\u003cbr \/\u003e .elementor-kit-6 .wild-page h5,\u003cbr \/\u003e .elementor-kit-6 .wild-page h6,\u003cbr \/\u003e .wild-page h1,\u003cbr \/\u003e .wild-page h2,\u003cbr \/\u003e .wild-page h3,\u003cbr \/\u003e .wild-page h4,\u003cbr \/\u003e .wild-page h5,\u003cbr \/\u003e .wild-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 .wild-page h2,\u003cbr \/\u003e .elementor-widget-container .wild-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 HEADINGS - FORCE VISIBILITY \u0026 STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-page h1,\u003cbr \/\u003e .wild-page h2,\u003cbr \/\u003e .wild-page h3,\u003cbr \/\u003e .wild-page h4,\u003cbr \/\u003e .wild-page h5,\u003cbr \/\u003e .wild-page h6 {\u003cbr \/\u003e font-family: var(--font-main) !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force title visibility in Elementor *\/\u003cbr \/\u003e .elementor-widget-container .wild-page h2,\u003cbr \/\u003e .elementor-element .wild-page h2,\u003cbr \/\u003e .wild-feature-section h2,\u003cbr \/\u003e .wild-page .wild-feature-title,\u003cbr \/\u003e .wild-page .wild-display-lg,\u003cbr \/\u003e .wild-page .wild-display-xl {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FEATURE SECTION - FORCE ALL CONTENT VISIBLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-feature-section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e transform: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-page section * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e Fix: WooCommerce hides h2:nth-child(1) in product tabs\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .single-product-tabs .woocommerce-Tabs-panel .wild-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .wild-page h2,\u003cbr \/\u003e .wild-page h2.wild-title-main,\u003cbr \/\u003e .wild-page h2 {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e clip: unset !important;\u003cbr \/\u003e clip-path: none !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: auto !important;\u003cbr \/\u003e overflow: visible !important;\u003cbr \/\u003e white-space: normal !important;\u003cbr \/\u003e border: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Force ALL elements visible inside wild-page — NO display override *\/\u003cbr \/\u003e .wild-page section,\u003cbr \/\u003e .wild-page section \u003e div,\u003cbr \/\u003e .wild-page section \u003e div \u003e div,\u003cbr \/\u003e .wild-page section \u003e div \u003e div \u003e div,\u003cbr \/\u003e .wild-page section \u003e div \u003e div \u003e div \u003e * {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-page img,\u003cbr \/\u003e .wild-page video {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e KEYFRAME ANIMATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e @keyframes fadeInUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes blurFadeIn {\u003cbr \/\u003e 0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e 100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes scaleReveal {\u003cbr \/\u003e 0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e 100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes gradientFlow {\u003cbr \/\u003e 0% { background-position: 0% 50%; }\u003cbr \/\u003e 50% { background-position: 100% 50%; }\u003cbr \/\u003e 100% { background-position: 0% 50%; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes shimmer {\u003cbr \/\u003e 0% { background-position: -200% center; }\u003cbr \/\u003e 100% { background-position: 200% center; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes float {\u003cbr \/\u003e 0%, 100% { transform: translateY(0); }\u003cbr \/\u003e 50% { transform: translateY(-10px); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes countUp {\u003cbr \/\u003e 0% { opacity: 0; transform: translateY(20px); }\u003cbr \/\u003e 100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-display-hero {\u003cbr \/\u003e font-size: 55px !important;\u003cbr \/\u003e font-weight: 800 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-display-xl {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-display-lg {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.025em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-display-md {\u003cbr \/\u003e font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e font-weight: 600 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-body-xl {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-body-lg {\u003cbr \/\u003e font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-page .wild-title-main,\u003cbr \/\u003e .elementor-kit-6 .wild-page .wild-title-main,\u003cbr \/\u003e .elementor-widget-container .wild-page .wild-title-main {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e margin-bottom: 0.25rem !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-page .wild-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .wild-page .wild-title-secondary,\u003cbr \/\u003e .elementor-widget-container .wild-page .wild-title-secondary {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1.15 !important;\u003cbr \/\u003e color: var(--wild-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-subtitle-apple {\u003cbr \/\u003e font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-subtitle-apple strong {\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Apple-style gradient variations — ORANGE\/AMBER AGGRESSIVE *\/\u003cbr \/\u003e .wild-gradient-blue,\u003cbr \/\u003e .wild-page .wild-gradient-blue,\u003cbr \/\u003e .elementor-widget-container .wild-gradient-blue {\u003cbr \/\u003e background: linear-gradient(90deg, #2563eb 0%, #3b82f6 35%, #1e40af 65%, #1e3a8a 100%) !important !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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-gradient-deep,\u003cbr \/\u003e .wild-page .wild-gradient-deep,\u003cbr \/\u003e .elementor-widget-container .wild-gradient-deep {\u003cbr \/\u003e background: linear-gradient(90deg, #1d4ed8 0%, #1e40af 35%, #3b82f6 65%, #2563eb 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-gradient-electric,\u003cbr \/\u003e .wild-page .wild-gradient-electric,\u003cbr \/\u003e .elementor-widget-container .wild-gradient-electric {\u003cbr \/\u003e background: linear-gradient(90deg, #1e3a8a 0%, #1d4ed8 35%, #2563eb 65%, #3b82f6 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: transparent !important;\u003cbr \/\u003e display: inline-block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - GRADIENT BACKGROUND\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 600px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 30%, #3b82f6 60%, #1e3a8a 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-hero-video {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-hero-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: rgba(0, 0, 0, 0.25);\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 3;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--wild-white);\u003cbr \/\u003e padding: 0 24px;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-hero-title {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-hero-subtitle {\u003cbr \/\u003e font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e max-width: 650px;\u003cbr \/\u003e margin: 0 auto 32px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e INTRO \/ PHILOSOPHY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-intro-section {\u003cbr \/\u003e padding: 140px 24px;\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-intro-container {\u003cbr \/\u003e max-width: 1000px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-intro-eyebrow {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--wild-blue);\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e -webkit-text-fill-color: var(--wild-blue) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-intro-headline {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.03em !important;\u003cbr \/\u003e line-height: 1.1 !important;\u003cbr \/\u003e color: var(--wild-black) !important;\u003cbr \/\u003e -webkit-text-fill-color: var(--wild-black) !important;\u003cbr \/\u003e margin-bottom: 40px !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-intro-text {\u003cbr \/\u003e font-size: clamp(1.1875rem, 2.2vw, 1.5rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e -webkit-text-fill-color: var(--wild-gray-600) !important;\u003cbr \/\u003e max-width: 750px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-intro-text strong {\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e -webkit-text-fill-color: var(--wild-black) !important;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULL WIDTH IMAGE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-fullwidth-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TEXT + IMAGE SPLIT SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-split-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 80px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-container.reverse {\u003cbr \/\u003e direction: rtl;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-container.reverse \u003e * {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-text h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2.25rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-text p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-text p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-image:hover img {\u003cbr \/\u003e transform: scale(1.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-section.bg-gray {\u003cbr \/\u003e background: var(--wild-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .wild-split-container {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e gap: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-container.reverse {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-split-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e BATTERY CARDS SECTION - 3 BATTERIES\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-battery-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--wild-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-header h2 {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-header p {\u003cbr \/\u003e font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-card {\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-card:hover .wild-battery-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-mode {\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e padding-bottom: 24px;\u003cbr \/\u003e border-bottom: 1px solid var(--wild-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-mode:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e padding-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-mode-label {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--wild-white);\u003cbr \/\u003e background: var(--wild-blue);\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-mode-stats {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-mode-stat-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e color: var(--wild-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-mode-stat-value {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .wild-battery-features {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-battery-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e VIDEO MEDIA SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-media-container {\u003cbr \/\u003e max-width: 1100px;\u003cbr \/\u003e margin: 60px auto 0;\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-media-container video {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e STATS ROW\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-stats-row {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 56px;\u003cbr \/\u003e padding-top: 56px;\u003cbr \/\u003e border-top: 1px solid var(--wild-gray-200);\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin-left: auto;\u003cbr \/\u003e margin-right: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-stat-number {\u003cbr \/\u003e font-size: clamp(2rem, 4vw, 3.5rem);\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e letter-spacing: -0.03em;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e background: linear-gradient(135deg, var(--wild-blue), var(--wild-blue-dark));\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 .wild-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--wild-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e MODELS SECTION - 4 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-models-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-models-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-models-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 72px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-models-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-card {\u003cbr \/\u003e background: var(--wild-gray-100);\u003cbr \/\u003e border-radius: 32px;\u003cbr \/\u003e padding: 48px 40px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-card:hover {\u003cbr \/\u003e box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e margin-bottom: 32px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-image img {\u003cbr \/\u003e transition: transform 0.7s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-card:hover .wild-model-image img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-badge {\u003cbr \/\u003e display: inline-block;\u003cbr \/\u003e background: linear-gradient(135deg, var(--wild-blue) 0%, var(--wild-blue-dark) 100%);\u003cbr \/\u003e color: var(--wild-white);\u003cbr \/\u003e padding: 8px 18px;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.06em;\u003cbr \/\u003e margin-bottom: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-name {\u003cbr \/\u003e font-size: 2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-tagline {\u003cbr \/\u003e color: var(--wild-gray-600);\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e margin-bottom: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-specs {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e gap: 14px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-spec {\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e padding: 16px 14px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-spec-value {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-model-spec-label {\u003cbr \/\u003e font-size: 0.6875rem;\u003cbr \/\u003e color: var(--wild-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e margin-top: 2px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .wild-models-grid {\u003cbr \/\u003e grid-template-columns: 1fr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-models-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-comparison-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--wild-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-comparison-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-comparison-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-comparison-table-wrapper {\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-comparison-table thead {\u003cbr \/\u003e background: linear-gradient(135deg, var(--wild-blue) 0%, var(--wild-blue-dark) 100%);\u003cbr \/\u003e color: var(--wild-white);\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-comparison-table th {\u003cbr \/\u003e padding: 24px 16px;\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e border-top: 1px solid var(--wild-gray-200);\u003cbr \/\u003e font-size: 0.95rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--wild-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-spec-highlight {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-price-cell {\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--wild-blue);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .wild-comparison-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-comparison-table th,\u003cbr \/\u003e .wild-comparison-table td {\u003cbr \/\u003e padding: 16px 12px;\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-geometry-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e color: var(--wild-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-geometry-container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-geometry-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e background: var(--wild-gray-100);\u003cbr \/\u003e box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e margin-top: 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-geometry-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (max-width: 900px) {\u003cbr \/\u003e .wild-geometry-section {\u003cbr \/\u003e padding: 80px 20px;\u003cbr \/\u003e }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CTA \u0026 DEALER SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .wild-cta-section {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e3a8a 100%);\u003cbr \/\u003e color: var(--wild-white);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-cta-container {\u003cbr \/\u003e max-width: 900px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-cta-title {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-cta-text {\u003cbr \/\u003e font-size: clamp(1.0625rem, 1.8vw, 1.25rem);\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e opacity: 0.95;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-dealer-section {\u003cbr \/\u003e padding: 80px 24px;\u003cbr \/\u003e background: var(--wild-white);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-dealer-container {\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .wild-dealer-badge {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e padding: 16px 32px;\u003cbr \/\u003e background: va\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Diamond Carbon View (Matt) - Mars Red (Gloss)","offer_id":57496409440638,"sku":"T34603X1","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"S \/ Caramel Carbon View (Gloss) - Cream White (Matt)","offer_id":57496409473406,"sku":"T34603X2","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View Matt","offer_id":57496409506174,"sku":"T34603X4","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond Carbon View (Matt) - Mars Red (Gloss)","offer_id":57496409538942,"sku":"T34605X1","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"M \/ Caramel Carbon View (Gloss) - Cream White (Matt)","offer_id":57496409571710,"sku":"T34605X2","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View Matt","offer_id":57496409604478,"sku":"T34605X4","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond Carbon View (Matt) - Mars Red (Gloss)","offer_id":57496409637246,"sku":"T34607X1","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"L \/ Caramel Carbon View (Gloss) - Cream White (Matt)","offer_id":57496409670014,"sku":"T34607X2","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View Matt","offer_id":57496409702782,"sku":"T34607X4","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond Carbon View (Matt) - Mars Red (Gloss)","offer_id":57496409735550,"sku":"T34609X1","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"XL \/ Caramel Carbon View (Gloss) - Cream White (Matt)","offer_id":57496409768318,"sku":"T34609X2","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View Matt","offer_id":57496409801086,"sku":"T34609X4","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"S \/ Myo","offer_id":57496409833854,"sku":"T34603CM","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"M \/ Myo","offer_id":57496409866622,"sku":"T34605CM","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"L \/ Myo","offer_id":57496409899390,"sku":"T34607CM","price":36052.76,"currency_code":"RON","in_stock":true},{"title":"XL \/ Myo","offer_id":57496409932158,"sku":"T34609CM","price":36052.76,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T346TTCC-X2-SIDE-WILD_M10-9_4a406970-654f-4f02-9709-d5f60ab187cb.jpg?v=1780337351"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-heckler-sl","title":"Bicicleta electrica MTB Santa Cruz Heckler SL","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta electrica MTB Santa Cruz Heckler SL\u003c\/h1\u003e\u003cbr\u003e\u003cdiv\u003e\u003c\/div\u003e\u003cbr\u003e\u003cdiv\u003e\n\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"268385\" class=\"elementor elementor-268385\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-241ec56 e-flex e-con-boxed e-con e-parent\" data-id=\"241ec56\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-7732650 elementor-widget elementor-widget-html\" data-id=\"7732650\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\t\t\t\t\t\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003ctitle\u003eSanta Cruz Heckler SL | ProVelo România\u003c\/title\u003e\n\u003cbr\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e :root {\u003cbr \/\u003e --sc-red: #E31937;\u003cbr \/\u003e --sc-red-dark: #c41530;\u003cbr \/\u003e --apple-blue: #0071e3;\u003cbr \/\u003e --apple-blue-hover: #0077ed;\u003cbr \/\u003e --fazua-blue: #1a3a5c;\u003cbr \/\u003e --fazua-accent: #00b4d8;\u003cbr \/\u003e --mustard: #d4a72c;\u003cbr \/\u003e --dark-blue: #1a2a3a;\u003cbr \/\u003e --black: #0a0a0a;\u003cbr \/\u003e --dark-gray: #2d2d2d;\u003cbr \/\u003e --apple-gray: #f5f5f7;\u003cbr \/\u003e --apple-gray-dark: #e8e8ed;\u003cbr \/\u003e --text-dark: #1d1d1f;\u003cbr \/\u003e --text-gray: #86868b;\u003cbr \/\u003e --white: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e * {\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e html {\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e body {\u003cbr \/\u003e font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== HERO SECTION - HECKLER SL STYLE ========== *\/\u003cbr \/\u003e .hero {\u003cbr \/\u003e height: 100vh !important;\u003cbr \/\u003e min-height: 700px !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e transition: background 0.5s ease !important;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Background colors matching bike colors *\/\u003cbr \/\u003e .hero.bg-darkblue { background: linear-gradient(135deg, #1a2a3a 0%, #2d4a5a 100%); }\u003cbr \/\u003e .hero.bg-mustard { background: linear-gradient(135deg, #c49a28 0%, #e6b832 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Dot Colors *\/\u003cbr \/\u003e .dot-darkblue { background: #1a2a3a !important; background-color: #1a2a3a !important; }\u003cbr \/\u003e .dot-mustard { background: #d4a72c !important; background-color: #d4a72c !important; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 60px 20px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override Elementor\/WordPress styles *\/\u003cbr \/\u003e .hero h1,\u003cbr \/\u003e .hero .hero-title,\u003cbr \/\u003e .hero-content h1,\u003cbr \/\u003e .hero-content .hero-title,\u003cbr \/\u003e h1.hero-title {\u003cbr \/\u003e font-size: clamp(4rem, 12vw, 10rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 25px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e background: none !important;\u003cbr \/\u003e -webkit-background-clip: unset !important;\u003cbr \/\u003e background-clip: unset !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* TITLU MEGA - FOARTE MARE ALB *\/\u003cbr \/\u003e .hero-title {\u003cbr \/\u003e font-size: clamp(4rem, 12vw, 10rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 25px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-subtitle {\u003cbr \/\u003e font-size: 1.2rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.8) !important;\u003cbr \/\u003e margin-bottom: 30px !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e letter-spacing: 2px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stats {\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat {\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 0 25px !important;\u003cbr \/\u003e border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat:first-child {\u003cbr \/\u003e border-left: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-label {\u003cbr \/\u003e font-size: 0.65rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e margin-bottom: 5px !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value {\u003cbr \/\u003e font-size: 2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value span {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override pentru stats - Elementor *\/\u003cbr \/\u003e .hero .hero-stat-label,\u003cbr \/\u003e .hero-content .hero-stat-label,\u003cbr \/\u003e .hero-stats .hero-stat-label {\u003cbr \/\u003e font-size: 0.65rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero .hero-stat-value,\u003cbr \/\u003e .hero-content .hero-stat-value,\u003cbr \/\u003e .hero-stats .hero-stat-value {\u003cbr \/\u003e font-size: 2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike Showcase in Hero *\/\u003cbr \/\u003e .bike-showcase-hero {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e top: 0 !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e z-index: 1 !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase-hero .color-selector-vertical {\u003cbr \/\u003e pointer-events: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slides {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e top: 0 !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e opacity: 0 !important;\u003cbr \/\u003e transition: opacity 0.5s ease !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e padding-top: 120px !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide.active {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide img {\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: 75% !important;\u003cbr \/\u003e max-width: 90% !important;\u003cbr \/\u003e object-fit: contain !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== COLOR SELECTOR ========== *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Desktop - selector vertical pe lateral *\/\u003cbr \/\u003e .color-selector-vertical {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e right: 18% !important;\u003cbr \/\u003e top: 50% !important;\u003cbr \/\u003e transform: translateY(-50%) !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e flex-direction: column !important;\u003cbr \/\u003e gap: 10px !important;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.95) !important;\u003cbr \/\u003e padding: 12px 10px !important;\u003cbr \/\u003e border-radius: 30px !important;\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\u003cbr \/\u003e z-index: 10 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Desktop color name - simplu, alb, centrat *\/\u003cbr \/\u003e .color-name-desktop {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 15px 0 30px !important;\u003cbr \/\u003e font-size: 0.9rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile - ascuns pe desktop *\/\u003cbr \/\u003e .color-selector-mobile {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-name-mobile {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cercuri culori desktop *\/\u003cbr \/\u003e .color-dot-v {\u003cbr \/\u003e width: 28px !important;\u003cbr \/\u003e height: 28px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s ease !important;\u003cbr \/\u003e border: 2px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v:hover {\u003cbr \/\u003e transform: scale(1.15) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v.active {\u003cbr \/\u003e border-color: rgba(0, 0, 0, 0.3) !important;\u003cbr \/\u003e transform: scale(1.1) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cercuri culori mobile *\/\u003cbr \/\u003e .color-dot-m {\u003cbr \/\u003e width: 50px !important;\u003cbr \/\u003e height: 50px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s ease !important;\u003cbr \/\u003e border: 3px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m:hover {\u003cbr \/\u003e transform: scale(1.1) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m.active {\u003cbr \/\u003e border-color: #1a1a1a !important;\u003cbr \/\u003e transform: scale(1.05) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== E-BIKE BADGE ========== *\/\u003cbr \/\u003e .ebike-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e background: rgba(0, 180, 216, 0.9);\u003cbr \/\u003e color: white;\u003cbr \/\u003e padding: 8px 20px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .ebike-badge svg {\u003cbr \/\u003e width: 16px;\u003cbr \/\u003e height: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== STANDOUT FEATURES - NEGRU ========== *\/\u003cbr \/\u003e .standout-section {\u003cbr \/\u003e background: #1a1a1a;\u003cbr \/\u003e padding: 80px 20px 60px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-header {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto 40px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-title {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-subtitle {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel-container {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e scrollbar-width: none;\u003cbr \/\u003e -ms-overflow-style: none;\u003cbr \/\u003e padding: 0 20px 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide {\u003cbr \/\u003e flex: 0 0 320px;\u003cbr \/\u003e height: 350px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: transform 0.4s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover {\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover img {\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide-content {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 30px 20px;\u003cbr \/\u003e background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-number {\u003cbr \/\u003e font-size: 0.7rem;\u003cbr \/\u003e color: var(--fazua-accent);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e letter-spacing: 1px;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-name {\u003cbr \/\u003e font-size: 1.2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-progress {\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-bar {\u003cbr \/\u003e height: 2px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.2);\u003cbr \/\u003e border-radius: 1px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-fill {\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e width: 25%;\u003cbr \/\u003e transition: transform 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-nav {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: flex-end;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 20px auto 0;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn {\u003cbr \/\u003e width: 44px;\u003cbr \/\u003e height: 44px;\u003cbr \/\u003e border: 1px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e border-radius: 8px;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover {\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e border-color: var(--fazua-accent);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn svg {\u003cbr \/\u003e width: 20px;\u003cbr \/\u003e height: 20px;\u003cbr \/\u003e stroke: #ffffff;\u003cbr \/\u003e transition: stroke 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover svg {\u003cbr \/\u003e stroke: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\u003cbr \/\u003e .container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== SPLIT SECTIONS - FUNDAL GRI APPLE ========== *\/\u003cbr \/\u003e .extreme-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .getup-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1.2fr;\u003cbr \/\u003e gap: 60px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout.reverse {\u003cbr \/\u003e grid-template-columns: 1.2fr 1fr;\u003cbr \/\u003e direction: rtl;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout.reverse \u003e * {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-label {\u003cbr \/\u003e font-size: 0.75rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: var(--fazua-accent) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e margin-bottom: 30px !important;\u003cbr \/\u003e text-transform: none;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-title .gradient-text,\u003cbr \/\u003e .gradient-fazua {\u003cbr \/\u003e background: linear-gradient(90deg, #00b4d8 0%, #0077b6 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-mustard {\u003cbr \/\u003e background: linear-gradient(90deg, #d4a72c 0%, #b8860b 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-text {\u003cbr \/\u003e font-size: 1.1rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image {\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image:hover img {\u003cbr \/\u003e transform: scale(1.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== VIDEO SECTION - MAI MARE ========== *\/\u003cbr \/\u003e .video-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-title {\u003cbr \/\u003e font-size: 0.85rem !important;\u003cbr \/\u003e color: var(--text-gray) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 3px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-heading {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e margin-bottom: 50px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e transform: scale(1);\u003cbr \/\u003e transition: transform 0.5s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container:hover {\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container iframe {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/9;\u003cbr \/\u003e display: block;\u003cbr \/\u003e border: none;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== DESIGN DETAILS - FULL WIDTH NEGRU ========== *\/\u003cbr \/\u003e .design-section {\u003cbr \/\u003e padding: 80px 0 120px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 40px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e margin: 0 auto 80px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e background: linear-gradient(135deg, #1a2a3a 0%, #2d4a5a 100%);\u003cbr \/\u003e padding: 80px 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* HOTSPOTS PE BICICLETĂ *\/\u003cbr \/\u003e .hotspot {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e width: 32px;\u003cbr \/\u003e height: 32px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.1);\u003cbr \/\u003e border: 1.5px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot::before {\u003cbr \/\u003e content: '+';\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6);\u003cbr \/\u003e font-size: 18px;\u003cbr \/\u003e font-weight: 300;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover,\u003cbr \/\u003e .hotspot.active {\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e border-color: var(--fazua-accent);\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover::before,\u003cbr \/\u003e .hotspot.active::before {\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Poziții hotspots PE bicicletă *\/\u003cbr \/\u003e .hotspot-1 { top: 28%; left: 38%; } \/* Baterie *\/\u003cbr \/\u003e .hotspot-2 { top: 52%; left: 48%; } \/* Motor Fazua *\/\u003cbr \/\u003e .hotspot-3 { top: 65%; left: 42%; } \/* Suspensie VPP *\/\u003cbr \/\u003e .hotspot-4 { top: 38%; left: 72%; } \/* Furcă *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\u003cbr \/\u003e width: 260px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e visibility: hidden;\u003cbr \/\u003e transform: translateY(10px);\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e z-index: 100;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip.show {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e visibility: visible;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip h4 {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip p {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-1 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-1 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-2 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-2 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-3 .hotspot-tooltip { bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-10px); margin-bottom: 10px; }\u003cbr \/\u003e .hotspot-3 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-4 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-4 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\u003cbr \/\u003e .features-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card {\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: transform 0.4s ease, box-shadow 0.4s ease;\u003cbr \/\u003e box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover {\u003cbr \/\u003e transform: translateY(-10px);\u003cbr \/\u003e box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image {\u003cbr \/\u003e height: 250px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover .feature-card-image img {\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-content {\u003cbr \/\u003e padding: 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card .feature-card-title,\u003cbr \/\u003e .feature-card-title {\u003cbr \/\u003e font-size: 1.6rem !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e margin-bottom: 15px !important;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-text {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\u003cbr \/\u003e .products-section {\u003cbr \/\u003e padding: 120px 20px;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-section .products-title,\u003cbr \/\u003e .products-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e margin-bottom: 20px !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-title .gradient-text,\u003cbr \/\u003e .specs-title .gradient-text,\u003cbr \/\u003e .size-title .gradient-text,\u003cbr \/\u003e .geometry-title .gradient-text,\u003cbr \/\u003e .cta-title .gradient-text,\u003cbr \/\u003e .design-title .gradient-text,\u003cbr \/\u003e .standout-title .gradient-text,\u003cbr \/\u003e .video-heading .gradient-text {\u003cbr \/\u003e background: linear-gradient(90deg, #00b4d8 0%, #0077b6 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-section .products-subtitle,\u003cbr \/\u003e .products-subtitle {\u003cbr \/\u003e font-size: 1.2rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tabs {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e margin-bottom: 50px;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tab {\u003cbr \/\u003e padding: 12px 24px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e border: none;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tab:hover,\u003cbr \/\u003e .filter-tab.active {\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card {\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.4s ease;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card:hover {\u003cbr \/\u003e transform: translateY(-10px);\u003cbr \/\u003e box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-badge.new {\u003cbr \/\u003e background: #10b981;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-image {\u003cbr \/\u003e padding: 40px;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e min-height: 280px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-image img {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e transition: transform 0.4s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card:hover .product-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-info {\u003cbr \/\u003e padding: 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-frame {\u003cbr \/\u003e font-size: 0.75rem !important;\u003cbr \/\u003e font-weight\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ S","offer_id":57496414814590,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ M","offer_id":57496414847358,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ L","offer_id":57496414880126,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ XL","offer_id":57496414912894,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ S","offer_id":57496414945662,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ M","offer_id":57496414978430,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ L","offer_id":57496415011198,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415043966,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ S","offer_id":57496415076734,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ M","offer_id":57496415109502,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ L","offer_id":57496415142270,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ XL","offer_id":57496415175038,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ XXL","offer_id":57496415207806,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ S","offer_id":57496415240574,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ M","offer_id":57496415273342,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ L","offer_id":57496415306110,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415338878,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496415371646,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ S","offer_id":57496415404414,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ M","offer_id":57496415437182,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ L","offer_id":57496415469950,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ XL","offer_id":57496415502718,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ XXL","offer_id":57496415535486,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ S","offer_id":57496415568254,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ M","offer_id":57496415601022,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ L","offer_id":57496415633790,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415666558,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496415699326,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ S","offer_id":57496415732094,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ M","offer_id":57496415764862,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ L","offer_id":57496415797630,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ XL","offer_id":57496415830398,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ XXL","offer_id":57496415863166,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ S","offer_id":57496415895934,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ M","offer_id":57496415928702,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ L","offer_id":57496415961470,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415994238,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496416027006,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ S","offer_id":57496416059774,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ M","offer_id":57496416092542,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ L","offer_id":57496416125310,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ XL","offer_id":57496416158078,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ XXL","offer_id":57496416190846,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ S","offer_id":57496416223614,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ M","offer_id":57496416256382,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ L","offer_id":57496416289150,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ XL","offer_id":57496416321918,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496416354686,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ S","offer_id":57496416387454,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ M","offer_id":57496416420222,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ L","offer_id":57496416452990,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ XL","offer_id":57496416485758,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ XXL","offer_id":57496416518526,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ S","offer_id":57496416551294,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ M","offer_id":57496416584062,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ L","offer_id":57496416616830,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ XL","offer_id":57496416649598,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496416682366,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY25_HecklerSL_CC_XX_AXS_RSV_GlossMustardYellow-scaled.webp?v=1780337503"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-vala-al-70","title":"Bicicleta electrica MTB Santa Cruz VALA AL 70","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003cdiv class=\"elementor elementor-309024\"\u003e\n\u003cbr\u003e\n\u003cdiv class=\"elementor-element elementor-element-6cfebcf e-flex e-con-boxed e-con e-parent\"\u003e\n\u003cbr\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\n\u003cdiv class=\"elementor-element elementor-element-c26283b elementor-widget elementor-widget-html\"\u003e\n\u003cbr\u003e\n\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003cbr\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e \u003cbr\u003e\n\u003cp\u003e\u003c!-- ============ Product schema ============ --\u003e\u003cbr\u003e\u003cbr\u003e\u003cscript type=\"application\/ld+json\"\u003e\u003cbr \/\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Santa Cruz Vala AL 70\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_AL_70_GlossLunarGray_2c1607bd-cbdd-4751-8a90-483d546d5d1b.png\",\"description\":\"E-MTB full-power Bosch top-tier cu cadru aluminiu Vala AL, motor Bosch Performance Line CX, baterie 600Wh, suspensie RockShox Zeb 160mm fata si Super Deluxe 150mm spate, roti MX, transmisie wireless SRAM 70 Eagle T-Type 12-speed, jante Reserve aluminiu cu garantie pe viata.\",\"sku\":\"VALA-AL-70\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Santa Cruz Bicycles\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"26595\",\"priceValidUntil\":\"2026-12-31\",\"availability\":\"https:\/\/schema.org\/InStock\"}}\u003cbr \/\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"Gloss Lunar Gray \/ S","offer_id":57496427331966,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ M","offer_id":57496427364734,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ L","offer_id":57496427397502,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ XL","offer_id":57496427430270,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ S","offer_id":57496427463038,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ M","offer_id":57496427495806,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ L","offer_id":57496427528574,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ XL","offer_id":57496427561342,"sku":"VALAALDEORE-1","price":25995.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_AL_70_GlossLunarGray-scaled_db92c566-d261-468e-86f7-e276d3579e84.webp?v=1780337649"}],"url":"https:\/\/www.provelo.ro\/collections\/bicicleta-electrica.oembed?page=2","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}