{"product_id":"bicicleta-mtb-full-suspension-cannondale-habit-4-black","title":"Bicicleta MTB full suspension Cannondale Habit 4 Black","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e\u003ca href=\"https:\/\/www.cannondale.com\/en\"\u003e\u003cimg class=\"alignnone wp-image-217324\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-11-28-at-21_02_13-1024x180.png\" alt=\"\" width=\"335\" height=\"59\"\u003e\u003c\/a\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cp class=\"product-detail-information-area__product-name\"\u003e\u003cbr\u003e\u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"306770\" class=\"elementor elementor-306770\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-8f661c0 e-flex e-con-boxed e-con e-parent\" data-id=\"8f661c0\" 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-fe7cb5b elementor-widget elementor-widget-html\" data-id=\"fe7cb5b\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\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\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\u003eCannondale Habit 4 — Trail bike 29\" entry-level | ProVelo\u003c\/title\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003cbr\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003cbr\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- ============ Product schema (stub) ============ --\u003e\u003cbr\u003e\u003cbr\u003e\u003cscript type=\"application\/ld+json\"\u003e\u003cbr \/\u003e{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Cannondale Habit 4\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C24_C23401U_Habit_4_IGN_PD.png\",\"description\":\"Trail bike full-suspension 29 inch cu 140mm furca \/ 130mm spate. Cadru SmartForm C1 Alloy, Proportional Response Design, RockShox Recon RL + Deluxe Select, Shimano Deore 12-speed. Disponibil în 3 culori: Ice Green, Candy Red, Black.\",\"sku\":\"C23401U\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Cannondale\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"10450\",\"priceValidUntil\":\"2026-06-30\",\"availability\":\"https:\/\/schema.org\/PreOrder\"}}\u003cbr \/\u003e\u003c\/script\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e\/* =============================================================\u003cbr \/\u003e   ProVelo tokens — Cannondale edition (dark + lime green)\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e:root{\u003cbr \/\u003e  --pv-black:#0A0A0A;\u003cbr \/\u003e  --pv-ink:#1D1D1F;\u003cbr \/\u003e  --pv-graphite:#424245;\u003cbr \/\u003e  --pv-silver:#86868B;\u003cbr \/\u003e  --pv-mist:#D2D2D7;\u003cbr \/\u003e  --pv-fog:#F5F5F7;\u003cbr \/\u003e  --pv-white:#FFFFFF;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  \/* Cannondale brand accents *\/\u003cbr \/\u003e  --cdl-lime:#B3FF00;\u003cbr \/\u003e  --cdl-lime-deep:#8FCC00;\u003cbr \/\u003e  --cdl-gray-dark:#2A2A2C;\u003cbr \/\u003e  --cdl-gray-steel:#3E3E42;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --accent: var(--cdl-lime);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --r-md:18px;\u003cbr \/\u003e  --r-lg:24px;\u003cbr \/\u003e  --r-pill:980px;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --ease-out:cubic-bezier(0.25,0.46,0.45,0.94);\u003cbr \/\u003e  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e  --container:1200px;\u003cbr \/\u003e  --container-narrow:960px;\u003cbr \/\u003e  --container-text:680px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= reset ================= *\/\u003cbr \/\u003e*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\u003cbr \/\u003ehtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\u003cbr \/\u003ebody{\u003cbr \/\u003e  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;\u003cbr \/\u003e  font-size:17px;line-height:1.55;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  background:var(--pv-white);\u003cbr \/\u003e  -webkit-font-smoothing:antialiased;\u003cbr \/\u003e  -moz-osx-font-smoothing:grayscale;\u003cbr \/\u003e  text-rendering:optimizeLegibility;\u003cbr \/\u003e  overflow-x:hidden;\u003cbr \/\u003e}\u003cbr \/\u003eimg{display:block;max-width:100%;height:auto}\u003cbr \/\u003ea{color:inherit;text-decoration:none}\u003cbr \/\u003ebutton{font:inherit;color:inherit;background:none;border:none;cursor:pointer}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= type scale ================= *\/\u003cbr \/\u003e.eyebrow{\u003cbr \/\u003e  font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;\u003cbr \/\u003e  color:var(--pv-graphite);display:inline-block;\u003cbr \/\u003e}\u003cbr \/\u003e.eyebrow.on-dark{color:rgba(255,255,255,0.72)}\u003cbr \/\u003e.eyebrow.lime{color:var(--cdl-lime-deep)}\u003cbr \/\u003eh1,h2,h3,h4{font-weight:600;letter-spacing:-0.015em;color:var(--pv-ink);line-height:1.15}\u003cbr \/\u003e.hero h1,.hero h2,.hero h3,.hero h4{color:inherit}\u003cbr \/\u003e.display-xl{font-size:clamp(56px,9.5vw,112px);font-weight:800;line-height:1.02;letter-spacing:-0.04em}\u003cbr \/\u003e.display-l{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.06;letter-spacing:-0.03em}\u003cbr \/\u003e.display-m{font-size:clamp(34px,4.4vw,56px);font-weight:600;line-height:1.08;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-l{font-size:clamp(32px,4.5vw,60px);font-weight:600;line-height:1.12;letter-spacing:-0.025em}\u003cbr \/\u003e.heading-m{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-0.01em}\u003cbr \/\u003e.body-l{font-size:19px;line-height:1.55;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.body{font-size:17px;line-height:1.6;color:var(--pv-graphite);font-weight:400}\u003cbr \/\u003e.caption{font-size:13px;line-height:1.4;color:var(--pv-silver)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.text-wrap{text-wrap:pretty}\u003cbr \/\u003e.narrow{max-width:var(--container-text);margin-inline:auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ================= buttons ================= *\/\u003cbr \/\u003e.btn{\u003cbr \/\u003e  display:inline-flex;align-items:center;justify-content:center;gap:8px;\u003cbr \/\u003e  padding:14px 28px;border-radius:var(--r-pill);\u003cbr \/\u003e  font-size:17px;font-weight:500;line-height:1;\u003cbr \/\u003e  transition:background .3s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out),transform .3s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.btn.primary{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.primary:hover{background:var(--pv-black)}\u003cbr \/\u003e.btn.secondary{background:transparent;border:1px solid var(--pv-ink);color:var(--pv-ink)}\u003cbr \/\u003e.btn.secondary:hover{background:var(--pv-ink);color:var(--pv-white)}\u003cbr \/\u003e.btn.lime{background:var(--cdl-lime);color:var(--pv-black)}\u003cbr \/\u003e.btn.lime:hover{background:var(--cdl-lime-deep)}\u003cbr \/\u003e.btn.ghost-on-dark{background:rgba(255,255,255,0.92);color:var(--pv-ink)}\u003cbr \/\u003e.btn.ghost-on-dark:hover{background:#fff}\u003cbr \/\u003e.btn.outline-on-dark{background:transparent;border:1px solid rgba(255,255,255,0.55);color:#fff}\u003cbr \/\u003e.btn.outline-on-dark:hover{background:rgba(255,255,255,0.12)}\u003cbr \/\u003e.btn.tertiary{padding:4px 0;border-radius:0}\u003cbr \/\u003e.btn.tertiary::after{content:\"→\";transition:transform .3s var(--ease-out);margin-left:4px}\u003cbr \/\u003e.btn.tertiary:hover::after{transform:translateX(4px)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   HERO — dramatic dark stage with lime accent\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003e.hero{\u003cbr \/\u003e  position:relative;\u003cbr \/\u003e  min-height:100vh;\u003cbr \/\u003e  min-height:100dvh;\u003cbr \/\u003e  padding:clamp(32px,5vh,56px) 32px clamp(28px,4vh,44px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-rows:auto 1fr auto;\u003cbr \/\u003e  gap:clamp(20px,3vh,36px);\u003cbr \/\u003e  overflow:hidden;\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  background:\u003cbr \/\u003e    radial-gradient(120% 80% at 50% 20%, #2A2A2C 0%, #0A0A0A 65%),\u003cbr \/\u003e    #0A0A0A;\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* full-width breakout for all main sections *\/\u003cbr \/\u003esection,.footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;\u003cbr \/\u003e  left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lime gradient glow behind the bike *\/\u003cbr \/\u003e.hero::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 -10% 0;height:60%;\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.18) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero::after{\u003cbr \/\u003e  content:\"\";position:absolute;inset:auto 0 0 0;height:30%;\u003cbr \/\u003e  background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);\u003cbr \/\u003e  pointer-events:none;z-index:0;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* subtle wordmark + price in hero corners *\/\u003cbr \/\u003e.hero-mark{\u003cbr \/\u003e  position:absolute;top:clamp(24px,3vh,36px);left:32px;\u003cbr \/\u003e  font-size:15px;font-weight:600;letter-spacing:-0.01em;\u003cbr \/\u003e  opacity:0.92;z-index:3;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-mark .dot{color:var(--cdl-lime)}\u003cbr \/\u003e.hero-price{\u003cbr \/\u003e  position:absolute;top:clamp(24px,3vh,36px);right:32px;\u003cbr \/\u003e  font-size:14px;font-weight:500;\u003cbr \/\u003e  display:flex;align-items:center;gap:10px;\u003cbr \/\u003e  opacity:0.95;z-index:3;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-price strong{font-weight:600;color:var(--cdl-lime)}\u003cbr \/\u003e.hero-price .old-price{\u003cbr \/\u003e  text-decoration:line-through;\u003cbr \/\u003e  opacity:0.55;font-weight:400;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-top{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e  padding-top:clamp(28px,4vh,48px);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-top .eyebrow{\u003cbr \/\u003e  letter-spacing:0.18em;\u003cbr \/\u003e  color:var(--cdl-lime);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-title{\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px);\u003cbr \/\u003e  font-weight:800;letter-spacing:-0.05em;line-height:0.9;\u003cbr \/\u003e  display:flex;gap:0.12em;align-items:baseline;justify-content:center;\u003cbr \/\u003e  flex-wrap:nowrap;white-space:nowrap;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){.hero-title{flex-wrap:wrap;white-space:normal}}\u003cbr \/\u003e.hero-title .lt{color:var(--cdl-lime)}\u003cbr \/\u003e.hero-title .n{\u003cbr \/\u003e  font-weight:900;\u003cbr \/\u003e  -webkit-text-stroke:2px var(--cdl-lime);\u003cbr \/\u003e  -webkit-text-fill-color:transparent;\u003cbr \/\u003e  color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-tag{font-size:clamp(17px,1.6vw,21px);font-weight:500;opacity:0.85;max-width:560px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-stage{\u003cbr \/\u003e  position:relative;width:100%;\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  z-index:1;min-height:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike{\u003cbr \/\u003e  position:relative;width:100%;max-width:1200px;\u003cbr \/\u003e  height:100%;aspect-ratio:3\/2;max-height:100%;\u003cbr \/\u003e}\u003cbr \/\u003e@keyframes subtleFloat{\u003cbr \/\u003e  0%,100%{transform:translateY(0) scale(1)}\u003cbr \/\u003e  50%{transform:translateY(-10px) scale(1)}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-bottom{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;width:100%;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:clamp(16px,2.5vh,24px);align-items:center;\u003cbr \/\u003e  position:relative;z-index:2;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.hero-meta{\u003cbr \/\u003e  display:flex;gap:0;align-items:center;justify-content:center;\u003cbr \/\u003e  font-size:14px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta{\u003cbr \/\u003e  padding:0 22px;position:relative;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:2px;align-items:center;min-width:96px;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .meta + .meta::before{\u003cbr \/\u003e  content:\"\";position:absolute;left:0;top:6px;bottom:6px;width:1px;\u003cbr \/\u003e  background:currentColor;opacity:0.25;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-meta .v{font-size:18px;font-weight:600;letter-spacing:-0.01em}\u003cbr \/\u003e.hero-meta .k{font-size:11px;text-transform:uppercase;letter-spacing:0.1em;opacity:0.65}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* color swatch row — single color but still branded *\/\u003cbr \/\u003e\/* dynamic hero tint per color *\/\u003cbr \/\u003e.hero\u003cdata-color=\"ign\"\u003e::before{\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(180,220,200,0.18) 0%, rgba(180,220,200,0) 70%) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.hero\u003cdata-color=\"crd\"\u003e::before{\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(220,40,60,0.16) 0%, rgba(220,40,60,0) 70%) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.hero\u003cdata-color=\"blk\"\u003e::before{\u003cbr \/\u003e  background:radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.10) 0%, rgba(179,255,0,0) 70%) !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* hero-bike multi-image stack *\/\u003cbr \/\u003e.hero-bike{position:relative}\u003cbr \/\u003e.hero-bike img{\u003cbr \/\u003e  position:absolute;inset:0;\u003cbr \/\u003e  width:100%;height:100%;object-fit:contain;\u003cbr \/\u003e  opacity:0;transform:scale(0.99);\u003cbr \/\u003e  transition:opacity .55s var(--ease-out), transform .7s var(--ease-out);\u003cbr \/\u003e  filter:drop-shadow(0 40px 60px rgba(0,0,0,0.55)) drop-shadow(0 0 80px rgba(179,255,0,0.06));\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike img.active{\u003cbr \/\u003e  opacity:1;transform:scale(1);\u003cbr \/\u003e  animation:subtleFloat 7s ease-in-out infinite;\u003cbr \/\u003e  animation-delay:1.5s;\u003cbr \/\u003e}\u003cbr \/\u003e\/* JPG variants from retailer have gray backgrounds — multiply against dark hero to absorb the gray *\/\u003cbr \/\u003e.hero-bike img\u003cdata-color=\"crd\"\u003e,\u003cbr \/\u003e.hero-bike img\u003cdata-color=\"blk\"\u003e{\u003cbr \/\u003e  -webkit-mask-image:radial-gradient(ellipse 55% 55% at center, #000 50%, transparent 100%);\u003cbr \/\u003e  mask-image:radial-gradient(ellipse 55% 55% at center, #000 50%, transparent 100%);\u003cbr \/\u003e  filter:drop-shadow(0 30px 50px rgba(0,0,0,0.6)) brightness(1.05) contrast(1.05);\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* swatch buttons (interactive) *\/\u003cbr \/\u003e.swatches{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}\u003cbr \/\u003e.swatch{\u003cbr \/\u003e  width:38px;height:38px;border-radius:50%;\u003cbr \/\u003e  position:relative;cursor:pointer;border:none;padding:0;\u003cbr \/\u003e  transition:transform .35s var(--ease-spring);\u003cbr \/\u003e  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18), 0 2px 8px rgba(0,0,0,0.30);\u003cbr \/\u003e}\u003cbr \/\u003e.swatch::after{\u003cbr \/\u003e  content:\"\";position:absolute;inset:-6px;border-radius:50%;\u003cbr \/\u003e  border:1.5px solid rgba(255,255,255,0.85);opacity:0;\u003cbr \/\u003e  transition:opacity .25s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.swatch\u003caria-pressed=\"true\"\u003e::after{opacity:1}\u003cbr \/\u003e.swatch:hover{transform:scale(1.1)}\u003cbr \/\u003e.swatch.ign{background:linear-gradient(135deg,#C5DDD2 0%,#7FA395 100%)}\u003cbr \/\u003e.swatch.crd{background:linear-gradient(135deg,#E63946 0%,#A41E2D 100%)}\u003cbr \/\u003e.swatch.blk{background:linear-gradient(135deg,#2A2A2C 0%,#0A0A0A 100%)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.color-label{\u003cbr \/\u003e  display:inline-flex;align-items:center;gap:8px;\u003cbr \/\u003e  font-size:14px;color:#fff;opacity:0.94;\u003cbr \/\u003e}\u003cbr \/\u003e.color-label strong{font-weight:600;color:#fff}\u003cbr \/\u003e.color-label .caption{font-size:13px;color:rgba(255,255,255,0.65);font-weight:400}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* scroll cue *\/\u003cbr \/\u003e.hero-scroll{\u003cbr \/\u003e  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.14em;\u003cbr \/\u003e  opacity:0.55;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;\u003cbr \/\u003e  animation:scrollHint 2.4s ease-in-out infinite;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-scroll::after{\u003cbr \/\u003e  content:\"\";width:1px;height:28px;background:currentColor;opacity:0.6;\u003cbr \/\u003e}\u003cbr \/\u003e@keyframes scrollHint{\u003cbr \/\u003e  0%,100%{transform:translate(-50%,0);opacity:0.4}\u003cbr \/\u003e  50%{transform:translate(-50%,6px);opacity:0.75}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:860px){\u003cbr \/\u003e  .hero-price{font-size:13px}\u003cbr \/\u003e  .hero-price .sep,.hero-price .buy{display:none}\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .hero{padding:20px 20px 24px}\u003cbr \/\u003e  .hero-mark{top:20px;left:20px}\u003cbr \/\u003e  .hero-price{top:20px;right:20px}\u003cbr \/\u003e  .hero-top{padding-top:60px;gap:10px}\u003cbr \/\u003e  .hero-bike{aspect-ratio:4\/3}\u003cbr \/\u003e  .hero-meta{gap:10px 0}\u003cbr \/\u003e  .hero-meta .meta{min-width:72px;padding:0 14px}\u003cbr \/\u003e  .hero-scroll{display:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Sections\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003esection{padding:120px 32px}\u003cbr \/\u003esection.pad-sm{padding:88px 32px}\u003cbr \/\u003esection.fog{background:var(--pv-fog)}\u003cbr \/\u003esection.ink{background:#0A0A0A;color:#fff}\u003cbr \/\u003esection.ink h1,section.ink h2,section.ink h3{color:#fff}\u003cbr \/\u003esection.ink .body,section.ink .body-l{color:rgba(255,255,255,0.72)}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.container{max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.container-narrow{max-width:var(--container-narrow);margin:0 auto}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e@media (max-width:720px){\u003cbr \/\u003e  section{padding:72px 20px}\u003cbr \/\u003e  section.pad-sm{padding:56px 20px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* ========== INTRO — Apple-style, lime accent ========== *\/\u003cbr \/\u003e.intro{padding:clamp(88px,11vw,160px) 32px clamp(96px,12vw,180px)}\u003cbr \/\u003e.intro-head{text-align:center;max-width:980px;margin:0 auto}\u003cbr \/\u003e.intro-eyebrow{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  font-size:13px;font-weight:600;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.16em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  margin-bottom:clamp(18px,2vw,28px);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title{\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.035em;\u003cbr \/\u003e  line-height:1.02;\u003cbr \/\u003e  color:var(--pv-ink);\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px);\u003cbr \/\u003e  max-width:24ch;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede{\u003cbr \/\u003e  font-size:clamp(19px,1.5vw,24px);\u003cbr \/\u003e  line-height:1.5;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  max-width:680px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e  font-weight:400;\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.intro-lede strong{color:var(--pv-ink);font-weight:600}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e.intro-stats{\u003cbr \/\u003e  margin-top:clamp(64px,8vw,112px);\u003cbr \/\u003e  display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(4,1fr);\u003cbr \/\u003e  gap:clamp(32px,4vw,56px);\u003cbr \/\u003e  max-width:1040px;\u003cbr \/\u003e  margin-left:auto;margin-right:auto;\u003cbr \/\u003e  text-align:center;\u003cbr \/\u003e}\u003cbr \/\u003e.stat-value{\u003cbr \/\u003e  font-size:clamp(36px,4vw,56px);\u003cbr \/\u003e  font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.03em;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e  line-height:1;\u003cbr \/\u003e  margin-bottom:clamp(8px,0.8vw,12px);\u003cbr \/\u003e}\u003cbr \/\u003e.stat-label{\u003cbr \/\u003e  font-size:14px;\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e  line-height:1.45;\u003cbr \/\u003e  max-width:220px;\u003cbr \/\u003e  margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:880px){.intro-stats{grid-template-columns:repeat(2,1fr);gap:40px}}\u003cbr \/\u003e@media (max-width:420px){.intro-stats{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* feature story — alternating image\/text *\/\u003cbr \/\u003e.story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--container);margin:0 auto}\u003cbr \/\u003e.story + .story{margin-top:120px}\u003cbr \/\u003e.story.reverse .story-media{order:2}\u003cbr \/\u003e.story-media{\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e  border-radius:var(--r-lg);\u003cbr \/\u003e  aspect-ratio:4\/3;overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.story-media.dark{background:var(--pv-ink)}\u003cbr \/\u003e.story-media img{width:100%;height:100%;object-fit:cover}\u003cbr \/\u003e.story-text .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.story-text h2{margin-top:14px}\u003cbr \/\u003e.story-text p{margin-top:20px;max-width:480px}\u003cbr \/\u003e@media (max-width:920px){\u003cbr \/\u003e  .story{grid-template-columns:1fr;gap:32px}\u003cbr \/\u003e  .story.reverse .story-media{order:0}\u003cbr \/\u003e  .story + .story{margin-top:72px}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* detail grid *\/\u003cbr \/\u003e.details-head{text-align:center;max-width:720px;margin:0 auto 72px}\u003cbr \/\u003e.details-head .eyebrow{color:var(--pv-silver)}\u003cbr \/\u003e.details-head h2{margin-top:14px}\u003cbr \/\u003e.details-grid{\u003cbr \/\u003e  max-width:var(--container);margin:0 auto;\u003cbr \/\u003e  display:grid;grid-template-columns:repeat(3,1fr);\u003cbr \/\u003e  gap:1px;background:var(--pv-mist);\u003cbr \/\u003e  border:1px solid var(--pv-mist);border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e}\u003cbr \/\u003e.detail{\u003cbr \/\u003e  background:var(--pv-white);padding:36px 28px 32px;\u003cbr \/\u003e  display:flex;flex-direction:column;gap:14px;min-height:240px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon{\u003cbr \/\u003e  width:44px;height:44px;\u003cbr \/\u003e  display:flex;align-items:center;justify-content:center;\u003cbr \/\u003e  margin-bottom:4px;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-icon svg{width:100%;height:100%;display:block}\u003cbr \/\u003e.detail-title{\u003cbr \/\u003e  font-size:20px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.01em;line-height:1.25;\u003cbr \/\u003e  color:var(--pv-ink);margin:0;\u003cbr \/\u003e}\u003cbr \/\u003e.detail-title em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  color:var(--cdl-lime-deep);\u003cbr \/\u003e}\u003cbr \/\u003e.detail p{font-size:14px;color:var(--pv-silver);line-height:1.55;margin:auto 0 0 0}\u003cbr \/\u003e@media (max-width:900px){.details-grid{grid-template-columns:repeat(2,1fr)}}\u003cbr \/\u003e@media (max-width:540px){.details-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* tech callout strip — dark, cinematic *\/\u003cbr \/\u003e.tech-strip{\u003cbr \/\u003e  background:#0A0A0A;color:#fff;padding:clamp(88px,11vw,160px) 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-strip .details-head{margin-bottom:56px}\u003cbr \/\u003e.tech-strip .details-head h2{color:#fff}\u003cbr \/\u003e.tech-strip .details-head .eyebrow{color:var(--cdl-lime)}\u003cbr \/\u003e.tech-grid{\u003cbr \/\u003e  max-width:1200px;margin:0 auto;display:grid;\u003cbr \/\u003e  grid-template-columns:repeat(2,1fr);gap:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card{\u003cbr \/\u003e  background:#16161A;border:1px solid rgba(255,255,255,0.06);\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  display:flex;flex-direction:column;\u003cbr \/\u003e  transition:transform .5s var(--ease-out),border-color .5s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card:hover{transform:translateY(-4px);border-color:rgba(179,255,0,0.3)}\u003cbr \/\u003e.tech-card-media{aspect-ratio:16\/10;overflow:hidden;background:#0A0A0A}\u003cbr \/\u003e.tech-card-media img{width:100%;height:100%;object-fit:cover;opacity:0.92}\u003cbr \/\u003e.tech-card-body{padding:32px 32px 36px}\u003cbr \/\u003e.tech-card-body .eyebrow{color:var(--cdl-lime);letter-spacing:0.14em}\u003cbr \/\u003e.tech-card-body h3{\u003cbr \/\u003e  color:#fff;font-size:24px;font-weight:600;\u003cbr \/\u003e  letter-spacing:-0.015em;margin-top:10px;line-height:1.2;\u003cbr \/\u003e}\u003cbr \/\u003e.tech-card-body p{\u003cbr \/\u003e  margin-top:14px;color:rgba(255,255,255,0.62);\u003cbr \/\u003e  font-size:15px;line-height:1.55;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:860px){.tech-grid{grid-template-columns:1fr}}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* video *\/\u003cbr \/\u003e.video-wrap{\u003cbr \/\u003e  max-width:1100px;margin:48px auto 0;\u003cbr \/\u003e  border-radius:var(--r-lg);overflow:hidden;\u003cbr \/\u003e  background:var(--pv-ink);\u003cbr \/\u003e  aspect-ratio:16\/9;position:relative;\u003cbr \/\u003e}\u003cbr \/\u003e.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* fullwidth cinematic video *\/\u003cbr \/\u003e.video-full{\u003cbr \/\u003e  position:relative;width:100vw;\u003cbr \/\u003e  height:100vh;height:100dvh;\u003cbr \/\u003e  padding:0 !important;overflow:hidden;\u003cbr \/\u003e  background:#000;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full iframe{\u003cbr \/\u003e  position:absolute;top:50%;left:50%;\u003cbr \/\u003e  width:max(100vw, calc(100vh * 16\/9));\u003cbr \/\u003e  height:max(100vh, calc(100vw * 9\/16));\u003cbr \/\u003e  transform:translate(-50%,-50%);\u003cbr \/\u003e  border:0;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-overlay,\u003cbr \/\u003e.video-full .video-caption{pointer-events:none}\u003cbr \/\u003e.video-full .video-overlay{\u003cbr \/\u003e  position:absolute;inset:0;z-index:2;\u003cbr \/\u003e  background:\u003cbr \/\u003e    linear-gradient(to bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.08) 25%, rgba(0,0,0,0.08) 70%, rgba(0,0,0,0.55) 100%),\u003cbr \/\u003e    radial-gradient(60% 50% at 50% 100%, rgba(179,255,0,0.08) 0%, rgba(179,255,0,0) 70%);\u003cbr \/\u003e  pointer-events:none;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption{\u003cbr \/\u003e  position:absolute;left:0;right:0;bottom:clamp(48px,8vh,96px);\u003cbr \/\u003e  z-index:3;text-align:center;color:#fff;padding:0 32px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption .eyebrow{\u003cbr \/\u003e  color:var(--cdl-lime);letter-spacing:0.18em;display:block;margin-bottom:14px;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption h2{\u003cbr \/\u003e  color:#fff;\u003cbr \/\u003e  font-size:clamp(36px,6vw,84px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.03em;line-height:1.04;\u003cbr \/\u003e  max-width:1100px;margin:0 auto;\u003cbr \/\u003e}\u003cbr \/\u003e.video-full .video-caption p{\u003cbr \/\u003e  margin:18px auto 0;max-width:640px;\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:clamp(15px,1.2vw,19px);\u003cbr \/\u003e  line-height:1.55;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* lifestyle fullwidth banner *\/\u003cbr \/\u003e.lifestyle{\u003cbr \/\u003e  position:relative;min-height:520px;\u003cbr \/\u003e  background-size:cover;background-position:center;\u003cbr \/\u003e  display:flex;align-items:flex-end;\u003cbr \/\u003e  padding:80px 48px;color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle::before{\u003cbr \/\u003e  content:\"\";position:absolute;inset:0;\u003cbr \/\u003e  background:linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.15) 55%, rgba(0,0,0,0) 100%);\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle-inner{position:relative;z-index:1;max-width:640px}\u003cbr \/\u003e.lifestyle h2{\u003cbr \/\u003e  color:#fff;font-size:clamp(36px,5vw,60px);\u003cbr \/\u003e  font-weight:700;letter-spacing:-0.025em;line-height:1.08;\u003cbr \/\u003e}\u003cbr \/\u003e.lifestyle p{\u003cbr \/\u003e  color:rgba(255,255,255,0.82);font-size:18px;\u003cbr \/\u003e  line-height:1.55;margin-top:16px;max-width:520px;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* size table *\/\u003cbr \/\u003e.size-table{\u003cbr \/\u003e  width:100%;border-collapse:separate;border-spacing:0;\u003cbr \/\u003e  background:var(--pv-white);border:1px solid var(--pv-mist);\u003cbr \/\u003e  border-radius:var(--r-md);overflow:hidden;\u003cbr \/\u003e  font-size:15px;\u003cbr \/\u003e}\u003cbr \/\u003e.size-table th{\u003cbr \/\u003e  padding:16px 22px;text-align:left;\u003cbr \/\u003e  font-size:11px;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;\u003cbr \/\u003e  color:var(--pv-silver);border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  background:var(--pv-fog);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table td{\u003cbr \/\u003e  padding:18px 22px;border-bottom:1px solid var(--pv-mist);\u003cbr \/\u003e  color:var(--pv-graphite);\u003cbr \/\u003e}\u003cbr \/\u003e.size-table tbody tr:last-child td{border-bottom:none}\u003cbr \/\u003e.size-table tr.current td{background:#F5FFD6;color:var(--pv-ink);font-weight:500}\u003cbr \/\u003e.size-table td:first-child,.size-table th:first-child{padding-left:28px}\u003cbr \/\u003e.size-table td:first-child{color:var(--pv-ink);font-weight:500}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* specs — Apple-style grouped list *\/\u003cbr \/\u003e.specs-list{max-width:1080px;margin:0 auto;display:flex;flex-direction:column}\u003cbr \/\u003e.specs-row{\u003cbr \/\u003e  display:grid;grid-template-columns:220px 1fr;gap:64px;\u003cbr \/\u003e  padding:44px 0;border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  align-items:flex-start;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-row:first-child{border-top:none;padding-top:24px}\u003cbr \/\u003e.specs-cat{\u003cbr \/\u003e  font-size:17px;font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  letter-spacing:-0.005em;\u003cbr \/\u003e}\u003cbr \/\u003e.specs-content{font-size:15px;line-height:1.55;color:var(--pv-graphite)}\u003cbr \/\u003e.specs-primary{font-weight:600;color:var(--pv-ink);margin:0 0 4px 0}\u003cbr \/\u003e.specs-desc{margin:0}\u003cbr \/\u003e.specs-sublabel{\u003cbr \/\u003e  font-weight:600;color:var(--pv-ink);\u003cbr \/\u003e  margin:14px 0 4px 0;font-size:14px;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:760px){\u003cbr \/\u003e  .specs-row{grid-template-columns:1fr;gap:14px;padding:32px 0}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* FAQ *\/\u003cbr \/\u003e.faq-list{max-width:720px;margin:0 auto;border-top:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq{border-bottom:1px solid var(--pv-mist)}\u003cbr \/\u003e.faq summary{\u003cbr \/\u003e  list-style:none;cursor:pointer;\u003cbr \/\u003e  padding:22px 4px;\u003cbr \/\u003e  display:flex;justify-content:space-between;gap:24px;align-items:center;\u003cbr \/\u003e  font-size:18px;font-weight:500;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.faq summary::-webkit-details-marker{display:none}\u003cbr \/\u003e.faq summary::after{\u003cbr \/\u003e  content:\"+\";font-weight:300;font-size:26px;color:var(--pv-silver);\u003cbr \/\u003e  transition:transform .3s var(--ease-out);flex-shrink:0;line-height:1;\u003cbr \/\u003e}\u003cbr \/\u003e.faq\u003copen\u003e summary::after{content:\"−\"}\u003cbr \/\u003e.faq-body{padding:0 4px 24px;color:var(--pv-graphite);font-size:16px;line-height:1.6;max-width:640px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* closing CTA *\/\u003cbr \/\u003e.closing{text-align:center;padding:clamp(80px,10vw,140px) 32px;background:var(--pv-fog)}\u003cbr \/\u003e.sale-badge{\u003cbr \/\u003e  display:inline-block;\u003cbr \/\u003e  background:var(--cdl-lime);color:var(--pv-black);\u003cbr \/\u003e  font-size:12px;font-weight:700;\u003cbr \/\u003e  text-transform:uppercase;letter-spacing:0.1em;\u003cbr \/\u003e  padding:8px 16px;border-radius:var(--r-pill);\u003cbr \/\u003e  margin-bottom:24px;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price{\u003cbr \/\u003e  display:flex;align-items:baseline;justify-content:center;gap:18px;\u003cbr \/\u003e  margin:28px 0 4px;flex-wrap:wrap;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .old{\u003cbr \/\u003e  font-size:clamp(20px,2vw,26px);color:var(--pv-silver);\u003cbr \/\u003e  text-decoration:line-through;font-weight:400;letter-spacing:-0.01em;\u003cbr \/\u003e}\u003cbr \/\u003e.closing-price .now{\u003cbr \/\u003e  font-size:clamp(36px,4.5vw,56px);font-weight:700;\u003cbr \/\u003e  letter-spacing:-0.025em;color:var(--pv-ink);\u003cbr \/\u003e}\u003cbr \/\u003e.closing h2{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-0.03em;line-height:1.06}\u003cbr \/\u003e.closing h2 em{\u003cbr \/\u003e  font-style:normal;\u003cbr \/\u003e  background:linear-gradient(120deg, #8FCC00 0%, #B3FF00 60%, #6A9900 100%);\u003cbr \/\u003e  -webkit-background-clip:text;background-clip:text;\u003cbr \/\u003e  -webkit-text-fill-color:transparent;color:transparent;\u003cbr \/\u003e}\u003cbr \/\u003e.closing p{margin:22px auto 0;max-width:560px}\u003cbr \/\u003e.closing .ctas{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\u003cbr \/\u003e.assurances{\u003cbr \/\u003e  margin-top:72px;display:flex;gap:48px;justify-content:center;flex-wrap:wrap;\u003cbr \/\u003e  font-size:13px;color:var(--pv-silver);\u003cbr \/\u003e}\u003cbr \/\u003e.assurances strong{display:block;color:var(--pv-ink);font-weight:500;font-size:14px;margin-bottom:2px}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* footer strip *\/\u003cbr \/\u003e.footer{\u003cbr \/\u003e  border-top:1px solid var(--pv-mist);\u003cbr \/\u003e  padding:28px 32px;text-align:center;\u003cbr \/\u003e  font-size:12px;color:var(--pv-silver);\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* reveal on scroll *\/\u003cbr \/\u003e.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}\u003cbr \/\u003e.reveal.in{opacity:1;transform:none}\u003cbr \/\u003e@media (prefers-reduced-motion:reduce){\u003cbr \/\u003e  .reveal{opacity:1;transform:none;transition:none}\u003cbr \/\u003e  .hero-scroll{animation:none}\u003cbr \/\u003e  .hero-bike img{animation:none}\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* =============================================================\u003cbr \/\u003e   Elementor \/ WordPress override layer — scoped to .cdl-landing\u003cbr \/\u003e   ============================================================= *\/\u003cbr \/\u003ehtml,body{overflow-x:hidden !important;max-width:100vw !important}\u003cbr \/\u003e.cdl-landing{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;overflow:visible !important;float:none !important;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif !important}\u003cbr \/\u003e.cdl-landing *,.cdl-landing *::before,.cdl-landing *::after{box-sizing:border-box !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Hero override *\/\u003cbr \/\u003e.cdl-landing .hero{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e  min-height:100vh !important;min-height:100dvh !important;\u003cbr \/\u003e  color:#fff !important;-webkit-text-fill-color:#fff !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .hero .hero-title,\u003cbr \/\u003e.cdl-landing h1.hero-title{\u003cbr \/\u003e  color:#fff !important;-webkit-text-fill-color:#fff !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  font-weight:800 !important;letter-spacing:-0.05em !important;line-height:0.9 !important;\u003cbr \/\u003e  font-size:clamp(64px,11vw,208px) !important;\u003cbr \/\u003e  flex-wrap:nowrap !important;white-space:nowrap !important;\u003cbr \/\u003e  display:flex !important;align-items:baseline !important;justify-content:center !important;\u003cbr \/\u003e  gap:0.12em !important;\u003cbr \/\u003e}\u003cbr \/\u003e@media (max-width:720px){\u003cbr \/\u003e  .cdl-landing .hero-title{flex-wrap:wrap !important;white-space:normal !important;font-size:clamp(56px,14vw,96px) !important}\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing section .heading-l,\u003cbr \/\u003e.cdl-landing h2.heading-l{\u003cbr \/\u003e  font-size:clamp(36px,5vw,72px) !important;\u003cbr \/\u003e  line-height:1.1 !important;letter-spacing:-0.025em !important;\u003cbr \/\u003e  font-weight:600 !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-title .lt{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003cbr \/\u003e.cdl-landing .hero-title .n{\u003cbr \/\u003e  -webkit-text-fill-color:transparent !important;color:transparent !important;\u003cbr \/\u003e  -webkit-text-stroke:2px #B3FF00 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .hero-tag{color:#fff !important;-webkit-text-fill-color:#fff !important;opacity:0.85 !important}\u003cbr \/\u003e.cdl-landing .hero .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Sections full-width *\/\u003cbr \/\u003e.cdl-landing section,.cdl-landing .footer{\u003cbr \/\u003e  width:100vw !important;max-width:100vw !important;\u003cbr \/\u003e  position:relative !important;left:50% !important;right:50% !important;\u003cbr \/\u003e  margin-left:-50vw !important;margin-right:-50vw !important;\u003cbr \/\u003e}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Intro *\/\u003cbr \/\u003e.cdl-landing .intro{background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .intro-eyebrow{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title,\u003cbr \/\u003e.cdl-landing h2.intro-title{\u003cbr \/\u003e  color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;\u003cbr \/\u003e  font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(52px,8vw,128px) !important;\u003cbr \/\u003e  font-weight:700 !important;\u003cbr \/\u003e  letter-spacing:-0.035em !important;\u003cbr \/\u003e  line-height:1.02 !important;\u003cbr \/\u003e  max-width:24ch !important;\u003cbr \/\u003e  margin:0 auto clamp(28px,3vw,40px) !important;\u003cbr \/\u003e  display:block !important;\u003cbr \/\u003e  width:auto !important;\u003cbr \/\u003e}\u003cbr \/\u003ehtml body .cdl-landing .intro .intro-title em,\u003cbr \/\u003e.cdl-landing h2.intro-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important;font-size:inherit !important;line-height:inherit !important}\u003cbr \/\u003e.cdl-landing .intro-lede{\u003cbr \/\u003e  color:#424245 !important;-webkit-text-fill-color:#424245 !important;\u003cbr \/\u003e  text-align:center !important;\u003cbr \/\u003e  font-size:clamp(18px,1.6vw,24px) !important;\u003cbr \/\u003e  line-height:1.5 !important;\u003cbr \/\u003e  max-width:680px !important;margin:0 auto !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .intro-lede strong{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .stat-value{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .stat-label{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Section headings *\/\u003cbr \/\u003e.cdl-landing section h2{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;font-family:'Inter',-apple-system,sans-serif !important;font-weight:600 !important;letter-spacing:-0.015em !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Dark tech-strip *\/\u003cbr \/\u003e.cdl-landing .tech-strip{background:#0A0A0A !important}\u003cbr \/\u003e.cdl-landing .tech-strip h2{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .tech-strip .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003cbr \/\u003e.cdl-landing .tech-card-body h3{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .tech-card-body p{color:rgba(255,255,255,0.62) !important;-webkit-text-fill-color:rgba(255,255,255,0.62) !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Lifestyle heading text — white on dark image *\/\u003cbr \/\u003e.cdl-landing .lifestyle h2{color:#fff !important;-webkit-text-fill-color:#fff !important}\u003cbr \/\u003e.cdl-landing .lifestyle p{color:rgba(255,255,255,0.82) !important;-webkit-text-fill-color:rgba(255,255,255,0.82) !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Fullwidth cinematic video *\/\u003cbr \/\u003e.cdl-landing .video-full{\u003cbr \/\u003e  background:#000 !important;padding:0 !important;\u003cbr \/\u003e  height:100vh !important;height:100dvh !important;overflow:hidden !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .video-full .video-caption h2{color:#fff !important;-webkit-text-fill-color:#fff !important;font-family:'Inter',-apple-system,sans-serif !important;font-weight:700 !important}\u003cbr \/\u003e.cdl-landing .video-full .video-caption p{color:rgba(255,255,255,0.82) !important;-webkit-text-fill-color:rgba(255,255,255,0.82) !important}\u003cbr \/\u003e.cdl-landing .video-full .video-caption .eyebrow{color:#B3FF00 !important;-webkit-text-fill-color:#B3FF00 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Detail cards *\/\u003cbr \/\u003e.cdl-landing .detail-title{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .detail-title em{color:#8FCC00 !important;-webkit-text-fill-color:#8FCC00 !important;font-style:normal !important}\u003cbr \/\u003e.cdl-landing .detail p{color:#86868B !important;-webkit-text-fill-color:#86868B !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Specs *\/\u003cbr \/\u003e.cdl-landing .specs-cat,\u003cbr \/\u003e.cdl-landing .specs-primary,\u003cbr \/\u003e.cdl-landing .specs-sublabel{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .specs-content,\u003cbr \/\u003e.cdl-landing .specs-desc{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Size table *\/\u003cbr \/\u003e.cdl-landing .size-table{background:#fff !important;border:1px solid #D2D2D7 !important;font-family:'Inter',-apple-system,sans-serif !important}\u003cbr \/\u003e.cdl-landing .size-table th{color:#86868B !important;-webkit-text-fill-color:#86868B !important;background:#F5F5F7 !important}\u003cbr \/\u003e.cdl-landing .size-table td{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003cbr \/\u003e.cdl-landing .size-table tr.current td{background:#F5FFD6 !important;color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .size-table td:first-child{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e\/* Closing *\/\u003cbr \/\u003e.cdl-landing .closing{background:#F5F5F7 !important;text-align:center !important}\u003cbr \/\u003e.cdl-landing .sale-badge{\u003cbr \/\u003e  display:inline-block !important;\u003cbr \/\u003e  background:#B3FF00 !important;color:#0A0A0A !important;-webkit-text-fill-color:#0A0A0A !important;\u003cbr \/\u003e  font-size:12px !important;font-weight:700 !im\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cannondale","offers":[{"title":"S","offer_id":57496427069822,"sku":"C23401U10LG1-3","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57496427102590,"sku":"C23401U30MD-1-3","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57496427135358,"sku":"C23401U10LG-3","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57496427168126,"sku":"N23209N3-1-2-2-1-3","price":10450.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C23_C23401U_Habit_4_BLK_PD.webp?v=1780337632","url":"https:\/\/www.provelo.ro\/products\/bicicleta-mtb-full-suspension-cannondale-habit-4-black","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}