{"product_id":"wild-h20-s-spacehip-green-black-matt","title":"Bicicletă electrică eMTB ORBEA WILD H20","description":"\u003ch1 style=\"text-align: center;\"\u003eBicicletă electrică eMTB ORBEA WILD H20\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"291521\" class=\"elementor elementor-291521\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-2c2d30b e-flex e-con-boxed e-con e-parent\" data-id=\"2c2d30b\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-dace09b elementor-widget elementor-widget-html\" data-id=\"dace09b\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea WILD - Landing Page eMTB Enduro Aluminum v2 Style - Aggressive Enduro Machine --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea Wild e-MTB Aluminum, bicicletă electrică mountain bike enduro agresiv, Bosch CX motor România --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    \/* ============================================\n       CSS VARIABLES \u0026 DESIGN SYSTEM - WILD EDITION\n       ============================================ *\/\n    .wild-page {\n        --wild-black: #1d1d1f;\n        --wild-white: #ffffff;\n        --wild-gray-50: #fafafa;\n        --wild-gray-100: #f5f5f7;\n        --wild-gray-200: #e8e8ed;\n        --wild-gray-300: #d2d2d7;\n        --wild-gray-500: #86868b;\n        --wild-gray-600: #6e6e73;\n        --wild-gray-700: #515154;\n        --wild-gray-800: #2d2d2d;\n        --wild-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e        \/* WILD Signature Colors - Orange\/Amber Aggressive Enduro Theme *\/\n        --wild-blue: #2563eb;\n        --wild-blue-light: #3b82f6;\n        --wild-blue-dark: #1d4ed8;\n        --wild-blue-deep: #1e40af;\n        --wild-blue-darker: #1e3a8a;\u003c\/p\u003e\n\u003cp\u003e        --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\n\u003cp\u003e        \/* Animation timing functions *\/\n        --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n        --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\n        --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\n        --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n        --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\n       ============================================ *\/\n    .wild-page {\n        width: 100vw !important;\n        max-width: 100vw !important;\n        margin-left: calc(-50vw + 50%) !important;\n        position: relative !important;\n        overflow-x: hidden !important;\n        overflow-y: visible;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Force ALL sections inside wild-page to be full width *\/\n    .wild-page \u003e section {\n        width: 100% !important;\n        max-width: 100% !important;\n        box-sizing: border-box !important;\n        display: block !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-page \u003e section \u003e div {\n        display: block !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Prevent body horizontal scroll caused by 100vw *\/\n    html:has(.wild-page),\n    body:has(.wild-page) {\n        overflow-x: hidden !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .elementor-widget-container:has(.wild-page),\n    .elementor-element:has(.wild-page) {\n        max-width: 100vw !important;\n        padding: 0 !important;\n        margin: 0 !important;\n        width: 100% !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .elementor-section:has(.wild-page),\n    .elementor-container:has(.wild-page),\n    .elementor-column:has(.wild-page),\n    .elementor-widget:has(.wild-page) {\n        padding: 0 !important;\n        margin: 0 !important;\n        gap: 0 !important;\n        max-width: 100vw !important;\n        width: 100% !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Mobile Elementor overrides *\/\n    @media (max-width: 768px) {\n        .elementor-widget-container:has(.wild-page),\n        .elementor-element:has(.wild-page),\n        .elementor-section:has(.wild-page),\n        .elementor-container:has(.wild-page),\n        .elementor-column:has(.wild-page),\n        .elementor-widget:has(.wild-page),\n        .elementor-column-gap-default:has(.wild-page) {\n            padding: 0 !important;\n            margin: 0 !important;\n            width: 100vw !important;\n            max-width: 100vw !important;\n            overflow-x: hidden !important;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       WOOCOMMERCE PRODUCT PAGE OVERRIDE - CRITICAL\n       ============================================ *\/\n    .woocommerce .wild-page h1,\n    .woocommerce .wild-page h2,\n    .woocommerce .wild-page h3,\n    .woocommerce .wild-page h4,\n    .woocommerce .wild-page p,\n    .product .wild-page h1,\n    .product .wild-page h2,\n    .product .wild-page h3,\n    .product .wild-page h4,\n    .product .wild-page p,\n    .single-product .wild-page h1,\n    .single-product .wild-page h2,\n    .single-product .wild-page h3,\n    .single-product .wild-page h4,\n    .single-product .wild-page p,\n    .woocommerce-page .wild-page h1,\n    .woocommerce-page .wild-page h2,\n    .woocommerce-page .wild-page h3,\n    .woocommerce-page .wild-page h4,\n    .woocommerce-page .wild-page p {\n        color: #1d1d1f !important;\n        opacity: 1 !important;\n        visibility: visible !important;\n        display: block !important;\n        font-size: inherit !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .woocommerce .wild-page .wild-feature-section *,\n    .product .wild-page .wild-feature-section *,\n    .single-product .wild-page .wild-feature-section *,\n    .woocommerce-page .wild-page .wild-feature-section * {\n        opacity: 1 !important;\n        visibility: visible !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .woocommerce .wild-page .wild-display-xl,\n    .woocommerce .wild-page .wild-display-lg,\n    .product .wild-page .wild-display-xl,\n    .product .wild-page .wild-display-lg,\n    .single-product .wild-page .wild-display-xl,\n    .single-product .wild-page .wild-display-lg {\n        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n        font-weight: 700 !important;\n        color: #1d1d1f !important;\n        opacity: 1 !important;\n        visibility: visible !important;\n        display: block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n       ============================================ *\/\n    .elementor-widget-container .wild-page h1,\n    .elementor-widget-container .wild-page h2,\n    .elementor-widget-container .wild-page h3,\n    .elementor-widget-container .wild-page h4,\n    .elementor-widget-container .wild-page h5,\n    .elementor-widget-container .wild-page h6,\n    .elementor-kit-6 .wild-page h1,\n    .elementor-kit-6 .wild-page h2,\n    .elementor-kit-6 .wild-page h3,\n    .elementor-kit-6 .wild-page h4,\n    .elementor-kit-6 .wild-page h5,\n    .elementor-kit-6 .wild-page h6,\n    .wild-page h1,\n    .wild-page h2,\n    .wild-page h3,\n    .wild-page h4,\n    .wild-page h5,\n    .wild-page h6 {\n        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\n        color: inherit !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .elementor-kit-6 .wild-page h2,\n    .elementor-widget-container .wild-page h2 {\n        font-size: inherit !important;\n        font-weight: inherit !important;\n        line-height: inherit !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       HEADINGS - FORCE VISIBILITY \u0026 STYLE\n       ============================================ *\/\n    .wild-page h1,\n    .wild-page h2,\n    .wild-page h3,\n    .wild-page h4,\n    .wild-page h5,\n    .wild-page h6 {\n        font-family: var(--font-main) !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        color: #1d1d1f !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Force title visibility in Elementor *\/\n    .elementor-widget-container .wild-page h2,\n    .elementor-element .wild-page h2,\n    .wild-feature-section h2,\n    .wild-page .wild-feature-title,\n    .wild-page .wild-display-lg,\n    .wild-page .wild-display-xl {\n        display: block !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       FEATURE SECTION - FORCE ALL CONTENT VISIBLE\n       ============================================ *\/\n    .wild-feature-section * {\n        opacity: 1 !important;\n        visibility: visible !important;\n        transform: none !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-page section * {\n        opacity: 1 !important;\n        visibility: visible !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       WOOCOMMERCE TAB PANEL H2 OVERRIDE\n       Fix: WooCommerce hides h2:nth-child(1) in product tabs\n       ============================================ *\/\n    .single-product-tabs .woocommerce-Tabs-panel .wild-page h2,\n    .woocommerce-Tabs-panel .wild-page h2,\n    .wild-page h2.wild-title-main,\n    .wild-page h2 {\n        display: block !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n        clip: unset !important;\n        clip-path: none !important;\n        position: relative !important;\n        width: auto !important;\n        height: auto !important;\n        overflow: visible !important;\n        white-space: normal !important;\n        border: none !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Force ALL elements visible inside wild-page — NO display override *\/\n    .wild-page section,\n    .wild-page section \u003e div,\n    .wild-page section \u003e div \u003e div,\n    .wild-page section \u003e div \u003e div \u003e div,\n    .wild-page section \u003e div \u003e div \u003e div \u003e * {\n        opacity: 1 !important;\n        visibility: visible !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       RESET \u0026 BASE\n       ============================================ *\/\n    .wild-page {\n        font-family: var(--font-main);\n        color: var(--wild-black);\n        background: var(--wild-white);\n        line-height: 1.5;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-page * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-page img,\n    .wild-page video {\n        max-width: 100%;\n        height: auto;\n        display: block;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       KEYFRAME ANIMATIONS\n       ============================================ *\/\n    @keyframes fadeInUp {\n        0% { opacity: 0; transform: translateY(40px); }\n        100% { opacity: 1; transform: translateY(0); }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes blurFadeIn {\n        0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\n        100% { opacity: 1; filter: blur(0); transform: translateY(0); }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes scaleReveal {\n        0% { opacity: 0; transform: scale(0.95); }\n        100% { opacity: 1; transform: scale(1); }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes gradientFlow {\n        0% { background-position: 0% 50%; }\n        50% { background-position: 100% 50%; }\n        100% { background-position: 0% 50%; }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes shimmer {\n        0% { background-position: -200% center; }\n        100% { background-position: 200% center; }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes float {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-10px); }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes countUp {\n        0% { opacity: 0; transform: translateY(20px); }\n        100% { opacity: 1; transform: translateY(0); }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       TYPOGRAPHY\n       ============================================ *\/\n    .wild-display-hero {\n        font-size: 55px !important;\n        font-weight: 800 !important;\n        letter-spacing: -0.03em !important;\n        line-height: 1 !important;\n        text-transform: uppercase;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-display-xl {\n        font-size: clamp(2.5rem, 6vw, 5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.03em !important;\n        line-height: 1.05 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-display-lg {\n        font-size: clamp(2rem, 5vw, 3.5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.025em !important;\n        line-height: 1.1 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-display-md {\n        font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\n        font-weight: 600 !important;\n        letter-spacing: -0.02em !important;\n        line-height: 1.2 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-body-xl {\n        font-size: clamp(1.125rem, 2vw, 1.375rem);\n        font-weight: 400;\n        line-height: 1.7;\n        color: var(--wild-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-body-lg {\n        font-size: clamp(1rem, 1.5vw, 1.125rem);\n        font-weight: 400;\n        line-height: 1.7;\n        color: var(--wild-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       APPLE-STYLE TYPOGRAPHY SYSTEM\n       ============================================ *\/\n    .wild-title-group {\n        text-align: center;\n        margin-bottom: 3rem;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-page .wild-title-main,\n    .elementor-kit-6 .wild-page .wild-title-main,\n    .elementor-widget-container .wild-page .wild-title-main {\n        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.03em !important;\n        line-height: 1.1 !important;\n        margin-bottom: 0.25rem !important;\n        display: block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-page .wild-title-secondary,\n    .elementor-kit-6 .wild-page .wild-title-secondary,\n    .elementor-widget-container .wild-page .wild-title-secondary {\n        font-size: clamp(2rem, 5vw, 3.5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.02em !important;\n        line-height: 1.15 !important;\n        color: var(--wild-black) !important;\n        margin-bottom: 1.5rem !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-subtitle-apple {\n        font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n        font-weight: 400;\n        line-height: 1.7;\n        color: var(--wild-gray-600);\n        max-width: 680px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-subtitle-apple strong {\n        color: var(--wild-black);\n        font-weight: 600;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Apple-style gradient variations — BLUE *\/\n    .wild-gradient-blue,\n    .wild-page .wild-gradient-blue,\n    .elementor-widget-container .wild-gradient-blue {\n        background: linear-gradient(90deg, #2563eb 0%, #3b82f6 35%, #1e40af 65%, #1e3a8a 100%) !important !important;\n        -webkit-background-clip: text !important;\n        -webkit-text-fill-color: transparent !important;\n        background-clip: text !important;\n        color: transparent !important;\n        display: inline-block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-gradient-deep,\n    .wild-page .wild-gradient-deep,\n    .elementor-widget-container .wild-gradient-deep {\n        background: linear-gradient(90deg, #1d4ed8 0%, #1e40af 35%, #3b82f6 65%, #2563eb 100%) !important;\n        -webkit-background-clip: text !important;\n        -webkit-text-fill-color: transparent !important;\n        background-clip: text !important;\n        color: transparent !important;\n        display: inline-block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-gradient-electric,\n    .wild-page .wild-gradient-electric,\n    .elementor-widget-container .wild-gradient-electric {\n        background: linear-gradient(90deg, #1e3a8a 0%, #1d4ed8 35%, #2563eb 65%, #3b82f6 100%) !important;\n        -webkit-background-clip: text !important;\n        -webkit-text-fill-color: transparent !important;\n        background-clip: text !important;\n        color: transparent !important;\n        display: inline-block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       HERO SECTION - GRADIENT BACKGROUND\n       ============================================ *\/\n    .wild-hero {\n        position: relative;\n        width: 100%;\n        height: 100vh;\n        min-height: 600px;\n        overflow: hidden;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 30%, #3b82f6 60%, #1e3a8a 100%);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-hero-video {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        z-index: 1;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-hero-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.25);\n        z-index: 2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-hero-content {\n        position: relative;\n        z-index: 3;\n        text-align: center !important;\n        color: var(--wild-white);\n        padding: 0 24px;\n        max-width: 900px;\n        margin: 0 auto !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-hero-title {\n        margin-bottom: 24px;\n        opacity: 0;\n        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-hero-subtitle {\n        font-size: clamp(1.125rem, 2.5vw, 1.5rem);\n        font-weight: 400;\n        line-height: 1.6;\n        max-width: 650px;\n        margin: 0 auto 32px;\n        opacity: 0;\n        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       ELIMINATE ALL GAPS BETWEEN SECTIONS\n       ============================================ *\/\n    .wild-page section {\n        margin: 0 !important;\n        padding-top: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-page \u003e section + section {\n        margin-top: 0 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       INTRO \/ PHILOSOPHY SECTION\n       ============================================ *\/\n    .wild-intro-section {\n        padding: 140px 24px;\n        background: var(--wild-white);\n        text-align: center;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-intro-container {\n        max-width: 1000px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-intro-eyebrow {\n        font-size: 0.9375rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.12em;\n        color: var(--wild-blue);\n        margin-bottom: 32px;\n        -webkit-text-fill-color: var(--wild-blue) !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-intro-headline {\n        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.03em !important;\n        line-height: 1.1 !important;\n        color: var(--wild-black) !important;\n        -webkit-text-fill-color: var(--wild-black) !important;\n        margin-bottom: 40px !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-intro-text {\n        font-size: clamp(1.1875rem, 2.2vw, 1.5rem);\n        line-height: 1.8;\n        color: var(--wild-gray-600);\n        -webkit-text-fill-color: var(--wild-gray-600) !important;\n        max-width: 750px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-intro-text strong {\n        color: var(--wild-black);\n        -webkit-text-fill-color: var(--wild-black) !important;\n        font-weight: 600;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       FULL WIDTH IMAGE SECTION\n       ============================================ *\/\n    .wild-fullwidth-image {\n        width: 100%;\n        line-height: 0;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-fullwidth-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       TEXT + IMAGE SPLIT SECTION\n       ============================================ *\/\n    .wild-split-section {\n        padding: 120px 24px;\n        background: var(--wild-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-split-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 80px;\n        align-items: center;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-split-container.reverse {\n        direction: rtl;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-split-container.reverse \u003e * {\n        direction: ltr;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-split-text h3 {\n        font-size: clamp(1.5rem, 3vw, 2.25rem);\n        font-weight: 700;\n        line-height: 1.2;\n        margin-bottom: 24px;\n        letter-spacing: -0.02em;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-split-text p {\n        font-size: 1.0625rem;\n        line-height: 1.8;\n        color: var(--wild-gray-600);\n        margin-bottom: 20px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-split-text p:last-child {\n        margin-bottom: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-split-image {\n        border-radius: 24px;\n        overflow: hidden;\n        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-split-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n        transition: transform 0.8s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-split-image:hover img {\n        transform: scale(1.03);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-split-section.bg-gray {\n        background: var(--wild-gray-100);\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .wild-split-container {\n            grid-template-columns: 1fr;\n            gap: 48px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .wild-split-container.reverse {\n            direction: ltr;\n        }\u003c\/p\u003e\n\u003cp\u003e        .wild-split-section {\n            padding: 80px 20px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       BOSCH MOTOR SECTION — FULL EXPERIENCE\n       ============================================ *\/\n    .wild-motor-section {\n        padding: 0;\n        background: var(--wild-gray-100);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 120px 24px 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-header {\n        text-align: center;\n        max-width: 900px;\n        margin: 0 auto 72px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-header p {\n        font-size: clamp(1.125rem, 2vw, 1.25rem);\n        line-height: 1.8;\n        color: var(--wild-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Motor Hero — Product image + stats *\/\n    .wild-motor-hero {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 64px;\n        align-items: center;\n        margin-bottom: 80px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-image {\n        border-radius: 24px;\n        overflow: hidden;\n        background: var(--wild-white);\n        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n        transition: transform 0.8s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-image:hover img {\n        transform: scale(1.05);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-info h3 {\n        font-size: clamp(1.5rem, 3vw, 2.25rem);\n        font-weight: 700;\n        line-height: 1.2;\n        margin-bottom: 16px;\n        letter-spacing: -0.02em;\n        color: var(--wild-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-info .wild-motor-subtitle {\n        font-size: 1rem;\n        font-weight: 600;\n        color: var(--wild-blue);\n        margin-bottom: 24px;\n        text-transform: uppercase;\n        letter-spacing: 0.06em;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-info p {\n        font-size: 1.0625rem;\n        line-height: 1.8;\n        color: var(--wild-gray-600);\n        margin-bottom: 32px;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Big Stats Row *\/\n    .wild-motor-big-stats {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 24px;\n        margin-bottom: 80px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-big-stat {\n        text-align: center;\n        padding: 32px 16px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-big-stat-value {\n        font-size: clamp(3rem, 6vw, 4.5rem);\n        font-weight: 900;\n        color: var(--wild-black);\n        line-height: 1;\n        letter-spacing: -0.03em;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-big-stat-unit {\n        font-size: clamp(1.25rem, 2.5vw, 1.75rem);\n        font-weight: 700;\n        color: var(--wild-gray-500);\n        margin-top: 4px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-big-stat-label {\n        font-size: 0.8125rem;\n        font-weight: 500;\n        color: var(--wild-gray-500);\n        margin-top: 8px;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Motor Stats (2x2 grid) *\/\n    .wild-motor-stats {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-stat {\n        background: var(--wild-white);\n        border-radius: 16px;\n        padding: 24px;\n        text-align: center;\n        transition: transform 0.4s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-stat:hover {\n        transform: translateY(-4px);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-stat-value {\n        font-size: 2rem;\n        font-weight: 800;\n        background: linear-gradient(135deg, #2563eb, #1d4ed8);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        line-height: 1.2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-stat-label {\n        font-size: 0.75rem;\n        font-weight: 600;\n        color: var(--wild-gray-500);\n        text-transform: uppercase;\n        letter-spacing: 0.06em;\n        margin-top: 4px;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Video and CTA are now inline styled — no separate classes needed *\/\u003c\/p\u003e\n\u003cp\u003e    \/* Features grid *\/\n    .wild-motor-features {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 24px;\n        margin-bottom: 80px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-feature-card {\n        background: var(--wild-white);\n        border-radius: 20px;\n        padding: 36px 28px;\n        transition: all 0.5s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-feature-card:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.1);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-feature-icon {\n        width: 48px;\n        height: 48px;\n        border-radius: 12px;\n        background: linear-gradient(135deg, #2563eb, #1d4ed8);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 20px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-feature-icon svg {\n        width: 24px;\n        height: 24px;\n        fill: none;\n        stroke: white;\n        stroke-width: 2;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-feature-card h4 {\n        font-size: 1.125rem;\n        font-weight: 700;\n        color: var(--wild-black);\n        margin-bottom: 10px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-feature-card p {\n        font-size: 0.9375rem;\n        line-height: 1.7;\n        color: var(--wild-gray-600);\n        margin: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Motor Specs Table *\/\n    .wild-motor-specs-table {\n        background: var(--wild-white);\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-specs-table table {\n        width: 100%;\n        border-collapse: collapse;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-specs-table th {\n        padding: 16px 24px;\n        text-align: left;\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.08em;\n        color: var(--wild-gray-500);\n        background: var(--wild-gray-50);\n        border-bottom: 1px solid var(--wild-gray-200);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-specs-table td {\n        padding: 14px 24px;\n        font-size: 0.9375rem;\n        color: var(--wild-black);\n        border-bottom: 1px solid var(--wild-gray-100);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-specs-table tr:last-child td {\n        border-bottom: none;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-specs-table td:first-child {\n        font-weight: 500;\n        color: var(--wild-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-specs-table td:last-child {\n        font-weight: 600;\n        text-align: right;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Bottom padding container *\/\n    .wild-motor-bottom {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 80px 24px 120px;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* System Controller + Battery split *\/\n    .wild-motor-split-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 32px;\n        margin-bottom: 80px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-split-card {\n        background: var(--wild-white);\n        border-radius: 24px;\n        overflow: hidden;\n        transition: all 0.5s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-split-card:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-split-card-image {\n        aspect-ratio: 4\/3;\n        overflow: hidden;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-split-card-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-split-card:hover .wild-motor-split-card-image img {\n        transform: scale(1.05);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-split-card-content {\n        padding: 32px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-split-card-content h4 {\n        font-size: 1.375rem;\n        font-weight: 700;\n        color: var(--wild-black);\n        margin-bottom: 12px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-motor-split-card-content p {\n        font-size: 1rem;\n        line-height: 1.7;\n        color: var(--wild-gray-600);\n        margin: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .wild-motor-container {\n            padding: 80px 20px 0;\n        }\u003c\/p\u003e\n\u003cp\u003e        .wild-motor-hero {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .wild-motor-big-stats {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 16px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .wild-motor-features {\n            grid-template-columns: 1fr;\n        }\u003c\/p\u003e\n\u003cp\u003e        .wild-motor-section {\n            padding: 0;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* CTA grid responsive handled inline *\/\u003c\/p\u003e\n\u003cp\u003e        .wild-motor-split-grid {\n            grid-template-columns: 1fr;\n        }\u003c\/p\u003e\n\u003cp\u003e        .wild-motor-bottom {\n            padding: 60px 20px 80px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       VIDEO MEDIA SECTION\n       ============================================ *\/\n    .wild-media-container {\n        max-width: 1100px;\n        margin: 60px auto 0;\n        border-radius: 32px;\n        overflow: hidden;\n        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-media-container video {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       STATS ROW\n       ============================================ *\/\n    .wild-stats-row {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 32px;\n        margin-top: 56px;\n        padding-top: 56px;\n        border-top: 1px solid var(--wild-gray-200);\n        max-width: 900px;\n        margin-left: auto;\n        margin-right: auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-stat-item {\n        text-align: center;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-stat-number {\n        font-size: clamp(2rem, 4vw, 3.5rem);\n        font-weight: 800;\n        letter-spacing: -0.03em;\n        line-height: 1;\n        margin-bottom: 8px;\n        background: linear-gradient(135deg, #2563eb, #1d4ed8);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-stat-label {\n        font-size: 0.875rem;\n        font-weight: 500;\n        color: var(--wild-gray-500);\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       MODELS SECTION - 4 CARDS\n       ============================================ *\/\n    .wild-models-section {\n        padding: 120px 24px;\n        background: var(--wild-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-models-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-models-header {\n        text-align: center;\n        max-width: 900px;\n        margin: 0 auto 72px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-models-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 32px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-model-card {\n        background: var(--wild-gray-100);\n        border-radius: 32px;\n        padding: 48px 40px;\n        text-align: center;\n        transition: all 0.5s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-model-card:hover {\n        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n    }\u003c\/p\u003e\n\u003cp\u003e    .wild-model-image {\n        width: 100%;\n        aspect-ratio: 16\/10;\n        background: var(--wild-white);\n        border-radius: 24px;\n        margin-bottom: 32px;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Bumblebee Yellow-Metallic Olive Green (Gloss)","offer_id":57494520693118,"sku":"T34203SM","price":27568.76,"currency_code":"RON","in_stock":true},{"title":"S \/ Tanzanite-Blue Stone (Matt)","offer_id":57494520725886,"sku":"T34203SN","price":27568.76,"currency_code":"RON","in_stock":true},{"title":"M \/ Bumblebee Yellow-Metallic Olive Green (Gloss)","offer_id":57494520758654,"sku":"T34205SM","price":27568.76,"currency_code":"RON","in_stock":true},{"title":"M \/ Tanzanite-Blue Stone (Matt)","offer_id":57494520791422,"sku":"T34205SN","price":27568.76,"currency_code":"RON","in_stock":true},{"title":"L \/ Bumblebee Yellow-Metallic Olive Green (Gloss)","offer_id":57494520824190,"sku":"T34207SM","price":27568.76,"currency_code":"RON","in_stock":true},{"title":"L \/ Tanzanite-Blue Stone (Matt)","offer_id":57494520856958,"sku":"T34207SN","price":27568.76,"currency_code":"RON","in_stock":true},{"title":"XL \/ Bumblebee Yellow-Metallic Olive Green (Gloss)","offer_id":57494520889726,"sku":"T34209SM","price":27568.76,"currency_code":"RON","in_stock":true},{"title":"XL \/ Tanzanite-Blue Stone (Matt)","offer_id":57494520922494,"sku":"T34209SN","price":27568.76,"currency_code":"RON","in_stock":true},{"title":"S \/ Spacehip Green - Black Matt","offer_id":57494520955262,"sku":"T34203SL","price":27568.76,"currency_code":"RON","in_stock":true},{"title":"M \/ Spacehip Green - Black Matt","offer_id":57494520988030,"sku":"T34205SL","price":27568.76,"currency_code":"RON","in_stock":true},{"title":"L \/ Spacehip Green - Black Matt","offer_id":57494521020798,"sku":"T34207SL","price":27568.76,"currency_code":"RON","in_stock":true},{"title":"XL \/ Spacehip Green - Black Matt","offer_id":57494521053566,"sku":"T34209SL","price":27568.76,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T342TTCC-SL-SIDE-WILD_H20.jpg?v=1780307741","url":"https:\/\/www.provelo.ro\/products\/wild-h20-s-spacehip-green-black-matt","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}