{"title":"SALE %","description":"\u003ch2\u003e\u003cspan class=\"s1\"\u003e\u003cb\u003eSALE ProVelo – Reduceri reale la biciclete, Bare transversale și accesorii premium\u003c\/b\u003e\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp class=\"p2\"\u003eBine ai venit în zona de \u003cspan class=\"s1\"\u003e\u003cb\u003eSALE ProVelo\u003c\/b\u003e\u003c\/span\u003e. Aici găsești produse atent selectate, cu reduceri aplicate inteligent — echipamente premium la prețuri bune...\u003c\/p\u003e\n\u003cp class=\"p3\"\u003eIndiferent dacă vrei să faci upgrade sau să intri în ciclism cu echipare corectă, acesta este momentul să acționezi.\u003c\/p\u003e","products":[{"product_id":"suport-fixare-scara-auto-bare-transversale-rhino-safe-clamp-ras21-set-de-2-bucati","title":"SUPORT FIXARE SCARA AUTO BARE TRANSVERSALE Rhino Safe Clamp RAS21 - set de 2 bucati","description":"\u003cbody\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screen-Shot-2021-02-25-at-07_12_16.png\"\u003e\u003cimg class=\" wp-image-115668 alignleft\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screen-Shot-2021-02-25-at-07_12_16.png\" alt=\"\" width=\"194\" height=\"54\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"297294\" class=\"elementor elementor-297294\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-bf63c77 e-flex e-con-boxed e-con e-parent\" data-id=\"bf63c77\" 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-cae8978 elementor-widget elementor-widget-html\" data-id=\"cae8978\" 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\u003eRhino Safe Clamp - Suport Fixare Scară Nr.1 în Europa\u003c\/title\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003c!-- Rhino Safe Clamp RAS21 - Landing Page Premium Apple Style --\u003e\u003cbr\u003e\n\u003c!-- SEO: Rhino Safe Clamp, suport fixare scara, RAS21, bare transversale, fixare scara auto --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget --\u003e\n\u003cstyle\u003e\n \/* ============================================\n GLOBAL RESET\n ============================================ *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n html {\n scroll-behavior: smooth;\n overflow-x: hidden;\n }\n body {\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n width: 100%;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR FULL-WIDTH FIXES\n ============================================ *\/\n .elementor-widget-container:has(.rhino-testimonials-section),\n .e-con:has(.rhino-testimonials-section),\n .e-con-inner:has(.rhino-testimonials-section),\n .elementor-element:has(.rhino-testimonials-section) {\n --container-max-width: 100% !important;\n --content-width: 100% !important;\n --container-widget-width: 100% !important;\n max-width: 100% !important;\n width: 100% !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .e-con-boxed:has(.rhino-testimonials-section) \u003e .e-con-inner,\n .elementor-section:has(.rhino-testimonials-section),\n .elementor-container:has(.rhino-testimonials-section),\n .elementor-column:has(.rhino-testimonials-section),\n .elementor-column-wrap:has(.rhino-testimonials-section),\n .elementor-widget-wrap:has(.rhino-testimonials-section) {\n max-width: 100% !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-testimonials-section {\n max-width: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n CSS VARIABLES \u0026 DESIGN SYSTEM\n ============================================ *\/\n .rhino-page {\n --rhino-black: #1d1d1f;\n --rhino-white: #ffffff;\n --rhino-gray-50: #fafafa;\n --rhino-gray-100: #f5f5f7;\n --rhino-gray-200: #e8e8ed;\n --rhino-gray-300: #d2d2d7;\n --rhino-gray-500: #86868b;\n --rhino-gray-600: #6e6e73;\n --rhino-gray-700: #515154;\n --rhino-accent: #e63946;\n --rhino-accent-light: #ff6b6b;\n --rhino-accent-dark: #b71c1c;\n --rhino-accent-orange: #f97316;\n --rhino-accent-green: #22c55e;\n --rhino-accent-yellow: #facc15;\n --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\n --transition-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n --transition-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR KIT OVERRIDE\n ============================================ *\/\n .elementor-widget-container .rhino-page h1,\n .elementor-widget-container .rhino-page h2,\n .elementor-widget-container .rhino-page h3,\n .elementor-widget-container .rhino-page h4,\n .elementor-widget-container .rhino-page h5,\n .elementor-widget-container .rhino-page h6,\n .elementor-kit-6 .rhino-page h1,\n .elementor-kit-6 .rhino-page h2,\n .elementor-kit-6 .rhino-page h3,\n .elementor-kit-6 .rhino-page h4,\n .elementor-kit-6 .rhino-page h5,\n .elementor-kit-6 .rhino-page h6 {\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\n color: #1d1d1f !important;\n }\u003c\/p\u003e\n\u003cp\u003e .elementor-kit-6 .rhino-page h2,\n .elementor-widget-container .rhino-page h2 {\n font-size: inherit !important;\n font-weight: inherit !important;\n line-height: inherit !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-page .rhino-feature-title,\n .rhino-page h2.rhino-feature-title,\n .elementor-widget-container .rhino-feature-title,\n .elementor-kit-6 .rhino-feature-title {\n color: #1d1d1f !important;\n opacity: 1 !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESET \u0026 BASE\n ============================================ *\/\n .rhino-page {\n font-family: var(--font-main);\n color: var(--rhino-black);\n background: var(--rhino-white);\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overflow-x: hidden;\n width: 100%;\n max-width: 100%;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-page * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-page img,\n .rhino-page video {\n max-width: 100%;\n height: auto;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TYPOGRAPHY\n ============================================ *\/\n .rhino-display-hero,\n .rhino-page h1.rhino-display-hero,\n .elementor-widget-container .rhino-display-hero {\n font-size: clamp(3rem, 12vw, 7rem) !important;\n font-weight: 800 !important;\n letter-spacing: -0.04em !important;\n line-height: 0.95 !important;\n text-transform: uppercase;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-display-lg,\n .rhino-page h2.rhino-display-lg,\n .elementor-widget-container .rhino-display-lg {\n font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.025em !important;\n line-height: 1.05 !important;\n color: #1d1d1f !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-display-md,\n .rhino-page h3.rhino-display-md {\n font-size: clamp(1.75rem, 4vw, 2.5rem) !important;\n font-weight: 700 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.15 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-body-xl {\n font-size: clamp(1.125rem, 2vw, 1.375rem);\n font-weight: 400;\n line-height: 1.55;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-body-lg {\n font-size: clamp(1rem, 1.5vw, 1.125rem);\n font-weight: 400;\n line-height: 1.6;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-eyebrow {\n font-size: 0.875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--rhino-accent);\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-red {\n background: linear-gradient(135deg, var(--rhino-accent-dark) 0%, var(--rhino-accent) 50%, var(--rhino-accent-light) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n LAYOUT\n ============================================ *\/\n .rhino-container {\n width: 100%;\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-container-wide {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 24px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION\n ============================================ *\/\n .rhino-hero {\n padding: 100px 24px 80px;\n text-align: center;\n background: var(--rhino-white);\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-hero::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(ellipse at center, rgba(230, 57, 70, 0.03) 0%, transparent 70%);\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-hero-eyebrow {\n margin-bottom: 12px;\n opacity: 0;\n transform: translateY(20px);\n animation: rhinoFadeIn 0.8s var(--transition-smooth) 0.2s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-hero-title {\n margin-bottom: 20px;\n background: linear-gradient(180deg, #1d1d1f 0%, #3a3a3c 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n opacity: 0;\n transform: translateY(30px) scale(0.95);\n animation: rhinoTitleIn 1s var(--transition-smooth) 0.4s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-hero-subtitle {\n font-size: clamp(1.25rem, 2.5vw, 1.5rem);\n font-weight: 400;\n color: var(--rhino-gray-600);\n max-width: 750px;\n margin: 0 auto 40px;\n line-height: 1.55;\n opacity: 0;\n transform: translateY(20px);\n animation: rhinoFadeIn 0.8s var(--transition-smooth) 0.6s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-hero-badges {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-bottom: 48px;\n opacity: 0;\n animation: rhinoFadeIn 0.8s var(--transition-smooth) 0.7s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px 20px;\n background: var(--rhino-gray-100);\n border-radius: 100px;\n font-size: 0.875rem;\n font-weight: 600;\n color: var(--rhino-gray-700);\n transition: all 0.3s var(--transition-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-badge:hover {\n background: var(--rhino-gray-200);\n transform: translateY(-2px);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-badge-highlight {\n background: linear-gradient(135deg, rgba(230,57,70,0.1), rgba(230,57,70,0.05));\n color: var(--rhino-accent);\n border: 1px solid rgba(230,57,70,0.2);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-badge-highlight:hover {\n background: linear-gradient(135deg, rgba(230,57,70,0.15), rgba(230,57,70,0.08));\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes rhinoFadeIn {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes rhinoTitleIn {\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\u003c\/p\u003e\n\u003cp\u003e \/* Hero Image *\/\n .rhino-hero-image {\n max-width: 700px;\n margin: 0 auto;\n opacity: 0;\n transform: translateY(40px) scale(0.98);\n animation: rhinoImageIn 1.2s var(--transition-smooth) 0.8s forwards;\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes rhinoImageIn {\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-hero-image img {\n width: 100%;\n height: auto;\n transition: opacity 0.5s ease, transform 0.6s var(--transition-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-hero-image:hover img {\n transform: scale(1.03);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n BUTTONS\n ============================================ *\/\n .rhino-btn,\n .rhino-page .rhino-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 32px;\n font-family: var(--font-main) !important;\n font-size: 1.0625rem !important;\n font-weight: 500 !important;\n border-radius: 980px;\n cursor: pointer;\n transition: all 0.4s var(--transition-smooth);\n border: none;\n text-decoration: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-btn-primary,\n .rhino-page a.rhino-btn-primary,\n a.rhino-btn-primary {\n background: var(--rhino-accent) !important;\n color: var(--rhino-white) !important;\n box-shadow: 0 4px 14px rgba(230, 57, 70, 0.25);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-btn-primary:hover {\n background: var(--rhino-accent-dark) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(230, 57, 70, 0.35);\n color: var(--rhino-white) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-btn-secondary {\n background: var(--rhino-gray-200);\n color: var(--rhino-black);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-btn-secondary:hover {\n background: var(--rhino-gray-300);\n transform: translateY(-2px);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-hero-cta {\n display: flex;\n justify-content: center;\n gap: 16px;\n flex-wrap: wrap;\n margin-bottom: 48px;\n opacity: 0;\n animation: rhinoFadeIn 0.8s var(--transition-smooth) 0.75s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FEATURE SECTIONS\n ============================================ *\/\n .rhino-feature-section {\n padding: 120px 24px;\n background: var(--rhino-white);\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-feature-section.gray-bg {\n background: var(--rhino-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-feature-header {\n max-width: 900px;\n margin-bottom: 56px;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-feature-header.center {\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-feature-title {\n margin-bottom: 24px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-feature-text {\n color: var(--rhino-gray-600);\n max-width: 750px;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-feature-header.center .rhino-feature-text {\n margin-left: auto;\n margin-right: auto;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n VIDEO SECTION\n ============================================ *\/\n .rhino-video-container {\n max-width: 1000px;\n margin: 0 auto;\n border-radius: 28px;\n overflow: hidden;\n box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.18);\n position: relative;\n aspect-ratio: 16\/9;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-video-container iframe {\n width: 100%;\n height: 100%;\n border: none;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n STATS ROW\n ============================================ *\/\n .rhino-stats-row {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 32px;\n max-width: 1000px;\n margin: 48px auto 0;\n padding: 48px;\n background: var(--rhino-white);\n border-radius: 24px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-stat-item {\n text-align: center;\n padding: 16px;\n transition: transform 0.3s var(--transition-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-stat-item:hover {\n transform: translateY(-4px);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-stat-value {\n font-size: clamp(2rem, 5vw, 3rem) !important;\n font-weight: 700 !important;\n line-height: 1 !important;\n margin-bottom: 8px;\n background: linear-gradient(135deg, var(--rhino-accent-dark), var(--rhino-accent), var(--rhino-accent-light));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-stat-label {\n font-size: 0.875rem;\n color: var(--rhino-gray-600);\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SHOWCASE GRID\n ============================================ *\/\n .rhino-showcase-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 32px;\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-showcase-item {\n background: var(--rhino-white);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--transition-smooth);\n opacity: 0;\n transform: translateY(40px);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-showcase-item.visible {\n opacity: 1;\n transform: translateY(0);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-showcase-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-showcase-image {\n position: relative;\n overflow: hidden;\n aspect-ratio: 4\/3;\n background: var(--rhino-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-showcase-image img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center;\n padding: 16px;\n transition: transform 0.6s var(--transition-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-showcase-item:hover .rhino-showcase-image img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-showcase-content {\n padding: 28px 32px 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-showcase-title {\n font-size: 1.375rem !important;\n font-weight: 600 !important;\n color: var(--rhino-black);\n margin-bottom: 12px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-showcase-text {\n font-size: 1rem;\n color: var(--rhino-gray-600);\n line-height: 1.6;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-showcase-item.featured {\n grid-column: span 2;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-showcase-item.featured .rhino-showcase-image {\n aspect-ratio: 21\/9;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPECS SECTION\n ============================================ *\/\n .rhino-specs-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n max-width: 1100px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-spec-card {\n background: var(--rhino-white);\n border-radius: 20px;\n padding: 28px 24px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.4s var(--transition-smooth);\n opacity: 0;\n transform: translateY(20px);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-spec-card.visible {\n opacity: 1;\n transform: translateY(0);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-spec-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--rhino-accent), var(--rhino-accent-light));\n transform: scaleX(0);\n transition: transform 0.4s var(--transition-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-spec-card:hover::before {\n transform: scaleX(1);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-spec-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-spec-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 16px;\n background: var(--rhino-gray-100);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s var(--transition-bounce);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-spec-card:hover .rhino-spec-icon {\n background: linear-gradient(135deg, var(--rhino-accent), var(--rhino-accent-light));\n transform: scale(1.1) rotate(-5deg);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-spec-icon svg {\n width: 28px;\n height: 28px;\n color: var(--rhino-accent);\n transition: color 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-spec-card:hover .rhino-spec-icon svg {\n color: white;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-spec-title {\n font-size: 1.125rem !important;\n font-weight: 600 !important;\n color: var(--rhino-black);\n margin-bottom: 4px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-spec-desc {\n font-size: 0.8125rem;\n color: var(--rhino-gray-500);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPECS TABLE\n ============================================ *\/\n .rhino-specs-table {\n max-width: 900px;\n margin: 0 auto;\n background: var(--rhino-white);\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-specs-table-header {\n background: var(--rhino-black);\n color: var(--rhino-white);\n padding: 24px 32px;\n display: flex;\n align-items: center;\n gap: 16px;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-specs-table-header svg {\n width: 28px;\n height: 28px;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-specs-table-title {\n font-size: 1.25rem !important;\n font-weight: 600 !important;\n color: var(--rhino-white) !important;\n margin: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-specs-table-body {\n padding: 8px 0;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-specs-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 32px;\n border-bottom: 1px solid var(--rhino-gray-100);\n transition: background 0.2s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-specs-row:last-child {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-specs-row:hover {\n background: var(--rhino-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-specs-row.highlight {\n background: linear-gradient(90deg, rgba(230, 57, 70, 0.06) 0%, transparent 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-specs-row.highlight:hover {\n background: linear-gradient(90deg, rgba(230, 57, 70, 0.1) 0%, rgba(230, 57, 70, 0.02) 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-specs-label {\n font-size: 0.9375rem;\n font-weight: 500;\n color: var(--rhino-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-specs-value {\n font-size: 0.9375rem;\n font-weight: 600;\n color: var(--rhino-black);\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-specs-row.highlight .rhino-specs-value {\n color: var(--rhino-accent);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-specs-check {\n color: var(--rhino-accent-green);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n COMPARISON SECTION\n ============================================ *\/\n .rhino-comparison {\n max-width: 900px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-comparison-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-comparison-card {\n background: var(--rhino-white);\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n transition: all 0.4s var(--transition-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-comparison-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-comparison-header {\n padding: 24px 28px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-comparison-header.old {\n background: var(--rhino-gray-200);\n color: var(--rhino-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-comparison-header.new {\n background: linear-gradient(135deg, var(--rhino-accent), var(--rhino-accent-light));\n color: white;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-comparison-header-title {\n font-size: 1.125rem !important;\n font-weight: 700 !important;\n margin-bottom: 4px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-comparison-header-subtitle {\n font-size: 0.8125rem;\n opacity: 0.8;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-comparison-body {\n padding: 24px 28px;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-comparison-item {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px 0;\n border-bottom: 1px solid var(--rhino-gray-100);\n font-size: 0.9375rem;\n color: var(--rhino-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-comparison-item:last-child {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-comparison-icon {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TESTIMONIALS SECTION\n ============================================ *\/\n .rhino-testimonials-section {\n width: 100% !important;\n max-width: 100% !important;\n position: relative !important;\n left: 0 !important;\n transform: none !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n padding: 0 !important;\n min-height: 80vh !important;\n background: #0d0d0d !important;\n overflow: hidden !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-testimonials-bg {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 1;\n background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-testimonials-overlay {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%) !important;\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-testimonials-content {\n position: relative;\n z-index: 3;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 80px 24px;\n max-width: 1000px;\n margin: 0 auto;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-testimonials-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n width: 100%;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-testimonial-card {\n background: rgba(255,255,255,0.08);\n backdrop-filter: blur(16px);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 20px;\n padding: 32px 28px;\n text-align: left;\n transition: all 0.4s var(--transition-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-testimonial-card:hover {\n background: rgba(255,255,255,0.12);\n transform: translateY(-6px);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-testimonial-stars {\n color: var(--rhino-accent-yellow);\n font-size: 1.125rem;\n margin-bottom: 16px;\n letter-spacing: 2px;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-testimonial-text {\n font-size: 1rem;\n color: rgba(255,255,255,0.9);\n line-height: 1.6;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-testimonial-author {\n font-size: 0.875rem;\n font-weight: 600;\n color: white;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-testimonial-role {\n font-size: 0.8125rem;\n color: rgba(255,255,255,0.5);\n margin-top: 2px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n CTA SECTION\n ============================================ *\/\n .rhino-cta-section {\n padding: 140px 24px;\n text-align: center;\n background: linear-gradient(180deg, var(--rhino-white) 0%, var(--rhino-gray-100) 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-cta-buttons {\n display: flex;\n justify-content: center;\n gap: 16px;\n flex-wrap: wrap;\n margin-top: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-price-tag {\n display: inline-block;\n margin-top: 24px;\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-price-old {\n font-size: 1.25rem;\n color: var(--rhino-gray-500);\n text-decoration: line-through;\n margin-right: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-price-new {\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 800;\n background: linear-gradient(135deg, var(--rhino-accent-dark), var(--rhino-accent));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-price-vat {\n font-size: 0.875rem;\n color: var(--rhino-gray-500);\n margin-top: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TRUST BADGES\n ============================================ *\/\n .rhino-trust-row {\n display: flex;\n justify-content: center;\n gap: 40px;\n flex-wrap: wrap;\n margin-top: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-trust-item {\n display: flex;\n align-items: center;\n gap: 10px;\n color: var(--rhino-gray-600);\n font-size: 0.875rem;\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-trust-icon {\n width: 40px;\n height: 40px;\n background: var(--rhino-gray-100);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-trust-icon svg {\n width: 22px;\n height: 22px;\n color: var(--rhino-accent);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n FAQ SECTION\n ============================================ *\/\n .rhino-faq-list {\n max-width: 800px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-faq-item {\n border-bottom: 1px solid var(--rhino-gray-200);\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-faq-question {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 24px 0;\n cursor: pointer;\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--rhino-black) !important;\n transition: color 0.3s ease;\n background: none !important;\n background-color: transparent !important;\n border: none !important;\n border-radius: 0 !important;\n width: 100%;\n text-align: left;\n font-family: var(--font-main);\n outline: none !important;\n box-shadow: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-faq-question:hover,\n .rhino-faq-question:focus,\n .rhino-faq-question:active,\n .rhino-faq-question:visited {\n color: var(--rhino-accent) !important;\n background: none !important;\n background-color: transparent !important;\n border: none !important;\n box-shadow: none !important;\n outline: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-faq-item.open .rhino-faq-question {\n color: var(--rhino-black) !important;\n background: none !important;\n background-color: transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-faq-icon {\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n transition: transform 0.3s var(--transition-smooth);\n color: var(--rhino-gray-500);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-faq-item.open .rhino-faq-icon {\n transform: rotate(45deg);\n color: var(--rhino-accent);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s var(--transition-smooth), padding 0.4s var(--transition-smooth);\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-faq-item.open .rhino-faq-answer {\n max-height: 300px;\n padding: 0 0 24px 0;\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-faq-answer p {\n font-size: 1rem;\n color: var(--rhino-gray-600);\n line-height: 1.65;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ANIMATIONS\n ============================================ *\/\n .rhino-fade-in {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s var(--transition-smooth), transform 0.8s var(--transition-smooth);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\u003c\/p\u003e\n\u003cp\u003e .rhino-delay-1 { transition-delay: 0.1s; }\n .rhino-delay-2 { transition-delay: 0.2s; }\n .rhino-delay-3 { transition-delay: 0.3s; }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESPONSIVE\n ============================================ *\/\n @media (max-width: 1024px) {\n .rhino-showcase-grid {\n grid-template-columns: 1fr;\n }\n .rhino-showcase-item.featured {\n grid-column: span 1;\n }\n .rhino-showcase-item.featured .rhino-showcase-image {\n aspect-ratio: 16\/9;\n }\n .rhino-specs-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .rhino-stats-row {\n grid-template-columns: repeat(2, 1fr);\n }\n .rhino-testimonials-grid {\n grid-template-columns: 1fr;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Rhino","offers":[{"title":"Default Title","offer_id":57492689551742,"sku":"RAS21","price":390.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/SUPORT-FIXARE-SCARA-AUTO-BARE-TRANSVERSALE.jpg?v=1780266396"},{"product_id":"bicicleta-mtb-full-suspension-cannondale-jekyll-carbon-2-deep-teal","title":"Bicicleta MTB full suspension Cannondale Jekyll Carbon 2 Deep Teal","description":"\u003cp\u003e \u003c\/p\u003e\n\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\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003c\/h2\u003e\n\u003ch2 style=\"text-align: center;\"\u003e\n\u003cstrong\u003eDescoperă Cannondale Jekyll 2 29\" – O Bijuterie a Inovării pentru Downhill\u003c\/strong\u003e 🚀\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eBicicleta Cannondale Jekyll 2 29\" din carbon este o mașinărie enduro full-suspension, proiectată pentru a domina traseele de downhill. Cu \u003cstrong\u003ecomponente Shimano avansate\u003c\/strong\u003e, \u003cstrong\u003esuspensie RockShox\u003c\/strong\u003e și \u003cstrong\u003eamortizor Fox\u003c\/strong\u003e, această bicicletă aduce o serie de inovații tehnice care fac fiecare cursă de neuitat.\u003c\/p\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003e🌟 \u003cstrong\u003eDe ce să alegi Jekyll 2?\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003eGravity Cavity\u003c\/strong\u003e: Amortizorul este integrat în tubul inferior, coborând centrul de greutate pentru o stabilitate incredibilă.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGuidler – o combinație inovatoare\u003c\/strong\u003e: Îmbină un ghidaj de lanț și o roată intermediară pentru a preveni căderea lanțului și reculul pedalelor pe teren accidentat.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign Proportional Response\u003c\/strong\u003e: Geometria cadrului, lungimea chainstay-ului și suspensia sunt adaptate fiecărei mărimi de cadru pentru un fit perfect.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTriunghi spate cu offset Ai\u003c\/strong\u003e: Oferă spațiu generos pentru cauciucuri, chainstay-uri scurte pentru agilitate și o roată din spate mai rigidă și mai durabilă.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003eRezultatul? O bicicletă cu \u003cstrong\u003eeficiență\u003c\/strong\u003e, \u003cstrong\u003eaderență\u003c\/strong\u003e, \u003cstrong\u003efluiditate\u003c\/strong\u003e și \u003cstrong\u003eagilitate\u003c\/strong\u003e, ideală pentru pasionații de downhill care caută performanță și viteză.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e🔧 \u003cstrong\u003eSpecificații cheie\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDimensiune roți\u003c\/strong\u003e: 29\"\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuspensie față\/spate\u003c\/strong\u003e: 170 mm \/ 165 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial cadru\u003c\/strong\u003e: Carbon (triunghi față și spate)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTransmisie\u003c\/strong\u003e: Shimano Deore, 12 viteze\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuspensie\u003c\/strong\u003e: Furcă RockShox ZEB Select, Amortizor Fox Float DPX2\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnvelope\u003c\/strong\u003e: Maxxis Assegai 29x2.5\" (față) \u0026amp; Maxxis Minion DHR II 29x2.4\" (spate)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003e🚴‍♀️ \u003cstrong\u003eCaracteristici care îți îmbunătățesc experiența\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePunct pivot înalt\u003c\/strong\u003e: Asigură o mișcare lină a axului spate și un control excepțional peste obstacole.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign cu 4 brațe\u003c\/strong\u003e: Oferă tracțiune și control la frânare, împreună cu eficiență sporită la pedalare.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRoti și anvelope tubeless-ready\u003c\/strong\u003e: Setare mai ușoară, cu aderență mai bună și rezistență redusă la rulare.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTijă de șa dropper\u003c\/strong\u003e: Ajustează rapid înălțimea șeii pentru un control optim pe coborâri.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e🔥 \u003cstrong\u003eDe ce iubesc cicliștii această bicicletă?\u003c\/strong\u003e ❤️\u003c\/h3\u003e\n\u003cp\u003eCannondale Jekyll 2 nu doar că abordează traseele dificile—le \u003cstrong\u003estăpânește\u003c\/strong\u003e. Cu o stabilitate remarcabilă la coborâre, manevrabilitate precisă și rafinament tehnic, această bicicletă este partenerul tău ideal pentru cucerirea terenurilor accidentate.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"ytp-cued-thumbnail-overlay\" data-layer=\"4\"\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEști gata să trăiești aventura?\u003c\/strong\u003e\u003cbr\u003e\nIntră în posesia Cannondale Jekyll 2 și transformă fiecare traseu în terenul tău de joacă.🌟 \u003cstrong\u003eComandă acum și pornește la drum!\u003c\/strong\u003e 🌟\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"paragraph-with-title\"\u003e\u003c\/div\u003e\n\u003csection class=\"single-product-storyteller -fullbleed site-gutter aside- \"\u003e\n\u003cdiv class=\"single-product-storyteller-container img-right\"\u003e\n\u003cdiv class=\"text-container\"\u003e\n\u003cdiv class=\"content\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"spacer spacer-large spacer-m-3\"\u003e\u003c\/div\u003e\n\u003csection class=\"full-bleed-media -fullbleed\"\u003e\n\u003cdiv class=\"prog-load is-img-loaded\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"intro-with-media -fullbleed animation-reset\" data-offsetmobile=\"200\" data-offsetdesktop=\"200\"\u003e\n\u003cdiv class=\"platform\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e\u003cimg class=\"alignleft\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C21_Jekyll_Tech_022_v2.png\" alt=\"Suspension Like No Other\" width=\"606\" height=\"404\"\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch1\u003e\n\u003cstrong\u003eSuspensie fără rival \u003c\/strong\u003e😀\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3 class=\"t-headline-reduced dd-compact-large-10\"\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePivotul principal înalt oferă o traiectorie a axei care \"înghite\" orice obstacol. Roata cu ghidaj elimină complet reculul pedalei specific sistemelor cu pivot înalt. Iar legătura cu patru brațe asigură frânare lină, tracțiune impecabilă și o pedalare perfectă.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003e\u003cstrong\u003e⭐️\u003c\/strong\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 \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg class=\"alignleft\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C21_Jekyll_Tech_018_web.png\" alt=\"Guidler\" width=\"593\" height=\"395\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003e\n\u003cstrong\u003eGuidler \u003c\/strong\u003e😜✌️\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRoată cu ghidaj + ghidaj de lanț = Guidler. Ingenios, nu-i așa? Roata cu ghidaj elimină feedback-ul de la balansul pivotului înalt, menținând mișcarea pedalelor fluentă, chiar și pe cele mai dificile terenuri. Iar ghidajul? Ei bine, ghidajul… își face treaba\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003e\u003cstrong\u003e⭐️\u003c\/strong\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 \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eDETALII\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePlatformă\u003c\/strong\u003e: Jekyll\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eModel\u003c\/strong\u003e: Jekyll 2\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCod model\u003c\/strong\u003e: C21202U\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eCADRU\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCadru\u003c\/strong\u003e: Cursă de 165 mm, carbon, Proportional Response Tuned, cu ghidaj Guidler, BSA 73, ISCG05, head tube conic, Ai Offset\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFurcă\u003c\/strong\u003e: RockShox Zeb Select, 170 mm, ax thru-15x110 mm, pivot conic, offset 44 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHeadset\u003c\/strong\u003e: Rulment sigilat integrat, conic\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAmortizor spate\u003c\/strong\u003e: Fox Float X Performance Elite, cu aer, rezervor piggyback, mod ferm 2 poziții, compresie ajustabilă, Metric Trunnion 205x65 mm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eTRANSMISIE\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSchimbător spate\u003c\/strong\u003e: Shimano Deore M6100\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eManete de schimbător\u003c\/strong\u003e: Shimano Deore M6100, 12 viteze\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLanț\u003c\/strong\u003e: Shimano Deore 6100, 12 viteze\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAngrenaj\u003c\/strong\u003e: Shimano Deore 6120, 30T, 55 mm CL\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCasetă\u003c\/strong\u003e: Shimano Deore M6100, 10-51, 12 viteze\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eButuc pedalier\u003c\/strong\u003e: Shimano Deore BSA 73\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eFR NE\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFrâne\u003c\/strong\u003e: Shimano M6120 cu disc hidraulic, discuri de 203 mm RT64 (față\/spate)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eManete de frână\u003c\/strong\u003e: Shimano M6120 cu disc hidraulic\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eROȚI\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eJante\u003c\/strong\u003e: WTB STX i30 TCS, 32h, tubeless ready\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSpițe\u003c\/strong\u003e: Oțel inoxidabil, 14g\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDimensiune cauciucuri\u003c\/strong\u003e: 2.5\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDimensiune roți\u003c\/strong\u003e: 29”\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eButuci\u003c\/strong\u003e:\n\u003cul\u003e\n\u003cli\u003eFață: Shimano MT400, thru-axle 15x110 mm\u003c\/li\u003e\n\u003cli\u003eSpate: Shimano MT410, thru-axle 12x148 mm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCauciucuri\u003c\/strong\u003e:\n\u003cul\u003e\n\u003cli\u003eFață: Maxxis Assegai, 29x2.5\", compus dual, protecție EXO+, tubeless ready\u003c\/li\u003e\n\u003cli\u003eSpate: Maxxis Minion DHR II, 29x2.4\", EXO+, tubeless ready\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003eCOMPONENTE\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eGhidon\u003c\/strong\u003e: Cannondale 3 Riser, aliaj 6061, înălțare 30 mm, unghi 8° sweep, 6° rise, 780 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePipă\u003c\/strong\u003e: Cannondale 3, aliaj 6061, 31.8, unghi 0°\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eManșoane\u003c\/strong\u003e: Cannondale TrailShroom\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eȘa\u003c\/strong\u003e: Cannondale Stage 3\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTijă de șa\u003c\/strong\u003e: TranzX dropper, rutare internă, diametru 31.6 mm, cursă:\n\u003cul\u003e\n\u003cli\u003e130 mm (S)\u003c\/li\u003e\n\u003cli\u003e150 mm (M-XL)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/www.cannondale.com\/en\"\u003e\u003cimg class=\"wp-image-217324 aligncenter\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-11-28-at-21_02_13-1024x180.png\" alt=\"\" width=\"466\" height=\"82\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch4 style=\"text-align: center;\"\u003e\u003ca href=\"https:\/\/provelo.ro\/contact\/\"\u003eSe poate vedea si testa la sediul magazinului de biciclete ProVelo Bucuresti, Sos Nicolae Titulescu 155, S1.\u003c\/a\u003e\u003c\/h4\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003c\/h2\u003e\n\u003cp\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\u003c\/div\u003e","brand":"Cannondale","offers":[{"title":"S","offer_id":57494072426878,"sku":"ORBEAOCCAMH20-1","price":17495.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57494072459646,"sku":"C21202U40MD","price":24995.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57494072492414,"sku":"C21202U40LG","price":17495.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57494072525182,"sku":"N23209N3-1-2","price":24995.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/jekyll-2-deep-teal-1-1489120.jpg?v=1780298749"},{"product_id":"bicicleta-mtb-santa-cruz-megatower-2-c-29-gx1-axs-purple","title":"Bicicleta MTB Santa Cruz Megatower 2 C 29 GX1 AXS Purple","description":"\u003cp\u003e\u003cimg class=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Santa_Cruz_Bicycles_logo.png\" alt=\"Santa Cruz Bicycles – Logos Download\" width=\"327\" height=\"38\"\u003e\u003c\/p\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB Santa Cruz Megatower 2 C 29 GX1 AXS Purple\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cnav class=\"relative hidden flex-1 justify-start md:flex\" role=\"navigation\"\u003e\n\u003cdiv class=\"relative z-10 hidden translate-x-0 gap-8 md:flex md:justify-center lg:gap-12\"\u003e\n\u003cdiv id=\"first-level-panel\" class=\"nav-large-screen-panel--first-level\"\u003e\n\u003cdiv class=\"no-scrollbar h-full overflow-y-scroll\" data-lenis-prevent=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/nav\u003e\n\u003cdiv class=\"flex h-full w-auto justify-center max-sm:max-w-\u0026lt;130px\u0026gt;\"\u003e\u003ca class=\"flex transition-all duration-300 hover:opacity-60\" href=\"https:\/\/www.santacruzbicycles.com\/\" aria-label=\"Navigate to homepage\"\u003e\u003cimg class=\"aligncenter\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/header-logo.svg\" sizes=\"(max-width: 148px) 50vw, 74px\" srcset=\"\/\/www.santacruzbicycles.com\/cdn\/shop\/files\/header-logo.svg?v=1727298517\u0026amp;width=74 74w, \/\/www.santacruzbicycles.com\/cdn\/shop\/files\/header-logo.svg?v=1727298517\u0026amp;width=111 111w, \/\/www.santacruzbicycles.com\/cdn\/shop\/files\/header-logo.svg?v=1727298517\u0026amp;width=148 148w\" alt=\"Header Logo\" width=\"74\" height=\"74.0\"\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cimg class=\"size-full wp-image-222203\" title=\"MY24 Megatower C GX AXS Coil GlossPurple\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY24_Megatower_C_GX_AXS_Coil_GlossPurple-scaled.webp\" alt=\"MY24 Megatower C GX AXS Coil GlossPurple\" width=\"2560\" height=\"1660\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cimg class=\"size-full wp-image-222206\" title=\"Screenshot 2025 05 13 at 22.34.51\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2025-05-13-at-22_34_51.png\" alt=\"Screenshot 2025 05 13 at 22.34.51\" width=\"2432\" height=\"260\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ehttps:\/\/youtu.be\/MzKIqB3021M\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv id=\"shopify-section-template--24691436257562__intro_text_MLcFJY\" class=\"shopify-section section--intro-text\"\u003e\n\u003csection class=\"container section-margin--t-xs section-margin--b-sm\" data-jump-nav=\"Overview\"\u003e\n\u003cdiv class=\"grid-wrapper-24\"\u003e\n\u003cdiv class=\"col-inset-small\"\u003e\n\u003cdiv class=\"md:grid md:grid-cols-24 lg:grid-cols-22 3xl:grid-cols-20 gap-4\" data-scrolling-animation=\"fadeIn\"\u003e\n\u003cdiv class=\"md:col-span-12 md:col-start-13 lg:col-span-10 lg:col-start-13 3xl:col-start-11 3xl:col-span-10\"\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"shopify-section-template--24691436257562__fifty_fifty_FhEwRX\" class=\"shopify-section fifty-fifty\"\u003e\n\u003csection class=\"container relative overflow-hidden section-margin--t-xs section-margin--b-xs\"\u003e\n\u003cdiv class=\"md:grid-wrapper-24 h-full items-center\"\u003e\n\u003cdiv class=\"flex gap-12 col-span-full md:col-span-10 xl:col-span-8 md:col-start-15 xl:col-start-16 3xl:col-start-15 md:pl-5 lg:pl-4 xl:pl-0 max-md:mt-6\"\u003e\n\u003cdiv class=\"relative flex flex-grow flex-col\"\u003e\n\u003cdiv class=\"\" data-scrolling-animation=\"fadeIn\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\"\u003e⚡️ Pe scurt\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\"\u003eMegatower GX AXS 2024 combină un cadru Carbon C de 165 mm cu roți de 29″, suspensie FOX 38 Performance Elite de 170 mm în față și Super Deluxe Select+ în spate, plus drivetrain wireless SRAM GX Eagle AXS T-Type. Rezultatul? O armă de enduro capabilă de parc-laps DH, dar suficient de eficientă la pedalat datorită suspensiei VPP™ optimizate.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\"\u003e🏗️ Cadru \u0026amp; Cinematică\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eMaterial:\u003c\/strong\u003e Carbon C\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eTravel spate:\u003c\/strong\u003e 165 mm VPP\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eGreutate (M):\u003c\/strong\u003e 15,47 kg (34,11 lbs)\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eRoți:\u003c\/strong\u003e 29″, clearance 2,5″\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eParticularități:\u003c\/strong\u003e un singur suport bidon, protecții integrate, seat-tube 31,6 mm, clamp 36,4 mm\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\"\u003e🛠️ Suspensie\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003e\u003c\/h1\u003e\n\u003ctable class=\" aligncenter\" style=\"height: 190px;\" width=\"580\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eComponentă\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/th\u003e\n\u003cth\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eDetaliu\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003eFurcă\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eFOX 38 Float Performance Elite\u003c\/b\u003e\u003cspan class=\"s1\"\u003e — 170 mm, offset 44 mm\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003eShock\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\" style=\"text-align: center;\"\u003e\u003cb\u003eRockShox Super Deluxe Select+\u003c\/b\u003e\u003cspan class=\"s1\"\u003e 230 × 62,5 mm\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch1 style=\"text-align: center;\"\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\"\u003e⚙️ Transmisie Wireless\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eTransmisie:\u003c\/strong\u003e SRAM GX Eagle AXS (T-Type), 12 viteze\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eFoiae:\u003c\/strong\u003e 32T, brațe GX Eagle 148 DUB\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003ePinioane:\u003c\/strong\u003e XG-1275 10-50T\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eChainguide:\u003c\/strong\u003e OneUp Bash Guide\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ehttps:\/\/youtu.be\/wO_-gyrAbK4\u003c\/p\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003ch1 style=\"text-align: center;\"\u003e🛑 Frânare \u0026amp; Control\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\"\u003eFrâne \u003cstrong\u003eSRAM Code RS\u003c\/strong\u003e cu discuri Avid Centerline 200 mm față\/spate\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003eReglaj reach Tool-free, putere constantă pe coborâri lungi\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003e🖐️ Cockpit\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eGhidon:\u003c\/strong\u003e Santa Cruz 35 Carbon 800 mm\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eStem:\u003c\/strong\u003e Burgtec Enduro MK3 42 mm\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eSeatpost:\u003c\/strong\u003e RockShox Reverb Stealth 31,6 mm\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eȘa:\u003c\/strong\u003e WTB Silverado CroMo\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003e🔩 Roți \u0026amp; Anvelope\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1 style=\"text-align: center;\"\u003e\u003c\/h1\u003e\n\u003ctable class=\" aligncenter\" style=\"height: 241px;\" width=\"637\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eFata\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/th\u003e\n\u003cth\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eSpate\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003eRace Face ARC Offset 30\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\" style=\"text-align: center;\"\u003eRace Face ARC Offset 30\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003eButuc i9 1\/1 28h Boost\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003eButuc i9 1\/1 XD 28h Boost\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003eMaxxis Assegai 29×2.5 EXO+ MaxxGrip\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cp class=\"p1\"\u003eMaxxis DHR II 29×2.4 WT EXO+ MaxxTerra\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-12-15-at-13_12_25.png\"\u003e\u003cimg class=\"aligncenter wp-image-219078 size-full\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screenshot-2024-12-15-at-13_12_25.png\" alt=\"\" width=\"3438\" height=\"1528\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ca class=\"flex transition-all duration-300 hover:opacity-60\" href=\"https:\/\/www.santacruzbicycles.com\/\" aria-label=\"Navigate to homepage\"\u003e\u003cimg class=\"aligncenter\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/header-logo.svg\" alt=\"Header Logo\" width=\"161\" height=\"161\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch4 style=\"text-align: center;\"\u003e\u003ca href=\"https:\/\/provelo.ro\/contact\/\"\u003eSe poate vedea si testa la sediul magazinului de biciclete ProVelo Bucuresti, Sos Nicolae Titulescu 155, S1.\u003c\/a\u003e\u003c\/h4\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003c\/h2\u003e\n\u003cdiv id=\"tab-description\" class=\"woocommerce-Tabs-panel woocommerce-Tabs-panel--description panel entry-content wc-tab\" role=\"tabpanel\" aria-labelledby=\"tab-title-description\"\u003e\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"S","offer_id":57494261105022,"sku":"58-23268-109-3-762-8121011-1","price":21245.75,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57494261137790,"sku":"58-23268-109-3-762-812101-1","price":30599.15,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57494261170558,"sku":"58-24263-427-4-822-434201","price":30599.15,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57494261203326,"sku":"N23209N3-1-2-1-1-1","price":21245.75,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY24_Megatower_C_GX_AXS_GlossPurple_709d714c-27d3-40de-80cd-01f966729618-3-scaled.webp?v=1780304192"},{"product_id":"onna-29-50-s-burning-red-gloss-black-matt","title":"Bicicleta MTB ORBEA ONNA 29 50","description":"\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB ORBEA ONNA 29 50\u003c\/h1\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290802\" class=\"elementor elementor-290802\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-ad7e670 e-flex e-con-boxed e-con e-parent\" data-id=\"ad7e670\" 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-e433754 elementor-widget elementor-widget-html\" data-id=\"e433754\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea ONNA - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea ONNA hardtail mountain bike, bicicletă MTB aluminiu, mountain bike 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 - ONNA EDITION\n Apple Style: Only white + gray, rainbow gradients\n ============================================ *\/\n .onna-page {\n --onna-black: #1d1d1f;\n --onna-white: #ffffff;\n --onna-gray-50: #fafafa;\n --onna-gray-100: #f5f5f7;\n --onna-gray-200: #e8e8ed;\n --onna-gray-300: #d2d2d7;\n --onna-gray-500: #86868b;\n --onna-gray-600: #6e6e73;\n --onna-gray-700: #515154;\n --onna-gray-800: #2d2d2d;\n --onna-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e \/* ONNA Accent Colors *\/\n --onna-red: #E31937;\n --onna-red-light: #ef4444;\n --onna-red-dark: #b91c2a;\n --onna-purple: #7c3aed;\n --onna-blue: #3b82f6;\n --onna-orange: #f97316;\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 JS sets exact negative margin on .onna-page\n JS adds .onna-fw-parent on all ancestors\n ============================================ *\/\n html, body {\n overflow-x: hidden !important;\n max-width: 100% !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ALL SCREENS: Full-width via JS-calculated margin *\/\n .onna-page {\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative !important;\n overflow: hidden !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ALL SCREENS: Reset all ancestors marked by JS *\/\n .onna-fw-parent {\n padding-left: 0 !important;\n padding-right: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n border-radius: 0 !important;\n overflow: hidden !important;\n box-sizing: border-box !important;\n max-width: 100vw !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n ============================================ *\/\n .elementor-widget-container .onna-page h1,\n .elementor-widget-container .onna-page h2,\n .elementor-widget-container .onna-page h3,\n .elementor-widget-container .onna-page h4,\n .elementor-widget-container .onna-page h5,\n .elementor-widget-container .onna-page h6,\n .elementor-kit-6 .onna-page h1,\n .elementor-kit-6 .onna-page h2,\n .elementor-kit-6 .onna-page h3,\n .elementor-kit-6 .onna-page h4,\n .elementor-kit-6 .onna-page h5,\n .elementor-kit-6 .onna-page h6,\n .onna-page h1,\n .onna-page h2,\n .onna-page h3,\n .onna-page h4,\n .onna-page h5,\n .onna-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 .onna-page h2,\n .elementor-widget-container .onna-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 ============================================ *\/\n .single-product-tabs .woocommerce-Tabs-panel .onna-page h2,\n .woocommerce-Tabs-panel .onna-page h2,\n .onna-page h2.onna-title-main,\n .onna-page h2 {\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESET \u0026 BASE\n ============================================ *\/\n .onna-page {\n font-family: var(--font-main);\n color: var(--onna-black);\n background: var(--onna-white);\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overflow-x: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-page * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-page img,\n .onna-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 float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes bikeReveal {\n from { opacity: 0; transform: scale(0.96) translateY(10px); }\n to { opacity: 1; transform: scale(1) translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n APPLE \"PRIVACY\" RAINBOW GRADIENT\n The single gradient used everywhere\n blue → purple → pink → red → orange\n ============================================ *\/\n .onna-gradient,\n .onna-page .onna-gradient,\n .elementor-widget-container .onna-gradient {\n background: linear-gradient(90deg, #2997ff 0%, #6366f1 25%, #a855f7 45%, #ec4899 65%, #ef4444 80%, #f97316 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 \/* Variation: starts more blue-purple *\/\n .onna-gradient-cool,\n .onna-page .onna-gradient-cool,\n .elementor-widget-container .onna-gradient-cool {\n background: linear-gradient(90deg, #0071e3 0%, #2997ff 20%, #6366f1 45%, #a855f7 70%, #ec4899 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 \/* Variation: warm side - pink → red → orange *\/\n .onna-gradient-warm,\n .onna-page .onna-gradient-warm,\n .elementor-widget-container .onna-gradient-warm {\n background: linear-gradient(90deg, #6366f1 0%, #a855f7 20%, #ec4899 45%, #ef4444 70%, #f97316 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 \/* Variation: reverse direction *\/\n .onna-gradient-reverse,\n .onna-page .onna-gradient-reverse,\n .elementor-widget-container .onna-gradient-reverse {\n background: linear-gradient(90deg, #f97316 0%, #ef4444 20%, #ec4899 45%, #a855f7 70%, #6366f1 90%, #2997ff 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 APPLE-STYLE TYPOGRAPHY SYSTEM\n ============================================ *\/\n .onna-display-hero {\n font-size: clamp(4rem, 12vw, 11rem) !important;\n font-weight: 900 !important;\n letter-spacing: -0.03em !important;\n line-height: 1 !important;\n text-transform: uppercase;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-title-group {\n text-align: center;\n margin-bottom: 3rem;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-page .onna-title-main,\n .elementor-kit-6 .onna-page .onna-title-main,\n .elementor-widget-container .onna-page .onna-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 .onna-page .onna-title-secondary,\n .elementor-kit-6 .onna-page .onna-title-secondary,\n .elementor-widget-container .onna-page .onna-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(--onna-black) !important;\n margin-bottom: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-subtitle-apple {\n font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--onna-gray-600);\n max-width: 680px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-subtitle-apple strong {\n color: var(--onna-black);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION - COLOR SWITCHER\n ============================================ *\/\n .onna-hero {\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 700px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-hero-eyebrow {\n font-size: 0.95rem;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.25em;\n color: var(--onna-gray-500);\n margin-bottom: 20px;\n opacity: 0;\n animation: blurFadeIn 1s var(--ease-out-expo) 0.1s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-title {\n color: var(--onna-black) !important;\n margin-bottom: 30px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.2s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-subtitle {\n font-size: 1.3rem;\n color: var(--onna-gray-600);\n margin-bottom: 35px;\n font-weight: 500;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n opacity: 0;\n animation: blurFadeIn 1s var(--ease-out-expo) 0.35s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stats {\n display: flex;\n justify-content: center;\n gap: 0;\n opacity: 0;\n animation: fadeInUp 0.8s ease 0.45s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat {\n text-align: center;\n padding: 0 40px;\n border-left: 1px solid var(--onna-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat:first-child {\n border-left: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat-label {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--onna-gray-500);\n margin-bottom: 6px;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat-value {\n font-size: 1.75rem;\n font-weight: 700;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Bike Showcase *\/\n .onna-bike-showcase {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-showcase::before {\n content: '';\n position: absolute;\n top: 25%;\n left: 50%;\n transform: translateX(-50%);\n width: 70%;\n height: 70%;\n background: radial-gradient(ellipse 60% 50% at 50% 30%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0) 70%);\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-showcase::after {\n content: '';\n position: absolute;\n bottom: 15%;\n left: 50%;\n transform: translateX(-50%);\n width: 50%;\n height: 20%;\n background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 70%);\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slides {\n position: relative;\n width: 100%;\n height: 100%;\n pointer-events: none;\n opacity: 0;\n animation: bikeReveal 1s ease 0.5s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slide {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transform: scale(0.95);\n transition: opacity 0.5s ease, transform 0.5s ease;\n pointer-events: none;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-top: 160px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slide.active {\n opacity: 1;\n transform: scale(1);\n pointer-events: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slide img {\n width: auto;\n height: 58%;\n max-width: 75%;\n object-fit: contain;\n display: block;\n filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));\n }\u003c\/p\u003e\n\u003cp\u003e \/* Color Selector *\/\n .onna-color-selector {\n position: absolute;\n bottom: 100px;\n left: 0;\n right: 0;\n z-index: 100;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 20px;\n opacity: 0;\n animation: fadeInUp 0.8s ease 0.7s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dots {\n display: flex;\n justify-content: center;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dot {\n width: 52px;\n height: 52px;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.4s var(--ease-out-expo);\n position: relative;\n border: 3px solid var(--onna-gray-300);\n outline: none;\n -webkit-appearance: none;\n appearance: none;\n box-shadow: none;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dot:hover {\n transform: scale(1.15) translateY(-3px);\n border-color: var(--onna-gray-500);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dot.active {\n border-color: var(--onna-black);\n transform: scale(1.08);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-dot-red { background: linear-gradient(145deg, #ef4444 0%, #dc2626 100%); }\n .onna-dot-purple { background: linear-gradient(145deg, #a78bfa 0%, #7c3aed 100%); }\n .onna-dot-blue { background: linear-gradient(145deg, #60a5fa 0%, #3b82f6 100%); }\u003c\/p\u003e\n\u003cp\u003e .onna-color-name {\n font-size: 1.1rem;\n color: #1d1d1f !important;\n font-weight: 500;\n letter-spacing: 0.03em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELIMINATE ALL GAPS BETWEEN SECTIONS\n ============================================ *\/\n .onna-page section {\n margin: 0 !important;\n padding-top: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-page \u003e section + section {\n margin-top: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HIGHLIGHTS GRID - 3 CARDS\n ============================================ *\/\n .onna-highlights-section {\n padding: 0;\n background: var(--onna-white);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-highlights-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-highlight-card {\n position: relative;\n overflow: hidden;\n aspect-ratio: 4\/5;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-highlight-card:hover img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-highlight-title {\n font-size: clamp(1.5rem, 2.5vw, 2rem);\n font-weight: 700;\n color: #ffffff !important;\n margin-bottom: 12px;\n line-height: 1.2;\n text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-highlight-text {\n font-size: 0.9375rem;\n color: rgba(255, 255, 255, 0.8);\n line-height: 1.6;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n CONTENT SECTIONS - WHITE + APPLE GRAY ONLY\n ============================================ *\/\n .onna-section-white {\n padding: 120px 24px;\n background: var(--onna-white);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-section-gray {\n padding: 120px 24px;\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-container-wide {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-container-xl {\n max-width: 1600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPLIT LAYOUTS\n ============================================ *\/\n .onna-split {\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 .onna-split-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 .onna-split-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-split-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 .onna-split-content p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--onna-gray-600);\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-split-content p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TECH FEATURES CAROUSEL - LIGHT VERSION\n ============================================ *\/\n .onna-tech-carousel {\n display: flex;\n gap: 12px;\n overflow-x: auto;\n scroll-behavior: smooth;\n scrollbar-width: none;\n -ms-overflow-style: none;\n padding: 0 20px 40px;\n margin-top: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-tech-carousel::-webkit-scrollbar {\n display: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-tech-slide {\n flex: 0 0 340px;\n height: 380px;\n border-radius: 20px;\n overflow: hidden;\n position: relative;\n cursor: pointer;\n transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-tech-slide:hover {\n transform: scale(1.03) translateY(-5px);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-tech-slide 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 .onna-tech-slide:hover img {\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-tech-slide-content {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 35px 25px;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-tech-slide-number {\n font-size: 0.7rem;\n font-weight: 700;\n letter-spacing: 2px;\n margin-bottom: 10px;\n background: linear-gradient(90deg, #2997ff, #a855f7, #ef4444);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-tech-slide-name {\n font-size: 1.3rem;\n font-weight: 700;\n color: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-carousel-progress {\n max-width: 600px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-progress-bar {\n height: 3px;\n background: var(--onna-gray-200);\n border-radius: 2px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-progress-fill {\n height: 100%;\n background: linear-gradient(90deg, #2997ff 0%, #a855f7 50%, #ef4444 100%);\n width: 25%;\n transition: transform 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-carousel-nav {\n display: flex;\n justify-content: flex-end;\n gap: 12px;\n max-width: 1400px;\n margin: 25px auto 0;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-carousel-btn {\n width: 50px;\n height: 50px;\n border: 1px solid var(--onna-gray-300);\n background: transparent;\n border-radius: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-carousel-btn:hover {\n background: var(--onna-gray-100);\n border-color: var(--onna-gray-500);\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-carousel-btn svg {\n width: 22px;\n height: 22px;\n stroke: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DESIGN DETAILS - CARDS\n ============================================ *\/\n .onna-design-features {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 28px;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card {\n background: var(--onna-white);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n border: 1px solid var(--onna-gray-200);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n border-color: var(--onna-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-image {\n aspect-ratio: 16\/10;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-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 .onna-design-card:hover .onna-design-card-image img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-content {\n padding: 28px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 12px;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-text {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--onna-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n GEOMETRY SECTION\n ============================================ *\/\n .onna-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 .onna-stat-item {\n text-align: center;\n padding: 32px 16px;\n background: var(--onna-white);\n border-radius: 20px;\n border: 1px solid var(--onna-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 .onna-stat-item:hover {\n border-color: var(--onna-gray-300);\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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(90deg, #2997ff 0%, #6366f1 30%, #a855f7 50%, #ec4899 70%, #ef4444 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--onna-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table-wrapper {\n overflow-x: auto;\n border-radius: 20px;\n background: var(--onna-white);\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);\n border: 1px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 600px;\n font-size: 0.9375rem;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table thead {\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table th {\n padding: 18px 16px;\n text-align: center;\n font-weight: 700;\n font-size: 0.8125rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n white-space: nowrap;\n color: var(--onna-gray-700);\n border-bottom: 2px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table th:first-child {\n text-align: left;\n padding-left: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table tbody tr {\n border-bottom: 1px solid var(--onna-gray-200);\n transition: background 0.2s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table tbody tr:hover {\n background: var(--onna-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table tbody tr:last-child {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table td {\n padding: 16px;\n text-align: center;\n color: var(--onna-gray-700);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table td:first-child {\n text-align: left;\n padding-left: 24px;\n font-weight: 600;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-details {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geo-detail-item {\n padding: 20px;\n background: var(--onna-white);\n border-radius: 16px;\n border: 1px solid var(--onna-gray-200);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geo-detail-value {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 4px;\n background: linear-gradient(90deg, #2997ff, #a855f7, #ef4444);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geo-detail-label {\n font-size: 0.8125rem;\n color: var(--onna-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n PRODUCTS \/ CONFIGURATIONS\n ============================================ *\/\n .onna-products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-card {\n background: var(--onna-gray-50);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n border: 1px solid var(--onna-gray-200);\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 0.72rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n z-index: 2;\n color: var(--onna-white);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-badge-top { background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); }\n .onna-badge-value { background: linear-gradient(135deg, #ec4899 0%, #ef4444 100%); }\n .onna-badge-entry { background: linear-gradient(135deg, #2997ff 0%, #6366f1 100%); }\u003c\/p\u003e\n\u003cp\u003e .onna-product-image {\n padding: 45px;\n background: var(--onna-white);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-image img {\n max-width: 100%;\n height: auto;\n transition: transform 0.5s var(--ease-out-expo);\n filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-card:hover .onna-product-image img {\n transform: scale(1.08);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-info {\n padding: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-frame {\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n background: linear-gradient(90deg, #2997ff, #a855f7);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-name {\n font-size: 1.35rem;\n font-weight: 800;\n color: var(--onna-black);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-desc {\n font-size: 0.9375rem;\n color: var(--onna-gray-600);\n line-height: 1.65;\n margin-bottom: 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-price {\n font-size: 1.6rem;\n font-weight: 800;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-price span {\n font-size: 0.85rem;\n color: var(--onna-gray-500);\n font-weight: 400;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n COMPARISON TABLE - LIGHT VERSION\n ============================================ *\/\n .onna-comparison-table-wrapper {\n overflow-x: auto;\n margin-top: 60px;\n border-radius: 16px;\n background: var(--onna-white);\n box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n border: 1px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 600px;\n font-size: 0.9375rem;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table thead {\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table th {\n padding: 20px 16px;\n text-align: center;\n font-weight: 700;\n font-size: 0.8125rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n white-space: nowrap;\n color: var(--onna-black);\n border-bottom: 2px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table th:first-child {\n text-align: left;\n padding-left: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table tbody tr {\n border-bottom: 1px solid var(--onna-gray-200);\n transition: background 0.2s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table tbody tr:hover {\n background: var(--onna-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table tbody tr:last-child {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table td {\n padding: 18px 16px;\n text-align: center;\n color: var(--onna-gray-700);\n vertical-align: top;\n line-height: 1.5;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table td:first-child {\n text-align: left;\n padding-left: 24px;\n font-weight: 600;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table th:first-child,\n .onna-comparison-table td:first-child {\n position: sticky;\n left: 0;\n background: var(--onna-white);\n z-index: 2;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494460793214,"sku":"T20515RA","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494460825982,"sku":"T20515RD","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494460858750,"sku":"T20515RF","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494460891518,"sku":"T20517RA","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494460924286,"sku":"T20517RD","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494460957054,"sku":"T20517RF","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494460989822,"sku":"T20519RA","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494461022590,"sku":"T20519RD","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494461055358,"sku":"T20519RF","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494461088126,"sku":"T20521RA","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494461120894,"sku":"T20521RD","price":2599.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494461153662,"sku":"T20521RF","price":2599.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T205TTCC-RA-SIDE-ONNA_29_50-3.jpg?v=1780307203"},{"product_id":"onna-29-20-s-burning-red-gloss-black-matt","title":"Bicicleta MTB ORBEA ONNA 29 20","description":"\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB ORBEA ONNA 29 20\u003c\/h1\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290802\" class=\"elementor elementor-290802\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-ad7e670 e-flex e-con-boxed e-con e-parent\" data-id=\"ad7e670\" 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-e433754 elementor-widget elementor-widget-html\" data-id=\"e433754\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea ONNA - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea ONNA hardtail mountain bike, bicicletă MTB aluminiu, mountain bike 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 - ONNA EDITION\n Apple Style: Only white + gray, rainbow gradients\n ============================================ *\/\n .onna-page {\n --onna-black: #1d1d1f;\n --onna-white: #ffffff;\n --onna-gray-50: #fafafa;\n --onna-gray-100: #f5f5f7;\n --onna-gray-200: #e8e8ed;\n --onna-gray-300: #d2d2d7;\n --onna-gray-500: #86868b;\n --onna-gray-600: #6e6e73;\n --onna-gray-700: #515154;\n --onna-gray-800: #2d2d2d;\n --onna-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e \/* ONNA Accent Colors *\/\n --onna-red: #E31937;\n --onna-red-light: #ef4444;\n --onna-red-dark: #b91c2a;\n --onna-purple: #7c3aed;\n --onna-blue: #3b82f6;\n --onna-orange: #f97316;\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 JS sets exact negative margin on .onna-page\n JS adds .onna-fw-parent on all ancestors\n ============================================ *\/\n html, body {\n overflow-x: hidden !important;\n max-width: 100% !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ALL SCREENS: Full-width via JS-calculated margin *\/\n .onna-page {\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative !important;\n overflow: hidden !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ALL SCREENS: Reset all ancestors marked by JS *\/\n .onna-fw-parent {\n padding-left: 0 !important;\n padding-right: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n border-radius: 0 !important;\n overflow: hidden !important;\n box-sizing: border-box !important;\n max-width: 100vw !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n ============================================ *\/\n .elementor-widget-container .onna-page h1,\n .elementor-widget-container .onna-page h2,\n .elementor-widget-container .onna-page h3,\n .elementor-widget-container .onna-page h4,\n .elementor-widget-container .onna-page h5,\n .elementor-widget-container .onna-page h6,\n .elementor-kit-6 .onna-page h1,\n .elementor-kit-6 .onna-page h2,\n .elementor-kit-6 .onna-page h3,\n .elementor-kit-6 .onna-page h4,\n .elementor-kit-6 .onna-page h5,\n .elementor-kit-6 .onna-page h6,\n .onna-page h1,\n .onna-page h2,\n .onna-page h3,\n .onna-page h4,\n .onna-page h5,\n .onna-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 .onna-page h2,\n .elementor-widget-container .onna-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 ============================================ *\/\n .single-product-tabs .woocommerce-Tabs-panel .onna-page h2,\n .woocommerce-Tabs-panel .onna-page h2,\n .onna-page h2.onna-title-main,\n .onna-page h2 {\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n RESET \u0026 BASE\n ============================================ *\/\n .onna-page {\n font-family: var(--font-main);\n color: var(--onna-black);\n background: var(--onna-white);\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overflow-x: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-page * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-page img,\n .onna-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 float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\u003c\/p\u003e\n\u003cp\u003e @keyframes bikeReveal {\n from { opacity: 0; transform: scale(0.96) translateY(10px); }\n to { opacity: 1; transform: scale(1) translateY(0); }\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n APPLE \"PRIVACY\" RAINBOW GRADIENT\n The single gradient used everywhere\n blue → purple → pink → red → orange\n ============================================ *\/\n .onna-gradient,\n .onna-page .onna-gradient,\n .elementor-widget-container .onna-gradient {\n background: linear-gradient(90deg, #2997ff 0%, #6366f1 25%, #a855f7 45%, #ec4899 65%, #ef4444 80%, #f97316 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 \/* Variation: starts more blue-purple *\/\n .onna-gradient-cool,\n .onna-page .onna-gradient-cool,\n .elementor-widget-container .onna-gradient-cool {\n background: linear-gradient(90deg, #0071e3 0%, #2997ff 20%, #6366f1 45%, #a855f7 70%, #ec4899 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 \/* Variation: warm side - pink → red → orange *\/\n .onna-gradient-warm,\n .onna-page .onna-gradient-warm,\n .elementor-widget-container .onna-gradient-warm {\n background: linear-gradient(90deg, #6366f1 0%, #a855f7 20%, #ec4899 45%, #ef4444 70%, #f97316 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 \/* Variation: reverse direction *\/\n .onna-gradient-reverse,\n .onna-page .onna-gradient-reverse,\n .elementor-widget-container .onna-gradient-reverse {\n background: linear-gradient(90deg, #f97316 0%, #ef4444 20%, #ec4899 45%, #a855f7 70%, #6366f1 90%, #2997ff 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 APPLE-STYLE TYPOGRAPHY SYSTEM\n ============================================ *\/\n .onna-display-hero {\n font-size: clamp(4rem, 12vw, 11rem) !important;\n font-weight: 900 !important;\n letter-spacing: -0.03em !important;\n line-height: 1 !important;\n text-transform: uppercase;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-title-group {\n text-align: center;\n margin-bottom: 3rem;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-page .onna-title-main,\n .elementor-kit-6 .onna-page .onna-title-main,\n .elementor-widget-container .onna-page .onna-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 .onna-page .onna-title-secondary,\n .elementor-kit-6 .onna-page .onna-title-secondary,\n .elementor-widget-container .onna-page .onna-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(--onna-black) !important;\n margin-bottom: 1.5rem !important;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-subtitle-apple {\n font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n font-weight: 400;\n line-height: 1.7;\n color: var(--onna-gray-600);\n max-width: 680px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-subtitle-apple strong {\n color: var(--onna-black);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HERO SECTION - COLOR SWITCHER\n ============================================ *\/\n .onna-hero {\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 700px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-hero-eyebrow {\n font-size: 0.95rem;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.25em;\n color: var(--onna-gray-500);\n margin-bottom: 20px;\n opacity: 0;\n animation: blurFadeIn 1s var(--ease-out-expo) 0.1s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-title {\n color: var(--onna-black) !important;\n margin-bottom: 30px;\n opacity: 0;\n animation: blurFadeIn 1.2s var(--ease-out-expo) 0.2s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-subtitle {\n font-size: 1.3rem;\n color: var(--onna-gray-600);\n margin-bottom: 35px;\n font-weight: 500;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n opacity: 0;\n animation: blurFadeIn 1s var(--ease-out-expo) 0.35s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stats {\n display: flex;\n justify-content: center;\n gap: 0;\n opacity: 0;\n animation: fadeInUp 0.8s ease 0.45s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat {\n text-align: center;\n padding: 0 40px;\n border-left: 1px solid var(--onna-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat:first-child {\n border-left: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat-label {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--onna-gray-500);\n margin-bottom: 6px;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-hero-stat-value {\n font-size: 1.75rem;\n font-weight: 700;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Bike Showcase *\/\n .onna-bike-showcase {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n z-index: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-showcase::before {\n content: '';\n position: absolute;\n top: 25%;\n left: 50%;\n transform: translateX(-50%);\n width: 70%;\n height: 70%;\n background: radial-gradient(ellipse 60% 50% at 50% 30%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0) 70%);\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-showcase::after {\n content: '';\n position: absolute;\n bottom: 15%;\n left: 50%;\n transform: translateX(-50%);\n width: 50%;\n height: 20%;\n background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 70%);\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slides {\n position: relative;\n width: 100%;\n height: 100%;\n pointer-events: none;\n opacity: 0;\n animation: bikeReveal 1s ease 0.5s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slide {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transform: scale(0.95);\n transition: opacity 0.5s ease, transform 0.5s ease;\n pointer-events: none;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-top: 160px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slide.active {\n opacity: 1;\n transform: scale(1);\n pointer-events: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-bike-slide img {\n width: auto;\n height: 58%;\n max-width: 75%;\n object-fit: contain;\n display: block;\n filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));\n }\u003c\/p\u003e\n\u003cp\u003e \/* Color Selector *\/\n .onna-color-selector {\n position: absolute;\n bottom: 100px;\n left: 0;\n right: 0;\n z-index: 100;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 20px;\n opacity: 0;\n animation: fadeInUp 0.8s ease 0.7s forwards;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dots {\n display: flex;\n justify-content: center;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dot {\n width: 52px;\n height: 52px;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.4s var(--ease-out-expo);\n position: relative;\n border: 3px solid var(--onna-gray-300);\n outline: none;\n -webkit-appearance: none;\n appearance: none;\n box-shadow: none;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dot:hover {\n transform: scale(1.15) translateY(-3px);\n border-color: var(--onna-gray-500);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-color-dot.active {\n border-color: var(--onna-black);\n transform: scale(1.08);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-dot-red { background: linear-gradient(145deg, #ef4444 0%, #dc2626 100%); }\n .onna-dot-purple { background: linear-gradient(145deg, #a78bfa 0%, #7c3aed 100%); }\n .onna-dot-blue { background: linear-gradient(145deg, #60a5fa 0%, #3b82f6 100%); }\u003c\/p\u003e\n\u003cp\u003e .onna-color-name {\n font-size: 1.1rem;\n color: #1d1d1f !important;\n font-weight: 500;\n letter-spacing: 0.03em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n ELIMINATE ALL GAPS BETWEEN SECTIONS\n ============================================ *\/\n .onna-page section {\n margin: 0 !important;\n padding-top: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-page \u003e section + section {\n margin-top: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n HIGHLIGHTS GRID - 3 CARDS\n ============================================ *\/\n .onna-highlights-section {\n padding: 0;\n background: var(--onna-white);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-highlights-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-highlight-card {\n position: relative;\n overflow: hidden;\n aspect-ratio: 4\/5;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-highlight-card:hover img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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 .onna-highlight-title {\n font-size: clamp(1.5rem, 2.5vw, 2rem);\n font-weight: 700;\n color: #ffffff !important;\n margin-bottom: 12px;\n line-height: 1.2;\n text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-highlight-text {\n font-size: 0.9375rem;\n color: rgba(255, 255, 255, 0.8);\n line-height: 1.6;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n CONTENT SECTIONS - WHITE + APPLE GRAY ONLY\n ============================================ *\/\n .onna-section-white {\n padding: 120px 24px;\n background: var(--onna-white);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-section-gray {\n padding: 120px 24px;\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-container {\n max-width: 1200px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-container-wide {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-container-xl {\n max-width: 1600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n SPLIT LAYOUTS\n ============================================ *\/\n .onna-split {\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 .onna-split-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 .onna-split-image img {\n width: 100%;\n height: auto;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-split-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 .onna-split-content p {\n font-size: 1.0625rem;\n line-height: 1.8;\n color: var(--onna-gray-600);\n margin-bottom: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-split-content p:last-child {\n margin-bottom: 0;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n TECH FEATURES CAROUSEL - LIGHT VERSION\n ============================================ *\/\n .onna-tech-carousel {\n display: flex;\n gap: 12px;\n overflow-x: auto;\n scroll-behavior: smooth;\n scrollbar-width: none;\n -ms-overflow-style: none;\n padding: 0 20px 40px;\n margin-top: 48px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-tech-carousel::-webkit-scrollbar {\n display: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-tech-slide {\n flex: 0 0 340px;\n height: 380px;\n border-radius: 20px;\n overflow: hidden;\n position: relative;\n cursor: pointer;\n transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-tech-slide:hover {\n transform: scale(1.03) translateY(-5px);\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-tech-slide 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 .onna-tech-slide:hover img {\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-tech-slide-content {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 35px 25px;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-tech-slide-number {\n font-size: 0.7rem;\n font-weight: 700;\n letter-spacing: 2px;\n margin-bottom: 10px;\n background: linear-gradient(90deg, #2997ff, #a855f7, #ef4444);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-tech-slide-name {\n font-size: 1.3rem;\n font-weight: 700;\n color: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-carousel-progress {\n max-width: 600px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-progress-bar {\n height: 3px;\n background: var(--onna-gray-200);\n border-radius: 2px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-progress-fill {\n height: 100%;\n background: linear-gradient(90deg, #2997ff 0%, #a855f7 50%, #ef4444 100%);\n width: 25%;\n transition: transform 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-carousel-nav {\n display: flex;\n justify-content: flex-end;\n gap: 12px;\n max-width: 1400px;\n margin: 25px auto 0;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-carousel-btn {\n width: 50px;\n height: 50px;\n border: 1px solid var(--onna-gray-300);\n background: transparent;\n border-radius: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s var(--ease-out-expo);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-carousel-btn:hover {\n background: var(--onna-gray-100);\n border-color: var(--onna-gray-500);\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-carousel-btn svg {\n width: 22px;\n height: 22px;\n stroke: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n DESIGN DETAILS - CARDS\n ============================================ *\/\n .onna-design-features {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 28px;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card {\n background: var(--onna-white);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n border: 1px solid var(--onna-gray-200);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n border-color: var(--onna-gray-300);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-image {\n aspect-ratio: 16\/10;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-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 .onna-design-card:hover .onna-design-card-image img {\n transform: scale(1.05);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-content {\n padding: 28px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 12px;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-design-card-text {\n font-size: 0.9375rem;\n line-height: 1.7;\n color: var(--onna-gray-600);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n GEOMETRY SECTION\n ============================================ *\/\n .onna-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 .onna-stat-item {\n text-align: center;\n padding: 32px 16px;\n background: var(--onna-white);\n border-radius: 20px;\n border: 1px solid var(--onna-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 .onna-stat-item:hover {\n border-color: var(--onna-gray-300);\n transform: translateY(-4px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-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(90deg, #2997ff 0%, #6366f1 30%, #a855f7 50%, #ec4899 70%, #ef4444 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-stat-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--onna-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: start;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table-wrapper {\n overflow-x: auto;\n border-radius: 20px;\n background: var(--onna-white);\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);\n border: 1px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 600px;\n font-size: 0.9375rem;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table thead {\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table th {\n padding: 18px 16px;\n text-align: center;\n font-weight: 700;\n font-size: 0.8125rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n white-space: nowrap;\n color: var(--onna-gray-700);\n border-bottom: 2px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table th:first-child {\n text-align: left;\n padding-left: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table tbody tr {\n border-bottom: 1px solid var(--onna-gray-200);\n transition: background 0.2s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table tbody tr:hover {\n background: var(--onna-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table tbody tr:last-child {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table td {\n padding: 16px;\n text-align: center;\n color: var(--onna-gray-700);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-table td:first-child {\n text-align: left;\n padding-left: 24px;\n font-weight: 600;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geometry-details {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geo-detail-item {\n padding: 20px;\n background: var(--onna-white);\n border-radius: 16px;\n border: 1px solid var(--onna-gray-200);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geo-detail-value {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 4px;\n background: linear-gradient(90deg, #2997ff, #a855f7, #ef4444);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-geo-detail-label {\n font-size: 0.8125rem;\n color: var(--onna-gray-500);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n PRODUCTS \/ CONFIGURATIONS\n ============================================ *\/\n .onna-products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n margin-top: 64px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-card {\n background: var(--onna-gray-50);\n border-radius: 24px;\n overflow: hidden;\n transition: all 0.5s var(--ease-out-expo);\n border: 1px solid var(--onna-gray-200);\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 0.72rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n z-index: 2;\n color: var(--onna-white);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-badge-top { background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); }\n .onna-badge-value { background: linear-gradient(135deg, #ec4899 0%, #ef4444 100%); }\n .onna-badge-entry { background: linear-gradient(135deg, #2997ff 0%, #6366f1 100%); }\u003c\/p\u003e\n\u003cp\u003e .onna-product-image {\n padding: 45px;\n background: var(--onna-white);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-image img {\n max-width: 100%;\n height: auto;\n transition: transform 0.5s var(--ease-out-expo);\n filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-card:hover .onna-product-image img {\n transform: scale(1.08);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-info {\n padding: 32px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-frame {\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n background: linear-gradient(90deg, #2997ff, #a855f7);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-name {\n font-size: 1.35rem;\n font-weight: 800;\n color: var(--onna-black);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-desc {\n font-size: 0.9375rem;\n color: var(--onna-gray-600);\n line-height: 1.65;\n margin-bottom: 22px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-price {\n font-size: 1.6rem;\n font-weight: 800;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-product-price span {\n font-size: 0.85rem;\n color: var(--onna-gray-500);\n font-weight: 400;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ============================================\n COMPARISON TABLE - LIGHT VERSION\n ============================================ *\/\n .onna-comparison-table-wrapper {\n overflow-x: auto;\n margin-top: 60px;\n border-radius: 16px;\n background: var(--onna-white);\n box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n border: 1px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 600px;\n font-size: 0.9375rem;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table thead {\n background: var(--onna-gray-100);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table th {\n padding: 20px 16px;\n text-align: center;\n font-weight: 700;\n font-size: 0.8125rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n white-space: nowrap;\n color: var(--onna-black);\n border-bottom: 2px solid var(--onna-gray-200);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table th:first-child {\n text-align: left;\n padding-left: 24px;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table tbody tr {\n border-bottom: 1px solid var(--onna-gray-200);\n transition: background 0.2s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table tbody tr:hover {\n background: var(--onna-gray-50);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table tbody tr:last-child {\n border-bottom: none;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table td {\n padding: 18px 16px;\n text-align: center;\n color: var(--onna-gray-700);\n vertical-align: top;\n line-height: 1.5;\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table td:first-child {\n text-align: left;\n padding-left: 24px;\n font-weight: 600;\n color: var(--onna-black);\n }\u003c\/p\u003e\n\u003cp\u003e .onna-comparison-table th:first-child,\n .onna-comparison-table td:first-child {\n position: sticky;\n left: 0;\n background: var(--onna-white);\n z-index: 2;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494461186430,"sku":"T20715RA","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494461219198,"sku":"T20715RD","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494461251966,"sku":"T20715RF","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494461284734,"sku":"T20717RA","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494461317502,"sku":"T20717RD","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494461350270,"sku":"T20717RF","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494461383038,"sku":"T20719RA","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494461415806,"sku":"T20719RD","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494461448574,"sku":"T20719RF","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Burning Red (Gloss) - Black (Matt)","offer_id":57494461481342,"sku":"T20721RA","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57494461514110,"sku":"T20721RD","price":3995.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57494461546878,"sku":"T20721RF","price":3995.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T207TTCC-RA-SIDE-ONNA_29_20-3.jpg?v=1780307208"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-bullit","title":"Bicicleta electrica MTB Santa Cruz Bullit","description":"\u003cbody\u003e\n\u003cp\u003e\u003cimg class=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Santa_Cruz_Bicycles_logo.png\" alt=\"Santa Cruz Bicycles – Logos Download\" width=\"517\" height=\"60\"\u003e\u003c\/p\u003e\n\u003cdiv\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"252345\" class=\"elementor elementor-252345\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-e1fecbd e-flex e-con-boxed e-con e-parent\" data-id=\"e1fecbd\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-14c1e6b elementor-widget elementor-widget-html\" data-id=\"14c1e6b\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n \u003ctitle\u003eSanta Cruz Bullit | ProVelo România\u003c\/title\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --sc-red: #E31937;\n --sc-red-dark: #c41530;\n --apple-blue: #0071e3;\n --bosch-blue: #00a0e3;\n --bosch-dark: #005691;\n --bullit-teal: #1a5a5a;\n --bullit-teal-light: #2d7a7a;\n --bullit-black: #1a1a1a;\n --bullit-pink: #e91e63;\n --black: #0a0a0a;\n --dark-gray: #2d2d2d;\n --apple-gray: #f5f5f7;\n --apple-gray-dark: #e8e8ed;\n --text-dark: #1d1d1f;\n --text-gray: #86868b;\n --white: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\u003c\/p\u003e\n\u003cp\u003e html {\n scroll-behavior: smooth;\n }\u003c\/p\u003e\n\u003cp\u003e body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n line-height: 1.5;\n color: var(--text-dark);\n background: var(--white);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== HERO SECTION ========== *\/\n .hero {\n height: 100vh !important;\n min-height: 700px !important;\n position: relative !important;\n overflow: hidden !important;\n transition: background 0.5s ease !important;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero.bg-teal { background: linear-gradient(135deg, #1a5a5a 0%, #2d7a7a 100%); }\n .hero.bg-black { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); }\u003c\/p\u003e\n\u003cp\u003e .dot-teal { background: #1a5a5a !important; }\n .dot-black { background: #1a1a1a !important; border: 2px solid #444 !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 60px 20px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-title {\n font-size: clamp(4rem, 12vw, 10rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n letter-spacing: -0.02em !important;\n line-height: 1 !important;\n margin-bottom: 25px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-subtitle {\n font-size: 1.2rem !important;\n color: rgba(255, 255, 255, 0.8) !important;\n margin-bottom: 30px !important;\n font-weight: 500 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stats {\n display: flex !important;\n justify-content: center !important;\n gap: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat {\n text-align: center !important;\n padding: 0 25px !important;\n border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat:first-child { border-left: none !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-label {\n font-size: 0.65rem !important;\n color: rgba(255, 255, 255, 0.7) !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n margin-bottom: 5px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value {\n font-size: 2rem !important;\n font-weight: 700 !important;\n color: #ffffff !important;\n line-height: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value span { font-size: 1rem !important; font-weight: 400 !important; }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge {\n position: absolute;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(0, 160, 227, 0.9);\n color: white;\n padding: 8px 20px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 2px;\n z-index: 10;\n display: flex;\n align-items: center;\n gap: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge svg { width: 16px; height: 16px; }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 1 !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero .color-selector-vertical { pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slides {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n top: 0 !important;\n left: 0 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n opacity: 0 !important;\n transition: opacity 0.5s ease !important;\n pointer-events: none !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding-top: 180px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide.active { opacity: 1 !important; pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slide img {\n width: auto !important;\n height: 75% !important;\n max-width: 90% !important;\n object-fit: contain !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-vertical {\n position: absolute !important;\n right: 18% !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 10px !important;\n background: rgba(255, 255, 255, 0.95) !important;\n padding: 12px 10px !important;\n border-radius: 30px !important;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\n z-index: 10 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-name-desktop {\n display: block !important;\n text-align: center !important;\n padding: 15px 0 30px !important;\n font-size: 0.9rem !important;\n color: rgba(255, 255, 255, 0.6) !important;\n font-weight: 500 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-mobile, .color-name-mobile { display: none; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v {\n width: 28px !important;\n height: 28px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 2px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v:hover { transform: scale(1.15) !important; }\n .color-dot-v.active { border-color: rgba(0, 0, 0, 0.3) !important; transform: scale(1.1) !important; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m {\n width: 50px !important;\n height: 50px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 3px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m:hover { transform: scale(1.1) !important; }\n .color-dot-m.active { border-color: #1a1a1a !important; transform: scale(1.05) !important; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== STANDOUT FEATURES - CAROUSEL CU TEXT-IMAGINE ========== *\/\n .standout-section {\n background: #1a1a1a;\n padding: 80px 20px 60px;\n overflow: hidden;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-header {\n max-width: 1400px;\n margin: 0 auto 50px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-title {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-track {\n display: flex;\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-slide {\n min-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 30px;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item {\n flex: 1;\n max-width: 320px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text h3 {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text p {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.6);\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image {\n border-radius: 12px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-nav-dots {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 16px;\n margin-top: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn {\n width: 44px;\n height: 44px;\n border: none;\n background: var(--bosch-blue);\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn:hover {\n background: #0096c7;\n transform: scale(1.1);\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn svg { width: 20px; height: 20px; stroke: #ffffff; }\u003c\/p\u003e\n\u003cp\u003e .carousel-dots {\n display: flex;\n gap: 8px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot.active {\n background: var(--bosch-blue);\n width: 24px;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\n .container { max-width: 1400px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .extreme-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .getup-section {\n padding: 100px 20px;\n background: #ffffff;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 60px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse {\n grid-template-columns: 1.2fr 1fr;\n direction: rtl;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse \u003e * { direction: ltr; }\u003c\/p\u003e\n\u003cp\u003e .section-label {\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .section-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n line-height: 1.2 !important;\n margin-bottom: 30px !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-text {\n background: linear-gradient(90deg, var(--bosch-blue) 0%, var(--bosch-dark) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-teal {\n background: linear-gradient(90deg, var(--bullit-teal) 0%, var(--bullit-teal-light) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .section-text {\n font-size: 1.1rem !important;\n color: #555 !important;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image {\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .content-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image:hover img { transform: scale(1.03); }\u003c\/p\u003e\n\u003cp\u003e \/* ========== VIDEO SECTION ========== *\/\n .video-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n text-align: center;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .video-title {\n font-size: 0.85rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase;\n letter-spacing: 3px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-heading {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container {\n max-width: 1200px;\n margin: 0 auto;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container:hover { transform: scale(1.02); }\u003c\/p\u003e\n\u003cp\u003e .video-container iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n display: block;\n border: none;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== DESIGN DETAILS - FUNDAL ALB CU HOTSPOTS NUMEROTATE ========== *\/\n .design-section {\n padding: 80px 0 120px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .design-header {\n text-align: center;\n margin-bottom: 40px;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto 80px;\n position: relative;\n background: var(--white);\n padding: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase img {\n width: 100%;\n max-width: 1000px;\n height: auto;\n display: block;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot {\n position: absolute;\n width: 36px;\n height: 36px;\n background: var(--bosch-blue);\n border: none;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 14px;\n font-weight: 700;\n box-shadow: 0 4px 15px rgba(0, 160, 227, 0.4);\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot:hover {\n background: var(--bosch-dark);\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image {\n height: 250px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover .feature-card-image img { transform: scale(1.1); }\u003c\/p\u003e\n\u003cp\u003e .feature-card-content { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .feature-card-title {\n font-size: 1.6rem !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 15px !important;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-text {\n font-size: 1rem !important;\n color: #555 !important;\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\n .products-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .products-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-subtitle {\n font-size: 1.2rem !important;\n color: #555 !important;\n max-width: 600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tabs {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-bottom: 50px;\n flex-wrap: wrap;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab {\n padding: 12px 24px;\n background: var(--apple-gray);\n border: none;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n color: #666;\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab:hover, .filter-tab.active {\n background: var(--bosch-blue);\n color: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: all 0.4s ease;\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n background: var(--bosch-blue);\n color: var(--white);\n padding: 6px 14px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge.new { background: #10b981; }\n .product-badge.limited { background: var(--bullit-pink); }\u003c\/p\u003e\n\u003cp\u003e .product-image {\n padding: 40px;\n background: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-image img {\n max-width: 100%;\n height: auto;\n transition: transform 0.4s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover .product-image img { transform: scale(1.05); }\u003c\/p\u003e\n\u003cp\u003e .product-info { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .product-frame {\n font-size: 0.75rem !important;\n font-weight: 600 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-name {\n font-size: 1.3rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n margin-bottom: 12px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-desc {\n font-size: 0.9rem !important;\n color: #666 !important;\n line-height: 1.6;\n margin-bottom: 20px;\n min-height: 72px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price {\n font-size: 1.5rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price span {\n font-size: 0.9rem;\n color: #666;\n font-weight: 400;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SPECS TABLE ========== *\/\n .specs-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-subtitle {\n font-size: 1.1rem !important;\n color: #666 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 900px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table thead { background: var(--bullit-teal); }\u003c\/p\u003e\n\u003cp\u003e .specs-table th {\n padding: 24px 20px;\n text-align: center;\n color: var(--white);\n font-weight: 700;\n font-size: 0.95rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n white-space: nowrap;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:first-child {\n border-radius: 20px 0 0 0;\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:last-child { border-radius: 0 20px 0 0; }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr {\n border-bottom: 1px solid #eee;\n transition: background 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr:hover { background: rgba(0, 160, 227, 0.02); }\n .specs-table tbody tr:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .specs-table td {\n padding: 16px 20px;\n font-size: 0.9rem;\n color: #333;\n vertical-align: middle;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table td:first-child {\n font-weight: 600;\n color: var(--text-dark);\n background: rgba(0, 0, 0, 0.02);\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row { background: var(--apple-gray); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row td {\n font-weight: 800;\n color: var(--text-dark);\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 14px 20px;\n text-align: left;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row { background: rgba(0, 160, 227, 0.05); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td {\n font-weight: 800;\n font-size: 1.15rem;\n color: var(--bosch-blue);\n padding: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td:first-child {\n font-size: 0.85rem;\n color: var(--text-dark);\n }\u003c\/p\u003e\n\u003cp\u003e .rrp-label {\n display: block;\n font-size: 0.7rem;\n font-weight: 600;\n color: var(--text-gray);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SIZE CHART ========== *\/\n .size-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-intro {\n font-size: 1.1rem !important;\n color: #666 !important;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .size-chart { max-width: 1000px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .size-row {\n display: flex;\n align-items: center;\n padding: 30px 0;\n border-bottom: 1px solid #eee;\n }\u003c\/p\u003e\n\u003cp\u003e .size-row:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .size-label {\n width: 120px;\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--text-dark);\n flex-shrink: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-container {\n flex: 1;\n position: relative;\n height: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-bg {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 10px;\n height: 8px;\n background: #eee;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar {\n position: absolute;\n bottom: 10px;\n height: 8px;\n background: var(--bosch-blue);\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-info {\n position: absolute;\n top: 0;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\u003c\/p\u003e\n\u003cp\u003e .size-range {\n font-size: 1rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 5px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-reach {\n font-size: 0.85rem;\n color: var(--bosch-blue);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .size-small .size-bar { left: 0%; width: 25%; }\n .size-small .size-info { left: 0%; }\n .size-medium .size-bar { left: 25%; width: 20%; }\n .size-medium .size-info { left: 25%; }\n .size-large .size-bar { left: 45%; width: 20%; }\n .size-large .size-info { left: 45%; }\n .size-xlarge .size-bar { left: 65%; width: 15%; }\n .size-xlarge .size-info { left: 65%; }\n .size-xxlarge .size-bar { left: 80%; width: 20%; }\n .size-xxlarge .size-info { left: 80%; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== GEOMETRY SECTION ========== *\/\n .geometry-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-header {\n text-align: center;\n margin-bottom: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 10px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-note {\n font-size: 0.9rem !important;\n color: var(--text-gray) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 16px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 800px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table thead { background: var(--apple-gray-dark); }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th {\n padding: 20px 25px;\n text-align: center;\n color: var(--text-dark);\n font-weight: 700;\n font-size: 1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th:first-child { text-align: left; padding-left: 30px; }\u003c\/p\u003e\n\u003cp\u003e .geometry-table tbody tr { border-bottom: 1px solid #eee; }\n .geometry-table tbody tr:last-child { border-bottom: none; }\n .geometry-table tbody tr:hover { background: rgba(0, 0, 0, 0.02); }\u003c\/p\u003e\n\u003cp\u003e .geometry-table td {\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Santa Cruz","offers":[{"title":"Podium-Kit \/ Black Pink Splatter \/ XL","offer_id":57494837068158,"sku":"58-23268-109-3-762-8121011-1-1-1","price":56525.0,"currency_code":"RON","in_stock":true},{"title":"Podium-Kit \/ Black Pink Splatter \/ L","offer_id":57494837100926,"sku":"58-23268-109-3-762-8121011-1-1-1","price":56525.0,"currency_code":"RON","in_stock":true},{"title":"Podium-Kit \/ Black Pink Splatter \/ M","offer_id":57494837133694,"sku":"58-23268-109-3-762-8121011-1-1-1","price":56525.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ S","offer_id":57494837166462,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ M","offer_id":57494837199230,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ L","offer_id":57494837231998,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XL","offer_id":57494837264766,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XXL","offer_id":57494837297534,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494837330302,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494837363070,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494837395838,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494837428606,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494837461374,"sku":"58-23268-109-3-762-8121011-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ S","offer_id":57494837494142,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ M","offer_id":57494837526910,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ L","offer_id":57494837559678,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XL","offer_id":57494837592446,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XXL","offer_id":57494837625214,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494837657982,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494837690750,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494837723518,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494837756286,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494837789054,"sku":"58-23268-109-3-762-8121011-1-1-1","price":37825.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ S","offer_id":57494837821822,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ M","offer_id":57494837854590,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ L","offer_id":57494837887358,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XL","offer_id":57494837920126,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XXL","offer_id":57494837952894,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494837985662,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494838018430,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494838051198,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494838083966,"sku":"58-23268-109-3-762-8121011-1-1-1","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ S","offer_id":57494838116734,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ M","offer_id":57494838149502,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ L","offer_id":57494838182270,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XL","offer_id":57494838215038,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XXL","offer_id":57494838247806,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494838280574,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494838313342,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494838346110,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494838378878,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494838411646,"sku":"58-23268-109-3-762-8121011-1-1-1","price":52700.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Bullit_C_GX_AXS_MatteTealSparkle_21923b2d-bd07-4881-9340-a8ea5af3a561-1-scaled.webp?v=1780309074"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-vala","title":"Bicicleta electrica MTB Santa Cruz VALA","description":"\u003cbody\u003e\n\u003cdiv\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"252360\" class=\"elementor elementor-252360\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-e522f74 e-flex e-con-boxed e-con e-parent\" data-id=\"e522f74\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-22c56b6 elementor-widget elementor-widget-html\" data-id=\"22c56b6\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n \u003ctitle\u003eSanta Cruz Vala | ProVelo România\u003c\/title\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --sc-red: #E31937;\n --sc-red-dark: #c41530;\n --apple-blue: #0071e3;\n --apple-blue-hover: #0077ed;\n --bosch-blue: #00a0e3;\n --bosch-dark: #005691;\n --midnight-green: #1a4a4a;\n --midnight-green-light: #2d6b6b;\n --gloss-grey: #7a7d82;\n --black: #0a0a0a;\n --dark-gray: #2d2d2d;\n --apple-gray: #f5f5f7;\n --apple-gray-dark: #e8e8ed;\n --text-dark: #1d1d1f;\n --text-gray: #86868b;\n --white: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\u003c\/p\u003e\n\u003cp\u003e html {\n scroll-behavior: smooth;\n }\u003c\/p\u003e\n\u003cp\u003e body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n line-height: 1.5;\n color: var(--text-dark);\n background: var(--white);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== HERO SECTION ========== *\/\n .hero {\n height: 100vh !important;\n min-height: 700px !important;\n position: relative !important;\n overflow: hidden !important;\n transition: background 0.5s ease !important;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero.bg-midnightgreen { background: linear-gradient(135deg, #1a4a4a 0%, #2d6b6b 100%); }\n .hero.bg-grey { background: linear-gradient(135deg, #5a5d62 0%, #7a7d82 100%); }\u003c\/p\u003e\n\u003cp\u003e .dot-midnightgreen { background: #1a4a4a !important; }\n .dot-grey { background: #7a7d82 !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 60px 20px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-title {\n font-size: clamp(4rem, 12vw, 10rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n letter-spacing: -0.02em !important;\n line-height: 1 !important;\n margin-bottom: 25px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-subtitle {\n font-size: 1.2rem !important;\n color: rgba(255, 255, 255, 0.8) !important;\n margin-bottom: 30px !important;\n font-weight: 500 !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stats {\n display: flex !important;\n justify-content: center !important;\n gap: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat {\n text-align: center !important;\n padding: 0 25px !important;\n border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat:first-child { border-left: none !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-label {\n font-size: 0.65rem !important;\n color: rgba(255, 255, 255, 0.7) !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n margin-bottom: 5px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value {\n font-size: 2rem !important;\n font-weight: 700 !important;\n color: #ffffff !important;\n line-height: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value span { font-size: 1rem !important; font-weight: 400 !important; }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge {\n position: absolute;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(0, 160, 227, 0.9);\n color: white;\n padding: 8px 20px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 2px;\n z-index: 10;\n display: flex;\n align-items: center;\n gap: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .ebike-badge svg { width: 16px; height: 16px; }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 1 !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero .color-selector-vertical { pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slides {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n top: 0 !important;\n left: 0 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n opacity: 0 !important;\n transition: opacity 0.5s ease !important;\n pointer-events: none !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding-top: 120px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide.active { opacity: 1 !important; pointer-events: auto !important; }\u003c\/p\u003e\n\u003cp\u003e .bike-slide img {\n width: auto !important;\n height: 75% !important;\n max-width: 90% !important;\n object-fit: contain !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-vertical {\n position: absolute !important;\n right: 18% !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 10px !important;\n background: rgba(255, 255, 255, 0.95) !important;\n padding: 12px 10px !important;\n border-radius: 30px !important;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\n z-index: 10 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-name-desktop {\n display: block !important;\n text-align: center !important;\n padding: 15px 0 30px !important;\n font-size: 0.9rem !important;\n color: rgba(255, 255, 255, 0.6) !important;\n font-weight: 500 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-selector-mobile, .color-name-mobile { display: none; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v {\n width: 28px !important;\n height: 28px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 2px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v:hover { transform: scale(1.15) !important; }\n .color-dot-v.active { border-color: rgba(0, 0, 0, 0.3) !important; transform: scale(1.1) !important; }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m {\n width: 50px !important;\n height: 50px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 3px solid transparent !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m:hover { transform: scale(1.1) !important; }\n .color-dot-m.active { border-color: #1a1a1a !important; transform: scale(1.05) !important; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== STANDOUT FEATURES - CAROUSEL CU TEXT-IMAGINE ========== *\/\n .standout-section {\n background: #1a1a1a;\n padding: 80px 20px 60px;\n overflow: hidden;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-header {\n max-width: 1400px;\n margin: 0 auto 50px;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-title {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Carousel Container - Text și Imagine alăturate *\/\n .carousel-container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-track {\n display: flex;\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-slide {\n min-width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 30px;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item {\n flex: 1;\n max-width: 320px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text h3 {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 12px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-text p {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.6);\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image {\n border-radius: 12px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-item-image img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Carousel Navigation cu Dots *\/\n .carousel-nav-dots {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 16px;\n margin-top: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn {\n width: 44px;\n height: 44px;\n border: none;\n background: var(--bosch-blue);\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn:hover {\n background: #0096c7;\n transform: scale(1.1);\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn svg { width: 20px; height: 20px; stroke: #ffffff; }\u003c\/p\u003e\n\u003cp\u003e .carousel-dots {\n display: flex;\n gap: 8px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-dot.active {\n background: var(--bosch-blue);\n width: 24px;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\n .container { max-width: 1400px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .extreme-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .getup-section {\n padding: 100px 20px;\n background: #ffffff;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 60px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse {\n grid-template-columns: 1.2fr 1fr;\n direction: rtl;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse \u003e * { direction: ltr; }\u003c\/p\u003e\n\u003cp\u003e .section-label {\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .section-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n line-height: 1.2 !important;\n margin-bottom: 30px !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-text {\n background: linear-gradient(90deg, var(--bosch-blue) 0%, var(--bosch-dark) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-green {\n background: linear-gradient(90deg, var(--midnight-green) 0%, var(--midnight-green-light) 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .section-text {\n font-size: 1.1rem !important;\n color: #555 !important;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image {\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .content-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image:hover img { transform: scale(1.03); }\u003c\/p\u003e\n\u003cp\u003e \/* ========== VIDEO SECTION ========== *\/\n .video-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n text-align: center;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .video-title {\n font-size: 0.85rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase;\n letter-spacing: 3px;\n margin-bottom: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-heading {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 50px;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container {\n max-width: 1200px;\n margin: 0 auto;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);\n transition: transform 0.5s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container:hover { transform: scale(1.02); }\u003c\/p\u003e\n\u003cp\u003e .video-container iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n display: block;\n border: none;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== DESIGN DETAILS - FUNDAL ALB CU HOTSPOTS NUMEROTATE ========== *\/\n .design-section {\n padding: 80px 0 120px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .design-header {\n text-align: center;\n margin-bottom: 40px;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-label {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--bosch-blue);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 15px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n letter-spacing: -0.02em;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Bike Showcase - FUNDAL ALB *\/\n .bike-showcase {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto 80px;\n position: relative;\n background: var(--white);\n padding: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase img {\n width: 100%;\n max-width: 1000px;\n height: auto;\n display: block;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e \/* HOTSPOTS NUMEROTATE - FUNDAL ALBASTRU *\/\n .hotspot {\n position: absolute;\n width: 36px;\n height: 36px;\n background: var(--bosch-blue);\n border: none;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 14px;\n font-weight: 700;\n box-shadow: 0 4px 15px rgba(0, 160, 227, 0.4);\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot:hover {\n background: var(--bosch-dark);\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Poziții hotspots pentru Vala - ca în poza 4 *\/\n .hotspot-1 { top: 40%; left: 46%; }\n .hotspot-2 { top: 62%; left: 43%; }\n .hotspot-3 { top: 48%; left: 70%; }\n .hotspot-4 { top: 26%; left: 36%; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image {\n height: 250px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover .feature-card-image img { transform: scale(1.1); }\u003c\/p\u003e\n\u003cp\u003e .feature-card-content { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .feature-card-title {\n font-size: 1.6rem !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 15px !important;\n line-height: 1.2;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-text {\n font-size: 1rem !important;\n color: #555 !important;\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\n .products-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .products-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-subtitle {\n font-size: 1.2rem !important;\n color: #555 !important;\n max-width: 600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tabs {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-bottom: 50px;\n flex-wrap: wrap;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab {\n padding: 12px 24px;\n background: var(--apple-gray);\n border: none;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n color: #666;\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab:hover, .filter-tab.active {\n background: var(--bosch-blue);\n color: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: all 0.4s ease;\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n background: var(--bosch-blue);\n color: var(--white);\n padding: 6px 14px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge.new { background: #10b981; }\n .product-badge.aluminum { background: #8b5cf6; }\u003c\/p\u003e\n\u003cp\u003e .product-image {\n padding: 40px;\n background: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 280px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-image img {\n max-width: 100%;\n height: auto;\n transition: transform 0.4s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover .product-image img { transform: scale(1.05); }\u003c\/p\u003e\n\u003cp\u003e .product-info { padding: 30px; }\u003c\/p\u003e\n\u003cp\u003e .product-frame {\n font-size: 0.75rem !important;\n font-weight: 600 !important;\n color: var(--bosch-blue) !important;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 10px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-name {\n font-size: 1.3rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n margin-bottom: 12px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-desc {\n font-size: 0.9rem !important;\n color: #666 !important;\n line-height: 1.6;\n margin-bottom: 20px;\n min-height: 72px;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price {\n font-size: 1.5rem !important;\n font-weight: 800 !important;\n color: #0a0a0a !important;\n }\u003c\/p\u003e\n\u003cp\u003e .product-price span {\n font-size: 0.9rem;\n color: #666;\n font-weight: 400;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SPECS TABLE ========== *\/\n .specs-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-subtitle {\n font-size: 1.1rem !important;\n color: #666 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 1000px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table thead { background: var(--midnight-green); }\u003c\/p\u003e\n\u003cp\u003e .specs-table th {\n padding: 24px 20px;\n text-align: center;\n color: var(--white);\n font-weight: 700;\n font-size: 0.95rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n white-space: nowrap;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:first-child {\n border-radius: 20px 0 0 0;\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table th:last-child { border-radius: 0 20px 0 0; }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr {\n border-bottom: 1px solid #eee;\n transition: background 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table tbody tr:hover { background: rgba(0, 160, 227, 0.02); }\n .specs-table tbody tr:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .specs-table td {\n padding: 16px 20px;\n font-size: 0.9rem;\n color: #333;\n vertical-align: middle;\n text-align: center;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table td:first-child {\n font-weight: 600;\n color: var(--text-dark);\n background: rgba(0, 0, 0, 0.02);\n text-align: left;\n padding-left: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row { background: var(--apple-gray); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .category-row td {\n font-weight: 800;\n color: var(--text-dark);\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 14px 20px;\n text-align: left;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row { background: rgba(0, 160, 227, 0.05); }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td {\n font-weight: 800;\n font-size: 1.15rem;\n color: var(--bosch-blue);\n padding: 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .specs-table .price-row td:first-child {\n font-size: 0.85rem;\n color: var(--text-dark);\n }\u003c\/p\u003e\n\u003cp\u003e .rrp-label {\n display: block;\n font-size: 0.7rem;\n font-weight: 600;\n color: var(--text-gray);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SIZE CHART ========== *\/\n .size-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 20px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .size-intro {\n font-size: 1.1rem !important;\n color: #666 !important;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n }\u003c\/p\u003e\n\u003cp\u003e .size-chart { max-width: 1000px; margin: 0 auto; }\u003c\/p\u003e\n\u003cp\u003e .size-row {\n display: flex;\n align-items: center;\n padding: 30px 0;\n border-bottom: 1px solid #eee;\n }\u003c\/p\u003e\n\u003cp\u003e .size-row:last-child { border-bottom: none; }\u003c\/p\u003e\n\u003cp\u003e .size-label {\n width: 120px;\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--text-dark);\n flex-shrink: 0;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-container {\n flex: 1;\n position: relative;\n height: 80px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar-bg {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 10px;\n height: 8px;\n background: #eee;\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-bar {\n position: absolute;\n bottom: 10px;\n height: 8px;\n background: var(--bosch-blue);\n border-radius: 4px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-info {\n position: absolute;\n top: 0;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\u003c\/p\u003e\n\u003cp\u003e .size-range {\n font-size: 1rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 5px;\n }\u003c\/p\u003e\n\u003cp\u003e .size-reach {\n font-size: 0.85rem;\n color: var(--bosch-blue);\n font-weight: 600;\n }\u003c\/p\u003e\n\u003cp\u003e .size-small .size-bar { left: 0%; width: 25%; }\n .size-small .size-info { left: 0%; }\n .size-medium .size-bar { left: 25%; width: 20%; }\n .size-medium .size-info { left: 25%; }\n .size-large .size-bar { left: 45%; width: 20%; }\n .size-large .size-info { left: 45%; }\n .size-xlarge .size-bar { left: 65%; width: 15%; }\n .size-xlarge .size-info { left: 65%; }\n .size-xxlarge .size-bar { left: 80%; width: 20%; }\n .size-xxlarge .size-info { left: 80%; }\u003c\/p\u003e\n\u003cp\u003e \/* ========== GEOMETRY SECTION ========== *\/\n .geometry-section {\n padding: 120px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-header {\n text-align: center;\n margin-bottom: 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-title {\n font-size: clamp(2rem, 4vw, 3rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 10px !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-note {\n font-size: 0.9rem !important;\n color: var(--text-gray) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table-wrapper {\n max-width: 100%;\n margin: 0 auto;\n overflow-x: auto;\n background: var(--white);\n border-radius: 16px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 800px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table thead { background: var(--apple-gray-dark); }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th {\n padding: 20px 25px;\n text-align: center;\n color: var(--text-dark);\n font-weight: 700;\n font-size: 1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\u003c\/p\u003e\n\u003cp\u003e .geometry-table th:first-child { text-align: left; padding-left: 30px; }\u003c\/p\u003e\n\u003cp\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Santa Cruz","offers":[{"title":"70-Kit \/ Gloss Black \/ S","offer_id":57494839198078,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ M","offer_id":57494839230846,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ L","offer_id":57494839263614,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XL","offer_id":57494839296382,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Black \/ XXL","offer_id":57494839329150,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494839361918,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494839394686,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494839427454,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494839460222,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494839492990,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ S","offer_id":57494839525758,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ M","offer_id":57494839558526,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ L","offer_id":57494839591294,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XL","offer_id":57494839624062,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Black \/ XXL","offer_id":57494839656830,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494839689598,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494839722366,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494839755134,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494839787902,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494839820670,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":36975.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ S","offer_id":57494839853438,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ M","offer_id":57494839886206,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ L","offer_id":57494839918974,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XL","offer_id":57494839951742,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Black \/ XXL","offer_id":57494839984510,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494840017278,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494840050046,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494840082814,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494840115582,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494840148350,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":41650.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ S","offer_id":57494840181118,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ M","offer_id":57494840213886,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ L","offer_id":57494840246654,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XL","offer_id":57494840279422,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Gloss Black \/ XXL","offer_id":57494840312190,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ S","offer_id":57494840344958,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ M","offer_id":57494840377726,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ L","offer_id":57494840410494,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XL","offer_id":57494840443262,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"X0AXS RSV-Kit \/ Matte Teal Sparkle \/ XXL","offer_id":57494840476030,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ S","offer_id":57494840508798,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ M","offer_id":57494840541566,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ L","offer_id":57494840574334,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Stormbringer Purple \/ XL","offer_id":57494840607102,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ S","offer_id":57494840639870,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ M","offer_id":57494840672638,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ L","offer_id":57494840705406,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true},{"title":"AL 70-Kit \/ Gloss Lunar Gray \/ XL","offer_id":57494840738174,"sku":"58-23268-109-3-762-8121011-1-1-1-1","price":26775.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_CC_XX_AXS_RSV_MidnightGreen_864856aa-48e9-424c-a30d-89e6e216eb3b-scaled.webp?v=1780309081"},{"product_id":"bicicleta-mtb-santa-cruz-bronson","title":"Bicicleta MTB Santa Cruz BRONSON ASX","description":"\u003cbody\u003e\n\u003cp\u003eBicicleta MTB Santa Cruz BRONSON ASX\t\t\u003c\/p\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"262866\" class=\"elementor elementor-262866\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-3d07ce5 e-flex e-con-boxed e-con e-parent\" data-id=\"3d07ce5\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-13e1204 elementor-widget elementor-widget-html\" data-id=\"13e1204\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n \u003ctitle\u003eSanta Cruz Bronson | ProVelo România\u003c\/title\u003e\n \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n :root {\n --sc-red: #E31937;\n --sc-red-dark: #c41530;\n --apple-blue: #0071e3;\n --apple-blue-hover: #0077ed;\n --black: #0a0a0a;\n --dark-gray: #2d2d2d;\n --apple-gray: #f5f5f7;\n --apple-gray-dark: #e8e8ed;\n --text-dark: #1d1d1f;\n --text-gray: #86868b;\n --white: #ffffff;\n }\u003c\/p\u003e\n\u003cp\u003e * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\u003c\/p\u003e\n\u003cp\u003e html {\n scroll-behavior: smooth;\n }\u003c\/p\u003e\n\u003cp\u003e body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n line-height: 1.5;\n color: var(--text-dark);\n background: var(--white);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== HERO SECTION - SANTA CRUZ STYLE ========== *\/\n .hero {\n height: 100vh !important;\n min-height: 700px !important;\n position: relative !important;\n overflow: hidden !important;\n transition: background 0.5s ease !important;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Background colors matching bike colors *\/\n .hero.bg-carbon { background: #2d2d2d; }\n .hero.bg-green { background: #3a5a3a; }\n .hero.bg-rootbeer { background: #5a3a2a; }\n .hero.bg-kalimotxo { background: #6a2a2a; }\u003c\/p\u003e\n\u003cp\u003e \/* Dot Colors *\/\n .dot-carbon { background: #3d3d3d !important; background-color: #3d3d3d !important; }\n .dot-green { background: #4a6a4a !important; background-color: #4a6a4a !important; }\n .dot-rootbeer { background: #7a4a2a !important; background-color: #7a4a2a !important; }\n .dot-kalimotxo { background: #8a3a3a !important; background-color: #8a3a3a !important; }\u003c\/p\u003e\n\u003cp\u003e .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 60px 20px 20px;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Override Elementor\/WordPress styles *\/\n .hero h1,\n .hero .hero-title,\n .hero-content h1,\n .hero-content .hero-title,\n h1.hero-title {\n font-size: clamp(5rem, 15vw, 12rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n -webkit-text-fill-color: #ffffff !important;\n letter-spacing: -0.02em !important;\n line-height: 1 !important;\n margin-bottom: 25px !important;\n text-transform: uppercase !important;\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n background: none !important;\n -webkit-background-clip: unset !important;\n background-clip: unset !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* TITLU MEGA - FOARTE MARE ALB *\/\n .hero-title {\n font-size: clamp(5rem, 15vw, 12rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n -webkit-text-fill-color: #ffffff !important;\n letter-spacing: -0.02em !important;\n line-height: 1 !important;\n margin-bottom: 25px !important;\n text-transform: uppercase !important;\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\n display: block !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stats {\n display: flex !important;\n justify-content: center !important;\n gap: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat {\n text-align: center !important;\n padding: 0 25px !important;\n border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat:first-child {\n border-left: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-label {\n font-size: 0.65rem !important;\n color: rgba(255, 255, 255, 0.7) !important;\n -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n margin-bottom: 5px !important;\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\n font-weight: 400 !important;\n display: block !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value {\n font-size: 2rem !important;\n font-weight: 700 !important;\n color: #ffffff !important;\n -webkit-text-fill-color: #ffffff !important;\n line-height: 1 !important;\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\n display: block !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero-stat-value span {\n font-size: 1rem !important;\n font-weight: 400 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Override pentru stats - Elementor *\/\n .hero .hero-stat-label,\n .hero-content .hero-stat-label,\n .hero-stats .hero-stat-label {\n font-size: 0.65rem !important;\n color: rgba(255, 255, 255, 0.7) !important;\n -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n font-weight: 400 !important;\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\n }\u003c\/p\u003e\n\u003cp\u003e .hero .hero-stat-value,\n .hero-content .hero-stat-value,\n .hero-stats .hero-stat-value {\n font-size: 2rem !important;\n font-weight: 700 !important;\n color: #ffffff !important;\n -webkit-text-fill-color: #ffffff !important;\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Bike Showcase in Hero *\/\n .bike-showcase-hero {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 1 !important;\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase-hero .color-selector-vertical {\n pointer-events: auto !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slides {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n top: 0 !important;\n left: 0 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n visibility: visible !important;\n opacity: 1 !important;\n pointer-events: none !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide {\n position: absolute !important;\n width: 100% !important;\n height: 100% !important;\n opacity: 0 !important;\n transition: opacity 0.5s ease !important;\n pointer-events: none !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding-top: 180px !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide.active {\n opacity: 1 !important;\n pointer-events: auto !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-slide img {\n width: auto !important;\n height: 70% !important;\n max-width: 85% !important;\n object-fit: contain !important;\n display: block !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== COLOR SELECTOR ========== *\/\u003c\/p\u003e\n\u003cp\u003e \/* Desktop - selector vertical pe lateral *\/\n .color-selector-vertical {\n position: absolute !important;\n right: 18% !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 10px !important;\n background: rgba(255, 255, 255, 0.95) !important;\n padding: 12px 10px !important;\n border-radius: 30px !important;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\n z-index: 10 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Desktop color name - simplu, alb, centrat *\/\n .color-name-desktop {\n display: block !important;\n text-align: center !important;\n padding: 15px 0 30px !important;\n font-size: 0.9rem !important;\n color: rgba(255, 255, 255, 0.6) !important;\n font-weight: 500 !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Mobile - ascuns pe desktop *\/\n .color-selector-mobile {\n display: none;\n }\u003c\/p\u003e\n\u003cp\u003e .color-name-mobile {\n display: none;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Cercuri culori desktop *\/\n .color-dot-v {\n width: 28px !important;\n height: 28px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 2px solid transparent !important;\n flex-shrink: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v:hover {\n transform: scale(1.15) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-v.active {\n border-color: rgba(0, 0, 0, 0.3) !important;\n transform: scale(1.1) !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* Cercuri culori mobile *\/\n .color-dot-m {\n width: 50px !important;\n height: 50px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n border: 3px solid transparent !important;\n flex-shrink: 0 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m:hover {\n transform: scale(1.1) !important;\n }\u003c\/p\u003e\n\u003cp\u003e .color-dot-m.active {\n border-color: #1a1a1a !important;\n transform: scale(1.05) !important;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== STANDOUT FEATURES - NEGRU ========== *\/\n .standout-section {\n background: #1a1a1a;\n padding: 80px 20px 60px;\n overflow: hidden;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-header {\n max-width: 1400px;\n margin: 0 auto 40px;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-title {\n font-size: clamp(2rem, 5vw, 3.5rem) !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n -webkit-text-fill-color: #ffffff !important;\n text-transform: uppercase;\n letter-spacing: -0.02em;\n margin-bottom: 10px;\n display: block !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e .standout-subtitle {\n font-size: 1rem !important;\n color: rgba(255, 255, 255, 0.6) !important;\n -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .features-carousel-container {\n position: relative;\n max-width: 1600px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .features-carousel {\n display: flex;\n gap: 8px;\n overflow-x: auto;\n scroll-behavior: smooth;\n scrollbar-width: none;\n -ms-overflow-style: none;\n padding: 0 20px 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .features-carousel::-webkit-scrollbar {\n display: none;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-slide {\n flex: 0 0 320px;\n height: 350px;\n border-radius: 12px;\n overflow: hidden;\n position: relative;\n cursor: pointer;\n transition: transform 0.4s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-slide:hover {\n transform: scale(1.02);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-slide:hover img {\n transform: scale(1.1);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-slide-content {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 30px 20px;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-number {\n font-size: 0.7rem;\n color: var(--sc-red);\n font-weight: 600;\n letter-spacing: 1px;\n margin-bottom: 8px;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-name {\n font-size: 1.2rem;\n font-weight: 700;\n color: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-progress {\n max-width: 600px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .progress-bar {\n height: 2px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 1px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .progress-fill {\n height: 100%;\n background: #ffffff;\n width: 25%;\n transition: transform 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-nav {\n display: flex;\n justify-content: flex-end;\n gap: 10px;\n max-width: 1400px;\n margin: 20px auto 0;\n padding: 0 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn {\n width: 44px;\n height: 44px;\n border: 1px solid rgba(255, 255, 255, 0.3);\n background: transparent;\n border-radius: 8px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn:hover {\n background: var(--sc-red);\n border-color: var(--sc-red);\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn svg {\n width: 20px;\n height: 20px;\n stroke: #ffffff;\n transition: stroke 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .carousel-btn:hover svg {\n stroke: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\n .container {\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== SPLIT SECTIONS - FUNDAL GRI APPLE ========== *\/\n .extreme-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .getup-section {\n padding: 100px 20px;\n background: #ffffff;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 60px;\n align-items: center;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse {\n grid-template-columns: 1.2fr 1fr;\n direction: rtl;\n }\u003c\/p\u003e\n\u003cp\u003e .split-layout.reverse \u003e * {\n direction: ltr;\n }\u003c\/p\u003e\n\u003cp\u003e .section-label {\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n color: var(--sc-red) !important;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 20px;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .section-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n -webkit-text-fill-color: #000000 !important;\n line-height: 1.2 !important;\n margin-bottom: 30px !important;\n text-transform: none;\n letter-spacing: -0.02em;\n display: block !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e .section-title .gradient-text,\n .gradient-purple {\n background: linear-gradient(90deg, #a855f7 0%, #7c3aed 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .gradient-cyan {\n background: linear-gradient(90deg, #22d3ee 0%, #0891b2 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .section-text {\n font-size: 1.1rem !important;\n color: #555 !important;\n line-height: 1.8;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image {\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .content-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .content-image:hover img {\n transform: scale(1.03);\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== VIDEO SECTION - MAI MARE ========== *\/\n .video-section {\n padding: 100px 20px;\n background: var(--apple-gray);\n text-align: center;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .video-title {\n font-size: 0.85rem !important;\n color: var(--text-gray) !important;\n text-transform: uppercase;\n letter-spacing: 3px;\n margin-bottom: 20px;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .video-heading {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n -webkit-text-fill-color: #000000 !important;\n margin-bottom: 50px;\n display: block !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e .video-container {\n max-width: 1200px;\n margin: 0 auto;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 40px 100px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .video-container iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n display: block;\n border: none;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== DESIGN DETAILS - FULL WIDTH NEGRU ========== *\/\n .design-section {\n padding: 80px 0 120px;\n background: var(--apple-gray);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .design-header {\n text-align: center;\n margin-bottom: 40px;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .design-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n -webkit-text-fill-color: #000000 !important;\n text-transform: uppercase;\n letter-spacing: -0.02em;\n display: block !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase {\n width: 100%;\n margin: 0 auto 80px;\n position: relative;\n background: #1a1a1a;\n padding: 80px 40px;\n }\u003c\/p\u003e\n\u003cp\u003e .bike-showcase img {\n width: 100%;\n max-width: 1400px;\n height: auto;\n display: block;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e \/* HOTSPOTS PE BICICLETĂ *\/\n .hotspot {\n position: absolute;\n width: 32px;\n height: 32px;\n background: rgba(255, 255, 255, 0.1);\n border: 1.5px solid rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot::before {\n content: '+';\n color: rgba(255, 255, 255, 0.6);\n font-size: 18px;\n font-weight: 300;\n line-height: 1;\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot:hover,\n .hotspot.active {\n background: var(--sc-red);\n border-color: var(--sc-red);\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot:hover::before,\n .hotspot.active::before {\n color: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Poziții hotspots PE bicicletă *\/\n .hotspot-1 { top: 28%; left: 38%; } \/* Tija șa *\/\n .hotspot-2 { top: 42%; left: 50%; } \/* Suspensie VPP *\/\n .hotspot-3 { top: 65%; left: 42%; } \/* Flip Chip \/ Pedalier *\/\n .hotspot-4 { top: 38%; left: 72%; } \/* Furcă *\/\u003c\/p\u003e\n\u003cp\u003e .hotspot-tooltip {\n position: absolute;\n background: var(--white);\n color: var(--text-dark);\n padding: 20px;\n border-radius: 12px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\n width: 260px;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition: all 0.3s ease;\n z-index: 100;\n pointer-events: none;\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot-tooltip.show {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot-tooltip h4 {\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 8px;\n color: var(--text-dark);\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot-tooltip p {\n font-size: 0.85rem;\n color: #666;\n line-height: 1.5;\n }\u003c\/p\u003e\n\u003cp\u003e .hotspot-1 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\n .hotspot-1 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\n .hotspot-2 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\n .hotspot-2 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\n .hotspot-3 .hotspot-tooltip { bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-10px); margin-bottom: 10px; }\n .hotspot-3 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\n .hotspot-4 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\n .hotspot-4 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003c\/p\u003e\n\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card {\n background: var(--white);\n border-radius: 20px;\n overflow: hidden;\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image {\n height: 250px;\n overflow: hidden;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card:hover .feature-card-image img {\n transform: scale(1.1);\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-content {\n padding: 30px;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card .feature-card-title,\n .feature-card-title {\n font-size: 1.6rem !important;\n font-weight: 900 !important;\n color: #000000 !important;\n margin-bottom: 15px !important;\n line-height: 1.2;\n display: block !important;\n visibility: visible !important;\n }\u003c\/p\u003e\n\u003cp\u003e .feature-card-text {\n font-size: 1rem !important;\n color: #555 !important;\n line-height: 1.7;\n }\u003c\/p\u003e\n\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\n .products-section {\n padding: 120px 20px;\n background: var(--white);\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n box-sizing: border-box !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-header {\n text-align: center;\n margin-bottom: 60px;\n }\u003c\/p\u003e\n\u003cp\u003e .products-section .products-title,\n .products-title {\n font-size: clamp(2.5rem, 5vw, 4rem) !important;\n font-weight: 900 !important;\n color: #000000 !important;\n -webkit-text-fill-color: #000000 !important;\n margin-bottom: 20px !important;\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-title .gradient-text,\n .specs-title .gradient-text,\n .size-title .gradient-text,\n .geometry-title .gradient-text,\n .cta-title .gradient-text,\n .design-title .gradient-text,\n .standout-title .gradient-text,\n .video-heading .gradient-text {\n background: linear-gradient(90deg, #a855f7 0%, #7c3aed 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-title .gradient-cyan,\n .specs-title .gradient-cyan,\n .size-title .gradient-cyan,\n .geometry-title .gradient-cyan,\n .cta-title .gradient-cyan,\n .design-title .gradient-cyan,\n .standout-title .gradient-cyan,\n .video-heading .gradient-cyan {\n background: linear-gradient(90deg, #22d3ee 0%, #0891b2 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\u003c\/p\u003e\n\u003cp\u003e .products-section .products-subtitle,\n .products-subtitle {\n font-size: 1.2rem !important;\n color: #555 !important;\n max-width: 600px;\n margin: 0 auto;\n display: block !important;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tabs {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-bottom: 50px;\n flex-wrap: wrap;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab {\n padding: 12px 24px;\n background: var(--apple-gray);\n border: none;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n color: #666;\n cursor: pointer;\n transition: all 0.3s ease;\n }\u003c\/p\u003e\n\u003cp\u003e .filter-tab:hover,\n .filter-tab.active {\n background: var(--apple-blue);\n color: var(--white);\n }\u003c\/p\u003e\n\u003cp\u003e \/* Products Color Selector *\/\n .products-color-selector {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 15px;\n margin: 30px 0;\n flex-wrap: wrap;\n }\u003c\/p\u003e\n\u003cp\u003e .products-color-label {\n font-size: 0.9rem;\n color: #666;\n font-weight: 500;\n }\u003c\/p\u003e\n\u003cp\u003e .products-color-pills {\n display: flex;\n align-items: center;\n gap: 10px;\n background: rgba(255, 255, 255, 0.95);\n padding: 8px 15px;\n border-radius: 30px;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n }\u003c\/p\u003e\n\u003cp\u003e .product-color-dot {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n border: 2px solid transparent;\n cursor: pointer;\n transition: all 0.3s ease;\n padding: 0;\n outline: none;\n -webkit-appearance: none;\n }\u003c\/p\u003e\n\u003cp\u003e .product-color-dot:hover {\n transform: scale(1.15);\n }\u003c\/p\u003e\n\u003cp\u003e .product-color-dot.active {\n border-color: #1a1a1a;\n transform: scale(1.1);\n }\u003c\/p\u003e\n\u003cp\u003e .products-color-name {\n font-size: 0.85rem;\n color: #333;\n font-weight: 500;\n min-width: 120px;\n }\u003c\/p\u003e\n\u003cp\u003e .products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card {\n background: var(--apple-gray);\n border-radius: 20px;\n overflow: hidden;\n transition: all 0.4s ease;\n position: relative;\n }\u003c\/p\u003e\n\u003cp\u003e .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n }\u003c\/p\u003e\n\u003cp\u003e .product-badge {\n position: absolute;\n top: 20px;\n left: 20px;\n background: var(--sc-red);\n color: var(--white);\n padding: 6px 14px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n z-index: 2;\n }\u003c\/p\u003e\n\u003cp\u003e .product-image\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Santa Cruz","offers":[{"title":"X0 AXS RSV-Kit \/ Kalimotxo \/ S","offer_id":57495789961598,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Kalimotxo \/ M","offer_id":57495789994366,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Kalimotxo \/ L","offer_id":57495790027134,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Kalimotxo \/ XL","offer_id":57495790059902,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Kalimotxo \/ XXL","offer_id":57495790092670,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Translucent Root Beer \/ S","offer_id":57495790125438,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Translucent Root Beer \/ M","offer_id":57495790158206,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Translucent Root Beer \/ L","offer_id":57495790190974,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Translucent Root Beer \/ XL","offer_id":57495790223742,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Translucent Root Beer \/ XXL","offer_id":57495790256510,"sku":"58-23268-109-3-762-8121011-1-1-2","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Kalimotxo \/ S","offer_id":57495790289278,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Kalimotxo \/ M","offer_id":57495790322046,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Kalimotxo \/ L","offer_id":57495790354814,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Kalimotxo \/ XL","offer_id":57495790387582,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Kalimotxo \/ XXL","offer_id":57495790420350,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Translucent Root Beer \/ S","offer_id":57495790453118,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Translucent Root Beer \/ M","offer_id":57495790485886,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Translucent Root Beer \/ L","offer_id":57495790518654,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Translucent Root Beer \/ XL","offer_id":57495790551422,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS-Kit \/ Translucent Root Beer \/ XXL","offer_id":57495790584190,"sku":"58-23268-109-3-762-8121011-1-1-2","price":37400.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_bronson_black_hero_f3909300-d144-43c0-a0bc-d4f483fe2e8a.webp?v=1780322362"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-vala-al-deore","title":"Bicicleta electrica MTB Santa Cruz VALA AL Deore","description":"\u003cbody\u003e\n\u003cdiv\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"308005\" class=\"elementor elementor-308005\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-1c3fe34 e-flex e-con-boxed e-con e-parent\" data-id=\"1c3fe34\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-c0aee48 elementor-widget elementor-widget-html\" data-id=\"c0aee48\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003cbr\u003e\n\u003cbr\u003e\n\u003c\/p\u003e\n\u003cbr\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n\u003ctitle\u003eSanta Cruz Vala AL Deore — Bosch e-MTB 150\/160mm | ProVelo\u003c\/title\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cp\u003e\u003c!-- ============ Product schema ============ --\u003e\u003cbr\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Product\",\"name\":\"Santa Cruz Vala AL Deore\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_AL_Deore_GlossLunarGray-1.png\",\"description\":\"E-MTB full-power Bosch cu cadru aluminiu Vala AL, motor Bosch Performance Line CX, baterie 600Wh, suspensie 150mm spate \/ 160mm fata, roti MX, transmisie Shimano Deore, frane mari pentru control, jante Reserve aluminiu cu garantie pe viata.\",\"sku\":\"VALA-AL-DEORE\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Santa Cruz Bicycles\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"21595\",\"priceValidUntil\":\"2026-12-31\",\"availability\":\"https:\/\/schema.org\/InStock\"}}\n\u003c\/script\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* =============================================================\n Santa Cruz tokens — Bold sans-serif, full-color hero\n ============================================================= *\/\n:root{\n --sc-black:#0F0F10;\n --sc-ink:#1A1A1C;\n --sc-graphite:#3A3A3D;\n --sc-silver:#86868B;\n --sc-mist:#D8D8DC;\n --sc-fog:#F2F2F0;\n --sc-paper:#FAFAF7;\n --sc-white:#FFFFFF;\u003c\/p\u003e\n\u003cp\u003e \/* Vala AL colorways *\/\n --vala-gray:#9B9B91;\n --vala-gray-deep:#777769;\n --vala-purple:#4A2D3B;\n --vala-purple-deep:#2E1A24;\u003c\/p\u003e\n\u003cp\u003e --r-md:14px;\n --r-lg:22px;\n --r-pill:980px;\u003c\/p\u003e\n\u003cp\u003e --ease-out:cubic-bezier(0.25,0.46,0.45,0.94);\u003c\/p\u003e\n\u003cp\u003e --container:1320px;\n --container-narrow:1040px;\n --container-text:720px;\n}\u003c\/p\u003e\n\u003cp\u003e\/* ================= reset ================= *\/\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\nbody{\n font-family:'Inter',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;\n font-size:16px;line-height:1.5;\n color:var(--sc-ink);\n background:var(--sc-paper);\n -webkit-font-smoothing:antialiased;\n -moz-osx-font-smoothing:grayscale;\n text-rendering:optimizeLegibility;\n overflow-x:hidden;\n}\nimg{display:block;max-width:100%;height:auto}\na{color:inherit;text-decoration:none}\nbutton{font:inherit;color:inherit;background:none;border:none;cursor:pointer}\u003c\/p\u003e\n\u003cp\u003e\/* ================= type ================= *\/\n.eyebrow{\n font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.18em;\n color:var(--sc-silver);display:inline-block;\n}\nh1,h2,h3,h4{font-weight:800;letter-spacing:-0.02em;color:var(--sc-ink);line-height:1.05}\n.heading-xl{font-size:clamp(48px,7vw,96px);font-weight:800;letter-spacing:-0.035em;line-height:0.98}\n.heading-l{font-size:clamp(36px,5vw,68px);font-weight:800;letter-spacing:-0.025em;line-height:1.05}\n.heading-m{font-size:clamp(24px,3vw,38px);font-weight:700;letter-spacing:-0.015em;line-height:1.15}\n.body-l{font-size:18px;line-height:1.55;color:var(--sc-graphite);font-weight:400}\n.body{font-size:16px;line-height:1.6;color:var(--sc-graphite);font-weight:400}\n.text-wrap{text-wrap:pretty}\u003c\/p\u003e\n\u003cp\u003e\/* full-width breakout — Elementor\/WordPress safety *\/\n.sc-landing section,\n.sc-landing header.hero,\n.sc-landing .footer,\n.sc-landing .video-full,\n.sc-landing .lifestyle,\n.sc-landing .design-details,\n.sc-landing .upgrade-section,\n.sc-landing .closing,\n.sc-landing .bigstats{\n width:100vw !important;max-width:100vw !important;\n position:relative !important;\n left:50% !important;right:50% !important;\n margin-left:-50vw !important;margin-right:-50vw !important;\n float:none !important;\n}\nhtml,body{overflow-x:hidden !important;max-width:100vw !important;margin:0 !important;padding:0 !important}\n.sc-landing{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;font-family:'Inter',-apple-system,sans-serif !important;float:none !important;overflow:visible !important;display:block !important}\n.sc-landing *,.sc-landing *::before,.sc-landing *::after{box-sizing:border-box !important}\u003c\/p\u003e\n\u003cp\u003e\/* ================= buttons ================= *\/\n.btn{\n display:inline-flex;align-items:center;justify-content:center;gap:10px;\n padding:16px 32px;border-radius:var(--r-pill);\n font-size:15px;font-weight:600;line-height:1;letter-spacing:0.02em;\n text-transform:uppercase;\n transition:background .25s var(--ease-out),color .25s var(--ease-out),transform .25s var(--ease-out);\n}\n.btn.primary{background:var(--sc-ink);color:var(--sc-white)}\n.btn.primary:hover{background:var(--sc-black);transform:translateY(-1px)}\n.btn.secondary{background:transparent;border:1.5px solid var(--sc-ink);color:var(--sc-ink)}\n.btn.secondary:hover{background:var(--sc-ink);color:var(--sc-white)}\n.btn.on-dark{background:var(--sc-white);color:var(--sc-ink)}\n.btn.on-dark:hover{background:var(--sc-paper)}\n.btn.outline-on-dark{background:transparent;border:1.5px solid rgba(255,255,255,0.7);color:var(--sc-white)}\n.btn.outline-on-dark:hover{background:rgba(255,255,255,0.15)}\u003c\/p\u003e\n\u003cp\u003e\/* =============================================================\n HERO — Santa Cruz signature: full-color BG, ghost wordmark, vertical color picker\n ============================================================= *\/\n.hero{\n position:relative;\n min-height:100vh;min-height:100dvh;\n padding:32px 32px 40px;\n display:grid;\n grid-template-rows:auto 1fr auto auto;\n gap:0;\n overflow:hidden;\n transition:background-color 1s var(--ease-out);\n}\n.sc-landing\u003cdata-color=\"gray\"\u003e .hero{background:#a9a99e}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero{background:#4a2d3b}\u003c\/p\u003e\n\u003cp\u003e\/* ghost wordmark behind everything *\/\n.hero-wordmark{\n position:absolute;top:50%;left:50%;transform:translate(-50%, -52%);\n font-size:clamp(180px, 32vw, 520px);\n font-weight:900;letter-spacing:-0.05em;line-height:1;\n pointer-events:none;\n opacity:0.25;\n transition:color 1s var(--ease-out);\n z-index:1;\n}\n.sc-landing\u003cdata-color=\"gray\"\u003e .hero-wordmark{color:#cccbb9}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-wordmark{color:#7a4f63}\u003c\/p\u003e\n\u003cp\u003e\/* Top bar: brand mark + spec stats *\/\n.hero-top{\n position:relative;z-index:3;\n display:flex;align-items:center;justify-content:space-between;\n max-width:var(--container);margin:0 auto;width:100%;\n padding:8px 0 0;\n}\n.hero-brand{\n display:flex;align-items:center;gap:18px;\n color:var(--sc-ink);\n transition:filter 1s var(--ease-out);\n}\n.hero-brand .logo-mark{\n width:76px;height:76px;flex-shrink:0;\n background:#E32E2E url('https:\/\/www.santacruzbicycles.com\/cdn\/shop\/files\/header-logo.svg') no-repeat center\/72%;\n border-radius:8px;\n box-shadow:0 4px 14px rgba(227,46,46,0.35);\n}\n.hero-brand .logo-word{\n height:22px;\n background:url('https:\/\/www.santacruzbicycles.com\/cdn\/shop\/files\/santa_cruz.svg') no-repeat left center\/contain;\n width:240px;\n display:block;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-brand .logo-word{filter:invert(1) brightness(2)}\u003c\/p\u003e\n\u003cp\u003e\/* Spec stats row *\/\n.hero-stats{\n display:flex;align-items:center;gap:0;\n font-size:14px;\n color:var(--sc-ink);\n}\n.hero-stats .stat{\n padding:0 28px;text-align:center;\n position:relative;\n}\n.hero-stats .stat + .stat::before{\n content:\"\";position:absolute;left:0;top:8px;bottom:8px;width:1px;\n background:currentColor;opacity:0.25;\n}\n.hero-stats .stat .label{\n display:block;\n font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;\n opacity:0.65;margin-bottom:4px;\n}\n.hero-stats .stat .value{\n display:block;\n font-size:22px;font-weight:700;letter-spacing:-0.01em;line-height:1;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-stats{color:#fff}\u003c\/p\u003e\n\u003cp\u003e\/* Center: bike *\/\n.hero-stage{\n position:relative;z-index:2;\n display:flex;align-items:center;justify-content:center;\n width:100%;max-width:var(--container);margin:0 auto;\n min-height:0;\n}\n.hero-bike{\n position:relative;width:100%;max-width:1400px;\n aspect-ratio:16\/10;\n}\n.hero-bike .bike-img{\n position:absolute;inset:0;\n width:100%;height:100%;object-fit:contain;\n transition:opacity .6s var(--ease-out);\n filter:drop-shadow(0 30px 50px rgba(0,0,0,0.25));\n}\n.hero-bike .bike-img.hidden{opacity:0;pointer-events:none}\u003c\/p\u003e\n\u003cp\u003e\/* Color picker — under bike, horizontal, 30% larger *\/\n.color-picker-wrap{\n position:relative;\n z-index:4;\n display:flex;flex-direction:column;align-items:center;gap:18px;\n margin:24px auto 0;\n width:fit-content;\n}\n.color-name{\n display:inline-block;\n font-size:14px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;\n color:var(--sc-ink);\n background:var(--sc-white);\n padding:10px 18px;border-radius:var(--r-pill);\n box-shadow:0 4px 14px rgba(0,0,0,0.14);\n white-space:nowrap;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .color-name{color:var(--sc-ink)}\n.color-picker{\n display:flex;flex-direction:row;align-items:center;gap:14px;\n padding:14px 18px;\n background:var(--sc-white);\n border-radius:var(--r-pill);\n box-shadow:0 6px 24px rgba(0,0,0,0.22);\n}\n.color-picker .swatch{\n width:34px;height:34px;border-radius:50%;\n position:relative;cursor:pointer;\n border:0;padding:0;background:transparent;\n transition:transform .2s var(--ease-out);\n}\n.color-picker .swatch::before{\n content:\"\";position:absolute;inset:4px;border-radius:50%;\n box-shadow:inset 0 0 0 1px rgba(0,0,0,0.2);\n}\n.color-picker .swatch::after{\n content:\"\";position:absolute;inset:0;border-radius:50%;\n border:2px solid transparent;\n transition:border-color .25s var(--ease-out);\n}\n.color-picker .swatch:hover{transform:scale(1.08)}\n.color-picker .swatch\u003caria-pressed=\"true\"\u003e::after{border-color:var(--sc-ink)}\n.color-picker .swatch.gray::before{background:linear-gradient(135deg,#bdbdb1 0%,#7c7c70 100%)}\n.color-picker .swatch.purple::before{background:linear-gradient(135deg,#5e3c4d 0%,#2e1a24 100%)}\u003c\/p\u003e\n\u003cp\u003e\/* Bottom bar: tagline + CTA *\/\n.hero-bottom{\n position:relative;z-index:3;\n display:flex;align-items:flex-end;justify-content:space-between;\n max-width:var(--container);margin:0 auto;width:100%;\n gap:32px;\n}\n.hero-tag{\n font-size:clamp(15px,1.4vw,18px);font-weight:500;\n color:var(--sc-ink);max-width:480px;\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-tag{color:rgba(255,255,255,0.92)}\n.hero-cta{\n display:flex;flex-direction:column;align-items:flex-end;gap:6px;\n}\n.hero-cta .price{\n font-size:13px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;\n color:var(--sc-ink);\n}\n.sc-landing\u003cdata-color=\"purple\"\u003e .hero-cta .price{color:#fff}\n.hero-cta .price strong{font-size:16px;font-weight:800;letter-spacing:-0.005em;text-transform:none;margin-left:4px}\n.hero-cta .old-price{\n font-size:13px;font-weight:500;text-transform:none;\n text-decoration:line-through;\n opacity:0.6;margin-right:6px;letter-spacing:0;\n}\u003c\/p\u003e\n\u003cp\u003e@media (max-width:920px){\n .hero{padding:20px 20px 28px;gap:16px}\n .hero-top{flex-direction:column;align-items:flex-start;gap:14px}\n .hero-stats{flex-wrap:wrap;justify-content:flex-start}\n .hero-stats .stat{padding:0 16px}\n .hero-stats .stat:first-child{padding-left:0}\n .hero-stats .stat + .stat::before{display:none}\n .color-picker{right:16px}\n .hero-bottom{flex-direction:column;align-items:flex-start;gap:16px}\n .hero-cta{align-items:flex-start}\n}\u003c\/p\u003e\n\u003cp\u003e\/* =============================================================\n Sections\n ============================================================= *\/\nsection{padding:120px 32px}\nsection.pad-sm{padding:80px 32px}\nsection.fog{background:var(--sc-fog)}\nsection.paper{background:var(--sc-paper)}\nsection.ink{background:var(--sc-ink);color:#fff}\nsection.ink h1,section.ink h2,section.ink h3{color:#fff}\nsection.ink .body,section.ink .body-l{color:rgba(255,255,255,0.75)}\u003c\/p\u003e\n\u003cp\u003e.container{max-width:var(--container);margin:0 auto}\n.container-narrow{max-width:var(--container-narrow);margin:0 auto}\u003c\/p\u003e\n\u003cp\u003e@media (max-width:720px){\n section{padding:72px 20px}\n section.pad-sm{padding:56px 20px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== INTRO ========== *\/\n.intro-head{text-align:left;max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:72px;align-items:end}\n.intro-head .left .eyebrow{margin-bottom:22px;display:block}\n.intro-title{\n font-size:clamp(48px,6.5vw,92px);\n font-weight:800;letter-spacing:-0.025em;line-height:1.02;\n color:var(--sc-ink);\n}\n.intro-lede{\n font-size:clamp(17px,1.4vw,21px);line-height:1.55;\n color:var(--sc-graphite);font-weight:400;\n}\n.intro-lede strong{color:var(--sc-ink);font-weight:700}\n@media (max-width:920px){\n .intro-head{grid-template-columns:1fr;gap:24px;align-items:start}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Detail blocks (alternating large image\/text) ========== *\/\n.detail-block{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--container);margin:0 auto}\n.detail-block + .detail-block{margin-top:120px}\n.detail-block.reverse .detail-media{order:2}\n.detail-media{\n border-radius:var(--r-lg);overflow:hidden;background:var(--sc-fog);\n aspect-ratio:3\/2;\n}\n.detail-media img{width:100%;height:100%;object-fit:cover}\n.detail-text{padding:24px 0}\n.detail-text .eyebrow{color:var(--sc-silver);margin-bottom:18px;display:block}\n.detail-text h2{margin-bottom:20px}\n.detail-text p{font-size:17px;line-height:1.6;color:var(--sc-graphite);max-width:520px}\n@media (max-width:960px){\n .detail-block{grid-template-columns:1fr;gap:32px}\n .detail-block.reverse .detail-media{order:0}\n .detail-block + .detail-block{margin-top:80px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Feature grid (5 columns Santa Cruz style) ========== *\/\n.features-head{text-align:left;max-width:var(--container);margin:0 auto 56px}\n.features-head h2{margin-bottom:14px}\n.features-grid{\n max-width:var(--container);margin:0 auto;\n display:grid;grid-template-columns:repeat(4,1fr);\n gap:32px;\n}\n.feature{\n display:flex;flex-direction:column;\n}\n.feature-media{\n background:var(--sc-fog);aspect-ratio:1\/1;\n border-radius:var(--r-md);overflow:hidden;margin-bottom:24px;\n}\n.feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}\n.feature:hover .feature-media img{transform:scale(1.04)}\n.feature h3{\n font-size:20px;font-weight:700;letter-spacing:-0.005em;line-height:1.25;\n color:var(--sc-ink);margin-bottom:10px;\n}\n.feature p{\n font-size:14px;line-height:1.55;color:var(--sc-graphite);\n}\n@media (max-width:1100px){.features-grid{grid-template-columns:repeat(2,1fr);gap:36px}}\n@media (max-width:540px){.features-grid{grid-template-columns:1fr;gap:36px}}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Big stat banner (dark) ========== *\/\n.bigstats{\n background:var(--sc-ink);color:#fff;\n padding:120px 32px;\n}\n.bigstats-grid{\n max-width:var(--container);margin:0 auto;\n display:grid;grid-template-columns:repeat(4,1fr);gap:48px;\n text-align:center;\n}\n.bigstat .v{\n font-size:clamp(56px,7vw,96px);font-weight:800;letter-spacing:-0.04em;line-height:0.95;\n color:#fff;margin-bottom:12px;\n}\n.bigstat .k{\n font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;\n color:rgba(255,255,255,0.6);\n}\n@media (max-width:920px){.bigstats-grid{grid-template-columns:repeat(2,1fr);gap:48px}}\n@media (max-width:480px){.bigstats-grid{grid-template-columns:1fr}}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Lifestyle banner ========== *\/\n.lifestyle{\n position:relative;min-height:560px;\n background-size:cover;background-position:center;\n display:flex;align-items:flex-end;\n padding:80px 48px;color:#fff;\n}\n.lifestyle::before{\n content:\"\";position:absolute;inset:0;\n background:linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0) 100%);\n}\n.lifestyle-inner{position:relative;z-index:1;max-width:640px}\n.lifestyle h2{color:#fff !important;font-size:clamp(34px,4.5vw,56px);font-weight:800;letter-spacing:-0.025em;line-height:1.08}\n.lifestyle p{color:rgba(255,255,255,0.85);font-size:17px;line-height:1.55;margin-top:18px;max-width:540px}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Size table ========== *\/\n.size-table{\n width:100%;border-collapse:separate;border-spacing:0;\n background:var(--sc-white);border:1px solid var(--sc-mist);\n border-radius:var(--r-md);overflow:hidden;\n font-size:15px;\n}\n.size-table th{\n padding:18px 22px;text-align:left;\n font-size:11px;text-transform:uppercase;letter-spacing:0.12em;font-weight:700;\n color:var(--sc-silver);border-bottom:1px solid var(--sc-mist);\n background:var(--sc-fog);\n}\n.size-table td{\n padding:18px 22px;border-bottom:1px solid var(--sc-mist);\n color:var(--sc-graphite);\n}\n.size-table tbody tr:last-child td{border-bottom:none}\n.size-table tr.current td{background:#FFF8E1;color:var(--sc-ink);font-weight:600}\n.size-table td:first-child,.size-table th:first-child{padding-left:28px}\n.size-table td:first-child{color:var(--sc-ink);font-weight:600}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Specs ========== *\/\n.specs-list{max-width:var(--container-narrow);margin:0 auto;display:flex;flex-direction:column}\n.specs-row{\n display:grid;grid-template-columns:240px 1fr;gap:48px;\n padding:36px 0;border-top:1px solid var(--sc-mist);\n align-items:flex-start;\n}\n.specs-row:first-child{border-top:none;padding-top:16px}\n.specs-cat{\n font-size:14px;font-weight:700;color:var(--sc-ink);\n text-transform:uppercase;letter-spacing:0.12em;\n}\n.specs-content{font-size:15px;line-height:1.55;color:var(--sc-graphite)}\n.specs-primary{font-weight:700;color:var(--sc-ink);margin:0 0 6px 0}\n.specs-desc{margin:0}\n.specs-sublabel{font-weight:600;color:var(--sc-ink);margin:14px 0 4px 0;font-size:13px;text-transform:uppercase;letter-spacing:0.08em}\n@media (max-width:760px){\n .specs-row{grid-template-columns:1fr;gap:12px;padding:28px 0}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Full-screen cinematic video ========== *\/\n.video-full{\n position:relative !important;\n width:100vw !important;max-width:100vw !important;\n height:100vh !important;height:100dvh !important;\n min-height:100vh !important;min-height:100dvh !important;\n padding:0 !important;margin:0 !important;\n overflow:hidden !important;\n background:#000 !important;\n display:block !important;\n left:50% !important;right:50% !important;\n margin-left:-50vw !important;margin-right:-50vw !important;\n}\n.video-full video{\n position:absolute !important;top:0 !important;left:0 !important;\n width:100% !important;height:100% !important;\n object-fit:cover !important;\n z-index:1 !important;\n}\n.video-full .video-overlay{\n position:absolute !important;inset:0 !important;z-index:2 !important;\n background:\n linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.10) 25%, rgba(0,0,0,0.20) 60%, rgba(0,0,0,0.85) 100%) !important;\n pointer-events:none !important;\n}\n.video-full .video-caption{\n position:absolute !important;left:0 !important;right:0 !important;\n bottom:clamp(60px,10vh,140px) !important;\n z-index:3 !important;text-align:center !important;color:#fff !important;\n padding:0 32px !important;\n pointer-events:none !important;\n}\n.video-full .video-caption .eyebrow{\n color:#fff !important;-webkit-text-fill-color:#fff !important;\n letter-spacing:0.22em !important;display:inline-block !important;\n margin-bottom:24px !important;\n font-size:13px !important;font-weight:700 !important;\n text-transform:uppercase !important;\n background:rgba(255,255,255,0.12);\n backdrop-filter:blur(8px);\n -webkit-backdrop-filter:blur(8px);\n padding:8px 16px;border-radius:980px;\n border:1px solid rgba(255,255,255,0.25);\n}\n.video-full .video-caption h2{\n color:#fff !important;-webkit-text-fill-color:#fff !important;\n font-size:clamp(48px,7.5vw,112px) !important;\n font-weight:900 !important;letter-spacing:-0.035em !important;line-height:1 !important;\n max-width:1200px !important;margin:0 auto !important;\n text-shadow:0 4px 20px rgba(0,0,0,0.5), 0 1px 4px rgba(0,0,0,0.4);\n}\n.video-full .video-caption p{\n margin:24px auto 0 !important;max-width:680px !important;\n color:#fff !important;-webkit-text-fill-color:#fff !important;\n font-size:clamp(16px,1.4vw,20px) !important;\n line-height:1.55 !important;font-weight:500 !important;\n text-shadow:0 2px 12px rgba(0,0,0,0.5);\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== YouTube standard video ========== *\/\n.video-wrap{\n max-width:1180px;margin:48px auto 0;\n border-radius:var(--r-lg);overflow:hidden;\n background:var(--sc-ink);\n aspect-ratio:16\/9;position:relative;\n}\n.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\u003c\/p\u003e\n\u003cp\u003e\/* ========== DESIGN DETAILS — interactive hotspots ========== *\/\n.design-details{\n background:#000;color:#fff;padding:120px 32px;\n position:relative;\n}\n.design-details h2.dd-title{\n text-align:center;\n font-size:clamp(38px,5vw,72px);font-weight:800;letter-spacing:-0.025em;\n color:#fff;margin-bottom:48px;\n text-transform:uppercase;\n}\n.dd-stage{\n position:relative;\n max-width:1500px;margin:0 auto;\n aspect-ratio:16\/10;\n}\n.dd-stage img{\n width:100%;height:100%;object-fit:contain;\n filter:drop-shadow(0 30px 60px rgba(0,0,0,0.6));\n}\n.hotspot{\n position:absolute;\n width:36px;height:36px;border-radius:50%;\n background:rgba(255,255,255,0.95);\n color:#000;font-size:22px;font-weight:300;line-height:0;\n display:flex;align-items:center;justify-content:center;\n cursor:pointer;\n transform:translate(-50%,-50%);\n transition:transform .25s var(--ease-out),background .25s var(--ease-out);\n z-index:5;\n border:0;\n box-shadow:0 4px 14px rgba(0,0,0,0.4);\n}\n.hotspot::before{content:\"+\";display:block;line-height:1;}\n.hotspot\u003caria-expanded=\"true\"\u003e{background:#FF4D2E;color:#fff;transform:translate(-50%,-50%) rotate(45deg)}\n.hotspot:hover{transform:translate(-50%,-50%) scale(1.12)}\n.hotspot\u003caria-expanded=\"true\"\u003e:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.12)}\n.hotspot-popup{\n position:absolute;\n background:#fff;color:var(--sc-ink);\n padding:22px 24px 24px;border-radius:var(--r-md);\n width:280px;\n box-shadow:0 16px 40px rgba(0,0,0,0.45);\n display:none;\n z-index:6;\n transform:translate(-50%, 16px);\n}\n.hotspot-popup.open{display:block}\n.hotspot-popup h4{\n font-size:13px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;\n color:var(--sc-ink);margin:0 0 10px;line-height:1.2;\n}\n.hotspot-popup p{\n font-size:14px;line-height:1.55;color:var(--sc-graphite);margin:0;\n}\n@media (max-width:760px){\n .design-details{padding:72px 16px}\n .design-details h2.dd-title{font-size:clamp(30px,8vw,48px);margin-bottom:24px}\n .hotspot{width:30px;height:30px;font-size:18px}\n .hotspot-popup{width:240px;padding:18px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Bosch Performance Upgrade 2.0 section — Apple-light gray ========== *\/\n.upgrade-section{\n background:linear-gradient(160deg, #ECECEA 0%, #DDDDD9 100%);\n color:var(--sc-ink);\n padding:120px 32px;\n position:relative;overflow:hidden;\n}\n.upgrade-section::before{\n content:\"\";position:absolute;\n top:-30%;right:-20%;width:60%;height:160%;\n background:radial-gradient(50% 50% at 50% 50%, rgba(227,46,46,0.10) 0%, rgba(227,46,46,0) 70%);\n pointer-events:none;\n}\n.upgrade-grid{\n max-width:var(--container);margin:0 auto;\n display:grid;grid-template-columns:1.1fr 1fr;gap:80px;\n align-items:center;position:relative;z-index:1;\n}\n.upgrade-text .eyebrow{\n color:#E32E2E !important;letter-spacing:0.18em;\n display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;\n background:rgba(227,46,46,0.10);\n padding:6px 12px;border-radius:980px;\n font-size:11px;font-weight:700;\n}\n.upgrade-text .eyebrow::before{\n content:\"\";display:inline-block;width:14px;height:14px;border-radius:4px;\n background:#E32E2E;\n}\n.upgrade-text h2{\n color:var(--sc-ink) !important;\n font-size:clamp(36px,5vw,68px);font-weight:800;letter-spacing:-0.025em;line-height:1.05;\n margin-bottom:24px;\n}\n.upgrade-text h2 em{\n font-style:normal;color:#E32E2E;\n}\n.upgrade-text p{\n color:var(--sc-graphite);font-size:17px;line-height:1.6;\n margin-bottom:18px;max-width:520px;\n}\n.upgrade-text p strong{color:var(--sc-ink);font-weight:700}\n.upgrade-text .upgrade-note{\n display:inline-flex;align-items:center;gap:10px;\n background:rgba(227,46,46,0.08);\n border:1px solid rgba(227,46,46,0.35);\n color:#9c1e1e;\n padding:10px 18px;border-radius:980px;\n font-size:13px;font-weight:600;letter-spacing:0.04em;\n margin-top:8px;\n}\n.upgrade-text .upgrade-note::before{\n content:\"⚡\";font-size:16px;\n}\n.upgrade-stats{\n display:grid;grid-template-columns:1fr 1fr;gap:24px;\n background:rgba(255,255,255,0.55);\n border:1px solid rgba(0,0,0,0.06);\n border-radius:var(--r-lg);\n padding:36px;\n backdrop-filter:blur(10px);\n -webkit-backdrop-filter:blur(10px);\n}\n.upgrade-stat{\n position:relative;\n}\n.upgrade-stat .label{\n display:block;\n font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.14em;\n color:var(--sc-silver);margin-bottom:10px;\n}\n.upgrade-stat .from{\n display:inline-flex;align-items:baseline;gap:4px;\n color:var(--sc-silver);\n font-size:18px;font-weight:600;\n text-decoration:line-through;\n margin-right:8px;\n}\n.upgrade-stat .arrow{\n color:var(--sc-silver);font-size:14px;margin:0 8px;\n}\n.upgrade-stat .to{\n display:inline-flex;align-items:baseline;gap:4px;\n color:#E32E2E;\n font-size:34px;font-weight:800;letter-spacing:-0.025em;\n}\n.upgrade-stat .to .unit{\n font-size:14px;font-weight:600;color:var(--sc-graphite);margin-left:2px;\n}\n@media (max-width:920px){\n .upgrade-grid{grid-template-columns:1fr;gap:48px}\n .upgrade-stats{padding:28px;gap:18px}\n}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Two-up image gallery (provelo webps) ========== *\/\n.gallery-2{\n display:grid;grid-template-columns:1fr 1fr;gap:24px;\n max-width:var(--container);margin:0 auto;\n}\n.gallery-2 .gallery-item{\n border-radius:var(--r-lg);overflow:hidden;background:var(--sc-fog);\n aspect-ratio:3\/2;\n}\n.gallery-2 .gallery-item img{width:100%;height:100%;object-fit:cover;display:block}\n@media (max-width:760px){.gallery-2{grid-template-columns:1fr;gap:16px}}\u003c\/p\u003e\n\u003cp\u003e\/* ========== FAQ ========== *\/\n.faq-list{max-width:780px;margin:0 auto;border-top:1px solid var(--sc-mist)}\n.faq{border-bottom:1px solid var(--sc-mist)}\n.faq summary{\n list-style:none;cursor:pointer;\n padding:24px 4px;\n display:flex;justify-content:space-between;gap:24px;align-items:center;\n font-size:18px;font-weight:600;color:var(--sc-ink);letter-spacing:-0.005em;\n}\n.faq summary::-webkit-details-marker{display:none}\n.faq summary::after{\n content:\"+\";font-weight:300;font-size:28px;color:var(--sc-silver);\n transition:transform .25s var(--ease-out);flex-shrink:0;line-height:1;\n}\n.faq\u003copen\u003e summary::after{content:\"−\"}\n.faq-body{padding:0 4px 26px;color:var(--sc-graphite);font-size:16px;line-height:1.6;max-width:680px}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Closing CTA ========== *\/\n.closing{text-align:center;padding:120px 32px;background:var(--sc-ink);color:#fff}\n.closing .eyebrow{color:rgba(255,255,255,0.6) !important;margin-bottom:24px}\n.closing h2{font-size:clamp(40px,5.5vw,72px);font-weight:800;letter-spacing:-0.03em;line-height:1.04;color:#fff !important;max-width:24ch;margin:0 auto}\n.closing p{margin:24px auto 0;max-width:560px;color:rgba(255,255,255,0.78);font-size:18px;line-height:1.55}\n.closing-price{\n display:inline-flex;align-items:baseline;gap:14px;\n margin:36px 0 8px;\n font-family:'Inter',sans-serif;\n}\n.closing-price .now{\n font-size:clamp(36px,4.5vw,56px);font-weight:800;letter-spacing:-0.03em;\n color:#fff;\n}\n.closing-price .label{\n font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;\n color:rgba(255,255,255,0.55);\n}\n.closing-price .old{\n font-size:clamp(20px,2vw,28px);font-weight:400;\n text-decoration:line-through;color:rgba(255,255,255,0.45);\n letter-spacing:-0.01em;\n}\n.sale-badge{\n display:inline-block;\n background:#E32E2E;color:#fff;\n font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;\n padding:8px 16px;border-radius:980px;\n margin-bottom:18px;\n}\n.closing .ctas{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}\n.assurances{\n margin-top:80px;display:flex;gap:64px;justify-content:center;flex-wrap:wrap;\n font-size:13px;color:rgba(255,255,255,0.55);\n}\n.assurances strong{display:block;color:#fff;font-weight:600;font-size:14px;margin-bottom:4px;letter-spacing:0.005em}\u003c\/p\u003e\n\u003cp\u003e\/* ========== Footer ========== *\/\n.footer{\n border-top:1px solid var(--sc-mist);\n padding:32px;text-align:center;\n font-size:12px;color:var(--sc-silver);\n background:var(--sc-paper);\n letter-spacing:0.04em;\n}\u003c\/p\u003e\n\u003cp\u003e\/* reveal on scroll *\/\n.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}\n.reveal.in{opacity:1;transform:none}\n@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}\u003c\/p\u003e\n\u003cp\u003e\/* =============================================================\n ELEMENTOR \/ WORDPRESS aggressive override layer\n ============================================================= *\/\nhtml body .sc-landing,\nhtml body .sc-landing \u003e *,\nhtml body .sc-landing div{box-sizing:border-box !important}\u003c\/p\u003e\n\u003cp\u003e\/* Force hero full screen even inside Elementor wrappers *\/\nhtml body .sc-landing .hero{\n width:100vw !important;max-width:100vw !important;\n min-height:100vh !important;min-height:100dvh !important;\n position:relative !important;\n left:50% !important;right:50% !important;\n margin-left:-50vw !important;margin-right:-50vw !important;\n padding:32px 32px 40px !important;\n display:grid !important;\n grid-template-rows:auto 1fr auto auto !important;\n overflow:hidden !important;\n}\nhtml body .sc-landing\u003cdata-color=\"gray\"\u003e .hero{background:#a9a99e !important}\nhtml body .sc-landing\u003cdata-color=\"purple\"\u003e .hero{background:#4a2d3b !important}\u003c\/p\u003e\n\u003cp\u003e\/* Force typography sizes against Elementor h1\/h2\/h3 overrides *\/\nhtml body .sc-landing h1,\nhtml body .sc-landing h2,\nhtml body .sc-landing h3,\nhtml body .sc-landing h4{\n font-family:'Inter',-apple-system,sans-serif !important;\n font-weight:800 !important;\n letter-spacing:-0.02em !important;\n line-height:1.05 !important;\n}\nhtml body .sc-landing .hero-wordmark{\n font-size:clamp(180px, 32vw, 520px) !important;\n font-weight:900 !important;letter-spacing:-0.05em !important;line-height:1 !important;\n}\nhtml body .sc-landing .heading-xl{font-size:clamp(48px,7vw,96px) !important;font-weight:800 !important}\nhtml body .sc-landing .heading-l{font-size:clamp(36px,5vw,68px) !important;font-weight:800 !important;line-height:1.05 !important}\nhtml body .sc-landing .heading-m{font-size:clamp(24px,3vw,38px) !important;font-weight:700 !important}\nhtml body .sc-landing .intro-title{font-size:clamp(48px,6.5vw,92px) !important;font-weight:800 !important;letter-spacing:-0.025em !important;line-height:1.02 !important}\nhtml body .sc-landing .dd-title{font-size:clamp(38px,5vw,72px) !important;font-weight:800 !important;letter-spacing:-0.025em !important;text-transform:uppercase !important}\nhtml body .sc-landing .upgrade-text h2{font-size:clamp(36px,5vw,68px) !important;font-weight:800 !important}\nhtml body .sc-landing .feature h3{font-size:20px !important;font-weight:700 !important;letter-spacing:-0.005em !important;line-height:1.25 !important}\nhtml body .sc-landing .video-full .video-caption h2{font-size:clamp(48px,7.5vw,112px) !important;font-weight:900 !important;letter-spacing:-0.035em !important;line-height:1 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}\nhtml body .sc-landing .lifestyle h2{font-size:clamp(34px,4.5vw,56px) !important;font-weight:800 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}\nhtml body .sc-landing .closing h2{font-size:clamp(40px,5.5vw,72px) !important;font-weight:800 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}\u003c\/p\u003e\n\u003cp\u003e\/* Body text *\/\nhtml body .sc-landing p,\nhtml body .sc-landing span{font-family:'Inter',-apple-system,sans-serif !important}\nhtml body .sc-landing .body-l{font-size:18px !important;line-height:1.55 !important}\nhtml body .sc-landing .body{font-size:16px !important;line-height:1.6 !important}\nhtml body .sc-landing .intro-lede{font-size:clamp(17px,1.4vw,21px) !important;line-height:1.55 !important}\nhtml body .sc-landing .hero-tag{font-size:clamp(15px,1.4vw,18px) !important;font-weight:500\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Santa Cruz","offers":[{"title":"Gloss Lunar Gray \/ S","offer_id":57495934828926,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ M","offer_id":57495934861694,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ L","offer_id":57495934894462,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Lunar Gray \/ XL","offer_id":57495934927230,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ S","offer_id":57495934959998,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ M","offer_id":57495934992766,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ L","offer_id":57495935025534,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true},{"title":"Gloss Stormbringer Purple \/ XL","offer_id":57495935058302,"sku":"VALAALDEORE","price":21595.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Vala_AL_Deore_GlossStormbringerPurple-scaled.webp?v=1780323664"},{"product_id":"bicicleta-santa-cruz-hightower-3-c-s-kit-translucent-purple","title":"Bicicleta Santa Cruz Hightower","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"262783\" class=\"elementor elementor-262783\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-d2776e3 e-flex e-con-boxed e-con e-parent\" data-id=\"d2776e3\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-d009aab elementor-widget elementor-widget-html\" data-id=\"d009aab\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\t\t\t\t\t\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003ctitle\u003eSanta Cruz Hightower | ProVelo România\u003c\/title\u003e\n\u003cbr\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e :root {\u003cbr \/\u003e --sc-red: #E31937;\u003cbr \/\u003e --sc-red-dark: #c41530;\u003cbr \/\u003e --apple-blue: #0071e3;\u003cbr \/\u003e --apple-blue-hover: #0077ed;\u003cbr \/\u003e --black: #0a0a0a;\u003cbr \/\u003e --dark-gray: #2d2d2d;\u003cbr \/\u003e --apple-gray: #f5f5f7;\u003cbr \/\u003e --apple-gray-dark: #e8e8ed;\u003cbr \/\u003e --text-dark: #1d1d1f;\u003cbr \/\u003e --text-gray: #86868b;\u003cbr \/\u003e --white: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e * {\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e html {\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e body {\u003cbr \/\u003e font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== HERO SECTION - SANTA CRUZ STYLE ========== *\/\u003cbr \/\u003e .hero {\u003cbr \/\u003e height: 100vh !important;\u003cbr \/\u003e min-height: 700px !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e transition: background 0.5s ease !important;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Background colors matching bike colors *\/\u003cbr \/\u003e .hero.bg-black { background: #3d3d3d; }\u003cbr \/\u003e .hero.bg-red { background: #8B3A3A; }\u003cbr \/\u003e .hero.bg-purple { background: #4a3a5c; }\u003cbr \/\u003e .hero.bg-green { background: #4a6a4a; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Dot Colors *\/\u003cbr \/\u003e .dot-black { background: #1a1a1a !important; background-color: #1a1a1a !important; }\u003cbr \/\u003e .dot-red { background: #9B4A4A !important; background-color: #9B4A4A !important; }\u003cbr \/\u003e .dot-purple { background: #5a4a6c !important; background-color: #5a4a6c !important; }\u003cbr \/\u003e .dot-green { background: #5a8a5a !important; background-color: #5a8a5a !important; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 60px 20px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override Elementor\/WordPress styles *\/\u003cbr \/\u003e .hero h1,\u003cbr \/\u003e .hero .hero-title,\u003cbr \/\u003e .hero-content h1,\u003cbr \/\u003e .hero-content .hero-title,\u003cbr \/\u003e h1.hero-title {\u003cbr \/\u003e font-size: clamp(5rem, 15vw, 12rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 25px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e background: none !important;\u003cbr \/\u003e -webkit-background-clip: unset !important;\u003cbr \/\u003e background-clip: unset !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* TITLU MEGA - FOARTE MARE ALB *\/\u003cbr \/\u003e .hero-title {\u003cbr \/\u003e font-size: clamp(5rem, 15vw, 12rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 25px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stats {\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat {\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 0 25px !important;\u003cbr \/\u003e border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat:first-child {\u003cbr \/\u003e border-left: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-label {\u003cbr \/\u003e font-size: 0.65rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e margin-bottom: 5px !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value {\u003cbr \/\u003e font-size: 2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value span {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override pentru stats - Elementor *\/\u003cbr \/\u003e .hero .hero-stat-label,\u003cbr \/\u003e .hero-content .hero-stat-label,\u003cbr \/\u003e .hero-stats .hero-stat-label {\u003cbr \/\u003e font-size: 0.65rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero .hero-stat-value,\u003cbr \/\u003e .hero-content .hero-stat-value,\u003cbr \/\u003e .hero-stats .hero-stat-value {\u003cbr \/\u003e font-size: 2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike Showcase in Hero *\/\u003cbr \/\u003e .bike-showcase-hero {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e top: 0 !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e z-index: 1 !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase-hero .color-selector-vertical {\u003cbr \/\u003e pointer-events: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slides {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e top: 0 !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e opacity: 0 !important;\u003cbr \/\u003e transition: opacity 0.5s ease !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e padding-top: 180px !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide.active {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide img {\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: 70% !important;\u003cbr \/\u003e max-width: 85% !important;\u003cbr \/\u003e object-fit: contain !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== COLOR SELECTOR ========== *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Desktop - selector vertical pe lateral *\/\u003cbr \/\u003e .color-selector-vertical {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e right: 18% !important;\u003cbr \/\u003e top: 50% !important;\u003cbr \/\u003e transform: translateY(-50%) !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e flex-direction: column !important;\u003cbr \/\u003e gap: 10px !important;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.95) !important;\u003cbr \/\u003e padding: 12px 10px !important;\u003cbr \/\u003e border-radius: 30px !important;\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\u003cbr \/\u003e z-index: 10 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Desktop color name - simplu, alb, centrat *\/\u003cbr \/\u003e .color-name-desktop {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 15px 0 30px !important;\u003cbr \/\u003e font-size: 0.9rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile - ascuns pe desktop *\/\u003cbr \/\u003e .color-selector-mobile {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-name-mobile {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cercuri culori desktop *\/\u003cbr \/\u003e .color-dot-v {\u003cbr \/\u003e width: 28px !important;\u003cbr \/\u003e height: 28px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s ease !important;\u003cbr \/\u003e border: 2px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v:hover {\u003cbr \/\u003e transform: scale(1.15) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v.active {\u003cbr \/\u003e border-color: rgba(0, 0, 0, 0.3) !important;\u003cbr \/\u003e transform: scale(1.1) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cercuri culori mobile *\/\u003cbr \/\u003e .color-dot-m {\u003cbr \/\u003e width: 50px !important;\u003cbr \/\u003e height: 50px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s ease !important;\u003cbr \/\u003e border: 3px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m:hover {\u003cbr \/\u003e transform: scale(1.1) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m.active {\u003cbr \/\u003e border-color: #1a1a1a !important;\u003cbr \/\u003e transform: scale(1.05) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== STANDOUT FEATURES - NEGRU ========== *\/\u003cbr \/\u003e .standout-section {\u003cbr \/\u003e background: #1a1a1a;\u003cbr \/\u003e padding: 80px 20px 60px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-header {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto 40px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-title {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-subtitle {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel-container {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e scrollbar-width: none;\u003cbr \/\u003e -ms-overflow-style: none;\u003cbr \/\u003e padding: 0 20px 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide {\u003cbr \/\u003e flex: 0 0 320px;\u003cbr \/\u003e height: 350px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: transform 0.4s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover {\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover img {\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide-content {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 30px 20px;\u003cbr \/\u003e background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-number {\u003cbr \/\u003e font-size: 0.7rem;\u003cbr \/\u003e color: var(--sc-red);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e letter-spacing: 1px;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-name {\u003cbr \/\u003e font-size: 1.2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-progress {\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-bar {\u003cbr \/\u003e height: 2px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.2);\u003cbr \/\u003e border-radius: 1px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-fill {\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e width: 25%;\u003cbr \/\u003e transition: transform 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-nav {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: flex-end;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 20px auto 0;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn {\u003cbr \/\u003e width: 44px;\u003cbr \/\u003e height: 44px;\u003cbr \/\u003e border: 1px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e border-radius: 8px;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover {\u003cbr \/\u003e background: var(--sc-red);\u003cbr \/\u003e border-color: var(--sc-red);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn svg {\u003cbr \/\u003e width: 20px;\u003cbr \/\u003e height: 20px;\u003cbr \/\u003e stroke: #ffffff;\u003cbr \/\u003e transition: stroke 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover svg {\u003cbr \/\u003e stroke: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\u003cbr \/\u003e .container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== SPLIT SECTIONS - FUNDAL GRI APPLE ========== *\/\u003cbr \/\u003e .extreme-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .getup-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1.2fr;\u003cbr \/\u003e gap: 60px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout.reverse {\u003cbr \/\u003e grid-template-columns: 1.2fr 1fr;\u003cbr \/\u003e direction: rtl;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout.reverse \u003e * {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-label {\u003cbr \/\u003e font-size: 0.75rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: var(--sc-red) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e margin-bottom: 30px !important;\u003cbr \/\u003e text-transform: none;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-title .gradient-text,\u003cbr \/\u003e .gradient-purple {\u003cbr \/\u003e background: linear-gradient(90deg, #a855f7 0%, #7c3aed 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-cyan {\u003cbr \/\u003e background: linear-gradient(90deg, #22d3ee 0%, #0891b2 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-text {\u003cbr \/\u003e font-size: 1.1rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image {\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image:hover img {\u003cbr \/\u003e transform: scale(1.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== VIDEO SECTION - MAI MARE ========== *\/\u003cbr \/\u003e .video-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-title {\u003cbr \/\u003e font-size: 0.85rem !important;\u003cbr \/\u003e color: var(--text-gray) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 3px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-heading {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e margin-bottom: 50px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 100px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container iframe {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/9;\u003cbr \/\u003e display: block;\u003cbr \/\u003e border: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== DESIGN DETAILS - FULL WIDTH NEGRU ========== *\/\u003cbr \/\u003e .design-section {\u003cbr \/\u003e padding: 80px 0 120px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 40px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e margin: 0 auto 80px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e background: #1a1a1a;\u003cbr \/\u003e padding: 80px 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* HOTSPOTS PE BICICLETĂ *\/\u003cbr \/\u003e .hotspot {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e width: 32px;\u003cbr \/\u003e height: 32px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.1);\u003cbr \/\u003e border: 1.5px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot::before {\u003cbr \/\u003e content: '+';\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6);\u003cbr \/\u003e font-size: 18px;\u003cbr \/\u003e font-weight: 300;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover,\u003cbr \/\u003e .hotspot.active {\u003cbr \/\u003e background: var(--sc-red);\u003cbr \/\u003e border-color: var(--sc-red);\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover::before,\u003cbr \/\u003e .hotspot.active::before {\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Poziții hotspots PE bicicletă *\/\u003cbr \/\u003e .hotspot-1 { top: 28%; left: 38%; } \/* Tija șa *\/\u003cbr \/\u003e .hotspot-2 { top: 42%; left: 50%; } \/* Suspensie VPP *\/\u003cbr \/\u003e .hotspot-3 { top: 65%; left: 42%; } \/* Flip Chip \/ Pedalier *\/\u003cbr \/\u003e .hotspot-4 { top: 38%; left: 72%; } \/* Furcă *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\u003cbr \/\u003e width: 260px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e visibility: hidden;\u003cbr \/\u003e transform: translateY(10px);\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e z-index: 100;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip.show {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e visibility: visible;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip h4 {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip p {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-1 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-1 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-2 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-2 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-3 .hotspot-tooltip { bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-10px); margin-bottom: 10px; }\u003cbr \/\u003e .hotspot-3 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-4 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-4 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\u003cbr \/\u003e .features-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card {\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: transform 0.4s ease, box-shadow 0.4s ease;\u003cbr \/\u003e box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover {\u003cbr \/\u003e transform: translateY(-10px);\u003cbr \/\u003e box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image {\u003cbr \/\u003e height: 250px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover .feature-card-image img {\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-content {\u003cbr \/\u003e padding: 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card .feature-card-title,\u003cbr \/\u003e .feature-card-title {\u003cbr \/\u003e font-size: 1.6rem !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e margin-bottom: 15px !important;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-text {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\u003cbr \/\u003e .products-section {\u003cbr \/\u003e padding: 120px 20px;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-section .products-title,\u003cbr \/\u003e .products-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e margin-bottom: 20px !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-title .gradient-text,\u003cbr \/\u003e .specs-title .gradient-text,\u003cbr \/\u003e .size-title .gradient-text,\u003cbr \/\u003e .geometry-title .gradient-text,\u003cbr \/\u003e .cta-title .gradient-text,\u003cbr \/\u003e .design-title .gradient-text,\u003cbr \/\u003e .standout-title .gradient-text,\u003cbr \/\u003e .video-heading .gradient-text {\u003cbr \/\u003e background: linear-gradient(90deg, #a855f7 0%, #7c3aed 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-title .gradient-cyan,\u003cbr \/\u003e .specs-title .gradient-cyan,\u003cbr \/\u003e .size-title .gradient-cyan,\u003cbr \/\u003e .geometry-title .gradient-cyan,\u003cbr \/\u003e .cta-title .gradient-cyan,\u003cbr \/\u003e .design-title .gradient-cyan,\u003cbr \/\u003e .standout-title .gradient-cyan,\u003cbr \/\u003e .video-heading .gradient-cyan {\u003cbr \/\u003e background: linear-gradient(90deg, #22d3ee 0%, #0891b2 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-section .products-subtitle,\u003cbr \/\u003e .products-subtitle {\u003cbr \/\u003e font-size: 1.2rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tabs {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e margin-bottom: 50px;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tab {\u003cbr \/\u003e padding: 12px 24px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e border: none;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tab:hover,\u003cbr \/\u003e .filter-tab.active {\u003cbr \/\u003e background: var(--apple-blue);\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Products Color Selector *\/\u003cbr \/\u003e .products-color-selector {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 15px;\u003cbr \/\u003e margin: 30px 0;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-color-label {\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-color-pills {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.95);\u003cbr \/\u003e padding: 8px 15px;\u003cbr \/\u003e border-radius: 30px;\u003cbr \/\u003e box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-color-dot {\u003cbr \/\u003e width: 28px;\u003cbr \/\u003e height: 28px;\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e border: 2px solid transparent;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e outline: none;\u003cbr \/\u003e -webkit-appearance: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-color-dot:hover {\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-color-dot.active {\u003cbr \/\u003e border-color: #1a1a1a;\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-color-name {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: #333;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e min-width: 120px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card {\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.4s ease;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card:hover {\u003cbr \/\u003e transform: translateY(-10px);\u003cbr \/\u003e box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e background: var(--sc-red);\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-image {\u003cbr \/\u003e padding: 40px;\u003cbr \/\u003e background: var(--whi\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"70-Kit \/ Gloss Brick Red \/ L","offer_id":57496376574334,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Brick Red \/ L","offer_id":57496376607102,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Brick Red \/ L","offer_id":57496376639870,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Brick Red \/ L","offer_id":57496376672638,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Brick Red \/ L","offer_id":57496376705406,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Day Green \/ L","offer_id":57496376738174,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Day Green \/ L","offer_id":57496376770942,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Day Green \/ L","offer_id":57496376803710,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Day Green \/ L","offer_id":57496376836478,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Day Green \/ L","offer_id":57496376869246,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Black \/ L","offer_id":57496376902014,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Black \/ L","offer_id":57496376934782,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Black \/ L","offer_id":57496376967550,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Black \/ L","offer_id":57496377000318,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Black \/ L","offer_id":57496377033086,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Deep Purple \/ L","offer_id":57496377065854,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Deep Purple \/ L","offer_id":57496377098622,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Deep Purple \/ L","offer_id":57496377131390,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Deep Purple \/ L","offer_id":57496377164158,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Deep Purple \/ L","offer_id":57496377196926,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Brick Red \/ M","offer_id":57496377229694,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Brick Red \/ M","offer_id":57496377262462,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Brick Red \/ M","offer_id":57496377295230,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Brick Red \/ M","offer_id":57496377327998,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Brick Red \/ M","offer_id":57496377360766,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Day Green \/ M","offer_id":57496377393534,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Day Green \/ M","offer_id":57496377426302,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Day Green \/ M","offer_id":57496377459070,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Day Green \/ M","offer_id":57496377491838,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Day Green \/ M","offer_id":57496377524606,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Black \/ M","offer_id":57496377557374,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Black \/ M","offer_id":57496377590142,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Black \/ M","offer_id":57496377622910,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Black \/ M","offer_id":57496377655678,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Black \/ M","offer_id":57496377688446,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Deep Purple \/ M","offer_id":57496377721214,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Deep Purple \/ M","offer_id":57496377753982,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Deep Purple \/ M","offer_id":57496377786750,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Deep Purple \/ M","offer_id":57496377819518,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Deep Purple \/ M","offer_id":57496377852286,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Brick Red \/ S","offer_id":57496377885054,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Brick Red \/ S","offer_id":57496377917822,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Brick Red \/ S","offer_id":57496377950590,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Brick Red \/ S","offer_id":57496377983358,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Brick Red \/ S","offer_id":57496378016126,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Day Green \/ S","offer_id":57496378048894,"sku":"58-23268-109-3-762-8121011","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Day Green \/ S","offer_id":57496378081662,"sku":"58-23268-109-3-762-8121011","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Day Green \/ S","offer_id":57496378114430,"sku":"58-23268-109-3-762-8121011","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Day Green \/ S","offer_id":57496378147198,"sku":"58-23268-109-3-762-8121011","price":42500.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Day Green \/ S","offer_id":57496378179966,"sku":"58-23268-109-3-762-8121011","price":48875.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Hightower_C_90_GlossBrickRed_a411f834-8898-43cb-9957-c80cd448489e-scaled.webp?v=1780336812"},{"product_id":"bicicleta-mtb-full-suspension-cannondale-habit-4-ice-green","title":"Bicicleta MTB full suspension Cannondale Habit 4 Ice Green","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\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 !important;\u003cbr \/\u003e text-transform:uppercase !important;letter-spacing:0.1em !imp\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":57496378245502,"sku":"C23401U30MD1","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57496378278270,"sku":"C23401U30MD","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57496378311038,"sku":"C21202U40LG-1","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57496378343806,"sku":"N23209N3-1-2-2","price":10450.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C24_C23401U_Habit_4_IGN_PD.webp?v=1780336765"},{"product_id":"bicicleta-mtb-full-suspension-cannondale-habit-4-candy-red","title":"Bicicleta MTB full suspension Cannondale Habit 4 Candy Red","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":57496378540414,"sku":"C23401U10LG1","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57496378573182,"sku":"C23401U30MD-1","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57496378605950,"sku":"C23401U10LG","price":10450.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57496378638718,"sku":"N23209N3-1-2-2-1","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_CRD_PD-1.webp?v=1780336776"},{"product_id":"bicicleta-mtb-cannondale-habit-ht-1-cinnamon","title":"Bicicleta MTB Cannondale HABIT HT 1","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\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"307341\" class=\"elementor elementor-307341\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-1800755 e-flex e-con-boxed e-con e-parent\" data-id=\"1800755\" 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-ebe6283 elementor-widget elementor-widget-html\" data-id=\"ebe6283\" 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 HT 1 — Trail hardtail 29\" capabil | 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 HT 1\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C25_C26075U_Habit_HT_1_TSK_PD.png\",\"description\":\"Trail hardtail 29 inch cu 130mm furca RockShox Recon Silver RL. Cadru SmartForm C2 Alloy, geometrie progresiva 64° HA, transmisie Shimano CUES 11-speed, frane TRP Gemini 4-piston, dropper TranzX, anvelope Maxxis DHF\/DHR II.\",\"sku\":\"C26075U\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Cannondale\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"7400\",\"priceValidUntil\":\"2026-09-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 \/* Habit HT 1 colorways *\/\u003cbr \/\u003e --cdl-tiger:#C9B58E;\u003cbr \/\u003e --cdl-tiger-deep:#A89376;\u003cbr \/\u003e --cdl-tungsten:#6B8597;\u003cbr \/\u003e --cdl-tungsten-deep:#2C3E4F;\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\/* Hero background tinted to match the bike — Santa Cruz style (lighter, mid-tone) *\/\u003cbr \/\u003e.cdl-landing .hero{transition:background .8s var(--ease-out)}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"tiger\"\u003e .hero{\u003cbr \/\u003e background:\u003cbr \/\u003e radial-gradient(140% 90% at 50% 25%, #8a6e54 0%, #5a4533 70%),\u003cbr \/\u003e #5a4533 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"tiger\"\u003e .hero::before{\u003cbr \/\u003e background:radial-gradient(70% 55% at 50% 100%, rgba(232,213,180,0.28) 0%, rgba(232,213,180,0) 70%) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"tungsten\"\u003e .hero{\u003cbr \/\u003e background:\u003cbr \/\u003e radial-gradient(140% 90% at 50% 25%, #6a8294 0%, #455a6a 70%),\u003cbr \/\u003e #455a6a !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"tungsten\"\u003e .hero::before{\u003cbr \/\u003e background:radial-gradient(70% 55% at 50% 100%, rgba(160,185,205,0.30) 0%, rgba(160,185,205,0) 70%) !important;\u003cbr \/\u003e}\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\/* legacy hero-mark + hero-price — moved into sticky .cdl-nav above *\/\u003cbr \/\u003e.hero-mark,.hero-price{display:none !important}\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 .ht{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:1500px;\u003cbr \/\u003e height:100%;aspect-ratio:16\/9;max-height:100%;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike img{\u003cbr \/\u003e position:absolute;inset:0;\u003cbr \/\u003e width:100%;height:100%;object-fit:contain;\u003cbr \/\u003e filter:drop-shadow(0 40px 60px rgba(0,0,0,0.55)) drop-shadow(0 0 80px rgba(179,255,0,0.08));\u003cbr \/\u003e animation:subtleFloat 7s ease-in-out infinite;\u003cbr \/\u003e animation-delay:1.5s;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike .bike-img.hidden{display:none}\u003cbr \/\u003e@keyframes subtleFloat{\u003cbr \/\u003e 0%,100%{transform:translateY(0)}\u003cbr \/\u003e 50%{transform:translateY(-10px)}\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\/* Big color picker pills — under the bike, in the hero *\/\u003cbr \/\u003e.hero-colors{\u003cbr \/\u003e display:inline-flex;align-items:center;gap:12px;\u003cbr \/\u003e flex-wrap:wrap;justify-content:center;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill{\u003cbr \/\u003e display:inline-flex;align-items:center;gap:12px;\u003cbr \/\u003e padding:10px 22px 10px 12px;\u003cbr \/\u003e background:rgba(255,255,255,0.05);\u003cbr \/\u003e border:1px solid rgba(255,255,255,0.16);\u003cbr \/\u003e border-radius:var(--r-pill);\u003cbr \/\u003e color:#fff;font-size:14px;font-weight:500;\u003cbr \/\u003e letter-spacing:-0.005em;cursor:pointer;\u003cbr \/\u003e transition:background .25s var(--ease-out),border-color .25s var(--ease-out),transform .25s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill:hover{background:rgba(255,255,255,0.1);transform:translateY(-1px)}\u003cbr \/\u003e.hero-colors .pill .swatch-dot{\u003cbr \/\u003e width:30px;height:30px;border-radius:50%;\u003cbr \/\u003e box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18), 0 2px 6px rgba(0,0,0,0.35);\u003cbr \/\u003e flex-shrink:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill .swatch-dot.tiger{background:linear-gradient(135deg,#D8C7A2 0%,#A89376 100%)}\u003cbr \/\u003e.hero-colors .pill .swatch-dot.tungsten{background:linear-gradient(135deg,#7B95A7 0%,#2C3E4F 100%)}\u003cbr \/\u003e.hero-colors .pill\u003caria-pressed=\"true\"\u003e{\u003cbr \/\u003e background:rgba(179,255,0,0.12);\u003cbr \/\u003e border-color:var(--cdl-lime);\u003cbr \/\u003e color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill\u003caria-pressed=\"true\"\u003e .swatch-dot{\u003cbr \/\u003e box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18), 0 0 0 3px rgba(179,255,0,0.45), 0 2px 6px rgba(0,0,0,0.35);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors-tag{\u003cbr \/\u003e display:block;font-size:12px;text-transform:uppercase;letter-spacing:0.14em;\u003cbr \/\u003e opacity:0.55;margin-bottom:14px;\u003cbr \/\u003e}\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 .ht{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 !important;\u003cbr \/\u003e text-transform:uppercase !important;letter-spacing:0.1em !important;\u003cbr \/\u003e padding:8px 16px !important;border-radius:980px !important;\u003cbr \/\u003e margin-bottom:24px !important;font-family:'Inter',-apple-system,sans-serif !importan\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":"L \/ Tiger Shark","offer_id":57496379031934,"sku":"C23401U10LG1-1","price":7400.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tungsten Blue","offer_id":57496379064702,"sku":"C23401U10LG1-1","price":7400.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tiger Shark","offer_id":57496379097470,"sku":"C23401U10LG1-1","price":7400.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tungsten Blue","offer_id":57496379130238,"sku":"C23401U10LG1-1","price":7400.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tiger Shark","offer_id":57496379163006,"sku":"C23401U10LG1-1","price":7400.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tungsten Blue","offer_id":57496379195774,"sku":"C23401U10LG1-1","price":7400.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tiger Shark","offer_id":57496379228542,"sku":"C23401U10LG1-1","price":7400.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tungsten Blue","offer_id":57496379261310,"sku":"C23401U10LG1-1","price":7400.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C25_C26075U_Habit_HT_1_TSK_PD.webp?v=1780336806"},{"product_id":"bicicleta-mtb-cannondale-habit-ht-3-jade","title":"Bicicleta MTB Cannondale Habit HT 2","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\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"307378\" class=\"elementor elementor-307378\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-6063384 e-flex e-con-boxed e-con e-parent\" data-id=\"6063384\" 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-48c5a18 elementor-widget elementor-widget-html\" data-id=\"48c5a18\" 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 HT 2 — Trail hardtail 29\" accesibil | 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 HT 2\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C25_C26085U_Habit_HT_2_PYW_PD.png\",\"description\":\"Trail hardtail 29 inch cu 130mm furca SR Suntour XCM 34 LO. Cadru SmartForm C2 Alloy, geometrie progresiva 64° HA, transmisie Shimano CUES 10-speed LinkGlide, frane Shimano MT200, dropper TranzX, anvelope WTB Breakout\/Trail Boss.\",\"sku\":\"C26085U\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Cannondale\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"5650\",\"priceValidUntil\":\"2026-09-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 \/* Habit HT 2 colorways *\/\u003cbr \/\u003e --cdl-phoenix:#D4B637;\u003cbr \/\u003e --cdl-phoenix-deep:#9C8418;\u003cbr \/\u003e --cdl-obsidian:#2A2A2D;\u003cbr \/\u003e --cdl-obsidian-deep:#0E0E10;\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\/* Hero background tinted to match the bike — Santa Cruz style (lighter, mid-tone) *\/\u003cbr \/\u003e.cdl-landing .hero{transition:background .8s var(--ease-out)}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"phoenix\"\u003e .hero{\u003cbr \/\u003e background:\u003cbr \/\u003e radial-gradient(140% 90% at 50% 25%, #8a7438 0%, #4d3f1c 70%),\u003cbr \/\u003e #4d3f1c !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"phoenix\"\u003e .hero::before{\u003cbr \/\u003e background:radial-gradient(70% 55% at 50% 100%, rgba(232,201,64,0.30) 0%, rgba(232,201,64,0) 70%) !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"obsidian\"\u003e .hero{\u003cbr \/\u003e background:\u003cbr \/\u003e radial-gradient(140% 90% at 50% 25%, #44464A 0%, #1d1d20 70%),\u003cbr \/\u003e #1d1d20 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing\u003cdata-color=\"obsidian\"\u003e .hero::before{\u003cbr \/\u003e background:radial-gradient(70% 55% at 50% 100%, rgba(160,162,168,0.18) 0%, rgba(160,162,168,0) 70%) !important;\u003cbr \/\u003e}\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\/* legacy hero-mark + hero-price — moved into sticky .cdl-nav above *\/\u003cbr \/\u003e.hero-mark,.hero-price{display:none !important}\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 .ht{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:1500px;\u003cbr \/\u003e height:100%;aspect-ratio:16\/9;max-height:100%;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike img{\u003cbr \/\u003e position:absolute;inset:0;\u003cbr \/\u003e width:100%;height:100%;object-fit:contain;\u003cbr \/\u003e filter:drop-shadow(0 40px 60px rgba(0,0,0,0.55)) drop-shadow(0 0 80px rgba(179,255,0,0.08));\u003cbr \/\u003e animation:subtleFloat 7s ease-in-out infinite;\u003cbr \/\u003e animation-delay:1.5s;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-bike .bike-img.hidden{display:none}\u003cbr \/\u003e@keyframes subtleFloat{\u003cbr \/\u003e 0%,100%{transform:translateY(0)}\u003cbr \/\u003e 50%{transform:translateY(-10px)}\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\/* Big color picker pills — under the bike, in the hero *\/\u003cbr \/\u003e.hero-colors{\u003cbr \/\u003e display:inline-flex;align-items:center;gap:12px;\u003cbr \/\u003e flex-wrap:wrap;justify-content:center;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill{\u003cbr \/\u003e display:inline-flex;align-items:center;gap:12px;\u003cbr \/\u003e padding:10px 22px 10px 12px;\u003cbr \/\u003e background:rgba(255,255,255,0.05);\u003cbr \/\u003e border:1px solid rgba(255,255,255,0.16);\u003cbr \/\u003e border-radius:var(--r-pill);\u003cbr \/\u003e color:#fff;font-size:14px;font-weight:500;\u003cbr \/\u003e letter-spacing:-0.005em;cursor:pointer;\u003cbr \/\u003e transition:background .25s var(--ease-out),border-color .25s var(--ease-out),transform .25s var(--ease-out);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill:hover{background:rgba(255,255,255,0.1);transform:translateY(-1px)}\u003cbr \/\u003e.hero-colors .pill .swatch-dot{\u003cbr \/\u003e width:30px;height:30px;border-radius:50%;\u003cbr \/\u003e box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18), 0 2px 6px rgba(0,0,0,0.35);\u003cbr \/\u003e flex-shrink:0;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill .swatch-dot.phoenix{background:linear-gradient(135deg,#E8C940 0%,#9A7E1A 100%)}\u003cbr \/\u003e.hero-colors .pill .swatch-dot.obsidian{background:linear-gradient(135deg,#3A3A3D 0%,#0A0A0A 100%)}\u003cbr \/\u003e.hero-colors .pill\u003caria-pressed=\"true\"\u003e{\u003cbr \/\u003e background:rgba(179,255,0,0.12);\u003cbr \/\u003e border-color:var(--cdl-lime);\u003cbr \/\u003e color:#fff;\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors .pill\u003caria-pressed=\"true\"\u003e .swatch-dot{\u003cbr \/\u003e box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18), 0 0 0 3px rgba(179,255,0,0.45), 0 2px 6px rgba(0,0,0,0.35);\u003cbr \/\u003e}\u003cbr \/\u003e.hero-colors-tag{\u003cbr \/\u003e display:block;font-size:12px;text-transform:uppercase;letter-spacing:0.14em;\u003cbr \/\u003e opacity:0.55;margin-bottom:14px;\u003cbr \/\u003e}\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 .ht{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 !important;\u003cbr \/\u003e text-transform:uppercase !important;letter-spacing:0.1em !important;\u003cbr \/\u003e padding:8px 16px !important;border-radius:980px !important;\u003cbr \/\u003e margin-bottom:24px !important;font-family:'Inter',-apple-system,sans-serif !i\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":"L \/ Obsidian","offer_id":57496379982206,"sku":"C23401U10LG1-1-1","price":5650.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Phoenix Yellow","offer_id":57496380014974,"sku":"C23401U10LG1-1-1","price":5650.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Obsidian","offer_id":57496380047742,"sku":"C23401U10LG1-1-1","price":5650.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Phoenix Yellow","offer_id":57496380080510,"sku":"C23401U10LG1-1-1","price":5650.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Obsidian","offer_id":57496380113278,"sku":"C23401U10LG1-1-1","price":5650.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Phoenix Yellow","offer_id":57496380146046,"sku":"C23401U10LG1-1-1","price":5650.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Obsidian","offer_id":57496380178814,"sku":"C23401U10LG1-1-1","price":5650.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Phoenix Yellow","offer_id":57496380211582,"sku":"C23401U10LG1-1-1","price":5650.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C25_C26085U_Habit_HT_2_PYW_PD.webp?v=1780336840"},{"product_id":"bicicleta-mtb-santa-cruz-nomad-90-carbon-c-coral","title":"Bicicleta MTB Santa Cruz Nomad 90 Carbon C Coral","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"262493\" class=\"elementor elementor-262493\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-7c8c29d e-flex e-con-boxed e-con e-parent\" data-id=\"7c8c29d\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-3563e2d elementor-widget elementor-widget-html\" data-id=\"3563e2d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\t\t\t\t\t\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003ctitle\u003eSanta Cruz Nomad | ProVelo România\u003c\/title\u003e\n\u003cbr\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e :root {\u003cbr \/\u003e --sc-red: #E31937;\u003cbr \/\u003e --sc-red-dark: #c41530;\u003cbr \/\u003e --apple-blue: #0071e3;\u003cbr \/\u003e --apple-blue-hover: #0077ed;\u003cbr \/\u003e --black: #0a0a0a;\u003cbr \/\u003e --dark-gray: #2d2d2d;\u003cbr \/\u003e --apple-gray: #f5f5f7;\u003cbr \/\u003e --apple-gray-dark: #e8e8ed;\u003cbr \/\u003e --text-dark: #1d1d1f;\u003cbr \/\u003e --text-gray: #86868b;\u003cbr \/\u003e --white: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e * {\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e html {\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e body {\u003cbr \/\u003e font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== HERO SECTION - SANTA CRUZ STYLE ========== *\/\u003cbr \/\u003e .hero {\u003cbr \/\u003e height: 100vh !important;\u003cbr \/\u003e min-height: 700px !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e transition: background 0.5s ease !important;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Background colors matching bike colors *\/\u003cbr \/\u003e .hero.bg-black { background: #3d3d3d; }\u003cbr \/\u003e .hero.bg-coral { background: #f97068; }\u003cbr \/\u003e .hero.bg-purple { background: #5a4a5a; }\u003cbr \/\u003e .hero.bg-teal { background: #6a9090; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Dot Colors *\/\u003cbr \/\u003e .dot-black { background: #1a1a1a !important; background-color: #1a1a1a !important; }\u003cbr \/\u003e .dot-coral { background: #f97068 !important; background-color: #f97068 !important; }\u003cbr \/\u003e .dot-purple { background: #6b4a6b !important; background-color: #6b4a6b !important; }\u003cbr \/\u003e .dot-teal { background: #7ab8b8 !important; background-color: #7ab8b8 !important; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 60px 20px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override Elementor\/WordPress styles *\/\u003cbr \/\u003e .hero h1,\u003cbr \/\u003e .hero .hero-title,\u003cbr \/\u003e .hero-content h1,\u003cbr \/\u003e .hero-content .hero-title,\u003cbr \/\u003e h1.hero-title {\u003cbr \/\u003e font-size: clamp(5rem, 15vw, 12rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 25px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e background: none !important;\u003cbr \/\u003e -webkit-background-clip: unset !important;\u003cbr \/\u003e background-clip: unset !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* TITLU MEGA - FOARTE MARE ALB *\/\u003cbr \/\u003e .hero-title {\u003cbr \/\u003e font-size: clamp(5rem, 15vw, 12rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 25px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stats {\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat {\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 0 25px !important;\u003cbr \/\u003e border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat:first-child {\u003cbr \/\u003e border-left: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-label {\u003cbr \/\u003e font-size: 0.65rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e margin-bottom: 5px !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value {\u003cbr \/\u003e font-size: 2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value span {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override pentru stats - Elementor *\/\u003cbr \/\u003e .hero .hero-stat-label,\u003cbr \/\u003e .hero-content .hero-stat-label,\u003cbr \/\u003e .hero-stats .hero-stat-label {\u003cbr \/\u003e font-size: 0.65rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero .hero-stat-value,\u003cbr \/\u003e .hero-content .hero-stat-value,\u003cbr \/\u003e .hero-stats .hero-stat-value {\u003cbr \/\u003e font-size: 2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike Showcase in Hero *\/\u003cbr \/\u003e .bike-showcase-hero {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e top: 0 !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e z-index: 1 !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase-hero .color-selector-vertical {\u003cbr \/\u003e pointer-events: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slides {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e top: 0 !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e opacity: 0 !important;\u003cbr \/\u003e transition: opacity 0.5s ease !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e padding-top: 120px !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide.active {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide img {\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: 75% !important;\u003cbr \/\u003e max-width: 90% !important;\u003cbr \/\u003e object-fit: contain !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== COLOR SELECTOR ========== *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Desktop - selector vertical pe lateral *\/\u003cbr \/\u003e .color-selector-vertical {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e right: 18% !important;\u003cbr \/\u003e top: 50% !important;\u003cbr \/\u003e transform: translateY(-50%) !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e flex-direction: column !important;\u003cbr \/\u003e gap: 10px !important;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.95) !important;\u003cbr \/\u003e padding: 12px 10px !important;\u003cbr \/\u003e border-radius: 30px !important;\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\u003cbr \/\u003e z-index: 10 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Desktop color name - simplu, alb, centrat *\/\u003cbr \/\u003e .color-name-desktop {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 15px 0 30px !important;\u003cbr \/\u003e font-size: 0.9rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile - ascuns pe desktop *\/\u003cbr \/\u003e .color-selector-mobile {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-name-mobile {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cercuri culori desktop *\/\u003cbr \/\u003e .color-dot-v {\u003cbr \/\u003e width: 28px !important;\u003cbr \/\u003e height: 28px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s ease !important;\u003cbr \/\u003e border: 2px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v:hover {\u003cbr \/\u003e transform: scale(1.15) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v.active {\u003cbr \/\u003e border-color: rgba(0, 0, 0, 0.3) !important;\u003cbr \/\u003e transform: scale(1.1) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cercuri culori mobile *\/\u003cbr \/\u003e .color-dot-m {\u003cbr \/\u003e width: 50px !important;\u003cbr \/\u003e height: 50px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s ease !important;\u003cbr \/\u003e border: 3px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m:hover {\u003cbr \/\u003e transform: scale(1.1) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m.active {\u003cbr \/\u003e border-color: #1a1a1a !important;\u003cbr \/\u003e transform: scale(1.05) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== STANDOUT FEATURES - NEGRU ========== *\/\u003cbr \/\u003e .standout-section {\u003cbr \/\u003e background: #1a1a1a;\u003cbr \/\u003e padding: 80px 20px 60px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-header {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto 40px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-title {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-subtitle {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel-container {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e scrollbar-width: none;\u003cbr \/\u003e -ms-overflow-style: none;\u003cbr \/\u003e padding: 0 20px 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide {\u003cbr \/\u003e flex: 0 0 320px;\u003cbr \/\u003e height: 350px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: transform 0.4s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover {\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover img {\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide-content {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 30px 20px;\u003cbr \/\u003e background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-number {\u003cbr \/\u003e font-size: 0.7rem;\u003cbr \/\u003e color: var(--sc-red);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e letter-spacing: 1px;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-name {\u003cbr \/\u003e font-size: 1.2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-progress {\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-bar {\u003cbr \/\u003e height: 2px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.2);\u003cbr \/\u003e border-radius: 1px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-fill {\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e width: 25%;\u003cbr \/\u003e transition: transform 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-nav {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: flex-end;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 20px auto 0;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn {\u003cbr \/\u003e width: 44px;\u003cbr \/\u003e height: 44px;\u003cbr \/\u003e border: 1px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e border-radius: 8px;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover {\u003cbr \/\u003e background: var(--sc-red);\u003cbr \/\u003e border-color: var(--sc-red);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn svg {\u003cbr \/\u003e width: 20px;\u003cbr \/\u003e height: 20px;\u003cbr \/\u003e stroke: #ffffff;\u003cbr \/\u003e transition: stroke 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover svg {\u003cbr \/\u003e stroke: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\u003cbr \/\u003e .container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== SPLIT SECTIONS - FUNDAL GRI APPLE ========== *\/\u003cbr \/\u003e .extreme-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .getup-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1.2fr;\u003cbr \/\u003e gap: 60px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout.reverse {\u003cbr \/\u003e grid-template-columns: 1.2fr 1fr;\u003cbr \/\u003e direction: rtl;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout.reverse \u003e * {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-label {\u003cbr \/\u003e font-size: 0.75rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: var(--sc-red) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e margin-bottom: 30px !important;\u003cbr \/\u003e text-transform: none;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-title .gradient-text,\u003cbr \/\u003e .gradient-purple {\u003cbr \/\u003e background: linear-gradient(90deg, #a855f7 0%, #7c3aed 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-cyan {\u003cbr \/\u003e background: linear-gradient(90deg, #22d3ee 0%, #0891b2 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-text {\u003cbr \/\u003e font-size: 1.1rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image {\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image:hover img {\u003cbr \/\u003e transform: scale(1.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== VIDEO SECTION - MAI MARE ========== *\/\u003cbr \/\u003e .video-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-title {\u003cbr \/\u003e font-size: 0.85rem !important;\u003cbr \/\u003e color: var(--text-gray) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 3px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-heading {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e margin-bottom: 50px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 100px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container iframe {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/9;\u003cbr \/\u003e display: block;\u003cbr \/\u003e border: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== DESIGN DETAILS - FULL WIDTH NEGRU ========== *\/\u003cbr \/\u003e .design-section {\u003cbr \/\u003e padding: 80px 0 120px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 40px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e margin: 0 auto 80px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e background: #1a1a1a;\u003cbr \/\u003e padding: 80px 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* HOTSPOTS PE BICICLETĂ *\/\u003cbr \/\u003e .hotspot {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e width: 32px;\u003cbr \/\u003e height: 32px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.1);\u003cbr \/\u003e border: 1.5px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot::before {\u003cbr \/\u003e content: '+';\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6);\u003cbr \/\u003e font-size: 18px;\u003cbr \/\u003e font-weight: 300;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover,\u003cbr \/\u003e .hotspot.active {\u003cbr \/\u003e background: var(--sc-red);\u003cbr \/\u003e border-color: var(--sc-red);\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover::before,\u003cbr \/\u003e .hotspot.active::before {\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Poziții hotspots PE bicicletă *\/\u003cbr \/\u003e .hotspot-1 { top: 28%; left: 38%; } \/* Tija șa *\/\u003cbr \/\u003e .hotspot-2 { top: 42%; left: 50%; } \/* Suspensie VPP *\/\u003cbr \/\u003e .hotspot-3 { top: 65%; left: 42%; } \/* Flip Chip \/ Pedalier *\/\u003cbr \/\u003e .hotspot-4 { top: 38%; left: 72%; } \/* Furcă *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\u003cbr \/\u003e width: 260px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e visibility: hidden;\u003cbr \/\u003e transform: translateY(10px);\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e z-index: 100;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip.show {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e visibility: visible;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip h4 {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip p {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-1 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-1 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-2 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-2 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-3 .hotspot-tooltip { bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-10px); margin-bottom: 10px; }\u003cbr \/\u003e .hotspot-3 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-4 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-4 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\u003cbr \/\u003e .features-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card {\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: transform 0.4s ease, box-shadow 0.4s ease;\u003cbr \/\u003e box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover {\u003cbr \/\u003e transform: translateY(-10px);\u003cbr \/\u003e box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image {\u003cbr \/\u003e height: 250px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover .feature-card-image img {\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-content {\u003cbr \/\u003e padding: 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card .feature-card-title,\u003cbr \/\u003e .feature-card-title {\u003cbr \/\u003e font-size: 1.6rem !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e margin-bottom: 15px !important;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-text {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\u003cbr \/\u003e .products-section {\u003cbr \/\u003e padding: 120px 20px;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-section .products-title,\u003cbr \/\u003e .products-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e margin-bottom: 20px !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-title .gradient-text,\u003cbr \/\u003e .specs-title .gradient-text,\u003cbr \/\u003e .size-title .gradient-text,\u003cbr \/\u003e .geometry-title .gradient-text,\u003cbr \/\u003e .cta-title .gradient-text,\u003cbr \/\u003e .design-title .gradient-text,\u003cbr \/\u003e .standout-title .gradient-text,\u003cbr \/\u003e .video-heading .gradient-text {\u003cbr \/\u003e background: linear-gradient(90deg, #a855f7 0%, #7c3aed 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-title .gradient-cyan,\u003cbr \/\u003e .specs-title .gradient-cyan,\u003cbr \/\u003e .size-title .gradient-cyan,\u003cbr \/\u003e .geometry-title .gradient-cyan,\u003cbr \/\u003e .cta-title .gradient-cyan,\u003cbr \/\u003e .design-title .gradient-cyan,\u003cbr \/\u003e .standout-title .gradient-cyan,\u003cbr \/\u003e .video-heading .gradient-cyan {\u003cbr \/\u003e background: linear-gradient(90deg, #22d3ee 0%, #0891b2 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-section .products-subtitle,\u003cbr \/\u003e .products-subtitle {\u003cbr \/\u003e font-size: 1.2rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tabs {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e margin-bottom: 50px;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tab {\u003cbr \/\u003e padding: 12px 24px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e border: none;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tab:hover,\u003cbr \/\u003e .filter-tab.active {\u003cbr \/\u003e background: var(--apple-blue);\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Products Color Selector *\/\u003cbr \/\u003e .products-color-selector {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 15px;\u003cbr \/\u003e margin: 30px 0;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-color-label {\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-color-pills {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.95);\u003cbr \/\u003e padding: 8px 15px;\u003cbr \/\u003e border-radius: 30px;\u003cbr \/\u003e box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-color-dot {\u003cbr \/\u003e width: 28px;\u003cbr \/\u003e height: 28px;\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e border: 2px solid transparent;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e outline: none;\u003cbr \/\u003e -webkit-appearance: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-color-dot:hover {\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-color-dot.active {\u003cbr \/\u003e border-color: #1a1a1a;\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-color-name {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: #333;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e min-width: 120px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card {\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.4s ease;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card:hover {\u003cbr \/\u003e transform: translateY(-10px);\u003cbr \/\u003e box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e background: var(--sc-red);\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-image {\u003cbr \/\u003e padding: 40px;\u003cbr \/\u003e background: var(--white\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"S","offer_id":57496380440958,"sku":"58-23268-109-3-762-8121011-1-1","price":27710.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57496380473726,"sku":"58-26280-454-3-908-262501","price":27710.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57496380506494,"sku":"58-26280-454-4-908-262501","price":27710.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57496380539262,"sku":"N23209N3-1-2-1-1-1-1","price":27710.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Nomad_C_90_GlossCoral_a2d5b527-4027-416b-bc6a-e3a8498f7187-1-scaled.webp?v=1780336861"},{"product_id":"onna-29-40-s-burning-red-gloss-black-matt","title":"Bicicleta MTB ORBEA ONNA 29 40","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta MTB ORBEA ONNA 29 40\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290802\" class=\"elementor elementor-290802\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-ad7e670 e-flex e-con-boxed e-con e-parent\" data-id=\"ad7e670\" 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-e433754 elementor-widget elementor-widget-html\" data-id=\"e433754\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea ONNA - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea ONNA hardtail mountain bike, bicicletă MTB aluminiu, mountain bike 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 - ONNA EDITION\u003cbr \/\u003e Apple Style: Only white + gray, rainbow gradients\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-page {\u003cbr \/\u003e --onna-black: #1d1d1f;\u003cbr \/\u003e --onna-white: #ffffff;\u003cbr \/\u003e --onna-gray-50: #fafafa;\u003cbr \/\u003e --onna-gray-100: #f5f5f7;\u003cbr \/\u003e --onna-gray-200: #e8e8ed;\u003cbr \/\u003e --onna-gray-300: #d2d2d7;\u003cbr \/\u003e --onna-gray-500: #86868b;\u003cbr \/\u003e --onna-gray-600: #6e6e73;\u003cbr \/\u003e --onna-gray-700: #515154;\u003cbr \/\u003e --onna-gray-800: #2d2d2d;\u003cbr \/\u003e --onna-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ONNA Accent Colors *\/\u003cbr \/\u003e --onna-red: #E31937;\u003cbr \/\u003e --onna-red-light: #ef4444;\u003cbr \/\u003e --onna-red-dark: #b91c2a;\u003cbr \/\u003e --onna-purple: #7c3aed;\u003cbr \/\u003e --onna-blue: #3b82f6;\u003cbr \/\u003e --onna-orange: #f97316;\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 JS sets exact negative margin on .onna-page\u003cbr \/\u003e JS adds .onna-fw-parent on all ancestors\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e html, body {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALL SCREENS: Full-width via JS-calculated margin *\/\u003cbr \/\u003e .onna-page {\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ALL SCREENS: Reset all ancestors marked by JS *\/\u003cbr \/\u003e .onna-fw-parent {\u003cbr \/\u003e padding-left: 0 !important;\u003cbr \/\u003e padding-right: 0 !important;\u003cbr \/\u003e margin-left: 0 !important;\u003cbr \/\u003e margin-right: 0 !important;\u003cbr \/\u003e border-radius: 0 !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .onna-page h1,\u003cbr \/\u003e .elementor-widget-container .onna-page h2,\u003cbr \/\u003e .elementor-widget-container .onna-page h3,\u003cbr \/\u003e .elementor-widget-container .onna-page h4,\u003cbr \/\u003e .elementor-widget-container .onna-page h5,\u003cbr \/\u003e .elementor-widget-container .onna-page h6,\u003cbr \/\u003e .elementor-kit-6 .onna-page h1,\u003cbr \/\u003e .elementor-kit-6 .onna-page h2,\u003cbr \/\u003e .elementor-kit-6 .onna-page h3,\u003cbr \/\u003e .elementor-kit-6 .onna-page h4,\u003cbr \/\u003e .elementor-kit-6 .onna-page h5,\u003cbr \/\u003e .elementor-kit-6 .onna-page h6,\u003cbr \/\u003e .onna-page h1,\u003cbr \/\u003e .onna-page h2,\u003cbr \/\u003e .onna-page h3,\u003cbr \/\u003e .onna-page h4,\u003cbr \/\u003e .onna-page h5,\u003cbr \/\u003e .onna-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 .onna-page h2,\u003cbr \/\u003e .elementor-widget-container .onna-page h2 {\u003cbr \/\u003e font-size: inherit !important;\u003cbr \/\u003e font-weight: inherit !important;\u003cbr \/\u003e line-height: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .single-product-tabs .woocommerce-Tabs-panel .onna-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .onna-page h2,\u003cbr \/\u003e .onna-page h2.onna-title-main,\u003cbr \/\u003e .onna-page h2 {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e overflow-x: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page img,\u003cbr \/\u003e .onna-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 float {\u003cbr \/\u003e 0%, 100% { transform: translateY(0); }\u003cbr \/\u003e 50% { transform: translateY(-10px); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes bikeReveal {\u003cbr \/\u003e from { opacity: 0; transform: scale(0.96) translateY(10px); }\u003cbr \/\u003e to { opacity: 1; transform: scale(1) translateY(0); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e APPLE \"PRIVACY\" RAINBOW GRADIENT\u003cbr \/\u003e The single gradient used everywhere\u003cbr \/\u003e blue → purple → pink → red → orange\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-gradient,\u003cbr \/\u003e .onna-page .onna-gradient,\u003cbr \/\u003e .elementor-widget-container .onna-gradient {\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff 0%, #6366f1 25%, #a855f7 45%, #ec4899 65%, #ef4444 80%, #f97316 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 \/* Variation: starts more blue-purple *\/\u003cbr \/\u003e .onna-gradient-cool,\u003cbr \/\u003e .onna-page .onna-gradient-cool,\u003cbr \/\u003e .elementor-widget-container .onna-gradient-cool {\u003cbr \/\u003e background: linear-gradient(90deg, #0071e3 0%, #2997ff 20%, #6366f1 45%, #a855f7 70%, #ec4899 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 \/* Variation: warm side - pink → red → orange *\/\u003cbr \/\u003e .onna-gradient-warm,\u003cbr \/\u003e .onna-page .onna-gradient-warm,\u003cbr \/\u003e .elementor-widget-container .onna-gradient-warm {\u003cbr \/\u003e background: linear-gradient(90deg, #6366f1 0%, #a855f7 20%, #ec4899 45%, #ef4444 70%, #f97316 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 \/* Variation: reverse direction *\/\u003cbr \/\u003e .onna-gradient-reverse,\u003cbr \/\u003e .onna-page .onna-gradient-reverse,\u003cbr \/\u003e .elementor-widget-container .onna-gradient-reverse {\u003cbr \/\u003e background: linear-gradient(90deg, #f97316 0%, #ef4444 20%, #ec4899 45%, #a855f7 70%, #6366f1 90%, #2997ff 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 APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-display-hero {\u003cbr \/\u003e font-size: clamp(4rem, 12vw, 11rem) !important;\u003cbr \/\u003e font-weight: 900 !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 .onna-title-group {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 3rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page .onna-title-main,\u003cbr \/\u003e .elementor-kit-6 .onna-page .onna-title-main,\u003cbr \/\u003e .elementor-widget-container .onna-page .onna-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 .onna-page .onna-title-secondary,\u003cbr \/\u003e .elementor-kit-6 .onna-page .onna-title-secondary,\u003cbr \/\u003e .elementor-widget-container .onna-page .onna-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(--onna-black) !important;\u003cbr \/\u003e margin-bottom: 1.5rem !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(--onna-gray-600);\u003cbr \/\u003e max-width: 680px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-subtitle-apple strong {\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - COLOR SWITCHER\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100vh;\u003cbr \/\u003e min-height: 700px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-hero-eyebrow {\u003cbr \/\u003e font-size: 0.95rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.25em;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1s var(--ease-out-expo) 0.1s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-title {\u003cbr \/\u003e color: var(--onna-black) !important;\u003cbr \/\u003e margin-bottom: 30px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1.2s var(--ease-out-expo) 0.2s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-subtitle {\u003cbr \/\u003e font-size: 1.3rem;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e margin-bottom: 35px;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e letter-spacing: 0.25em;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: blurFadeIn 1s var(--ease-out-expo) 0.35s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stats {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 0;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: fadeInUp 0.8s ease 0.45s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e border-left: 1px solid var(--onna-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat:first-child {\u003cbr \/\u003e border-left: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.12em;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e margin-bottom: 6px;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-hero-stat-value {\u003cbr \/\u003e font-size: 1.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike Showcase *\/\u003cbr \/\u003e .onna-bike-showcase {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 50%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translate(-50%, -50%);\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-showcase::before {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 25%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e width: 70%;\u003cbr \/\u003e height: 70%;\u003cbr \/\u003e background: radial-gradient(ellipse 60% 50% at 50% 30%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0) 70%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-showcase::after {\u003cbr \/\u003e content: '';\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 15%;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e width: 50%;\u003cbr \/\u003e height: 20%;\u003cbr \/\u003e background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 70%);\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slides {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: bikeReveal 1s ease 0.5s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: scale(0.95);\u003cbr \/\u003e transition: opacity 0.5s ease, transform 0.5s ease;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e padding-top: 160px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide.active {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: scale(1);\u003cbr \/\u003e pointer-events: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-bike-slide img {\u003cbr \/\u003e width: auto;\u003cbr \/\u003e height: 58%;\u003cbr \/\u003e max-width: 75%;\u003cbr \/\u003e object-fit: contain;\u003cbr \/\u003e display: block;\u003cbr \/\u003e filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.15));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Color Selector *\/\u003cbr \/\u003e .onna-color-selector {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 100px;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e z-index: 100;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e animation: fadeInUp 0.8s ease 0.7s forwards;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dots {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot {\u003cbr \/\u003e width: 52px;\u003cbr \/\u003e height: 52px;\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e border: 3px solid var(--onna-gray-300);\u003cbr \/\u003e outline: none;\u003cbr \/\u003e -webkit-appearance: none;\u003cbr \/\u003e appearance: none;\u003cbr \/\u003e box-shadow: none;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot:hover {\u003cbr \/\u003e transform: scale(1.15) translateY(-3px);\u003cbr \/\u003e border-color: var(--onna-gray-500);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-dot.active {\u003cbr \/\u003e border-color: var(--onna-black);\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-dot-red { background: linear-gradient(145deg, #ef4444 0%, #dc2626 100%); }\u003cbr \/\u003e .onna-dot-purple { background: linear-gradient(145deg, #a78bfa 0%, #7c3aed 100%); }\u003cbr \/\u003e .onna-dot-blue { background: linear-gradient(145deg, #60a5fa 0%, #3b82f6 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-color-name {\u003cbr \/\u003e font-size: 1.1rem;\u003cbr \/\u003e color: #1d1d1f !important;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e letter-spacing: 0.03em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-page section {\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e padding-top: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-page \u003e section + section {\u003cbr \/\u003e margin-top: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-highlights-section {\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-highlights-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-highlight-card {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e aspect-ratio: 4\/5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-highlight-card img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-highlight-card:hover img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-highlight-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 40px 32px;\u003cbr \/\u003e background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-highlight-title {\u003cbr \/\u003e font-size: clamp(1.5rem, 2.5vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-highlight-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.8);\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e CONTENT SECTIONS - WHITE + APPLE GRAY ONLY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-section-white {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-section-gray {\u003cbr \/\u003e padding: 120px 24px;\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-container-wide {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-container-xl {\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SPLIT LAYOUTS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-split {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 80px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-split-image {\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-split-content h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-split-content p {\u003cbr \/\u003e font-size: 1.0625rem;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e margin-bottom: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-split-content p:last-child {\u003cbr \/\u003e margin-bottom: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TECH FEATURES CAROUSEL - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-tech-carousel {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e scrollbar-width: none;\u003cbr \/\u003e -ms-overflow-style: none;\u003cbr \/\u003e padding: 0 20px 40px;\u003cbr \/\u003e margin-top: 48px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-tech-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-tech-slide {\u003cbr \/\u003e flex: 0 0 340px;\u003cbr \/\u003e height: 380px;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-tech-slide:hover {\u003cbr \/\u003e transform: scale(1.03) translateY(-5px);\u003cbr \/\u003e box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-tech-slide img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-tech-slide:hover img {\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-tech-slide-content {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 35px 25px;\u003cbr \/\u003e background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-tech-slide-number {\u003cbr \/\u003e font-size: 0.7rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff, #a855f7, #ef4444);\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 .onna-tech-slide-name {\u003cbr \/\u003e font-size: 1.3rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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 .onna-progress-bar {\u003cbr \/\u003e height: 3px;\u003cbr \/\u003e background: var(--onna-gray-200);\u003cbr \/\u003e border-radius: 2px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-progress-fill {\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff 0%, #a855f7 50%, #ef4444 100%);\u003cbr \/\u003e width: 25%;\u003cbr \/\u003e transition: transform 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-carousel-nav {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: flex-end;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 25px auto 0;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-carousel-btn {\u003cbr \/\u003e width: 50px;\u003cbr \/\u003e height: 50px;\u003cbr \/\u003e border: 1px solid var(--onna-gray-300);\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e border-radius: 10px;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-carousel-btn:hover {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e border-color: var(--onna-gray-500);\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-carousel-btn svg {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e stroke: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e DESIGN DETAILS - CARDS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-design-features {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e gap: 28px;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card {\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e border-color: var(--onna-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-image {\u003cbr \/\u003e aspect-ratio: 16\/10;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-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 .onna-design-card:hover .onna-design-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-content {\u003cbr \/\u003e padding: 28px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-title {\u003cbr \/\u003e font-size: 1.25rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-design-card-text {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GEOMETRY SECTION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-stats-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(5, 1fr);\u003cbr \/\u003e gap: 24px;\u003cbr \/\u003e margin-bottom: 80px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-stat-item {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 32px 16px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e transition: all 0.4s var(--ease-out-expo);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-stat-item:hover {\u003cbr \/\u003e border-color: var(--onna-gray-300);\u003cbr \/\u003e transform: translateY(-4px);\u003cbr \/\u003e box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-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(90deg, #2997ff 0%, #6366f1 30%, #a855f7 50%, #ec4899 70%, #ef4444 100%);\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 .onna-stat-label {\u003cbr \/\u003e font-size: 0.875rem;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-content {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 64px;\u003cbr \/\u003e align-items: start;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 600px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table thead {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table th {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e color: var(--onna-gray-700);\u003cbr \/\u003e border-bottom: 2px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--onna-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr:hover {\u003cbr \/\u003e background: var(--onna-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table td {\u003cbr \/\u003e padding: 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--onna-gray-700);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geometry-details {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geo-detail-item {\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-geo-detail-value {\u003cbr \/\u003e font-size: 1.5rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 4px;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff, #a855f7, #ef4444);\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 .onna-geo-detail-label {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.04em;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e PRODUCTS \/ CONFIGURATIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-products-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 32px;\u003cbr \/\u003e margin-top: 64px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card {\u003cbr \/\u003e background: var(--onna-gray-50);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e padding: 8px 16px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.72rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e color: var(--onna-white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-badge-top { background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); }\u003cbr \/\u003e .onna-badge-value { background: linear-gradient(135deg, #ec4899 0%, #ef4444 100%); }\u003cbr \/\u003e .onna-badge-entry { background: linear-gradient(135deg, #2997ff 0%, #6366f1 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-image {\u003cbr \/\u003e padding: 45px;\u003cbr \/\u003e background: var(--onna-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 .onna-product-image img {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo);\u003cbr \/\u003e filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-card:hover .onna-product-image img {\u003cbr \/\u003e transform: scale(1.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-info {\u003cbr \/\u003e padding: 32px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-frame {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 1.5px;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e background: linear-gradient(90deg, #2997ff, #a855f7);\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 .onna-product-name {\u003cbr \/\u003e font-size: 1.35rem;\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-desc {\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e color: var(--onna-gray-600);\u003cbr \/\u003e line-height: 1.65;\u003cbr \/\u003e margin-bottom: 22px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-price {\u003cbr \/\u003e font-size: 1.6rem;\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-product-price span {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: var(--onna-gray-500);\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e COMPARISON TABLE - LIGHT VERSION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .onna-comparison-table-wrapper {\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e margin-top: 60px;\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0,0,0,0.06);\u003cbr \/\u003e border: 1px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e border-collapse: collapse;\u003cbr \/\u003e min-width: 600px;\u003cbr \/\u003e font-size: 0.9375rem;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table thead {\u003cbr \/\u003e background: var(--onna-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table th {\u003cbr \/\u003e padding: 20px 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.05em;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e border-bottom: 2px solid var(--onna-gray-200);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table th:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr {\u003cbr \/\u003e border-bottom: 1px solid var(--onna-gray-200);\u003cbr \/\u003e transition: background 0.2s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr:hover {\u003cbr \/\u003e background: var(--onna-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table tbody tr:last-child {\u003cbr \/\u003e border-bottom: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table td {\u003cbr \/\u003e padding: 18px 16px;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e color: var(--onna-gray-700);\u003cbr \/\u003e vertical-align: top;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table td:first-child {\u003cbr \/\u003e text-align: left;\u003cbr \/\u003e padding-left: 24px;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--onna-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .onna-comparison-table th:first-child,\u003cbr \/\u003e .onna-comparison-table td:first-child {\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e background: var(--onna-white);\u003cbr \/\u003e z-in\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 \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496395252094,"sku":"T20615RA","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496395284862,"sku":"T20615RD","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496395317630,"sku":"T20615RF","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496395350398,"sku":"T20617RA","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496395383166,"sku":"T20617RD","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496395415934,"sku":"T20617RF","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496395448702,"sku":"T20619RA","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496395481470,"sku":"T20619RD","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496395514238,"sku":"T20619RF","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Burning Red (Gloss) - Black (Matt)","offer_id":57496395547006,"sku":"T20621RA","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite (Matt) - Silver (Gloss)","offer_id":57496395579774,"sku":"T20621RD","price":2890.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Ivory White (Gloss) - Navy Blue (Matt)","offer_id":57496395612542,"sku":"T20621RF","price":2890.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T206TTCC-RA-SIDE-ONNA_29_40-3.jpg?v=1780337054"},{"product_id":"bicicleta-electrica-mtb-santa-cruz-heckler-sl","title":"Bicicleta electrica MTB Santa Cruz Heckler SL","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta electrica MTB Santa Cruz Heckler SL\u003c\/h1\u003e\u003cbr\u003e\u003cdiv\u003e\u003c\/div\u003e\u003cbr\u003e\u003cdiv\u003e\n\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"268385\" class=\"elementor elementor-268385\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-241ec56 e-flex e-con-boxed e-con e-parent\" data-id=\"241ec56\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-7732650 elementor-widget elementor-widget-html\" data-id=\"7732650\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\t\t\t\t\t\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003ctitle\u003eSanta Cruz Heckler SL | ProVelo România\u003c\/title\u003e\n\u003cbr\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e :root {\u003cbr \/\u003e --sc-red: #E31937;\u003cbr \/\u003e --sc-red-dark: #c41530;\u003cbr \/\u003e --apple-blue: #0071e3;\u003cbr \/\u003e --apple-blue-hover: #0077ed;\u003cbr \/\u003e --fazua-blue: #1a3a5c;\u003cbr \/\u003e --fazua-accent: #00b4d8;\u003cbr \/\u003e --mustard: #d4a72c;\u003cbr \/\u003e --dark-blue: #1a2a3a;\u003cbr \/\u003e --black: #0a0a0a;\u003cbr \/\u003e --dark-gray: #2d2d2d;\u003cbr \/\u003e --apple-gray: #f5f5f7;\u003cbr \/\u003e --apple-gray-dark: #e8e8ed;\u003cbr \/\u003e --text-dark: #1d1d1f;\u003cbr \/\u003e --text-gray: #86868b;\u003cbr \/\u003e --white: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e * {\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e html {\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e body {\u003cbr \/\u003e font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== HERO SECTION - HECKLER SL STYLE ========== *\/\u003cbr \/\u003e .hero {\u003cbr \/\u003e height: 100vh !important;\u003cbr \/\u003e min-height: 700px !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e transition: background 0.5s ease !important;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Background colors matching bike colors *\/\u003cbr \/\u003e .hero.bg-darkblue { background: linear-gradient(135deg, #1a2a3a 0%, #2d4a5a 100%); }\u003cbr \/\u003e .hero.bg-mustard { background: linear-gradient(135deg, #c49a28 0%, #e6b832 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Dot Colors *\/\u003cbr \/\u003e .dot-darkblue { background: #1a2a3a !important; background-color: #1a2a3a !important; }\u003cbr \/\u003e .dot-mustard { background: #d4a72c !important; background-color: #d4a72c !important; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 60px 20px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override Elementor\/WordPress styles *\/\u003cbr \/\u003e .hero h1,\u003cbr \/\u003e .hero .hero-title,\u003cbr \/\u003e .hero-content h1,\u003cbr \/\u003e .hero-content .hero-title,\u003cbr \/\u003e h1.hero-title {\u003cbr \/\u003e font-size: clamp(4rem, 12vw, 10rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 25px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e background: none !important;\u003cbr \/\u003e -webkit-background-clip: unset !important;\u003cbr \/\u003e background-clip: unset !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* TITLU MEGA - FOARTE MARE ALB *\/\u003cbr \/\u003e .hero-title {\u003cbr \/\u003e font-size: clamp(4rem, 12vw, 10rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 25px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-subtitle {\u003cbr \/\u003e font-size: 1.2rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.8) !important;\u003cbr \/\u003e margin-bottom: 30px !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e letter-spacing: 2px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stats {\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat {\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 0 25px !important;\u003cbr \/\u003e border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat:first-child {\u003cbr \/\u003e border-left: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-label {\u003cbr \/\u003e font-size: 0.65rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e margin-bottom: 5px !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value {\u003cbr \/\u003e font-size: 2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value span {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override pentru stats - Elementor *\/\u003cbr \/\u003e .hero .hero-stat-label,\u003cbr \/\u003e .hero-content .hero-stat-label,\u003cbr \/\u003e .hero-stats .hero-stat-label {\u003cbr \/\u003e font-size: 0.65rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero .hero-stat-value,\u003cbr \/\u003e .hero-content .hero-stat-value,\u003cbr \/\u003e .hero-stats .hero-stat-value {\u003cbr \/\u003e font-size: 2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike Showcase in Hero *\/\u003cbr \/\u003e .bike-showcase-hero {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e top: 0 !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e z-index: 1 !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase-hero .color-selector-vertical {\u003cbr \/\u003e pointer-events: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slides {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e top: 0 !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e opacity: 0 !important;\u003cbr \/\u003e transition: opacity 0.5s ease !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e padding-top: 120px !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide.active {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide img {\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: 75% !important;\u003cbr \/\u003e max-width: 90% !important;\u003cbr \/\u003e object-fit: contain !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== COLOR SELECTOR ========== *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Desktop - selector vertical pe lateral *\/\u003cbr \/\u003e .color-selector-vertical {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e right: 18% !important;\u003cbr \/\u003e top: 50% !important;\u003cbr \/\u003e transform: translateY(-50%) !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e flex-direction: column !important;\u003cbr \/\u003e gap: 10px !important;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.95) !important;\u003cbr \/\u003e padding: 12px 10px !important;\u003cbr \/\u003e border-radius: 30px !important;\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\u003cbr \/\u003e z-index: 10 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Desktop color name - simplu, alb, centrat *\/\u003cbr \/\u003e .color-name-desktop {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 15px 0 30px !important;\u003cbr \/\u003e font-size: 0.9rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile - ascuns pe desktop *\/\u003cbr \/\u003e .color-selector-mobile {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-name-mobile {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cercuri culori desktop *\/\u003cbr \/\u003e .color-dot-v {\u003cbr \/\u003e width: 28px !important;\u003cbr \/\u003e height: 28px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s ease !important;\u003cbr \/\u003e border: 2px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v:hover {\u003cbr \/\u003e transform: scale(1.15) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v.active {\u003cbr \/\u003e border-color: rgba(0, 0, 0, 0.3) !important;\u003cbr \/\u003e transform: scale(1.1) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cercuri culori mobile *\/\u003cbr \/\u003e .color-dot-m {\u003cbr \/\u003e width: 50px !important;\u003cbr \/\u003e height: 50px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s ease !important;\u003cbr \/\u003e border: 3px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m:hover {\u003cbr \/\u003e transform: scale(1.1) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m.active {\u003cbr \/\u003e border-color: #1a1a1a !important;\u003cbr \/\u003e transform: scale(1.05) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== E-BIKE BADGE ========== *\/\u003cbr \/\u003e .ebike-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 50%;\u003cbr \/\u003e transform: translateX(-50%);\u003cbr \/\u003e background: rgba(0, 180, 216, 0.9);\u003cbr \/\u003e color: white;\u003cbr \/\u003e padding: 8px 20px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .ebike-badge svg {\u003cbr \/\u003e width: 16px;\u003cbr \/\u003e height: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== STANDOUT FEATURES - NEGRU ========== *\/\u003cbr \/\u003e .standout-section {\u003cbr \/\u003e background: #1a1a1a;\u003cbr \/\u003e padding: 80px 20px 60px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-header {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto 40px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-title {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-subtitle {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel-container {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e scrollbar-width: none;\u003cbr \/\u003e -ms-overflow-style: none;\u003cbr \/\u003e padding: 0 20px 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide {\u003cbr \/\u003e flex: 0 0 320px;\u003cbr \/\u003e height: 350px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: transform 0.4s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover {\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover img {\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide-content {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 30px 20px;\u003cbr \/\u003e background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-number {\u003cbr \/\u003e font-size: 0.7rem;\u003cbr \/\u003e color: var(--fazua-accent);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e letter-spacing: 1px;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-name {\u003cbr \/\u003e font-size: 1.2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-progress {\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-bar {\u003cbr \/\u003e height: 2px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.2);\u003cbr \/\u003e border-radius: 1px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-fill {\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e width: 25%;\u003cbr \/\u003e transition: transform 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-nav {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: flex-end;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 20px auto 0;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn {\u003cbr \/\u003e width: 44px;\u003cbr \/\u003e height: 44px;\u003cbr \/\u003e border: 1px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e border-radius: 8px;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover {\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e border-color: var(--fazua-accent);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn svg {\u003cbr \/\u003e width: 20px;\u003cbr \/\u003e height: 20px;\u003cbr \/\u003e stroke: #ffffff;\u003cbr \/\u003e transition: stroke 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover svg {\u003cbr \/\u003e stroke: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\u003cbr \/\u003e .container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== SPLIT SECTIONS - FUNDAL GRI APPLE ========== *\/\u003cbr \/\u003e .extreme-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .getup-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1.2fr;\u003cbr \/\u003e gap: 60px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout.reverse {\u003cbr \/\u003e grid-template-columns: 1.2fr 1fr;\u003cbr \/\u003e direction: rtl;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout.reverse \u003e * {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-label {\u003cbr \/\u003e font-size: 0.75rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: var(--fazua-accent) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e margin-bottom: 30px !important;\u003cbr \/\u003e text-transform: none;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-title .gradient-text,\u003cbr \/\u003e .gradient-fazua {\u003cbr \/\u003e background: linear-gradient(90deg, #00b4d8 0%, #0077b6 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-mustard {\u003cbr \/\u003e background: linear-gradient(90deg, #d4a72c 0%, #b8860b 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-text {\u003cbr \/\u003e font-size: 1.1rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image {\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image:hover img {\u003cbr \/\u003e transform: scale(1.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== VIDEO SECTION - MAI MARE ========== *\/\u003cbr \/\u003e .video-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-title {\u003cbr \/\u003e font-size: 0.85rem !important;\u003cbr \/\u003e color: var(--text-gray) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 3px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-heading {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e margin-bottom: 50px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e transform: scale(1);\u003cbr \/\u003e transition: transform 0.5s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container:hover {\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container iframe {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/9;\u003cbr \/\u003e display: block;\u003cbr \/\u003e border: none;\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== DESIGN DETAILS - FULL WIDTH NEGRU ========== *\/\u003cbr \/\u003e .design-section {\u003cbr \/\u003e padding: 80px 0 120px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 40px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e margin: 0 auto 80px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e background: linear-gradient(135deg, #1a2a3a 0%, #2d4a5a 100%);\u003cbr \/\u003e padding: 80px 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* HOTSPOTS PE BICICLETĂ *\/\u003cbr \/\u003e .hotspot {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e width: 32px;\u003cbr \/\u003e height: 32px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.1);\u003cbr \/\u003e border: 1.5px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot::before {\u003cbr \/\u003e content: '+';\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6);\u003cbr \/\u003e font-size: 18px;\u003cbr \/\u003e font-weight: 300;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover,\u003cbr \/\u003e .hotspot.active {\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e border-color: var(--fazua-accent);\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover::before,\u003cbr \/\u003e .hotspot.active::before {\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Poziții hotspots PE bicicletă *\/\u003cbr \/\u003e .hotspot-1 { top: 28%; left: 38%; } \/* Baterie *\/\u003cbr \/\u003e .hotspot-2 { top: 52%; left: 48%; } \/* Motor Fazua *\/\u003cbr \/\u003e .hotspot-3 { top: 65%; left: 42%; } \/* Suspensie VPP *\/\u003cbr \/\u003e .hotspot-4 { top: 38%; left: 72%; } \/* Furcă *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\u003cbr \/\u003e width: 260px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e visibility: hidden;\u003cbr \/\u003e transform: translateY(10px);\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e z-index: 100;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip.show {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e visibility: visible;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip h4 {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip p {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-1 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-1 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-2 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-2 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-3 .hotspot-tooltip { bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-10px); margin-bottom: 10px; }\u003cbr \/\u003e .hotspot-3 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-4 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-4 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\u003cbr \/\u003e .features-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card {\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: transform 0.4s ease, box-shadow 0.4s ease;\u003cbr \/\u003e box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover {\u003cbr \/\u003e transform: translateY(-10px);\u003cbr \/\u003e box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image {\u003cbr \/\u003e height: 250px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover .feature-card-image img {\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-content {\u003cbr \/\u003e padding: 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card .feature-card-title,\u003cbr \/\u003e .feature-card-title {\u003cbr \/\u003e font-size: 1.6rem !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e margin-bottom: 15px !important;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-text {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\u003cbr \/\u003e .products-section {\u003cbr \/\u003e padding: 120px 20px;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-section .products-title,\u003cbr \/\u003e .products-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e margin-bottom: 20px !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-title .gradient-text,\u003cbr \/\u003e .specs-title .gradient-text,\u003cbr \/\u003e .size-title .gradient-text,\u003cbr \/\u003e .geometry-title .gradient-text,\u003cbr \/\u003e .cta-title .gradient-text,\u003cbr \/\u003e .design-title .gradient-text,\u003cbr \/\u003e .standout-title .gradient-text,\u003cbr \/\u003e .video-heading .gradient-text {\u003cbr \/\u003e background: linear-gradient(90deg, #00b4d8 0%, #0077b6 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-section .products-subtitle,\u003cbr \/\u003e .products-subtitle {\u003cbr \/\u003e font-size: 1.2rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tabs {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e margin-bottom: 50px;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tab {\u003cbr \/\u003e padding: 12px 24px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e border: none;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tab:hover,\u003cbr \/\u003e .filter-tab.active {\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card {\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.4s ease;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card:hover {\u003cbr \/\u003e transform: translateY(-10px);\u003cbr \/\u003e box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e background: var(--fazua-accent);\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-badge.new {\u003cbr \/\u003e background: #10b981;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-image {\u003cbr \/\u003e padding: 40px;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e min-height: 280px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-image img {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e transition: transform 0.4s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card:hover .product-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-info {\u003cbr \/\u003e padding: 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-frame {\u003cbr \/\u003e font-size: 0.75rem !important;\u003cbr \/\u003e font-weight\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ S","offer_id":57496414814590,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ M","offer_id":57496414847358,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ L","offer_id":57496414880126,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Gloss Mustard \/ XL","offer_id":57496414912894,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ S","offer_id":57496414945662,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ M","offer_id":57496414978430,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ L","offer_id":57496415011198,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"XX AXS RSV-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415043966,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":50915.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ S","offer_id":57496415076734,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ M","offer_id":57496415109502,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ L","offer_id":57496415142270,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ XL","offer_id":57496415175038,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Mustard \/ XXL","offer_id":57496415207806,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ S","offer_id":57496415240574,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ M","offer_id":57496415273342,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ L","offer_id":57496415306110,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415338878,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496415371646,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":29325.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ S","offer_id":57496415404414,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ M","offer_id":57496415437182,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ L","offer_id":57496415469950,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ XL","offer_id":57496415502718,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Mustard \/ XXL","offer_id":57496415535486,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ S","offer_id":57496415568254,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ M","offer_id":57496415601022,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ L","offer_id":57496415633790,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415666558,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496415699326,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":33235.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ S","offer_id":57496415732094,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ M","offer_id":57496415764862,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ L","offer_id":57496415797630,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ XL","offer_id":57496415830398,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Gloss Mustard \/ XXL","offer_id":57496415863166,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ S","offer_id":57496415895934,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ M","offer_id":57496415928702,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ L","offer_id":57496415961470,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ XL","offer_id":57496415994238,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"Stout-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496416027006,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ S","offer_id":57496416059774,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ M","offer_id":57496416092542,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ L","offer_id":57496416125310,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ XL","offer_id":57496416158078,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Mustard \/ XXL","offer_id":57496416190846,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ S","offer_id":57496416223614,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ M","offer_id":57496416256382,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ L","offer_id":57496416289150,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ XL","offer_id":57496416321918,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496416354686,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":38335.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ S","offer_id":57496416387454,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ M","offer_id":57496416420222,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ L","offer_id":57496416452990,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ XL","offer_id":57496416485758,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Gloss Mustard \/ XXL","offer_id":57496416518526,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ S","offer_id":57496416551294,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ M","offer_id":57496416584062,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ L","offer_id":57496416616830,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ XL","offer_id":57496416649598,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true},{"title":"X0 AXS RSV-Kit \/ Matte Dark Blue \/ XXL","offer_id":57496416682366,"sku":"58-23268-109-3-762-8121011-1-1-1-1-1-1","price":44965.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY25_HecklerSL_CC_XX_AXS_RSV_GlossMustardYellow-scaled.webp?v=1780337503"},{"product_id":"bicicleta-santa-cruz-v10-8-cc","title":"Bicicleta Santa Cruz V10 8 CC","description":"\u003cp\u003e\u003c\/p\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"271938\" class=\"elementor elementor-271938\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-5550bec e-flex e-con-boxed e-con e-parent\" data-id=\"5550bec\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-d3f0bba elementor-widget elementor-widget-html\" data-id=\"d3f0bba\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Santa Cruz V10 2025 - Landing Page Premium - Apple Style Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Santa Cruz V10 downhill full-suspension carbon CC mountain bike, bicicletă MTB DH World Cup România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e \/* ============================================\u003cbr \/\u003e CSS VARIABLES \u0026 DESIGN SYSTEM - V10 DH EDITION\u003cbr \/\u003e Apple Style: White + gray backgrounds, DH red gradients\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-page {\u003cbr \/\u003e --v10-black: #1d1d1f;\u003cbr \/\u003e --v10-white: #ffffff;\u003cbr \/\u003e --v10-gray-50: #fafafa;\u003cbr \/\u003e --v10-gray-100: #f5f5f7;\u003cbr \/\u003e --v10-gray-200: #e8e8ed;\u003cbr \/\u003e --v10-gray-300: #d2d2d7;\u003cbr \/\u003e --v10-gray-500: #86868b;\u003cbr \/\u003e --v10-gray-600: #6e6e73;\u003cbr \/\u003e --v10-gray-700: #515154;\u003cbr \/\u003e --v10-gray-800: #2d2d2d;\u003cbr \/\u003e --v10-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* V10 Accent Colors - DH Red *\/\u003cbr \/\u003e --v10-red: #E31937;\u003cbr \/\u003e --v10-red-light: #ff3355;\u003cbr \/\u003e --v10-red-dark: #b8142d;\u003cbr \/\u003e --v10-crimson: #dc143c;\u003cbr \/\u003e --v10-green: #3e4122;\u003cbr \/\u003e --v10-green-light: #4e5132;\u003cbr \/\u003e --v10-blue: #1c3a6e;\u003cbr \/\u003e --v10-blue-light: #2a5499;\u003cbr \/\u003e --v10-blue-deep: #0d1f3d;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Animation timing functions *\/\u003cbr \/\u003e --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\u003cbr \/\u003e --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\u003cbr \/\u003e --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\u003cbr \/\u003e --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\u003cbr \/\u003e --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e html, body {\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e overflow-y: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-page {\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e overflow-y: visible !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-fw-parent {\u003cbr \/\u003e padding-left: 0 !important;\u003cbr \/\u003e padding-right: 0 !important;\u003cbr \/\u003e margin-left: 0 !important;\u003cbr \/\u003e margin-right: 0 !important;\u003cbr \/\u003e border-radius: 0 !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e overflow-y: visible !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-widget-container:has(.v10-page),\u003cbr \/\u003e .elementor-element:has(.v10-page) {\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-section:has(.v10-page),\u003cbr \/\u003e .elementor-container:has(.v10-page),\u003cbr \/\u003e .elementor-column:has(.v10-page),\u003cbr \/\u003e .elementor-widget:has(.v10-page) {\u003cbr \/\u003e padding: 0 !important;\u003cbr \/\u003e margin: 0 !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e max-width: 100% !important;\u003cbr \/\u003e overflow-x: hidden !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .elementor-widget-container .v10-page h1,\u003cbr \/\u003e .elementor-widget-container .v10-page h2,\u003cbr \/\u003e .elementor-widget-container .v10-page h3,\u003cbr \/\u003e .elementor-widget-container .v10-page h4,\u003cbr \/\u003e .elementor-widget-container .v10-page h5,\u003cbr \/\u003e .elementor-widget-container .v10-page h6,\u003cbr \/\u003e .elementor-kit-6 .v10-page h1,\u003cbr \/\u003e .elementor-kit-6 .v10-page h2,\u003cbr \/\u003e .elementor-kit-6 .v10-page h3,\u003cbr \/\u003e .elementor-kit-6 .v10-page h4,\u003cbr \/\u003e .elementor-kit-6 .v10-page h5,\u003cbr \/\u003e .elementor-kit-6 .v10-page h6,\u003cbr \/\u003e .v10-page h1,\u003cbr \/\u003e .v10-page h2,\u003cbr \/\u003e .v10-page h3,\u003cbr \/\u003e .v10-page h4,\u003cbr \/\u003e .v10-page h5,\u003cbr \/\u003e .v10-page h6 {\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\u003cbr \/\u003e color: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .elementor-kit-6 .v10-page h2,\u003cbr \/\u003e .elementor-widget-container .v10-page h2 {\u003cbr \/\u003e font-size: inherit !important;\u003cbr \/\u003e font-weight: inherit !important;\u003cbr \/\u003e line-height: inherit !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e WOOCOMMERCE TAB PANEL H2 OVERRIDE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .single-product-tabs .woocommerce-Tabs-panel .v10-page h2,\u003cbr \/\u003e .woocommerce-Tabs-panel .v10-page h2,\u003cbr \/\u003e .v10-page h2.v10-title-main,\u003cbr \/\u003e .v10-page h2 {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e RESET \u0026 BASE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-page {\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e background: var(--v10-white);\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e overflow-x: hidden;\u003cbr \/\u003e overflow-y: visible;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-page * {\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-page img,\u003cbr \/\u003e .v10-page video {\u003cbr \/\u003e max-width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-page a {\u003cbr \/\u003e text-decoration: none;\u003cbr \/\u003e color: inherit;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-page {\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e GRADIENT TEXT EFFECTS - DH RED\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-gradient,\u003cbr \/\u003e .v10-page .v10-gradient,\u003cbr \/\u003e .elementor-widget-container .v10-gradient {\u003cbr \/\u003e background: linear-gradient(90deg, #b8142d 0%, #E31937 20%, #ff3355 40%, #dc143c 65%, #E31937 85%, #b8142d 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: #E31937 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-gradient-cool,\u003cbr \/\u003e .v10-page .v10-gradient-cool,\u003cbr \/\u003e .elementor-widget-container .v10-gradient-cool {\u003cbr \/\u003e background: linear-gradient(90deg, #3e4122 0%, #4e5132 25%, #5e6142 50%, #4e5132 75%, #3e4122 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: #3e4122 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-gradient-warm,\u003cbr \/\u003e .v10-page .v10-gradient-warm,\u003cbr \/\u003e .elementor-widget-container .v10-gradient-warm {\u003cbr \/\u003e background: linear-gradient(90deg, #dc143c 0%, #E31937 25%, #ff3355 50%, #E31937 75%, #b8142d 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: #E31937 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-gradient-reverse,\u003cbr \/\u003e .v10-page .v10-gradient-reverse,\u003cbr \/\u003e .elementor-widget-container .v10-gradient-reverse {\u003cbr \/\u003e background: linear-gradient(90deg, #ff3355 0%, #E31937 30%, #dc143c 60%, #b8142d 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e color: #E31937 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TYPOGRAPHY SYSTEM\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-page .v10-title-main {\u003cbr \/\u003e font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e letter-spacing: -0.035em !important;\u003cbr \/\u003e line-height: 1.05 !important;\u003cbr \/\u003e margin-bottom: 0.25rem !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-page .v10-subtitle {\u003cbr \/\u003e font-size: clamp(1rem, 2vw, 1.35rem);\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-page .v10-label {\u003cbr \/\u003e font-size: 0.8125rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e background: linear-gradient(90deg, #E31937, #dc143c, #b8142d);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e QUICK NAV + FAST CONFIGURATION\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e \u003cdata-nav-section\u003e {\u003cbr \/\u003e scroll-margin-top: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-nav {\u003cbr \/\u003e position: sticky;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e z-index: 50;\u003cbr \/\u003e border-bottom: 1px solid rgba(0, 0, 0, 0.06);\u003cbr \/\u003e background: rgba(255, 255, 255, 0.72);\u003cbr \/\u003e backdrop-filter: blur(22px) saturate(180%);\u003cbr \/\u003e -webkit-backdrop-filter: blur(22px) saturate(180%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-nav-inner {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 12px 20px;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e scrollbar-width: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-nav-inner::-webkit-scrollbar { display: none; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-link {\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e font-size: 0.8rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e padding: 8px 14px;\u003cbr \/\u003e border-radius: 999px;\u003cbr \/\u003e border: 1px solid transparent;\u003cbr \/\u003e transition: all 0.25s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-link:hover {\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e border-color: var(--v10-gray-300);\u003cbr \/\u003e background: var(--v10-gray-50);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-link.active {\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e background: var(--v10-gray-100);\u003cbr \/\u003e border-color: var(--v10-gray-300);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-link.v10-sticky-link-cta {\u003cbr \/\u003e margin-left: auto;\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e background: var(--v10-red);\u003cbr \/\u003e border-color: var(--v10-red);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-sticky-link.v10-sticky-link-cta:hover {\u003cbr \/\u003e background: var(--v10-red-dark);\u003cbr \/\u003e border-color: var(--v10-red-dark);\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-cta-row {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e margin: 6px 0 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-price-note {\u003cbr \/\u003e font-size: 0.82rem;\u003cbr \/\u003e letter-spacing: 0.4px;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.65);\u003cbr \/\u003e margin-bottom: 14px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-config-section {\u003cbr \/\u003e padding: clamp(40px, 7vw, 80px) 24px;\u003cbr \/\u003e background:\u003cbr \/\u003e radial-gradient(circle at 85% -10%, rgba(227, 25, 55, 0.14), transparent 38%),\u003cbr \/\u003e radial-gradient(circle at 10% 120%, rgba(62, 65, 34, 0.16), transparent 42%),\u003cbr \/\u003e var(--v10-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-config {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e border-radius: 26px;\u003cbr \/\u003e border: 1px solid var(--v10-gray-200);\u003cbr \/\u003e background: rgba(255, 255, 255, 0.92);\u003cbr \/\u003e backdrop-filter: blur(10px);\u003cbr \/\u003e -webkit-backdrop-filter: blur(10px);\u003cbr \/\u003e padding: clamp(24px, 4vw, 38px);\u003cbr \/\u003e box-shadow: 0 18px 70px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-config-head {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: space-between;\u003cbr \/\u003e align-items: flex-start;\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e margin-bottom: 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-title {\u003cbr \/\u003e font-size: clamp(1.7rem, 3vw, 2.6rem);\u003cbr \/\u003e line-height: 1.1;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e font-weight: 750;\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-subtitle {\u003cbr \/\u003e margin-top: 10px;\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e max-width: 620px;\u003cbr \/\u003e font-size: 0.95rem;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-summary {\u003cbr \/\u003e text-align: right;\u003cbr \/\u003e min-width: 220px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-price {\u003cbr \/\u003e font-size: clamp(2rem, 3.5vw, 2.8rem);\u003cbr \/\u003e font-weight: 800;\u003cbr \/\u003e letter-spacing: -0.03em;\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-price small {\u003cbr \/\u003e display: block;\u003cbr \/\u003e margin-top: 6px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e color: var(--v10-gray-500);\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-meta {\u003cbr \/\u003e margin-top: 10px;\u003cbr \/\u003e font-size: 0.82rem;\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-field {\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e border: 1px solid var(--v10-gray-200);\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e padding: 18px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-field-label {\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 1.2px;\u003cbr \/\u003e color: var(--v10-gray-500);\u003cbr \/\u003e margin-bottom: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-pill-group {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-pill {\u003cbr \/\u003e border: 1px solid var(--v10-gray-300);\u003cbr \/\u003e border-radius: 999px;\u003cbr \/\u003e background: var(--v10-gray-50);\u003cbr \/\u003e color: var(--v10-gray-700);\u003cbr \/\u003e padding: 10px 14px;\u003cbr \/\u003e font-size: 0.83rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.25s ease;\u003cbr \/\u003e font-family: var(--font-main);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-pill:hover {\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e border-color: var(--v10-gray-600);\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-pill.active {\u003cbr \/\u003e background: var(--v10-black);\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e border-color: var(--v10-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-size-pill.active {\u003cbr \/\u003e background: var(--v10-red);\u003cbr \/\u003e border-color: var(--v10-red);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-assist {\u003cbr \/\u003e margin-top: 22px;\u003cbr \/\u003e font-size: 0.86rem;\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-assist strong {\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-links {\u003cbr \/\u003e margin-top: 24px;\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, minmax(0, 1fr));\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-link-card {\u003cbr \/\u003e border: 1px solid var(--v10-gray-200);\u003cbr \/\u003e border-radius: 14px;\u003cbr \/\u003e padding: 14px 14px 15px;\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e transition: all 0.25s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-link-card:hover {\u003cbr \/\u003e border-color: var(--v10-gray-400);\u003cbr \/\u003e transform: translateY(-2px);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-link-card h4 {\u003cbr \/\u003e font-size: 0.92rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 5px;\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-link-card p {\u003cbr \/\u003e font-size: 0.8rem;\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e line-height: 1.45;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-quick-cta {\u003cbr \/\u003e margin-top: 28px;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 12px;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TRUST SECTION (INSPIRED BY OFFICIAL PDP)\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-trust-section {\u003cbr \/\u003e background: var(--v10-black);\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-section .v10-label {\u003cbr \/\u003e background: linear-gradient(90deg, #ff8fa0, #ff4f6d, #ff8fa0);\u003cbr \/\u003e -webkit-background-clip: text;\u003cbr \/\u003e -webkit-text-fill-color: transparent;\u003cbr \/\u003e background-clip: text;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-section .v10-title-main {\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-section .v10-subtitle {\u003cbr \/\u003e color: rgba(255, 255, 255, 0.76);\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 18px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-card {\u003cbr \/\u003e border: 1px solid rgba(255, 255, 255, 0.14);\u003cbr \/\u003e background: rgba(255, 255, 255, 0.04);\u003cbr \/\u003e border-radius: 18px;\u003cbr \/\u003e padding: 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-icon {\u003cbr \/\u003e width: 42px;\u003cbr \/\u003e height: 42px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e margin-bottom: 14px;\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e background: linear-gradient(135deg, rgba(255, 79, 109, 0.35), rgba(227, 25, 55, 0.52));\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-icon svg {\u003cbr \/\u003e width: 20px;\u003cbr \/\u003e height: 20px;\u003cbr \/\u003e stroke: currentColor;\u003cbr \/\u003e fill: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-card h3 {\u003cbr \/\u003e font-size: 1.06rem;\u003cbr \/\u003e margin-bottom: 7px;\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-trust-card p {\u003cbr \/\u003e color: rgba(255, 255, 255, 0.78);\u003cbr \/\u003e font-size: 0.88rem;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e HERO SECTION - SANTA CRUZ STYLE\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-hero {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e min-height: 100vh;\u003cbr \/\u003e transition: background 0.9s var(--ease-out-expo);\u003cbr \/\u003e padding-bottom: 40px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero::after {\u003cbr \/\u003e content: \"\";\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e inset: 0;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e background:\u003cbr \/\u003e radial-gradient(ellipse at 50% 95%, rgba(0, 0, 0, 0.45), transparent 55%),\u003cbr \/\u003e radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.04), transparent 35%);\u003cbr \/\u003e z-index: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero \u003e * { position: relative; z-index: 3; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero.bg-green {\u003cbr \/\u003e background:\u003cbr \/\u003e radial-gradient(ellipse at 50% 110%, rgba(255, 255, 255, 0.08), transparent 55%),\u003cbr \/\u003e radial-gradient(ellipse at 50% -20%, rgba(255, 255, 255, 0.06), transparent 50%),\u003cbr \/\u003e linear-gradient(180deg, #4a4d2c 0%, #3e4122 45%, #2e3019 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero.bg-blue {\u003cbr \/\u003e background:\u003cbr \/\u003e radial-gradient(ellipse at 50% 110%, rgba(120, 170, 255, 0.14), transparent 55%),\u003cbr \/\u003e radial-gradient(ellipse at 50% -20%, rgba(80, 130, 220, 0.10), transparent 50%),\u003cbr \/\u003e linear-gradient(180deg, #1f4886 0%, #142e5d 50%, #0a1c3d 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Logo *\/\u003cbr \/\u003e .v10-hero-logo {\u003cbr \/\u003e padding-top: 30px;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e z-index: 5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-logo img {\u003cbr \/\u003e height: 28px;\u003cbr \/\u003e filter: brightness(0) invert(1);\u003cbr \/\u003e opacity: 0.85;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-badge {\u003cbr \/\u003e background: rgba(227, 25, 55, 0.9);\u003cbr \/\u003e backdrop-filter: blur(10px);\u003cbr \/\u003e color: white;\u003cbr \/\u003e padding: 6px 18px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.65rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e display: inline-flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 6px;\u003cbr \/\u003e margin-bottom: 16px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 5;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-title,\u003cbr \/\u003e .v10-page .v10-hero-title,\u003cbr \/\u003e .elementor-widget-container .v10-hero-title,\u003cbr \/\u003e .elementor-kit-6 .v10-hero-title,\u003cbr \/\u003e .v10-hero h1 {\u003cbr \/\u003e font-size: clamp(5.5rem, 15vw, 12rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.04em !important;\u003cbr \/\u003e line-height: 0.82 !important;\u003cbr \/\u003e margin-bottom: 14px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.78) 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e text-shadow: 0 24px 48px rgba(0, 0, 0, 0.25);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-subtitle,\u003cbr \/\u003e .v10-page .v10-hero-subtitle,\u003cbr \/\u003e .v10-hero .v10-hero-subtitle {\u003cbr \/\u003e font-size: clamp(0.78rem, 1.2vw, 1rem) !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.78) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;\u003cbr \/\u003e margin-bottom: 22px !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e letter-spacing: 4px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stat-label,\u003cbr \/\u003e .v10-hero .v10-hero-stat-label {\u003cbr \/\u003e color: rgba(255, 255, 255, 0.55) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.55) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stat-value,\u003cbr \/\u003e .v10-hero .v10-hero-stat-value {\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-badge,\u003cbr \/\u003e .v10-hero .v10-hero-badge {\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stats {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 0;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stat {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 0 clamp(18px, 3.2vw, 34px);\u003cbr \/\u003e border-left: 1px solid rgba(255, 255, 255, 0.18);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stat:first-child { border-left: none; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stats {\u003cbr \/\u003e background: rgba(255, 255, 255, 0.04);\u003cbr \/\u003e backdrop-filter: blur(12px) saturate(160%);\u003cbr \/\u003e -webkit-backdrop-filter: blur(12px) saturate(160%);\u003cbr \/\u003e border: 1px solid rgba(255, 255, 255, 0.10);\u003cbr \/\u003e border-radius: 999px;\u003cbr \/\u003e padding: 14px 8px;\u003cbr \/\u003e margin-top: 6px !important;\u003cbr \/\u003e margin-bottom: 18px !important;\u003cbr \/\u003e box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.10);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stat-label {\u003cbr \/\u003e font-size: 0.6rem;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.55);\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 1px;\u003cbr \/\u003e margin-bottom: 3px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stat-value {\u003cbr \/\u003e font-size: clamp(1.4rem, 2.5vw, 2rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-stat-value span {\u003cbr \/\u003e font-size: 0.8rem;\u003cbr \/\u003e font-weight: 400;\u003cbr \/\u003e opacity: 0.7;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike showcase - below text, not overlapping *\/\u003cbr \/\u003e .v10-bike-showcase {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e flex: 1 1 auto;\u003cbr \/\u003e min-height: 65vh;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-bike-slides {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-bike-slide {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e transform: scale(0.96) translateY(12px);\u003cbr \/\u003e transition: opacity 0.9s var(--ease-out-expo), transform 1.1s var(--ease-out-expo);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-bike-slide.active {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e transform: scale(1) translateY(0);\u003cbr \/\u003e pointer-events: auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-bike-slide img {\u003cbr \/\u003e max-width: 95%;\u003cbr \/\u003e max-height: 100%;\u003cbr \/\u003e width: auto;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e object-fit: contain;\u003cbr \/\u003e filter: drop-shadow(0 60px 110px rgba(0, 0, 0, 0.5)) drop-shadow(0 16px 32px rgba(0, 0, 0, 0.28));\u003cbr \/\u003e animation: v10-bike-float 9s ease-in-out infinite;\u003cbr \/\u003e will-change: transform;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @keyframes v10-bike-float {\u003cbr \/\u003e 0%, 100% { transform: translateY(0); }\u003cbr \/\u003e 50% { transform: translateY(-10px); }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e @media (prefers-reduced-motion: reduce) {\u003cbr \/\u003e .v10-bike-slide img { animation: none; }\u003cbr \/\u003e .v10-bike-slide { transition: opacity 0.4s ease; transform: none; }\u003cbr \/\u003e .v10-bike-slide.active { transform: none; }\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Color selector - dots in small white pill, name outside in white *\/\u003cbr \/\u003e .v10-color-selector {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e right: clamp(10px, 2.5vw, 40px);\u003cbr \/\u003e top: 50%;\u003cbr \/\u003e transform: translateY(-50%);\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e z-index: 10;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-color-dots-pill {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e flex-direction: column;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.72);\u003cbr \/\u003e backdrop-filter: blur(20px) saturate(180%);\u003cbr \/\u003e -webkit-backdrop-filter: blur(20px) saturate(180%);\u003cbr \/\u003e padding: 10px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e border: 1px solid rgba(255, 255, 255, 0.35);\u003cbr \/\u003e box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.4);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-color-dot {\u003cbr \/\u003e width: 22px;\u003cbr \/\u003e height: 22px;\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: transform 0.4s var(--ease-out-expo), border-color 0.3s ease, box-shadow 0.3s ease;\u003cbr \/\u003e border: 2px solid transparent;\u003cbr \/\u003e box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-color-dot:hover { transform: scale(1.18); }\u003cbr \/\u003e .v10-color-dot.active {\u003cbr \/\u003e border-color: rgba(0, 0, 0, 0.3);\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.25), 0 0 0 3px rgba(255, 255, 255, 0.5);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-dot-green { background: linear-gradient(135deg, #4a4d2c, #3e4122); }\u003cbr \/\u003e .v10-dot-blue { background: linear-gradient(135deg, #2a5499, #1c3a6e); }\u003cbr \/\u003e .v10-dot-blue.active { border-color: rgba(0, 0, 0, 0.25); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-color-name {\u003cbr \/\u003e display: block;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e font-size: 0.65rem;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e white-space: nowrap;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile color selector *\/\u003cbr \/\u003e .v10-color-selector-mobile { display: none; }\u003cbr \/\u003e .v10-color-name-mobile { display: none; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Hero video autoplay below hero *\/\u003cbr \/\u003e .v10-hero-video-section {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e background: var(--v10-gray-100);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-hero-video-section iframe {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/9;\u003cbr \/\u003e display: block;\u003cbr \/\u003e border: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SECTION SPACING\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-section {\u003cbr \/\u003e padding: clamp(60px, 10vw, 120px) 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-section-inner {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-section-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: clamp(40px, 6vw, 70px);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e FULLWIDTH USP IMAGES\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-fullwidth-image {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e line-height: 0;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-fullwidth-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-fullwidth-overlay {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e padding: clamp(30px, 5vw, 60px) clamp(24px, 4vw, 60px);\u003cbr \/\u003e background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-fullwidth-overlay h3 {\u003cbr \/\u003e font-size: clamp(1.5rem, 3vw, 2.5rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: #ffffff;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-fullwidth-overlay p {\u003cbr \/\u003e font-size: clamp(0.85rem, 1.3vw, 1.05rem);\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7);\u003cbr \/\u003e max-width: 500px;\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e 3-CARD HIGHLIGHTS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-highlights-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card {\u003cbr \/\u003e background: var(--v10-gray-100);\u003cbr \/\u003e border-radius: 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s ease;\u003cbr \/\u003e border: 1px solid rgba(0, 0, 0, 0.04);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card:hover {\u003cbr \/\u003e transform: translateY(-8px);\u003cbr \/\u003e box-shadow: 0 28px 70px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 220px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card:hover .v10-highlight-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card-content {\u003cbr \/\u003e padding: 28px 24px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card-content h3 {\u003cbr \/\u003e font-size: 1.15rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-highlight-card-content p {\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e line-height: 1.6;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e SPLIT LAYOUT SECTIONS\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-split {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1fr;\u003cbr \/\u003e gap: clamp(40px, 6vw, 80px);\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-split.reverse { direction: rtl; }\u003cbr \/\u003e .v10-split.reverse \u003e * { direction: ltr; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-split-image {\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 30px 80px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-split-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-split-image:hover img { transform: scale(1.03); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-split-text h3 {\u003cbr \/\u003e font-size: clamp(1.8rem, 3.5vw, 2.8rem);\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e line-height: 1.15;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-split-text p {\u003cbr \/\u003e font-size: clamp(0.95rem, 1.3vw, 1.1rem);\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e line-height: 1.75;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ============================================\u003cbr \/\u003e TECH FEATURES CAROUSEL\u003cbr \/\u003e ============================================ *\/\u003cbr \/\u003e .v10-tech-section {\u003cbr \/\u003e background: var(--v10-white);\u003cbr \/\u003e padding: clamp(60px, 10vw, 120px) 24px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-track-wrapper {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-track {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 24px;\u003cbr \/\u003e transition: transform 0.5s var(--ease-out-expo);\u003cbr \/\u003e cursor: grab;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-track:active { cursor: grabbing; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-card {\u003cbr \/\u003e min-width: 320px;\u003cbr \/\u003e flex-shrink: 0;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-card-image {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 220px;\u003cbr \/\u003e border-radius: 14px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.5s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-card:hover .v10-tech-card-image img {\u003cbr \/\u003e transform: scale(1.05);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-card h3 {\u003cbr \/\u003e font-size: 1.2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--v10-black);\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-card p {\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e color: var(--v10-gray-600);\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-progress {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 2px;\u003cbr \/\u003e background: var(--v10-gray-200);\u003cbr \/\u003e margin-top: 40px;\u003cbr \/\u003e border-radius: 2px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .v10-tech-progress-fill {\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: linear-gradient(90deg, #b8142d 0%, #E31937 50%, #ff3355 100%);\u003cbr \/\u003e width: 25%;\u003cbr \/\u003e transition: width\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"S \/ Gloss Black Sparkle \/ DH S-Kit","offer_id":57496416977278,"sku":"58-26296-375-2-916-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Gloss Black Sparkle \/ DH X01-Kit","offer_id":57496417010046,"sku":"58-26296-383-2-916-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Gloss Kelp Green \/ DH S-Kit","offer_id":57496417042814,"sku":"58-26296-375-2-879-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Gloss Kelp Green \/ DH X01-Kit","offer_id":57496417075582,"sku":"58-26296-383-2-879-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Gloss Black Sparkle \/ DH S-Kit","offer_id":57496417108350,"sku":"58-26296-375-3-916-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Gloss Black Sparkle \/ DH X01-Kit","offer_id":57496417141118,"sku":"58-26296-383-3-916-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Gloss Kelp Green \/ DH S-Kit","offer_id":57496417173886,"sku":"58-26296-375-3-879-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Gloss Kelp Green \/ DH X01-Kit","offer_id":57496417206654,"sku":"58-26296-383-3-879-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Gloss Black Sparkle \/ DH S-Kit","offer_id":57496417239422,"sku":"58-26296-375-4-916-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Gloss Black Sparkle \/ DH X01-Kit","offer_id":57496417272190,"sku":"58-26296-383-4-916-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Gloss Kelp Green \/ DH S-Kit","offer_id":57496417304958,"sku":"58-26296-375-4-879-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Gloss Kelp Green \/ DH X01-Kit","offer_id":57496417337726,"sku":"58-26296-383-4-879-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Gloss Black Sparkle \/ DH S-Kit","offer_id":57496417370494,"sku":"58-26297-374-5-916-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Gloss Black Sparkle \/ DH X01-Kit","offer_id":57496417403262,"sku":"58-26297-382-5-916-283401","price":41225.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Gloss Kelp Green \/ DH S-Kit","offer_id":57496417436030,"sku":"58-26297-374-5-879-273301","price":32725.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Gloss Kelp Green \/ DH X01-Kit","offer_id":57496417468798,"sku":"58-26297-382-5-879-283401","price":41225.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY27_V10_CC_DH_X01_GlossLiquidBlue_94533f3d-0ffa-4de3-a2a5-4c82f387363b.webp?v=1782399127"},{"product_id":"bicicleta-mtb-santa-cruz-bronson-2","title":"Bicicleta MTB Santa Cruz BRONSON","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"262866\" class=\"elementor elementor-262866\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-3d07ce5 e-flex e-con-boxed e-con e-parent\" data-id=\"3d07ce5\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cbr\u003e\u003cdiv class=\"e-con-inner\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-13e1204 elementor-widget elementor-widget-html\" data-id=\"13e1204\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\t\t\t\t\t\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003ctitle\u003eSanta Cruz Bronson | ProVelo România\u003c\/title\u003e\n\u003cbr\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e :root {\u003cbr \/\u003e --sc-red: #E31937;\u003cbr \/\u003e --sc-red-dark: #c41530;\u003cbr \/\u003e --apple-blue: #0071e3;\u003cbr \/\u003e --apple-blue-hover: #0077ed;\u003cbr \/\u003e --black: #0a0a0a;\u003cbr \/\u003e --dark-gray: #2d2d2d;\u003cbr \/\u003e --apple-gray: #f5f5f7;\u003cbr \/\u003e --apple-gray-dark: #e8e8ed;\u003cbr \/\u003e --text-dark: #1d1d1f;\u003cbr \/\u003e --text-gray: #86868b;\u003cbr \/\u003e --white: #ffffff;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e * {\u003cbr \/\u003e margin: 0;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e box-sizing: border-box;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e html {\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e body {\u003cbr \/\u003e font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e -webkit-font-smoothing: antialiased;\u003cbr \/\u003e -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== HERO SECTION - SANTA CRUZ STYLE ========== *\/\u003cbr \/\u003e .hero {\u003cbr \/\u003e height: 100vh !important;\u003cbr \/\u003e min-height: 700px !important;\u003cbr \/\u003e position: relative !important;\u003cbr \/\u003e overflow: hidden !important;\u003cbr \/\u003e transition: background 0.5s ease !important;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Background colors matching bike colors *\/\u003cbr \/\u003e .hero.bg-carbon { background: #2d2d2d; }\u003cbr \/\u003e .hero.bg-green { background: #3a5a3a; }\u003cbr \/\u003e .hero.bg-rootbeer { background: #5a3a2a; }\u003cbr \/\u003e .hero.bg-kalimotxo { background: #6a2a2a; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Dot Colors *\/\u003cbr \/\u003e .dot-carbon { background: #3d3d3d !important; background-color: #3d3d3d !important; }\u003cbr \/\u003e .dot-green { background: #4a6a4a !important; background-color: #4a6a4a !important; }\u003cbr \/\u003e .dot-rootbeer { background: #7a4a2a !important; background-color: #7a4a2a !important; }\u003cbr \/\u003e .dot-kalimotxo { background: #8a3a3a !important; background-color: #8a3a3a !important; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-content {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e padding: 60px 20px 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override Elementor\/WordPress styles *\/\u003cbr \/\u003e .hero h1,\u003cbr \/\u003e .hero .hero-title,\u003cbr \/\u003e .hero-content h1,\u003cbr \/\u003e .hero-content .hero-title,\u003cbr \/\u003e h1.hero-title {\u003cbr \/\u003e font-size: clamp(5rem, 15vw, 12rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 25px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e background: none !important;\u003cbr \/\u003e -webkit-background-clip: unset !important;\u003cbr \/\u003e background-clip: unset !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* TITLU MEGA - FOARTE MARE ALB *\/\u003cbr \/\u003e .hero-title {\u003cbr \/\u003e font-size: clamp(5rem, 15vw, 12rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e letter-spacing: -0.02em !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e margin-bottom: 25px !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stats {\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e gap: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat {\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 0 25px !important;\u003cbr \/\u003e border-left: 1px solid rgba(255, 255, 255, 0.3) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat:first-child {\u003cbr \/\u003e border-left: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-label {\u003cbr \/\u003e font-size: 0.65rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e margin-bottom: 5px !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value {\u003cbr \/\u003e font-size: 2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e line-height: 1 !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero-stat-value span {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Override pentru stats - Elementor *\/\u003cbr \/\u003e .hero .hero-stat-label,\u003cbr \/\u003e .hero-content .hero-stat-label,\u003cbr \/\u003e .hero-stats .hero-stat-label {\u003cbr \/\u003e font-size: 0.65rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;\u003cbr \/\u003e text-transform: uppercase !important;\u003cbr \/\u003e letter-spacing: 1px !important;\u003cbr \/\u003e font-weight: 400 !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hero .hero-stat-value,\u003cbr \/\u003e .hero-content .hero-stat-value,\u003cbr \/\u003e .hero-stats .hero-stat-value {\u003cbr \/\u003e font-size: 2rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Bike Showcase in Hero *\/\u003cbr \/\u003e .bike-showcase-hero {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e top: 0 !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e z-index: 1 !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase-hero .color-selector-vertical {\u003cbr \/\u003e pointer-events: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slides {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e top: 0 !important;\u003cbr \/\u003e left: 0 !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e width: 100% !important;\u003cbr \/\u003e height: 100% !important;\u003cbr \/\u003e opacity: 0 !important;\u003cbr \/\u003e transition: opacity 0.5s ease !important;\u003cbr \/\u003e pointer-events: none !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e align-items: center !important;\u003cbr \/\u003e justify-content: center !important;\u003cbr \/\u003e padding-top: 180px !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide.active {\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e pointer-events: auto !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-slide img {\u003cbr \/\u003e width: auto !important;\u003cbr \/\u003e height: 70% !important;\u003cbr \/\u003e max-width: 85% !important;\u003cbr \/\u003e object-fit: contain !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== COLOR SELECTOR ========== *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Desktop - selector vertical pe lateral *\/\u003cbr \/\u003e .color-selector-vertical {\u003cbr \/\u003e position: absolute !important;\u003cbr \/\u003e right: 18% !important;\u003cbr \/\u003e top: 50% !important;\u003cbr \/\u003e transform: translateY(-50%) !important;\u003cbr \/\u003e display: flex !important;\u003cbr \/\u003e flex-direction: column !important;\u003cbr \/\u003e gap: 10px !important;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.95) !important;\u003cbr \/\u003e padding: 12px 10px !important;\u003cbr \/\u003e border-radius: 30px !important;\u003cbr \/\u003e box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\u003cbr \/\u003e z-index: 10 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Desktop color name - simplu, alb, centrat *\/\u003cbr \/\u003e .color-name-desktop {\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e text-align: center !important;\u003cbr \/\u003e padding: 15px 0 30px !important;\u003cbr \/\u003e font-size: 0.9rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e font-weight: 500 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Mobile - ascuns pe desktop *\/\u003cbr \/\u003e .color-selector-mobile {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-name-mobile {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cercuri culori desktop *\/\u003cbr \/\u003e .color-dot-v {\u003cbr \/\u003e width: 28px !important;\u003cbr \/\u003e height: 28px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s ease !important;\u003cbr \/\u003e border: 2px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v:hover {\u003cbr \/\u003e transform: scale(1.15) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-v.active {\u003cbr \/\u003e border-color: rgba(0, 0, 0, 0.3) !important;\u003cbr \/\u003e transform: scale(1.1) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Cercuri culori mobile *\/\u003cbr \/\u003e .color-dot-m {\u003cbr \/\u003e width: 50px !important;\u003cbr \/\u003e height: 50px !important;\u003cbr \/\u003e border-radius: 50% !important;\u003cbr \/\u003e cursor: pointer !important;\u003cbr \/\u003e transition: all 0.3s ease !important;\u003cbr \/\u003e border: 3px solid transparent !important;\u003cbr \/\u003e flex-shrink: 0 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m:hover {\u003cbr \/\u003e transform: scale(1.1) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .color-dot-m.active {\u003cbr \/\u003e border-color: #1a1a1a !important;\u003cbr \/\u003e transform: scale(1.05) !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== STANDOUT FEATURES - NEGRU ========== *\/\u003cbr \/\u003e .standout-section {\u003cbr \/\u003e background: #1a1a1a;\u003cbr \/\u003e padding: 80px 20px 60px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-header {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto 40px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-title {\u003cbr \/\u003e font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #ffffff !important;\u003cbr \/\u003e -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e margin-bottom: 10px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .standout-subtitle {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel-container {\u003cbr \/\u003e position: relative;\u003cbr \/\u003e max-width: 1600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e gap: 8px;\u003cbr \/\u003e overflow-x: auto;\u003cbr \/\u003e scroll-behavior: smooth;\u003cbr \/\u003e scrollbar-width: none;\u003cbr \/\u003e -ms-overflow-style: none;\u003cbr \/\u003e padding: 0 20px 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .features-carousel::-webkit-scrollbar {\u003cbr \/\u003e display: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide {\u003cbr \/\u003e flex: 0 0 320px;\u003cbr \/\u003e height: 350px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: transform 0.4s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover {\u003cbr \/\u003e transform: scale(1.02);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide:hover img {\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-slide-content {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e bottom: 0;\u003cbr \/\u003e left: 0;\u003cbr \/\u003e right: 0;\u003cbr \/\u003e padding: 30px 20px;\u003cbr \/\u003e background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-number {\u003cbr \/\u003e font-size: 0.7rem;\u003cbr \/\u003e color: var(--sc-red);\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e letter-spacing: 1px;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-name {\u003cbr \/\u003e font-size: 1.2rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-progress {\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-bar {\u003cbr \/\u003e height: 2px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.2);\u003cbr \/\u003e border-radius: 1px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .progress-fill {\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e width: 25%;\u003cbr \/\u003e transition: transform 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-nav {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: flex-end;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 20px auto 0;\u003cbr \/\u003e padding: 0 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn {\u003cbr \/\u003e width: 44px;\u003cbr \/\u003e height: 44px;\u003cbr \/\u003e border: 1px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e background: transparent;\u003cbr \/\u003e border-radius: 8px;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover {\u003cbr \/\u003e background: var(--sc-red);\u003cbr \/\u003e border-color: var(--sc-red);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn svg {\u003cbr \/\u003e width: 20px;\u003cbr \/\u003e height: 20px;\u003cbr \/\u003e stroke: #ffffff;\u003cbr \/\u003e transition: stroke 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .carousel-btn:hover svg {\u003cbr \/\u003e stroke: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== CONTENT SECTIONS ========== *\/\u003cbr \/\u003e .container {\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== SPLIT SECTIONS - FUNDAL GRI APPLE ========== *\/\u003cbr \/\u003e .extreme-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .getup-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: #ffffff;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: 1fr 1.2fr;\u003cbr \/\u003e gap: 60px;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout.reverse {\u003cbr \/\u003e grid-template-columns: 1.2fr 1fr;\u003cbr \/\u003e direction: rtl;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .split-layout.reverse \u003e * {\u003cbr \/\u003e direction: ltr;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-label {\u003cbr \/\u003e font-size: 0.75rem !important;\u003cbr \/\u003e font-weight: 700 !important;\u003cbr \/\u003e color: var(--sc-red) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 2px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e line-height: 1.2 !important;\u003cbr \/\u003e margin-bottom: 30px !important;\u003cbr \/\u003e text-transform: none;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-title .gradient-text,\u003cbr \/\u003e .gradient-purple {\u003cbr \/\u003e background: linear-gradient(90deg, #a855f7 0%, #7c3aed 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .gradient-cyan {\u003cbr \/\u003e background: linear-gradient(90deg, #22d3ee 0%, #0891b2 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .section-text {\u003cbr \/\u003e font-size: 1.1rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e line-height: 1.8;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image {\u003cbr \/\u003e border-radius: 16px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .content-image:hover img {\u003cbr \/\u003e transform: scale(1.03);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== VIDEO SECTION - MAI MARE ========== *\/\u003cbr \/\u003e .video-section {\u003cbr \/\u003e padding: 100px 20px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-title {\u003cbr \/\u003e font-size: 0.85rem !important;\u003cbr \/\u003e color: var(--text-gray) !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 3px;\u003cbr \/\u003e margin-bottom: 20px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-heading {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e margin-bottom: 50px;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container {\u003cbr \/\u003e max-width: 1200px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e box-shadow: 0 40px 100px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .video-container iframe {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e aspect-ratio: 16\/9;\u003cbr \/\u003e display: block;\u003cbr \/\u003e border: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== DESIGN DETAILS - FULL WIDTH NEGRU ========== *\/\u003cbr \/\u003e .design-section {\u003cbr \/\u003e padding: 80px 0 120px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 40px;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .design-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: -0.02em;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e margin: 0 auto 80px;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e background: #1a1a1a;\u003cbr \/\u003e padding: 80px 40px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .bike-showcase img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e height: auto;\u003cbr \/\u003e display: block;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* HOTSPOTS PE BICICLETĂ *\/\u003cbr \/\u003e .hotspot {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e width: 32px;\u003cbr \/\u003e height: 32px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.1);\u003cbr \/\u003e border: 1.5px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot::before {\u003cbr \/\u003e content: '+';\u003cbr \/\u003e color: rgba(255, 255, 255, 0.6);\u003cbr \/\u003e font-size: 18px;\u003cbr \/\u003e font-weight: 300;\u003cbr \/\u003e line-height: 1;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover,\u003cbr \/\u003e .hotspot.active {\u003cbr \/\u003e background: var(--sc-red);\u003cbr \/\u003e border-color: var(--sc-red);\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot:hover::before,\u003cbr \/\u003e .hotspot.active::before {\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Poziții hotspots PE bicicletă *\/\u003cbr \/\u003e .hotspot-1 { top: 28%; left: 38%; } \/* Tija șa *\/\u003cbr \/\u003e .hotspot-2 { top: 42%; left: 50%; } \/* Suspensie VPP *\/\u003cbr \/\u003e .hotspot-3 { top: 65%; left: 42%; } \/* Flip Chip \/ Pedalier *\/\u003cbr \/\u003e .hotspot-4 { top: 38%; left: 72%; } \/* Furcă *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e padding: 20px;\u003cbr \/\u003e border-radius: 12px;\u003cbr \/\u003e box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\u003cbr \/\u003e width: 260px;\u003cbr \/\u003e opacity: 0;\u003cbr \/\u003e visibility: hidden;\u003cbr \/\u003e transform: translateY(10px);\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e z-index: 100;\u003cbr \/\u003e pointer-events: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip.show {\u003cbr \/\u003e opacity: 1;\u003cbr \/\u003e visibility: visible;\u003cbr \/\u003e transform: translateY(0);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip h4 {\u003cbr \/\u003e font-size: 1rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e margin-bottom: 8px;\u003cbr \/\u003e color: var(--text-dark);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-tooltip p {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e line-height: 1.5;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .hotspot-1 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-1 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-2 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-2 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-3 .hotspot-tooltip { bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-10px); margin-bottom: 10px; }\u003cbr \/\u003e .hotspot-3 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003cbr \/\u003e .hotspot-4 .hotspot-tooltip { top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); margin-top: 10px; }\u003cbr \/\u003e .hotspot-4 .hotspot-tooltip.show { transform: translateX(-50%) translateY(0); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== FEATURES CARDS ========== *\/\u003cbr \/\u003e .features-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e padding: 0 20px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card {\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: transform 0.4s ease, box-shadow 0.4s ease;\u003cbr \/\u003e box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover {\u003cbr \/\u003e transform: translateY(-10px);\u003cbr \/\u003e box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image {\u003cbr \/\u003e height: 250px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-image img {\u003cbr \/\u003e width: 100%;\u003cbr \/\u003e height: 100%;\u003cbr \/\u003e object-fit: cover;\u003cbr \/\u003e transition: transform 0.6s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card:hover .feature-card-image img {\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-content {\u003cbr \/\u003e padding: 30px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card .feature-card-title,\u003cbr \/\u003e .feature-card-title {\u003cbr \/\u003e font-size: 1.6rem !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e margin-bottom: 15px !important;\u003cbr \/\u003e line-height: 1.2;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .feature-card-text {\u003cbr \/\u003e font-size: 1rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e line-height: 1.7;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* ========== PRODUCTS SECTION ========== *\/\u003cbr \/\u003e .products-section {\u003cbr \/\u003e padding: 120px 20px;\u003cbr \/\u003e background: var(--white);\u003cbr \/\u003e width: 100vw !important;\u003cbr \/\u003e max-width: 100vw !important;\u003cbr \/\u003e margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e margin-right: calc(-50vw + 50%) !important;\u003cbr \/\u003e box-sizing: border-box !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-header {\u003cbr \/\u003e text-align: center;\u003cbr \/\u003e margin-bottom: 60px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-section .products-title,\u003cbr \/\u003e .products-title {\u003cbr \/\u003e font-size: clamp(2.5rem, 5vw, 4rem) !important;\u003cbr \/\u003e font-weight: 900 !important;\u003cbr \/\u003e color: #000000 !important;\u003cbr \/\u003e -webkit-text-fill-color: #000000 !important;\u003cbr \/\u003e margin-bottom: 20px !important;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e visibility: visible !important;\u003cbr \/\u003e opacity: 1 !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-title .gradient-text,\u003cbr \/\u003e .specs-title .gradient-text,\u003cbr \/\u003e .size-title .gradient-text,\u003cbr \/\u003e .geometry-title .gradient-text,\u003cbr \/\u003e .cta-title .gradient-text,\u003cbr \/\u003e .design-title .gradient-text,\u003cbr \/\u003e .standout-title .gradient-text,\u003cbr \/\u003e .video-heading .gradient-text {\u003cbr \/\u003e background: linear-gradient(90deg, #a855f7 0%, #7c3aed 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-title .gradient-cyan,\u003cbr \/\u003e .specs-title .gradient-cyan,\u003cbr \/\u003e .size-title .gradient-cyan,\u003cbr \/\u003e .geometry-title .gradient-cyan,\u003cbr \/\u003e .cta-title .gradient-cyan,\u003cbr \/\u003e .design-title .gradient-cyan,\u003cbr \/\u003e .standout-title .gradient-cyan,\u003cbr \/\u003e .video-heading .gradient-cyan {\u003cbr \/\u003e background: linear-gradient(90deg, #22d3ee 0%, #0891b2 100%) !important;\u003cbr \/\u003e -webkit-background-clip: text !important;\u003cbr \/\u003e -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e background-clip: text !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-section .products-subtitle,\u003cbr \/\u003e .products-subtitle {\u003cbr \/\u003e font-size: 1.2rem !important;\u003cbr \/\u003e color: #555 !important;\u003cbr \/\u003e max-width: 600px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e display: block !important;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tabs {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e margin-bottom: 50px;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tab {\u003cbr \/\u003e padding: 12px 24px;\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e border: none;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e font-weight: 600;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .filter-tab:hover,\u003cbr \/\u003e .filter-tab.active {\u003cbr \/\u003e background: var(--apple-blue);\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e \/* Products Color Selector *\/\u003cbr \/\u003e .products-color-selector {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e justify-content: center;\u003cbr \/\u003e gap: 15px;\u003cbr \/\u003e margin: 30px 0;\u003cbr \/\u003e flex-wrap: wrap;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-color-label {\u003cbr \/\u003e font-size: 0.9rem;\u003cbr \/\u003e color: #666;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-color-pills {\u003cbr \/\u003e display: flex;\u003cbr \/\u003e align-items: center;\u003cbr \/\u003e gap: 10px;\u003cbr \/\u003e background: rgba(255, 255, 255, 0.95);\u003cbr \/\u003e padding: 8px 15px;\u003cbr \/\u003e border-radius: 30px;\u003cbr \/\u003e box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-color-dot {\u003cbr \/\u003e width: 28px;\u003cbr \/\u003e height: 28px;\u003cbr \/\u003e border-radius: 50%;\u003cbr \/\u003e border: 2px solid transparent;\u003cbr \/\u003e cursor: pointer;\u003cbr \/\u003e transition: all 0.3s ease;\u003cbr \/\u003e padding: 0;\u003cbr \/\u003e outline: none;\u003cbr \/\u003e -webkit-appearance: none;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-color-dot:hover {\u003cbr \/\u003e transform: scale(1.15);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-color-dot.active {\u003cbr \/\u003e border-color: #1a1a1a;\u003cbr \/\u003e transform: scale(1.1);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-color-name {\u003cbr \/\u003e font-size: 0.85rem;\u003cbr \/\u003e color: #333;\u003cbr \/\u003e font-weight: 500;\u003cbr \/\u003e min-width: 120px;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .products-grid {\u003cbr \/\u003e display: grid;\u003cbr \/\u003e grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e gap: 30px;\u003cbr \/\u003e max-width: 1400px;\u003cbr \/\u003e margin: 0 auto;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card {\u003cbr \/\u003e background: var(--apple-gray);\u003cbr \/\u003e border-radius: 20px;\u003cbr \/\u003e overflow: hidden;\u003cbr \/\u003e transition: all 0.4s ease;\u003cbr \/\u003e position: relative;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-card:hover {\u003cbr \/\u003e transform: translateY(-10px);\u003cbr \/\u003e box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-badge {\u003cbr \/\u003e position: absolute;\u003cbr \/\u003e top: 20px;\u003cbr \/\u003e left: 20px;\u003cbr \/\u003e background: var(--sc-red);\u003cbr \/\u003e color: var(--white);\u003cbr \/\u003e padding: 6px 14px;\u003cbr \/\u003e border-radius: 50px;\u003cbr \/\u003e font-size: 0.75rem;\u003cbr \/\u003e font-weight: 700;\u003cbr \/\u003e text-transform: uppercase;\u003cbr \/\u003e letter-spacing: 0.5px;\u003cbr \/\u003e z-index: 2;\u003cbr \/\u003e }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e .product-image {\u003cbr \/\u003e padding: 40px;\u003cbr \/\u003e backg\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"70-Kit \/ Gloss Carbon \/ S","offer_id":57496418156926,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Carbon \/ M","offer_id":57496418189694,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Carbon \/ L","offer_id":57496418222462,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Carbon \/ XL","offer_id":57496418255230,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Gloss Carbon \/ XXL","offer_id":57496418287998,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Poblano Green \/ S","offer_id":57496418320766,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Poblano Green \/ M","offer_id":57496418353534,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Poblano Green \/ L","offer_id":57496418386302,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Poblano Green \/ XL","offer_id":57496418419070,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"70-Kit \/ Matte Poblano Green \/ XXL","offer_id":57496418451838,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":23375.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Carbon \/ S","offer_id":57496418484606,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Carbon \/ M","offer_id":57496418517374,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Carbon \/ L","offer_id":57496418550142,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Carbon \/ XL","offer_id":57496418582910,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Gloss Carbon \/ XXL","offer_id":57496418615678,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Poblano Green \/ S","offer_id":57496418648446,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Poblano Green \/ M","offer_id":57496418681214,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Poblano Green \/ L","offer_id":57496418713982,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Poblano Green \/ XL","offer_id":57496418746750,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"90-Kit \/ Matte Poblano Green \/ XXL","offer_id":57496418779518,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":27200.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Carbon \/ S","offer_id":57496418812286,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Carbon \/ M","offer_id":57496418845054,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Carbon \/ L","offer_id":57496418877822,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Carbon \/ XL","offer_id":57496418910590,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Gloss Carbon \/ XXL","offer_id":57496418943358,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Poblano Green \/ S","offer_id":57496418976126,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Poblano Green \/ M","offer_id":57496419008894,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Poblano Green \/ L","offer_id":57496419041662,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Poblano Green \/ XL","offer_id":57496419074430,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true},{"title":"GX AXS-Kit \/ Matte Poblano Green \/ XXL","offer_id":57496419107198,"sku":"58-23268-109-3-762-8121011-1-1-2-1","price":31450.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/MY26_Bronson_C_90_MattePoblanoGreen_1096571f-7821-4e82-9c9e-07ae0301ff8b-scaled.webp?v=1780337534"},{"product_id":"bicicleta-mtb-full-suspension-cannondale-habit-lt-2-smoke-black","title":"Bicicleta MTB full suspension Cannondale Habit LT 2 Smoke 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\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"306547\" class=\"elementor elementor-306547\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-605b43e e-flex e-con-boxed e-con e-parent\" data-id=\"605b43e\" 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-a4acc8d elementor-widget elementor-widget-html\" data-id=\"a4acc8d\" 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 LT 2 — Trail bike 29\" progresiv | 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 LT 2\",\"image\":\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C23_C23252U_Habit_LT_2_SBK_PD.png\",\"description\":\"Trail bike full-suspension 29 inch cu 150mm furca \/ 140mm spate. Cadru SmartForm C1 Alloy, Proportional Response Design, RockShox Lyrik + Super Deluxe, Shimano SLX\/XT 12-speed.\",\"sku\":\"C23252U\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Cannondale\"},\"offers\":{\"@type\":\"Offer\",\"url\":\"https:\/\/www.provelo.ro\/\",\"priceCurrency\":\"RON\",\"price\":\"12295\",\"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.hero-bike img{\u003cbr \/\u003e position:absolute;inset:0;\u003cbr \/\u003e width:100%;height:100%;object-fit:contain;\u003cbr \/\u003e filter:drop-shadow(0 40px 60px rgba(0,0,0,0.55)) drop-shadow(0 0 80px rgba(179,255,0,0.08));\u003cbr \/\u003e animation:subtleFloat 7s ease-in-out infinite;\u003cbr \/\u003e animation-delay:1.5s;\u003cbr \/\u003e}\u003cbr \/\u003e@keyframes subtleFloat{\u003cbr \/\u003e 0%,100%{transform:translateY(0)}\u003cbr \/\u003e 50%{transform:translateY(-10px)}\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.color-chip{\u003cbr \/\u003e display:inline-flex;align-items:center;gap:10px;\u003cbr \/\u003e background:rgba(255,255,255,0.06);\u003cbr \/\u003e border:1px solid rgba(255,255,255,0.14);\u003cbr \/\u003e padding:8px 16px 8px 8px;border-radius:var(--r-pill);\u003cbr \/\u003e font-size:13px;color:#fff;opacity:0.94;\u003cbr \/\u003e}\u003cbr \/\u003e.color-chip .dot{\u003cbr \/\u003e width:22px;height:22px;border-radius:50%;\u003cbr \/\u003e background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%);\u003cbr \/\u003e box-shadow:inset 0 0 0 1px rgba(179,255,0,0.35);\u003cbr \/\u003e}\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 !important;\u003cbr \/\u003e text-transform:uppercase !important;letter-spacing:0.1em !important;\u003cbr \/\u003e padding:8px 16px !important;border-radius:980px !important;\u003cbr \/\u003e margin-bottom:24px !important;font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .closing-price{\u003cbr \/\u003e display:flex !important;align-items:baseline !important;justify-content:center !important;\u003cbr \/\u003e gap:18px !important;margin:28px 0 4px !important;flex-wrap:wrap !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .closing-price .old{\u003cbr \/\u003e color:#86868B !important;-webkit-text-fill-color:#86868B !important;\u003cbr \/\u003e text-decoration:line-through !important;font-weight:400 !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .closing-price .now{\u003cbr \/\u003e color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important;\u003cbr \/\u003e font-weight:700 !important;letter-spacing:-0.025em !important;\u003cbr \/\u003e font-family:'Inter',-apple-system,sans-serif !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .closing h2{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .closing h2 em{\u003cbr \/\u003e font-style:normal !important;\u003cbr \/\u003e background:linear-gradient(120deg,#8FCC00 0%,#B3FF00 60%,#6A9900 100%) !important;\u003cbr \/\u003e -webkit-background-clip:text !important;background-clip:text !important;\u003cbr \/\u003e -webkit-text-fill-color:transparent !important;color:transparent !important;\u003cbr \/\u003e}\u003cbr \/\u003e.cdl-landing .closing p{color:#424245 !important;-webkit-text-fill-color:#424245 !important}\u003cbr \/\u003e.cdl-landing .closing .btn{padding:14px 28px !important;border-radius:980px !important;font-size:17px !important;font-weight:500 !important}\u003cbr \/\u003e.cdl-landing .closing .btn.lime{background:#B3FF00 !important;color:#0A0A0A !important;-webkit-text-fill-color:#0A0A0A !important;border:none !important}\u003cbr \/\u003e.cdl-landing .closing .btn.secondary{background:transparent !important;border:1px solid #1D1D1F !important;color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .assurances strong{color:#1D1D1F !important;-webkit-text-fill-color:#1D1D1F !important}\u003cbr \/\u003e.cdl-landing .assurances{c\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":57496426807678,"sku":"C23401U10LG1-2","price":12290.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57496426840446,"sku":"C23401U30MD-1-2","price":12290.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57496426873214,"sku":"C23401U10LG-2","price":12290.0,"currency_code":"RON","in_stock":true},{"title":"XL","offer_id":57496426905982,"sku":"N23209N3-1-2-2-1-2","price":12290.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/C23_C23252U_Habit_LT_2_SBK_PD.webp?v=1780337622"},{"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"},{"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\/sale-2.oembed","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}