{"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","url":"https:\/\/www.provelo.ro\/products\/bicicleta-santa-cruz-v10-8-cc","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}