{"product_id":"bicicleta-copii-woom-explore-6","title":"Bicicleta Copii woom EXPLORE 6","description":"\u003cp\u003e\u003c\/p\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"258733\" class=\"elementor elementor-258733\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-c51afe4 e-flex e-con-boxed e-con e-parent\" data-id=\"c51afe4\" 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-218124e elementor-widget elementor-widget-html\" data-id=\"218124e\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- woom EXPLORE 6 - Premium Landing Page - Apple Style V2 --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: woom EXPLORE 6, biciclet\u0026abreve; copii 26\", fr\u0026acirc;ne disc, all-terrain --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget --\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e    \/* ============================================\u003cbr \/\u003e       DESIGN SYSTEM - Apple Inspired V2\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6 {\u003cbr \/\u003e        --black: #1d1d1f;\u003cbr \/\u003e        --white: #ffffff;\u003cbr \/\u003e        --gray-50: #fafafa;\u003cbr \/\u003e        --gray-100: #f5f5f7;\u003cbr \/\u003e        --gray-200: #e8e8ed;\u003cbr \/\u003e        --gray-300: #d2d2d7;\u003cbr \/\u003e        --gray-500: #86868b;\u003cbr \/\u003e        --gray-600: #6e6e73;\u003cbr \/\u003e        --gray-700: #515154;\u003cbr \/\u003e        --off-white: #f5f5f7;\u003cbr \/\u003e        --accent: #22c55e;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        --font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003cbr \/\u003e        --ease: cubic-bezier(0.25, 0.1, 0.25, 1);\u003cbr \/\u003e        --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR FULL WIDTH\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    html, body {\u003cbr \/\u003e        overflow-x: hidden !important;\u003cbr \/\u003e        scroll-behavior: smooth;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6 {\u003cbr \/\u003e        width: 100vw !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        margin-left: calc(-50vw + 50%) !important;\u003cbr \/\u003e        position: relative !important;\u003cbr \/\u003e        overflow-x: hidden !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-widget-container:has(.we6),\u003cbr \/\u003e    .elementor-element:has(.we6),\u003cbr \/\u003e    .elementor-section:has(.we6),\u003cbr \/\u003e    .elementor-container:has(.we6),\u003cbr \/\u003e    .elementor-column:has(.we6),\u003cbr \/\u003e    .elementor-widget:has(.we6) {\u003cbr \/\u003e        padding: 0 !important; margin: 0 !important; gap: 0 !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYPOGRAPHY OVERRIDES\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .elementor-widget-container .we6 h1,\u003cbr \/\u003e    .elementor-widget-container .we6 h2,\u003cbr \/\u003e    .elementor-widget-container .we6 h3,\u003cbr \/\u003e    .elementor-widget-container .we6 h4,\u003cbr \/\u003e    .elementor-widget-container .we6 p,\u003cbr \/\u003e    .elementor-kit-6 .we6 h1,\u003cbr \/\u003e    .elementor-kit-6 .we6 h2,\u003cbr \/\u003e    .elementor-kit-6 .we6 h3,\u003cbr \/\u003e    .elementor-kit-6 .we6 h4,\u003cbr \/\u003e    .we6 h1, .we6 h2, .we6 h3, .we6 h4 {\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        opacity: 1 !important;\u003cbr \/\u003e        visibility: visible !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESET \u0026 BASE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6 {\u003cbr \/\u003e        font-family: var(--font);\u003cbr \/\u003e        color: var(--black);\u003cbr \/\u003e        background: var(--white);\u003cbr \/\u003e        line-height: 1.47059;\u003cbr \/\u003e        -webkit-font-smoothing: antialiased;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6 * { box-sizing: border-box; margin: 0; padding: 0; }\u003cbr \/\u003e    .we6 img { max-width: 100%; height: auto; display: block; }\u003cbr \/\u003e    .we6 a { text-decoration: none !important; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       STICKY NAV BAR\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-nav {\u003cbr \/\u003e        position: fixed;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e        z-index: 9999;\u003cbr \/\u003e        height: 48px;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e        background: rgba(29, 29, 31, 0.72);\u003cbr \/\u003e        backdrop-filter: saturate(180%) blur(20px);\u003cbr \/\u003e        -webkit-backdrop-filter: saturate(180%) blur(20px);\u003cbr \/\u003e        transition: transform 0.4s var(--ease), opacity 0.4s var(--ease);\u003cbr \/\u003e        transform: translateY(-100%);\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-nav.visible {\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-nav-brand {\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--gray-100);\u003cbr \/\u003e        letter-spacing: -0.01em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-nav-links {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        gap: 24px;\u003cbr \/\u003e        list-style: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-nav-links a {\u003cbr \/\u003e        font-size: 0.75rem;\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        color: var(--gray-300) !important;\u003cbr \/\u003e        transition: color 0.3s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-nav-links a:hover {\u003cbr \/\u003e        color: var(--white) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-nav-buy {\u003cbr \/\u003e        font-size: 0.75rem;\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        color: var(--white) !important;\u003cbr \/\u003e        background: #0071e3;\u003cbr \/\u003e        padding: 4px 14px;\u003cbr \/\u003e        border-radius: 980px;\u003cbr \/\u003e        transition: background 0.3s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-nav-buy:hover {\u003cbr \/\u003e        background: #0077ED;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SCROLL REVEAL\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-reveal {\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(40px);\u003cbr \/\u003e        transition: opacity 1s var(--ease-out), transform 1s var(--ease-out);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-reveal.visible {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-reveal.d1 { transition-delay: 0.12s; }\u003cbr \/\u003e    .we6-reveal.d2 { transition-delay: 0.24s; }\u003cbr \/\u003e    .we6-reveal.d3 { transition-delay: 0.36s; }\u003cbr \/\u003e    .we6-reveal.d4 { transition-delay: 0.48s; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Scale reveal for images *\/\u003cbr \/\u003e    .we6-reveal-scale {\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: scale(0.94);\u003cbr \/\u003e        transition: opacity 1.2s var(--ease-out), transform 1.2s var(--ease-out);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-reveal-scale.visible {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: scale(1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HERO - Clean, Apple style\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-hero {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        min-height: 100vh;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: flex-start;\u003cbr \/\u003e        padding: 80px 24px 60px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: background-color 1s var(--ease);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-hero\u003cdata-color=\"jungle-green\"\u003e {\u003cbr \/\u003e        background: linear-gradient(180deg, #ffffff 0%, #f7faf8 30%, #eef5f0 100%);\u003cbr \/\u003e    }\u003cbr \/\u003e    .we6-hero\u003cdata-color=\"neon-coral\"\u003e {\u003cbr \/\u003e        background: linear-gradient(180deg, #ffffff 0%, #fdf8f6 30%, #faf0ec 100%);\u003cbr \/\u003e    }\u003cbr \/\u003e    .we6-hero\u003cdata-color=\"woom-red\"\u003e {\u003cbr \/\u003e        background: linear-gradient(180deg, #ffffff 0%, #fdf7f7 30%, #faf0f0 100%);\u003cbr \/\u003e    }\u003cbr \/\u003e    .we6-hero\u003cdata-color=\"magnetic-blue\"\u003e {\u003cbr \/\u003e        background: linear-gradient(180deg, #ffffff 0%, #f7f9fd 30%, #eef3fa 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-hero-text {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-hero-eyebrow {\u003cbr \/\u003e        font-size: 0.8125rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.15em;\u003cbr \/\u003e        color: rgba(0,0,0,0.35);\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: we6FadeUp 0.8s var(--ease) 0.1s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-hero-title {\u003cbr \/\u003e        font-size: clamp(4.5rem, 14vw, 9rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.05em !important;\u003cbr \/\u003e        line-height: 0.9 !important;\u003cbr \/\u003e        color: var(--black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--black) !important;\u003cbr \/\u003e        text-shadow: none;\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: we6FadeUp 1s var(--ease-out) 0.2s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-hero-sub {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2.2vw, 1.375rem) !important;\u003cbr \/\u003e        font-weight: 400 !important;\u003cbr \/\u003e        color: rgba(0,0,0,0.5) !important;\u003cbr \/\u003e        -webkit-text-fill-color: rgba(0,0,0,0.5) !important;\u003cbr \/\u003e        max-width: 480px;\u003cbr \/\u003e        margin: 0 auto 48px;\u003cbr \/\u003e        line-height: 1.5;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: we6FadeUp 0.8s var(--ease) 0.35s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-hero-cta {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        gap: 12px;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: we6FadeUp 0.8s var(--ease) 0.45s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-hero-btn {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        padding: 12px 28px;\u003cbr \/\u003e        font-family: var(--font);\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        border-radius: 980px;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        border: none;\u003cbr \/\u003e        transition: all 0.3s var(--ease);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-hero-btn-primary {\u003cbr \/\u003e        background: var(--white);\u003cbr \/\u003e        color: var(--black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-hero-btn-primary:hover {\u003cbr \/\u003e        background: var(--off-white);\u003cbr \/\u003e        transform: scale(1.02);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-hero-btn-outline {\u003cbr \/\u003e        background: transparent;\u003cbr \/\u003e        color: var(--white) !important;\u003cbr \/\u003e        border: 1.5px solid rgba(255,255,255,0.5);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-hero-btn-outline:hover {\u003cbr \/\u003e        border-color: rgba(255,255,255,0.9);\u003cbr \/\u003e        background: rgba(255,255,255,0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Hero Bike - with parallax *\/\u003cbr \/\u003e    .we6-hero-bike {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        width: 130%;\u003cbr \/\u003e        margin: 0 -15% 0;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: we6BikeIn 1.4s var(--ease-out) 0.5s forwards;\u003cbr \/\u003e        will-change: transform;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-hero-bike::after {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: -5%;\u003cbr \/\u003e        left: 20%;\u003cbr \/\u003e        right: 20%;\u003cbr \/\u003e        height: 20%;\u003cbr \/\u003e        background: radial-gradient(ellipse at center, rgba(0,0,0,0.05) 0%, transparent 70%);\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6 img.we6-bike-img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: none;\u003cbr \/\u003e        filter: drop-shadow(0 20px 40px rgba(0,0,0,0.08));\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6 img.we6-bike-img.active {\u003cbr \/\u003e        display: block;\u003cbr \/\u003e        animation: we6BikeSwap 0.6s var(--ease-out);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Color Dots *\/\u003cbr \/\u003e    .we6-colors {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        margin-top: 40px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: we6FadeUp 0.8s var(--ease) 0.8s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-color-dot {\u003cbr \/\u003e        width: 32px;\u003cbr \/\u003e        height: 32px;\u003cbr \/\u003e        border-radius: 50%;\u003cbr \/\u003e        border: none;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        transition: transform 0.3s var(--ease);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        outline: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-color-dot::after {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        inset: -4px;\u003cbr \/\u003e        border-radius: 50%;\u003cbr \/\u003e        border: 2px solid transparent;\u003cbr \/\u003e        transition: border-color 0.3s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-color-dot.active::after { border-color: rgba(0,0,0,0.3); }\u003cbr \/\u003e    .we6-color-dot:hover { transform: scale(1.2); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-color-dot\u003cdata-c=\"jungle-green\"\u003e { background: #6ec98f; }\u003cbr \/\u003e    .we6-color-dot\u003cdata-c=\"neon-coral\"\u003e { background: #f0a882; }\u003cbr \/\u003e    .we6-color-dot\u003cdata-c=\"woom-red\"\u003e { background: #e88080; }\u003cbr \/\u003e    .we6-color-dot\u003cdata-c=\"magnetic-blue\"\u003e { background: #7aabf0; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-color-name {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-top: 10px;\u003cbr \/\u003e        font-size: 0.8125rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        color: rgba(0,0,0,0.4);\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: we6FadeUp 0.8s var(--ease) 0.9s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Scroll indicator *\/\u003cbr \/\u003e    .we6-scroll-hint {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 32px;\u003cbr \/\u003e        left: 50%;\u003cbr \/\u003e        transform: translateX(-50%);\u003cbr \/\u003e        z-index: 10;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: we6FadeUp 0.8s var(--ease) 1.2s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-scroll-hint span {\u003cbr \/\u003e        display: block;\u003cbr \/\u003e        width: 24px;\u003cbr \/\u003e        height: 40px;\u003cbr \/\u003e        border: 2px solid rgba(0,0,0,0.2);\u003cbr \/\u003e        border-radius: 12px;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-scroll-hint span::after {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 6px;\u003cbr \/\u003e        left: 50%;\u003cbr \/\u003e        transform: translateX(-50%);\u003cbr \/\u003e        width: 4px;\u003cbr \/\u003e        height: 8px;\u003cbr \/\u003e        background: rgba(0,0,0,0.3);\u003cbr \/\u003e        border-radius: 2px;\u003cbr \/\u003e        animation: we6ScrollDot 2s ease-in-out infinite;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes we6ScrollDot {\u003cbr \/\u003e        0%, 100% { top: 6px; opacity: 1; }\u003cbr \/\u003e        50% { top: 18px; opacity: 0.3; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes we6FadeUp {\u003cbr \/\u003e        from { opacity: 0; transform: translateY(25px); }\u003cbr \/\u003e        to { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes we6BikeIn {\u003cbr \/\u003e        from { opacity: 0; transform: scale(0.92) translateY(30px); }\u003cbr \/\u003e        to { opacity: 1; transform: scale(1) translateY(0); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes we6BikeSwap {\u003cbr \/\u003e        from { opacity: 0; transform: scale(0.96); }\u003cbr \/\u003e        to { opacity: 1; transform: scale(1); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SPECS BAR - Horizontal strip\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-specs-bar {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 0;\u003cbr \/\u003e        padding: 56px 24px;\u003cbr \/\u003e        background: var(--white);\u003cbr \/\u003e        border-bottom: 1px solid var(--gray-200);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-spec-item {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        padding: 0 clamp(20px, 5vw, 64px);\u003cbr \/\u003e        border-left: 1px solid var(--gray-200);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-spec-item:first-child { border-left: none; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-spec-val {\u003cbr \/\u003e        font-size: clamp(1.75rem, 3.5vw, 2.5rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: var(--black);\u003cbr \/\u003e        line-height: 1.1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-spec-lbl {\u003cbr \/\u003e        font-size: 0.75rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.08em;\u003cbr \/\u003e        color: var(--gray-500);\u003cbr \/\u003e        margin-top: 6px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SECTION BASE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-section {\u003cbr \/\u003e        padding: clamp(100px, 14vw, 180px) 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-section.bg-gray { background: var(--gray-100); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-section.bg-dark {\u003cbr \/\u003e        background: var(--black);\u003cbr \/\u003e    }\u003cbr \/\u003e    .we6-section.bg-dark h2, .we6-section.bg-dark h3 {\u003cbr \/\u003e        color: var(--gray-100) !important;\u003cbr \/\u003e    }\u003cbr \/\u003e    .we6-section.bg-dark p, .we6-section.bg-dark .we6-body {\u003cbr \/\u003e        color: var(--gray-500) !important;\u003cbr \/\u003e    }\u003cbr \/\u003e    .we6-section.bg-dark .we6-eyebrow {\u003cbr \/\u003e        color: var(--gray-500);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-inner {\u003cbr \/\u003e        max-width: 980px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-inner-wide {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYPOGRAPHY CLASSES\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-headline {\u003cbr \/\u003e        font-size: clamp(2.75rem, 7vw, 4.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.06 !important;\u003cbr \/\u003e        color: var(--black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-headline-sm {\u003cbr \/\u003e        font-size: clamp(1.75rem, 4vw, 2.75rem) !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.12 !important;\u003cbr \/\u003e        color: var(--black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-body {\u003cbr \/\u003e        font-size: clamp(1.0625rem, 1.8vw, 1.3125rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.58;\u003cbr \/\u003e        color: var(--gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-eyebrow {\u003cbr \/\u003e        font-size: 0.8125rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.12em;\u003cbr \/\u003e        color: var(--gray-500);\u003cbr \/\u003e        margin-bottom: 16px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-center { text-align: center; }\u003cbr \/\u003e    .we6-mb-sm { margin-bottom: 16px; }\u003cbr \/\u003e    .we6-mb-md { margin-bottom: 32px; }\u003cbr \/\u003e    .we6-mb-lg { margin-bottom: 64px; }\u003cbr \/\u003e    .we6-mx-auto { margin-left: auto; margin-right: auto; }\u003cbr \/\u003e    .we6-max-700 { max-width: 700px; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-strong { color: var(--black); font-weight: 600; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Gradient text *\/\u003cbr \/\u003e    .we6-grad {\u003cbr \/\u003e        background: linear-gradient(90deg, #22c55e 0%, #16a34a 50%, #15803d 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    \/* White gradient for dark sections *\/\u003cbr \/\u003e    .bg-dark .we6-grad {\u003cbr \/\u003e        background: linear-gradient(90deg, #4ade80 0%, #22c55e 50%, #16a34a 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    \/* ============================================\u003cbr \/\u003e       LARGE IMAGE SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-full-img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-full-img img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-contained-img {\u003cbr \/\u003e        max-width: 1100px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        border-radius: 28px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-contained-img img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FEATURE TILES - Bento Grid\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-tiles {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        gap: 20px;\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-tile {\u003cbr \/\u003e        border-radius: 28px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        background: var(--gray-100);\u003cbr \/\u003e        transition: transform 0.6s var(--ease-out), box-shadow 0.6s var(--ease-out);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-tile:hover {\u003cbr \/\u003e        transform: scale(1.015);\u003cbr \/\u003e        box-shadow: 0 24px 60px rgba(0,0,0,0.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-tile-img {\u003cbr \/\u003e        aspect-ratio: 4\/3;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        background: var(--black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-tile-img img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.8s var(--ease-out);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-tile:hover .we6-tile-img img {\u003cbr \/\u003e        transform: scale(1.06);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-tile-body {\u003cbr \/\u003e        padding: 32px 32px 36px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-tile-title {\u003cbr \/\u003e        font-size: 1.75rem !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        color: var(--black) !important;\u003cbr \/\u003e        margin-bottom: 12px !important;\u003cbr \/\u003e        letter-spacing: -0.025em !important;\u003cbr \/\u003e        line-height: 1.15 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-tile-title .we6-grad {\u003cbr \/\u003e        display: inline;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-tile-desc {\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e        color: var(--gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-tile-desc strong {\u003cbr \/\u003e        color: var(--black);\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       STATS - Big numbers with counter\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-stats {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e        gap: 24px;\u003cbr \/\u003e        max-width: 1000px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-stat {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        padding: 32px 16px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-stat-num {\u003cbr \/\u003e        font-size: clamp(3rem, 6vw, 5rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        letter-spacing: -0.04em;\u003cbr \/\u003e        line-height: 1;\u003cbr \/\u003e        color: var(--gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-stat-unit {\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        font-size: 0.5em;\u003cbr \/\u003e        color: var(--gray-500);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-stat-lbl {\u003cbr \/\u003e        font-size: 0.8125rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        color: var(--gray-500);\u003cbr \/\u003e        margin-top: 10px;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.06em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SPECS GRID - Icon cards\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-spec-cards {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        max-width: 1100px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-spec-card {\u003cbr \/\u003e        background: var(--white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        padding: 32px 24px;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        border: 1px solid var(--gray-200);\u003cbr \/\u003e        transition: all 0.5s var(--ease-out);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-spec-card:hover {\u003cbr \/\u003e        transform: translateY(-6px);\u003cbr \/\u003e        box-shadow: 0 16px 40px rgba(0,0,0,0.08);\u003cbr \/\u003e        border-color: transparent;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-spec-card-icon {\u003cbr \/\u003e        width: 52px;\u003cbr \/\u003e        height: 52px;\u003cbr \/\u003e        margin: 0 auto 16px;\u003cbr \/\u003e        background: var(--gray-100);\u003cbr \/\u003e        border-radius: 14px;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        transition: all 0.4s var(--ease);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-spec-card:hover .we6-spec-card-icon {\u003cbr \/\u003e        background: var(--black);\u003cbr \/\u003e        transform: scale(1.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-spec-card-icon svg {\u003cbr \/\u003e        width: 24px;\u003cbr \/\u003e        height: 24px;\u003cbr \/\u003e        color: var(--black);\u003cbr \/\u003e        transition: color 0.3s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-spec-card:hover .we6-spec-card-icon svg {\u003cbr \/\u003e        color: var(--white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-spec-card-val {\u003cbr \/\u003e        font-size: 1.5rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: var(--black);\u003cbr \/\u003e        margin-bottom: 4px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-spec-card-lbl {\u003cbr \/\u003e        font-size: 0.8125rem;\u003cbr \/\u003e        color: var(--gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SIZING TABLE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-size-table {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        max-width: 800px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        border-collapse: collapse;\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 2px 20px rgba(0,0,0,0.06);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-size-table thead {\u003cbr \/\u003e        background: var(--black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-size-table th {\u003cbr \/\u003e        padding: 18px 20px;\u003cbr \/\u003e        font-size: 0.8125rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--white);\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.05em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-size-table th:first-child { text-align: left; padding-left: 28px; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-size-table td {\u003cbr \/\u003e        padding: 18px 20px;\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        color: var(--gray-700);\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        border-bottom: 1px solid var(--gray-200);\u003cbr \/\u003e        background: var(--white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-size-table td:first-child {\u003cbr \/\u003e        text-align: left;\u003cbr \/\u003e        padding-left: 28px;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-size-table tr:last-child td { border-bottom: none; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-size-table tr.we6-highlight td {\u003cbr \/\u003e        background: rgba(34, 197, 94, 0.06);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-size-table tr.we6-highlight td:first-child {\u003cbr \/\u003e        color: #15803d;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ACCESSORIES\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-accs {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e        gap: 20px;\u003cbr \/\u003e        max-width: 1100px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-acc {\u003cbr \/\u003e        background: var(--white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: all 0.5s var(--ease-out);\u003cbr \/\u003e        display: block;\u003cbr \/\u003e        box-shadow: 0 2px 12px rgba(0,0,0,0.04);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-acc:hover {\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 20px 50px rgba(0,0,0,0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-acc-img {\u003cbr \/\u003e        aspect-ratio: 1\/1;\u003cbr \/\u003e        background: var(--gray-50);\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        padding: 20px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-acc-img img {\u003cbr \/\u003e        max-width: 80%;\u003cbr \/\u003e        max-height: 80%;\u003cbr \/\u003e        object-fit: contain;\u003cbr \/\u003e        transition: transform 0.6s var(--ease-out);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-acc:hover .we6-acc-img img { transform: scale(1.1); }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-acc-body {\u003cbr \/\u003e        padding: 20px;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-acc-name {\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--black);\u003cbr \/\u003e        margin-bottom: 10px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-acc-link {\u003cbr \/\u003e        display: inline-block;\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        color: #0066cc !important;\u003cbr \/\u003e        transition: color 0.2s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-acc:hover .we6-acc-link { color: #004499 !important; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       CTA \/ PRICE - DARK CINEMATIC SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-cta-section {\u003cbr \/\u003e        background: var(--black);\u003cbr \/\u003e        padding: clamp(120px, 16vw, 200px) 24px;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-cta-section::before {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 50%;\u003cbr \/\u003e        transform: translateX(-50%);\u003cbr \/\u003e        width: 600px;\u003cbr \/\u003e        height: 600px;\u003cbr \/\u003e        background: radial-gradient(circle, rgba(34,197,94,0.08) 0%, transparent 70%);\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-cta-section .we6-headline {\u003cbr \/\u003e        color: var(--gray-100) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-cta-price {\u003cbr \/\u003e        font-size: clamp(3.5rem, 8vw, 5.5rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: var(--white);\u003cbr \/\u003e        letter-spacing: -0.04em;\u003cbr \/\u003e        line-height: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-cta-note {\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        color: var(--gray-500);\u003cbr \/\u003e        margin-top: 12px;\u003cbr \/\u003e        margin-bottom: 40px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-cta-btns {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        flex-wrap: wrap;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-btn {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        padding: 16px 36px;\u003cbr \/\u003e        font-family: var(--font);\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        border-radius: 980px;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        border: none;\u003cbr \/\u003e        transition: all 0.3s var(--ease);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-btn-blue {\u003cbr \/\u003e        background: #0071e3;\u003cbr \/\u003e        color: var(--white) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-btn-blue:hover {\u003cbr \/\u003e        background: #0077ED;\u003cbr \/\u003e        transform: scale(1.03);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-btn-outline-light {\u003cbr \/\u003e        background: transparent;\u003cbr \/\u003e        color: var(--white) !important;\u003cbr \/\u003e        border: 1.5px solid rgba(255,255,255,0.3);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-btn-outline-light:hover {\u003cbr \/\u003e        border-color: rgba(255,255,255,0.7);\u003cbr \/\u003e        background: rgba(255,255,255,0.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       BADGES - Dark variant\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-badges {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 20px;\u003cbr \/\u003e        flex-wrap: wrap;\u003cbr \/\u003e        margin-top: 56px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-badge {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 12px;\u003cbr \/\u003e        padding: 16px 22px;\u003cbr \/\u003e        background: rgba(255,255,255,0.06);\u003cbr \/\u003e        border: 1px solid rgba(255,255,255,0.08);\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        transition: all 0.4s var(--ease);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-badge:hover {\u003cbr \/\u003e        transform: translateY(-3px);\u003cbr \/\u003e        background: rgba(255,255,255,0.1);\u003cbr \/\u003e        border-color: rgba(255,255,255,0.15);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-badge-icon {\u003cbr \/\u003e        width: 40px;\u003cbr \/\u003e        height: 40px;\u003cbr \/\u003e        background: rgba(255,255,255,0.08);\u003cbr \/\u003e        border-radius: 12px;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        font-size: 1.125rem;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-badge-title {\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-badge-desc {\u003cbr \/\u003e        font-size: 0.75rem;\u003cbr \/\u003e        color: var(--gray-500);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       VIDEO WRAPPER\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .we6-video-wrap {\u003cbr \/\u003e        max-width: 1100px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        border-radius: 28px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 16px 60px rgba(0,0,0,0.12);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-video-ratio {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        padding-bottom: 56.25%;\u003cbr \/\u003e        height: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .we6-video-ratio iframe {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0; left: 0;\u003cbr \/\u003e        width: 100%; height: 100%;\u003cbr \/\u003e        border: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESPONSIVE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    @media (max-width: 1024px) {\u003cbr \/\u003e        .we6-tiles { grid-template-columns: 1fr; }\u003cbr \/\u003e        .we6-spec-cards { grid-template-columns: repeat(2, 1fr); }\u003cbr \/\u003e        .we6-stats { grid-template-columns: repeat(2, 1fr); }\u003cbr \/\u003e        .we6-accs { grid-template-columns: repeat(2, 1fr); }\u003cbr \/\u003e        .we6-nav-links { display: none; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .we6-hero { min-height: auto; padding: 60px 12px 40px; }\u003cbr \/\u003e        .we6-hero-title {\u003cbr \/\u003e            font-size: clamp(3.5rem, 16vw, 5.5rem) !important;\u003cbr \/\u003e        }\u003cbr \/\u003e        .we6-hero-bike {\u003cbr \/\u003e            width: 140%;\u003cbr \/\u003e            max-width: none;\u003cbr \/\u003e            margin-left: -20%;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-scroll-hint { display: none; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-specs-bar {\u003cbr \/\u003e            flex-wrap: wrap;\u003cbr \/\u003e            gap: 0;\u003cbr \/\u003e            padding: 32px 16px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-spec-item {\u003cbr \/\u003e            flex: 0 0 50%;\u003cbr \/\u003e            padding: 16px 0;\u003cbr \/\u003e            border-left: none;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-spec-item:nth-child(odd) {\u003cbr \/\u003e            border-right: 1px solid var(--gray-200);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-spec-item:nth-child(n+3) {\u003cbr \/\u003e            border-top: 1px solid var(--gray-200);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-tiles { gap: 16px; }\u003cbr \/\u003e        .we6-tile { border-radius: 24px; }\u003cbr \/\u003e        .we6-tile-body { padding: 24px; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-spec-cards { grid-template-columns: 1fr; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-stats { grid-template-columns: repeat(2, 1fr); gap: 16px; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-accs {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-cta-btns {\u003cbr \/\u003e            flex-direction: column;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-cta-btns .we6-btn {\u003cbr \/\u003e            width: 100%;\u003cbr \/\u003e            max-width: 300px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-badges {\u003cbr \/\u003e            flex-direction: column;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-badge { width: 100%; max-width: 300px; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 480px) {\u003cbr \/\u003e        .we6-accs {\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            overflow-x: auto;\u003cbr \/\u003e            scroll-snap-type: x mandatory;\u003cbr \/\u003e            gap: 12px;\u003cbr \/\u003e            padding-bottom: 12px;\u003cbr \/\u003e            -webkit-overflow-scrolling: touch;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-accs::-webkit-scrollbar { display: none; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .we6-acc {\u003cbr \/\u003e            flex: 0 0 160px;\u003cbr \/\u003e            scroll-snap-align: start;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003cbr \/\u003e\u003c\/style\u003e\n\u003cbr\u003e\u003cdiv class=\"we6\"\u003e\n\u003cbr\u003e\u003cp\u003e    \u003c!-- ============================================\u003cbr \/\u003e         STICKY NAV\u003cbr \/\u003e         ============================================ --\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cnav class=\"we6-nav\" id=\"we6Nav\"\u003e\u003cbr\u003e        \u003cspan class=\"we6-nav-brand\"\u003ewoom EXPLORE 6\u003c\/span\u003e\u003cbr\u003e\u003cul class=\"we6-nav-links\"\u003e\n\u003cbr\u003e\u003cli\u003e\u003ca href=\"#we6Features\"\u003eCaracteristici\u003c\/a\u003e\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003e\u003ca href=\"#we6Specs\"\u003eSpecificații\u003c\/a\u003e\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003e\u003ca href=\"#we6Size\"\u003eM\u0026amp;abreve;rimi\u003c\/a\u003e\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003e\u003ca href=\"#we6Acc\"\u003eAccesorii\u003c\/a\u003e\u003c\/li\u003e\n\u003cbr\u003e\n\u003c\/ul\u003e\n\u003cbr\u003e\u003cp\u003e        \u003ca href=\"#we6Buy\" class=\"we6-nav-buy\"\u003eCump\u0026amp;abreve;r\u0026amp;abreve;\u003c\/a\u003e\u003cbr\u003e\u003cbr\u003e    \u003c\/p\u003e\u003c\/nav\u003e\u003cbr\u003e\u003cp\u003e    \u003c!-- ============================================\u003cbr \/\u003e         HERO\u003cbr \/\u003e         ============================================ --\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003csection class=\"we6-hero\" data-color=\"jungle-green\" id=\"we6Top\"\u003e\u003cbr\u003e\u003cdiv class=\"we6-hero-text\"\u003e\n\u003cbr\u003e\u003cp class=\"we6-hero-eyebrow\"\u003eAll-Terrain Bike for Kids\u003c\/p\u003e\n\u003cbr\u003e\u003ch1 class=\"we6-hero-title\"\u003ewoom\u003cbr\u003eEXPLORE 6\u003c\/h1\u003e\n\u003cbr\u003e\u003cp class=\"we6-hero-sub\"\u003e\u003cbr\u003e                Frâne disc hidraulice. 8 viteze. Cauciucuri all-terrain.\u003cbr\u003e\u003cbr\u003e                Construit\u0026amp;abreve; pentru copiii care vor mai mult.\u003cbr\u003e            \u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"we6-hero-bike\" id=\"we6HeroBike\"\u003e\n\u003cbr\u003e            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/100839-0000-2007-side-2048x1365.webp\" alt=\"woom EXPLORE 6 - Jungle Green\" class=\"we6-bike-img active\" data-color=\"jungle-green\"\u003e\u003cbr\u003e\u003cbr\u003e            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/100839-0000-1005-side-2048x1365.webp\" alt=\"woom EXPLORE 6 - Neon Coral\" class=\"we6-bike-img\" data-color=\"neon-coral\"\u003e\u003cbr\u003e\u003cbr\u003e            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/100839-0000-1002-side-2048x1365.webp\" alt=\"woom EXPLORE 6 - Woom Red\" class=\"we6-bike-img\" data-color=\"woom-red\"\u003e\u003cbr\u003e\u003cbr\u003e            \u003cimg src=\"https:\/\u0026lt;\/p\u0026gt;\"\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Woom","offers":[{"title":"woom Red","offer_id":57496378900862,"sku":"100839-0000-1002","price":3695.0,"currency_code":"RON","in_stock":true},{"title":"Jungle Green","offer_id":57496378933630,"sku":"100839-0000-2007","price":3695.0,"currency_code":"RON","in_stock":true},{"title":"Magnetic Blue","offer_id":57496378966398,"sku":"100839-0000-3008","price":3695.0,"currency_code":"RON","in_stock":true},{"title":"Neon Coral","offer_id":57496378999166,"sku":"100839-0000-1005","price":3695.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/100839-0000-1002-side.webp?v=1780336796","url":"https:\/\/www.provelo.ro\/products\/bicicleta-copii-woom-explore-6","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}