{"product_id":"avant-h45-1x-47-slate-blue-matt-halo-silver-gloss","title":"Bicicleta Sosea ORBEA AVANT H45","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta Sosea ORBEA AVANT H45\u003c\/h1\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290868\" class=\"elementor elementor-290868\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-7747cbe e-flex e-con-boxed e-con e-parent\" data-id=\"7747cbe\" 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-64d9ef2 elementor-widget elementor-widget-html\" data-id=\"64d9ef2\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea AVANT - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea Avant endurance road bike, bicicleta endurance road aluminiu Romania, confort si performanta --\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 - AVANT EDITION\u003cbr \/\u003e       Apple Style: Only white + gray, rainbow gradients\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .avant-v2-page {\u003cbr \/\u003e        --avant-black: #1d1d1f;\u003cbr \/\u003e        --avant-white: #ffffff;\u003cbr \/\u003e        --avant-gray-50: #fafafa;\u003cbr \/\u003e        --avant-gray-100: #f5f5f7;\u003cbr \/\u003e        --avant-gray-200: #e8e8ed;\u003cbr \/\u003e        --avant-gray-300: #d2d2d7;\u003cbr \/\u003e        --avant-gray-500: #86868b;\u003cbr \/\u003e        --avant-gray-600: #6e6e73;\u003cbr \/\u003e        --avant-gray-700: #515154;\u003cbr \/\u003e        --avant-gray-800: #2d2d2d;\u003cbr \/\u003e        --avant-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* AVANT Accent Colors - Blue\/Silver\/Indigo tones *\/\u003cbr \/\u003e        --avant-blue: #2563eb;\u003cbr \/\u003e        --avant-blue-light: #60a5fa;\u003cbr \/\u003e        --avant-blue-dark: #1a3a5c;\u003cbr \/\u003e        --avant-purple: #7c3aed;\u003cbr \/\u003e        --avant-indigo: #6366f1;\u003cbr \/\u003e        --avant-lavender: #818cf8;\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 .avant-v2-page\u003cbr \/\u003e       JS adds .avant-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    .avant-v2-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    .avant-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 .avant-v2-page h1,\u003cbr \/\u003e    .elementor-widget-container .avant-v2-page h2,\u003cbr \/\u003e    .elementor-widget-container .avant-v2-page h3,\u003cbr \/\u003e    .elementor-widget-container .avant-v2-page h4,\u003cbr \/\u003e    .elementor-widget-container .avant-v2-page h5,\u003cbr \/\u003e    .elementor-widget-container .avant-v2-page h6,\u003cbr \/\u003e    .elementor-kit-6 .avant-v2-page h1,\u003cbr \/\u003e    .elementor-kit-6 .avant-v2-page h2,\u003cbr \/\u003e    .elementor-kit-6 .avant-v2-page h3,\u003cbr \/\u003e    .elementor-kit-6 .avant-v2-page h4,\u003cbr \/\u003e    .elementor-kit-6 .avant-v2-page h5,\u003cbr \/\u003e    .elementor-kit-6 .avant-v2-page h6,\u003cbr \/\u003e    .avant-v2-page h1,\u003cbr \/\u003e    .avant-v2-page h2,\u003cbr \/\u003e    .avant-v2-page h3,\u003cbr \/\u003e    .avant-v2-page h4,\u003cbr \/\u003e    .avant-v2-page h5,\u003cbr \/\u003e    .avant-v2-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 .avant-v2-page h2,\u003cbr \/\u003e    .elementor-widget-container .avant-v2-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 .avant-v2-page h2,\u003cbr \/\u003e    .woocommerce-Tabs-panel .avant-v2-page h2,\u003cbr \/\u003e    .avant-v2-page h2.avant-v2-title-main,\u003cbr \/\u003e    .avant-v2-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    .avant-v2-page {\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e        color: var(--avant-black);\u003cbr \/\u003e        background: var(--avant-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    .avant-v2-page * {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-page img,\u003cbr \/\u003e    .avant-v2-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       BLUE\/INDIGO RAINBOW GRADIENT - AVANT EDITION\u003cbr \/\u003e       blue -\u003e sky -\u003e lavender -\u003e purple -\u003e indigo\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .avant-v2-gradient,\u003cbr \/\u003e    .avant-v2-page .avant-v2-gradient,\u003cbr \/\u003e    .elementor-widget-container .avant-v2-gradient {\u003cbr \/\u003e        background: linear-gradient(90deg, #1a3a5c 0%, #2563eb 20%, #3b82f6 40%, #60a5fa 60%, #7c3aed 80%, #6366f1 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    .avant-v2-gradient-cool,\u003cbr \/\u003e    .avant-v2-page .avant-v2-gradient-cool,\u003cbr \/\u003e    .elementor-widget-container .avant-v2-gradient-cool {\u003cbr \/\u003e        background: linear-gradient(90deg, #0f2847 0%, #1a3a5c 20%, #2563eb 45%, #3b82f6 70%, #60a5fa 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    .avant-v2-gradient-warm,\u003cbr \/\u003e    .avant-v2-page .avant-v2-gradient-warm,\u003cbr \/\u003e    .elementor-widget-container .avant-v2-gradient-warm {\u003cbr \/\u003e        background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 25%, #818cf8 55%, #7c3aed 80%, #6366f1 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    .avant-v2-gradient-reverse,\u003cbr \/\u003e    .avant-v2-page .avant-v2-gradient-reverse,\u003cbr \/\u003e    .elementor-widget-container .avant-v2-gradient-reverse {\u003cbr \/\u003e        background: linear-gradient(90deg, #6366f1 0%, #7c3aed 20%, #818cf8 45%, #3b82f6 70%, #2563eb 90%, #1a3a5c 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    .avant-v2-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    .avant-v2-title-group {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-bottom: 3rem;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-page .avant-v2-title-main,\u003cbr \/\u003e    .elementor-kit-6 .avant-v2-page .avant-v2-title-main,\u003cbr \/\u003e    .elementor-widget-container .avant-v2-page .avant-v2-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    .avant-v2-page .avant-v2-title-secondary,\u003cbr \/\u003e    .elementor-kit-6 .avant-v2-page .avant-v2-title-secondary,\u003cbr \/\u003e    .elementor-widget-container .avant-v2-page .avant-v2-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(--avant-black) !important;\u003cbr \/\u003e        margin-bottom: 1.5rem !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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(--avant-gray-600);\u003cbr \/\u003e        max-width: 680px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-subtitle-apple strong {\u003cbr \/\u003e        color: var(--avant-black);\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       VIDEO HERO SECTION - FULL SCREEN\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .avant-v2-video-hero {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100vh;\u003cbr \/\u003e        min-height: 600px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-video-hero video {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-video-hero-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.6) 100%);\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-video-hero-content {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 3;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        color: var(--avant-white);\u003cbr \/\u003e        padding: 0 22px;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-video-hero-title {\u003cbr \/\u003e        font-size: clamp(56px, 14vw, 160px) !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 !important;\u003cbr \/\u003e        margin-bottom: 24px !important;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e        text-shadow: 0 4px 20px rgba(0,0,0,0.6), 0 2px 10px rgba(0,0,0,0.4) !important;\u003cbr \/\u003e        display: block !important;\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    .avant-v2-video-hero-subtitle {\u003cbr \/\u003e        font-size: clamp(16px, 2.5vw, 24px) !important;\u003cbr \/\u003e        font-weight: 500 !important;\u003cbr \/\u003e        line-height: 1.5 !important;\u003cbr \/\u003e        max-width: 600px !important;\u003cbr \/\u003e        margin: 0 auto !important;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e        text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1s var(--ease-out-expo) 0.4s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .avant-v2-video-hero {\u003cbr \/\u003e            min-height: 500px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .avant-v2-video-hero-title {\u003cbr \/\u003e            font-size: clamp(40px, 12vw, 64px) !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .avant-v2-video-hero-subtitle {\u003cbr \/\u003e            font-size: clamp(14px, 3.5vw, 17px) !important;\u003cbr \/\u003e            padding: 0 24px !important;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       COLOR SWITCHER SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .avant-v2-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(--avant-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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    .avant-v2-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(--avant-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    .avant-v2-hero-title {\u003cbr \/\u003e        color: var(--avant-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    .avant-v2-hero-subtitle {\u003cbr \/\u003e        font-size: 1.3rem;\u003cbr \/\u003e        color: var(--avant-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    .avant-v2-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    .avant-v2-hero-stat {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        padding: 0 40px;\u003cbr \/\u003e        border-left: 1px solid var(--avant-gray-300);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-hero-stat:first-child {\u003cbr \/\u003e        border-left: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-hero-stat-label {\u003cbr \/\u003e        font-size: 0.75rem;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.12em;\u003cbr \/\u003e        color: var(--avant-gray-500);\u003cbr \/\u003e        margin-bottom: 6px;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-hero-stat-value {\u003cbr \/\u003e        font-size: 1.75rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: var(--avant-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Bike Showcase *\/\u003cbr \/\u003e    .avant-v2-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    .avant-v2-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    .avant-v2-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    .avant-v2-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    .avant-v2-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    .avant-v2-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    .avant-v2-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    .avant-v2-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    .avant-v2-color-dots {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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(--avant-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    .avant-v2-color-dot:hover {\u003cbr \/\u003e        transform: scale(1.15) translateY(-3px);\u003cbr \/\u003e        border-color: var(--avant-gray-500);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-color-dot.active {\u003cbr \/\u003e        border-color: var(--avant-black);\u003cbr \/\u003e        transform: scale(1.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-dot-white { background: linear-gradient(145deg, #f8f9fa 0%, #e2e8f0 100%); border-color: #cbd5e1; }\u003cbr \/\u003e    .avant-v2-dot-chrome { background: linear-gradient(145deg, #c0c0c0 0%, #8a8a8a 100%); }\u003cbr \/\u003e    .avant-v2-dot-blue { background: linear-gradient(145deg, #2563eb 0%, #1d4ed8 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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    .avant-v2-page section {\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding-top: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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    .avant-v2-highlights-section {\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        background: var(--avant-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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    .avant-v2-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    .avant-v2-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    .avant-v2-highlight-card:hover img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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    .avant-v2-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    .avant-v2-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    .avant-v2-section-white {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--avant-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-section-gray {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--avant-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-container-wide {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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    .avant-v2-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    .avant-v2-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    .avant-v2-split-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-split-image video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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    .avant-v2-split-content p {\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--avant-gray-600);\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-split-content p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-stat-pill {\u003cbr \/\u003e        display: inline-block;\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--avant-blue);\u003cbr \/\u003e        background: rgba(37, 99, 235, 0.1);\u003cbr \/\u003e        padding: 8px 16px;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        margin-top: 4px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       VIDEO MEDIA CONTAINER\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .avant-v2-media-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 48px auto 0;\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        background: var(--avant-gray-100);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e        transition: all 0.4s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-media-container:hover {\u003cbr \/\u003e        transform: translateY(-4px);\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-media-container video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-video-controls {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 20px;\u003cbr \/\u003e        right: 20px;\u003cbr \/\u003e        z-index: 10;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-play-btn {\u003cbr \/\u003e        width: 44px;\u003cbr \/\u003e        height: 44px;\u003cbr \/\u003e        background: rgba(255, 255, 255, 0.9);\u003cbr \/\u003e        backdrop-filter: blur(10px);\u003cbr \/\u003e        -webkit-backdrop-filter: blur(10px);\u003cbr \/\u003e        border: none;\u003cbr \/\u003e        border-radius: 50%;\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    .avant-v2-play-btn:hover {\u003cbr \/\u003e        background: var(--avant-white);\u003cbr \/\u003e        transform: scale(1.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-play-btn svg {\u003cbr \/\u003e        width: 16px;\u003cbr \/\u003e        height: 16px;\u003cbr \/\u003e        fill: var(--avant-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TECH FEATURES CAROUSEL - LIGHT VERSION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .avant-v2-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    .avant-v2-tech-carousel::-webkit-scrollbar {\u003cbr \/\u003e        display: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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    .avant-v2-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    .avant-v2-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    .avant-v2-tech-slide:hover img {\u003cbr \/\u003e        transform: scale(1.15);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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    .avant-v2-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, #1a3a5c, #2563eb, #7c3aed);\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    .avant-v2-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    .avant-v2-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    .avant-v2-progress-bar {\u003cbr \/\u003e        height: 3px;\u003cbr \/\u003e        background: var(--avant-gray-200);\u003cbr \/\u003e        border-radius: 2px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-progress-fill {\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        background: linear-gradient(90deg, #1a3a5c 0%, #2563eb 50%, #7c3aed 100%);\u003cbr \/\u003e        width: 25%;\u003cbr \/\u003e        transition: transform 0.3s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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    .avant-v2-carousel-btn {\u003cbr \/\u003e        width: 50px;\u003cbr \/\u003e        height: 50px;\u003cbr \/\u003e        border: 1px solid var(--avant-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    .avant-v2-carousel-btn:hover {\u003cbr \/\u003e        background: var(--avant-gray-100);\u003cbr \/\u003e        border-color: var(--avant-gray-500);\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-carousel-btn svg {\u003cbr \/\u003e        width: 22px;\u003cbr \/\u003e        height: 22px;\u003cbr \/\u003e        stroke: var(--avant-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       DESIGN DETAILS - CARDS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .avant-v2-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    .avant-v2-design-card {\u003cbr \/\u003e        background: var(--avant-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(--avant-gray-200);\u003cbr \/\u003e        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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(--avant-gray-300);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-design-card-image {\u003cbr \/\u003e        aspect-ratio: 16\/10;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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    .avant-v2-design-card:hover .avant-v2-design-card-image img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-design-card-content {\u003cbr \/\u003e        padding: 28px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-design-card-title {\u003cbr \/\u003e        font-size: 1.25rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        color: var(--avant-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-design-card-text {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--avant-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       STATS GRID\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .avant-v2-stats-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e        gap: 24px;\u003cbr \/\u003e        margin-bottom: 60px;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-stat-item {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        padding: 32px 16px;\u003cbr \/\u003e        background: var(--avant-white);\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        border: 1px solid var(--avant-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    .avant-v2-stat-item:hover {\u003cbr \/\u003e        border-color: var(--avant-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    .avant-v2-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, #1a3a5c 0%, #2563eb 30%, #7c3aed 60%, #6366f1 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    .avant-v2-stat-label {\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        color: var(--avant-gray-500);\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.05em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       PRODUCTS \/ CONFIGURATIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .avant-v2-products-grid {\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    .avant-v2-product-card {\u003cbr \/\u003e        background: var(--avant-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(--avant-gray-200);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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    .avant-v2-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(--avant-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-badge-top { background: linear-gradient(135deg, #1a3a5c 0%, #2563eb 100%); }\u003cbr \/\u003e    .avant-v2-badge-value { background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%); }\u003cbr \/\u003e    .avant-v2-badge-entry { background: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-product-image {\u003cbr \/\u003e        padding: 45px;\u003cbr \/\u003e        background: var(--avant-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    .avant-v2-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    .avant-v2-product-card:hover .avant-v2-product-image img {\u003cbr \/\u003e        transform: scale(1.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-product-info {\u003cbr \/\u003e        padding: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .avant-v2-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, #1a3a5c, #2563eb);\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    .avant-v2-product-name {\u003cbr \/\u003e        font-size: 1.35rem;\u003cbr \/\u003e        font-weight: 800;\u003cbr \/\u003e        color: var(--avant-black\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":"47 \/ Slate Blue (Matt) - Halo Silver (Gloss)","offer_id":57496385814910,"sku":"T10447BB","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"47 \/ Magnetic Bronze (Matt) - Cosmic (Gloss)","offer_id":57496385847678,"sku":"T10447BD","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"47 \/ Ivory White - Bronze (Gloss)","offer_id":57496385880446,"sku":"T10447BN","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"49 \/ Slate Blue (Matt) - Halo Silver (Gloss)","offer_id":57496385913214,"sku":"T10449BB","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"49 \/ Magnetic Bronze (Matt) - Cosmic (Gloss)","offer_id":57496385945982,"sku":"T10449BD","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"49 \/ Ivory White - Bronze (Gloss)","offer_id":57496385978750,"sku":"T10449BN","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"51 \/ Slate Blue (Matt) - Halo Silver (Gloss)","offer_id":57496386011518,"sku":"T10451BB","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"51 \/ Magnetic Bronze (Matt) - Cosmic (Gloss)","offer_id":57496386044286,"sku":"T10451BD","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"51 \/ Ivory White - Bronze (Gloss)","offer_id":57496386077054,"sku":"T10451BN","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"53 \/ Slate Blue (Matt) - Halo Silver (Gloss)","offer_id":57496386109822,"sku":"T10453BB","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"53 \/ Magnetic Bronze (Matt) - Cosmic (Gloss)","offer_id":57496386142590,"sku":"T10453BD","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"53 \/ Ivory White - Bronze (Gloss)","offer_id":57496386175358,"sku":"T10453BN","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"55 \/ Slate Blue (Matt) - Halo Silver (Gloss)","offer_id":57496386208126,"sku":"T10455BB","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"55 \/ Magnetic Bronze (Matt) - Cosmic (Gloss)","offer_id":57496386240894,"sku":"T10455BD","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"55 \/ Ivory White - Bronze (Gloss)","offer_id":57496386273662,"sku":"T10455BN","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"57 \/ Slate Blue (Matt) - Halo Silver (Gloss)","offer_id":57496386306430,"sku":"T10457BB","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"57 \/ Magnetic Bronze (Matt) - Cosmic (Gloss)","offer_id":57496386339198,"sku":"T10457BD","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"57 \/ Ivory White - Bronze (Gloss)","offer_id":57496386371966,"sku":"T10457BN","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"60 \/ Slate Blue (Matt) - Halo Silver (Gloss)","offer_id":57496386404734,"sku":"T10460BB","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"60 \/ Magnetic Bronze (Matt) - Cosmic (Gloss)","offer_id":57496386437502,"sku":"T10460BD","price":9539.2,"currency_code":"RON","in_stock":true},{"title":"60 \/ Ivory White - Bronze (Gloss)","offer_id":57496386470270,"sku":"T10460BN","price":9539.2,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T104TTCC-BB-SIDE-AVANT_H45_1X_0ef92432-1a86-45ed-8c31-cf7930dd610b.jpg?v=1780336961","url":"https:\/\/www.provelo.ro\/products\/avant-h45-1x-47-slate-blue-matt-halo-silver-gloss","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}