{"title":"woom EXPLORE","description":"\u003cp\u003ewoom EXPLORE — pentru drumuri mai lungi și pentru zilele cu bagaj: portbagaj, lumini, apărători și anvelope mai late.\u003c\/p\u003e","products":[{"product_id":"bicicleta-copii-woom-explore-4","title":"Bicicleta Copii woom EXPLORE 4","description":"\u003cp\u003e\u003cstrong\u003ewoom EXPLORE 4\u003c\/strong\u003e este bicicleta de aventură\/trekking pentru copii de 20\", gata de drum lung și de zi cu zi. Cadru ușor din aluminiu, transmisie cu mai multe viteze pentru pante și dotări practice pentru siguranță și confort pe orice traseu.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eTip: trekking \/ adventure copii\u003c\/li\u003e\n\u003cli\u003eRoți: 20\"\u003c\/li\u003e\n\u003cli\u003eCadru: aluminiu ușor\u003c\/li\u003e\n\u003cli\u003eTransmisie cu mai multe viteze\u003c\/li\u003e\n\u003cli\u003eGândită pentru drumuri lungi și utilizare zilnică\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Woom","offers":[{"title":"woom Red","offer_id":57496375296382,"sku":"100836-0000-1002","price":3195.0,"currency_code":"RON","in_stock":true},{"title":"Jungle Green","offer_id":57496375329150,"sku":"100836-0000-2007","price":3195.0,"currency_code":"RON","in_stock":true},{"title":"Magnetic Blue","offer_id":57496375361918,"sku":"100836-0000-3008","price":3195.0,"currency_code":"RON","in_stock":true},{"title":"Neon Coral","offer_id":57496375394686,"sku":"100836-0000-1005","price":3195.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/100836-0000-1002-side-2_7da8456c-28c5-4b13-8379-2d8978047c01.webp?v=1780336715"},{"product_id":"bicicleta-copii-woom-explore-5","title":"Bicicleta Copii woom EXPLORE 5","description":"\u003cp\u003e\u003c\/p\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"254420\" class=\"elementor elementor-254420\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-7b9d566 e-flex e-con-boxed e-con e-parent\" data-id=\"7b9d566\" 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-09ddc06 elementor-widget elementor-widget-html\" data-id=\"09ddc06\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Woom EXPLORE 5 Bicicleta 24\" cu Frane Disc si 8 Viteze pentru Copii 7-11 ani - Pagina Premium ProVelo --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Template Full-Width cu Color Selector pentru Elementor - 4 Culori --\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e    \/* ============================================\u003cbr \/\u003e       CSS VARIABLES \u0026 DESIGN SYSTEM\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-page {\u003cbr \/\u003e        --woom-black: #1d1d1f;\u003cbr \/\u003e        --woom-white: #ffffff;\u003cbr \/\u003e        --woom-gray-50: #fafafa;\u003cbr \/\u003e        --woom-gray-100: #f5f5f7;\u003cbr \/\u003e        --woom-gray-200: #e8e8ed;\u003cbr \/\u003e        --woom-gray-300: #d2d2d7;\u003cbr \/\u003e        --woom-gray-500: #86868b;\u003cbr \/\u003e        --woom-gray-600: #6e6e73;\u003cbr \/\u003e        --woom-gray-700: #515154;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Woom EXPLORE Color Palette *\/\u003cbr \/\u003e        --woom-jungle-green: #2d5a27;\u003cbr \/\u003e        --woom-jungle-green-bg: #1e4d1a;\u003cbr \/\u003e        --woom-coral: #ff6b5b;\u003cbr \/\u003e        --woom-coral-bg: #e85a4a;\u003cbr \/\u003e        --woom-red: #e31837;\u003cbr \/\u003e        --woom-red-bg: #c41230;\u003cbr \/\u003e        --woom-blue: #2563eb;\u003cbr \/\u003e        --woom-blue-bg: #1d4ed8;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003cbr \/\u003e        --transition-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\u003cbr \/\u003e        --transition-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR OVERRIDE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .elementor-widget-container .woom-page h1,\u003cbr \/\u003e    .elementor-widget-container .woom-page h2,\u003cbr \/\u003e    .elementor-widget-container .woom-page h3,\u003cbr \/\u003e    .elementor-widget-container .woom-page h4,\u003cbr \/\u003e    .elementor-kit-6 .woom-page h1,\u003cbr \/\u003e    .elementor-kit-6 .woom-page h2,\u003cbr \/\u003e    .elementor-kit-6 .woom-page h3,\u003cbr \/\u003e    .elementor-kit-6 .woom-page h4 {\u003cbr \/\u003e        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-page a,\u003cbr \/\u003e    .elementor-widget-container .woom-page a {\u003cbr \/\u003e        text-decoration: none !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESET \u0026 BASE - FULL WIDTH BREAKOUT\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-page {\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e        color: var(--woom-black);\u003cbr \/\u003e        background: var(--woom-white);\u003cbr \/\u003e        line-height: 1.5;\u003cbr \/\u003e        -webkit-font-smoothing: antialiased;\u003cbr \/\u003e        -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e        \/* Full-width breakout from parent container *\/\u003cbr \/\u003e        width: 100vw;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        left: 50%;\u003cbr \/\u003e        right: 50%;\u003cbr \/\u003e        margin-left: -50vw;\u003cbr \/\u003e        margin-right: -50vw;\u003cbr \/\u003e        overflow-x: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-page * {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-display-hero {\u003cbr \/\u003e        font-size: clamp(4rem, 12vw, 8rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.04em !important;\u003cbr \/\u003e        line-height: 0.95 !important;\u003cbr \/\u003e        color: var(--woom-white) !important;\u003cbr \/\u003e        text-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-display-lg {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.025em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-display-md {\u003cbr \/\u003e        font-size: clamp(1.75rem, 4vw, 3rem) !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.15 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-body-xl {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.5rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.55;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-body-lg {\u003cbr \/\u003e        font-size: 1.125rem;\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-eyebrow {\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.12em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Gradient Text - Dark Blue *\/\u003cbr \/\u003e    .gradient-explore {\u003cbr \/\u003e        background: linear-gradient(90deg, #08203E, #557C93);\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       LAYOUT - FULL WIDTH\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-container {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        padding: 0 48px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-container-wide {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        max-width: 1800px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        padding: 0 48px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-container-full {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        padding: 0 48px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HERO SECTION WITH COLOR SWITCHER - FULL WIDTH\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-hero {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        min-height: 100vh;\u003cbr \/\u003e        padding: 80px 48px 60px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: background 0.5s ease, background-color 0.5s ease;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Background colors for EXPLORE variants - smoother gradients *\/\u003cbr \/\u003e    .woom-hero\u003cdata-color=\"jungle-green\"\u003e {\u003cbr \/\u003e        background: #22c55e;\u003cbr \/\u003e        background-image: linear-gradient(180deg, #22c55e 0%, #16a34a 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-hero\u003cdata-color=\"neon-coral\"\u003e {\u003cbr \/\u003e        background: #ff6b5b;\u003cbr \/\u003e        background-image: linear-gradient(180deg, #ff6b5b 0%, #e85a4a 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-hero\u003cdata-color=\"woom-red\"\u003e {\u003cbr \/\u003e        background: #e31837;\u003cbr \/\u003e        background-image: linear-gradient(180deg, #e31837 0%, #c41230 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-hero\u003cdata-color=\"magnetic-blue\"\u003e {\u003cbr \/\u003e        background: #2563eb;\u003cbr \/\u003e        background-image: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-hero-content {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        max-width: 100%;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-hero-eyebrow {\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.2em;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.9);\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: woomFadeIn 0.8s var(--transition-smooth) 0.1s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-hero-title {\u003cbr \/\u003e        margin-bottom: 28px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(30px);\u003cbr \/\u003e        animation: woomFadeIn 0.8s var(--transition-smooth) 0.2s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-hero-subtitle {\u003cbr \/\u003e        display: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes woomFadeIn {\u003cbr \/\u003e        to {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            transform: translateY(0);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Hero Specs Bar - Desktop Horizontal *\/\u003cbr \/\u003e    .woom-hero-specs {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 0;\u003cbr \/\u003e        margin-bottom: 40px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: woomFadeIn 0.8s var(--transition-smooth) 0.4s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-hero-spec {\u003cbr \/\u003e        padding: 0 48px;\u003cbr \/\u003e        border-left: 1px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-hero-spec:first-child {\u003cbr \/\u003e        border-left: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-hero-spec-label {\u003cbr \/\u003e        font-size: 0.75rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.12em;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.75);\u003cbr \/\u003e        margin-bottom: 6px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-hero-spec-value {\u003cbr \/\u003e        font-size: 1.75rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: var(--woom-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Hero Bike Image Container - SMALLER like WOW *\/\u003cbr \/\u003e    .woom-hero-bike-container {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        max-width: 750px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        padding: 20px 0 40px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(40px);\u003cbr \/\u003e        animation: woomFadeIn 1s var(--transition-smooth) 0.5s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Glow effect behind the bike *\/\u003cbr \/\u003e    .woom-hero-bike-container::before {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 50%;\u003cbr \/\u003e        left: 50%;\u003cbr \/\u003e        transform: translate(-50%, -50%);\u003cbr \/\u003e        width: 80%;\u003cbr \/\u003e        height: 80%;\u003cbr \/\u003e        background: radial-gradient(ellipse at center,\u003cbr \/\u003e            rgba(255, 255, 255, 0.12) 0%,\u003cbr \/\u003e            rgba(255, 255, 255, 0.05) 40%,\u003cbr \/\u003e            rgba(255, 255, 255, 0) 70%);\u003cbr \/\u003e        border-radius: 50%;\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e        z-index: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Secondary top light accent *\/\u003cbr \/\u003e    .woom-hero-bike-container::after {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 20%;\u003cbr \/\u003e        left: 50%;\u003cbr \/\u003e        transform: translate(-50%, -50%);\u003cbr \/\u003e        width: 60%;\u003cbr \/\u003e        height: 30%;\u003cbr \/\u003e        background: radial-gradient(ellipse at center,\u003cbr \/\u003e            rgba(255, 255, 255, 0.08) 0%,\u003cbr \/\u003e            rgba(255, 255, 255, 0) 70%);\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e        z-index: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-hero-bike {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-bike-image {\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.2))\u003cbr \/\u003e                drop-shadow(0 10px 20px rgba(0, 0, 0, 0.15));\u003cbr \/\u003e        transition: opacity 0.3s ease, transform 0.3s ease;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: scale(0.98);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-bike-image.active {\u003cbr \/\u003e        display: block;\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: scale(1);\u003cbr \/\u003e        animation: bikeReveal 0.4s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes bikeReveal {\u003cbr \/\u003e        from {\u003cbr \/\u003e            opacity: 0;\u003cbr \/\u003e            transform: scale(0.96) translateY(10px);\u003cbr \/\u003e        }\u003cbr \/\u003e        to {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            transform: scale(1) translateY(0);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Color Selector - Bottom Horizontal - LARGER *\/\u003cbr \/\u003e    .woom-color-selector {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: row;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 0;\u003cbr \/\u003e        background: rgba(255, 255, 255, 0.98);\u003cbr \/\u003e        border-radius: 100px;\u003cbr \/\u003e        padding: 12px 24px;\u003cbr \/\u003e        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: woomFadeIn 0.8s var(--transition-smooth) 0.8s forwards;\u003cbr \/\u003e        width: fit-content;\u003cbr \/\u003e        margin: 32px auto 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-color-btn {\u003cbr \/\u003e        width: 52px;\u003cbr \/\u003e        height: 52px;\u003cbr \/\u003e        border-radius: 50%;\u003cbr \/\u003e        border: 3px solid transparent;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        transition: all 0.3s var(--transition-smooth);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        margin: 4px 10px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-color-btn::after {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        inset: -5px;\u003cbr \/\u003e        border-radius: 50%;\u003cbr \/\u003e        border: 2.5px solid transparent;\u003cbr \/\u003e        transition: border-color 0.3s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-color-btn.active::after {\u003cbr \/\u003e        border-color: var(--woom-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-color-btn:hover {\u003cbr \/\u003e        transform: scale(1.2);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-color-btn\u003cdata-color=\"jungle-green\"\u003e {\u003cbr \/\u003e        background: linear-gradient(145deg, #4ade80, #22c55e);\u003cbr \/\u003e        box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-color-btn\u003cdata-color=\"neon-coral\"\u003e {\u003cbr \/\u003e        background: linear-gradient(145deg, #ff8a7a, #ff6b5b);\u003cbr \/\u003e        box-shadow: 0 4px 12px rgba(255, 107, 91, 0.3);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-color-btn\u003cdata-color=\"woom-red\"\u003e {\u003cbr \/\u003e        background: linear-gradient(145deg, #ff4757, #e31837);\u003cbr \/\u003e        box-shadow: 0 4px 12px rgba(227, 24, 55, 0.3);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-color-btn\u003cdata-color=\"magnetic-blue\"\u003e {\u003cbr \/\u003e        background: linear-gradient(145deg, #60a5fa, #2563eb);\u003cbr \/\u003e        box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Color name tooltip *\/\u003cbr \/\u003e    .woom-color-btn::before {\u003cbr \/\u003e        content: attr(data-name);\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: calc(100% + 14px);\u003cbr \/\u003e        left: 50%;\u003cbr \/\u003e        transform: translateX(-50%);\u003cbr \/\u003e        white-space: nowrap;\u003cbr \/\u003e        background: rgba(0, 0, 0, 0.9);\u003cbr \/\u003e        color: white;\u003cbr \/\u003e        padding: 8px 16px;\u003cbr \/\u003e        border-radius: 8px;\u003cbr \/\u003e        font-size: 0.8125rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e        transition: opacity 0.3s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-color-btn:hover::before {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       BUTTONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-btn {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 10px;\u003cbr \/\u003e        padding: 18px 40px;\u003cbr \/\u003e        font-family: var(--font-main) !important;\u003cbr \/\u003e        font-size: 1.125rem !important;\u003cbr \/\u003e        font-weight: 500 !important;\u003cbr \/\u003e        border-radius: 980px;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        transition: all 0.4s var(--transition-smooth);\u003cbr \/\u003e        border: none;\u003cbr \/\u003e        text-decoration: none !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-btn-primary,\u003cbr \/\u003e    .woom-page a.woom-btn-primary,\u003cbr \/\u003e    a.woom-btn-primary {\u003cbr \/\u003e        background: linear-gradient(90deg, #08203E, #557C93) !important;\u003cbr \/\u003e        color: var(--woom-white) !important;\u003cbr \/\u003e        box-shadow: 0 6px 20px rgba(8, 32, 62, 0.35);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-btn-primary:hover {\u003cbr \/\u003e        background: linear-gradient(90deg, #061829, #456a7f) !important;\u003cbr \/\u003e        transform: translateY(-3px);\u003cbr \/\u003e        box-shadow: 0 12px 35px rgba(8, 32, 62, 0.45);\u003cbr \/\u003e        color: var(--woom-white) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-btn-secondary {\u003cbr \/\u003e        background: var(--woom-gray-200);\u003cbr \/\u003e        color: var(--woom-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-btn-secondary:hover {\u003cbr \/\u003e        background: var(--woom-gray-300);\u003cbr \/\u003e        transform: translateY(-3px);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       VIDEO SECTION - FULL WIDTH\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-video-section {\u003cbr \/\u003e        padding: 120px 48px;\u003cbr \/\u003e        background: var(--woom-white);\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-video-header {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-bottom: 60px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-video-header h2 {\u003cbr \/\u003e        color: var(--woom-black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-video-title {\u003cbr \/\u003e        font-size: clamp(3rem, 7vw, 6rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        color: var(--woom-black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-video-title .gradient-fun {\u003cbr \/\u003e        background: linear-gradient(90deg, #08203E, #557C93);\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    .woom-video-container {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        max-width: 1600px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-video-wrapper {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        padding-bottom: 56.25%;\u003cbr \/\u003e        height: 0;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.18);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-video-wrapper iframe {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        border: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FEATURE SECTIONS - FULL WIDTH\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-feature-section {\u003cbr \/\u003e        padding: 140px 48px;\u003cbr \/\u003e        background: var(--woom-white);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-feature-section.gray-bg {\u003cbr \/\u003e        background: var(--woom-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-feature-section.dark-bg {\u003cbr \/\u003e        background: var(--woom-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-feature-section.dark-bg h2,\u003cbr \/\u003e    .woom-feature-section.dark-bg h3,\u003cbr \/\u003e    .woom-feature-section.dark-bg p {\u003cbr \/\u003e        color: var(--woom-white) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-feature-header {\u003cbr \/\u003e        max-width: 1100px;\u003cbr \/\u003e        margin-bottom: 72px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-feature-header.center {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-left: auto;\u003cbr \/\u003e        margin-right: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-feature-title {\u003cbr \/\u003e        margin-bottom: 28px !important;\u003cbr \/\u003e        color: var(--woom-black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-feature-text {\u003cbr \/\u003e        color: var(--woom-gray-600);\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-feature-header.center .woom-feature-text {\u003cbr \/\u003e        margin-left: auto;\u003cbr \/\u003e        margin-right: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       STATS ROW - FULL WIDTH\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-stats-row {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        padding: 64px 48px;\u003cbr \/\u003e        background: var(--woom-white);\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-stat-item {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        padding: 24px;\u003cbr \/\u003e        transition: transform 0.3s var(--transition-smooth);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-stat-item:hover {\u003cbr \/\u003e        transform: translateY(-6px);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-stat-value {\u003cbr \/\u003e        font-size: clamp(2.5rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        line-height: 1.1;\u003cbr \/\u003e        margin-bottom: 10px !important;\u003cbr \/\u003e        background: linear-gradient(90deg, #08203E, #557C93);\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    .woom-stat-label {\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        color: var(--woom-gray-600);\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FEATURE SHOWCASE GRID - FULL WIDTH\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-showcase-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 40px;\u003cbr \/\u003e        max-width: 1800px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-showcase-item {\u003cbr \/\u003e        background: var(--woom-white);\u003cbr \/\u003e        border-radius: 28px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: all 0.5s var(--transition-smooth);\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(40px);\u003cbr \/\u003e        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-showcase-item.visible {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-showcase-item:hover {\u003cbr \/\u003e        transform: translateY(-12px);\u003cbr \/\u003e        box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-showcase-image {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        aspect-ratio: 4\/3;\u003cbr \/\u003e        background: #000;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-showcase-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.6s var(--transition-smooth);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-showcase-item:hover .woom-showcase-image img {\u003cbr \/\u003e        transform: scale(1.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-showcase-content {\u003cbr \/\u003e        padding: 32px 36px 40px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-showcase-title {\u003cbr \/\u003e        font-size: 1.5rem !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        color: var(--woom-black) !important;\u003cbr \/\u003e        margin-bottom: 14px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-showcase-text {\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        color: var(--woom-gray-600);\u003cbr \/\u003e        line-height: 1.65;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-showcase-item.featured {\u003cbr \/\u003e        grid-column: span 3;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-showcase-item.featured .woom-showcase-image {\u003cbr \/\u003e        aspect-ratio: 21\/9;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SPECS GRID - FULL WIDTH\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-specs-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 28px;\u003cbr \/\u003e        max-width: 1600px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-spec-card {\u003cbr \/\u003e        background: var(--woom-white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        padding: 36px 32px;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: all 0.4s var(--transition-smooth);\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(20px);\u003cbr \/\u003e        border: 1px solid var(--woom-gray-200);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-spec-card.visible {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-spec-card::before {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e        height: 4px;\u003cbr \/\u003e        background: linear-gradient(90deg, #08203E, #557C93);\u003cbr \/\u003e        transform: scaleX(0);\u003cbr \/\u003e        transition: transform 0.4s var(--transition-smooth);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-spec-card:hover {\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 24px 50px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e        border-color: transparent;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-spec-card:hover::before {\u003cbr \/\u003e        transform: scaleX(1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-spec-icon {\u003cbr \/\u003e        width: 64px;\u003cbr \/\u003e        height: 64px;\u003cbr \/\u003e        margin: 0 auto 20px;\u003cbr \/\u003e        background: var(--woom-gray-100);\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        transition: all 0.4s var(--transition-bounce);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-spec-card:hover .woom-spec-icon {\u003cbr \/\u003e        background: linear-gradient(90deg, #08203E, #557C93);\u003cbr \/\u003e        transform: scale(1.12) rotate(-5deg);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-spec-icon svg {\u003cbr \/\u003e        width: 32px;\u003cbr \/\u003e        height: 32px;\u003cbr \/\u003e        color: #08203E;\u003cbr \/\u003e        transition: color 0.3s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-spec-card:hover .woom-spec-icon svg {\u003cbr \/\u003e        color: white;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-spec-card-value {\u003cbr \/\u003e        font-size: 1.75rem !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        color: var(--woom-black) !important;\u003cbr \/\u003e        margin-bottom: 6px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-spec-card-label {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        color: var(--woom-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SIZING TABLE - FULL WIDTH\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-sizing-section {\u003cbr \/\u003e        margin-top: 100px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-sizing-table {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        border-collapse: collapse;\u003cbr \/\u003e        background: var(--woom-white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-sizing-table thead {\u003cbr \/\u003e        background: linear-gradient(90deg, #08203E, #557C93);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-sizing-table th {\u003cbr \/\u003e        padding: 22px 28px;\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--woom-white);\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.06em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-sizing-table th:first-child {\u003cbr \/\u003e        text-align: left;\u003cbr \/\u003e        padding-left: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-sizing-table td {\u003cbr \/\u003e        padding: 20px 28px;\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        color: var(--woom-gray-700);\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        border-bottom: 1px solid var(--woom-gray-200);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-sizing-table td:first-child {\u003cbr \/\u003e        text-align: left;\u003cbr \/\u003e        padding-left: 32px;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--woom-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-sizing-table tr:last-child td {\u003cbr \/\u003e        border-bottom: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-sizing-table tr:hover td {\u003cbr \/\u003e        background: var(--woom-gray-50);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-sizing-table tr.highlight td {\u003cbr \/\u003e        background: rgba(8, 32, 62, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-sizing-table tr.highlight td:first-child {\u003cbr \/\u003e        color: #08203E;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       CROSS-SELL ACCESSORIES - FULL WIDTH\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-accessories-section {\u003cbr \/\u003e        padding: 120px 48px;\u003cbr \/\u003e        background: var(--woom-gray-100);\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-accessories-title {\u003cbr \/\u003e        font-size: clamp(3rem, 7vw, 6rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-bottom: 72px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-accessories-title .gradient-fun {\u003cbr \/\u003e        background: linear-gradient(90deg, #08203E, #557C93);\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    .woom-accessories-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e        max-width: 1600px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-accessory-card {\u003cbr \/\u003e        background: var(--woom-white);\u003cbr \/\u003e        border-radius: 28px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: all 0.4s var(--transition-smooth);\u003cbr \/\u003e        text-decoration: none !important;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-accessory-card:hover {\u003cbr \/\u003e        transform: translateY(-10px);\u003cbr \/\u003e        box-shadow: 0 28px 60px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-accessory-image {\u003cbr \/\u003e        aspect-ratio: 1\/1;\u003cbr \/\u003e        background: var(--woom-gray-50);\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        padding: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        min-height: 260px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-accessory-image img {\u003cbr \/\u003e        max-width: 85%;\u003cbr \/\u003e        max-height: 85%;\u003cbr \/\u003e        width: auto;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        object-fit: contain;\u003cbr \/\u003e        transition: transform 0.5s var(--transition-smooth);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-accessory-card:hover .woom-accessory-image img {\u003cbr \/\u003e        transform: scale(1.12);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-accessory-content {\u003cbr \/\u003e        padding: 28px;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-accessory-title {\u003cbr \/\u003e        font-size: 1.25rem !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        color: var(--woom-black) !important;\u003cbr \/\u003e        margin-bottom: 16px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-accessory-btn {\u003cbr \/\u003e        display: inline-block;\u003cbr \/\u003e        margin-top: 12px;\u003cbr \/\u003e        padding: 14px 28px;\u003cbr \/\u003e        background: var(--woom-gray-100);\u003cbr \/\u003e        color: var(--woom-black);\u003cbr \/\u003e        border-radius: 28px;\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        transition: all 0.3s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-accessory-card:hover .woom-accessory-btn {\u003cbr \/\u003e        background: linear-gradient(90deg, #08203E, #557C93);\u003cbr \/\u003e        color: var(--woom-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       PRICE \u0026 CTA SECTION - FULL WIDTH\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-price-section {\u003cbr \/\u003e        padding: 120px 48px;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        background: var(--woom-white);\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-price-tag {\u003cbr \/\u003e        font-size: clamp(3.5rem, 10vw, 6rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        background: linear-gradient(90deg, #08203E, #557C93);\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-price-note {\u003cbr \/\u003e        font-size: 1.125rem;\u003cbr \/\u003e        color: var(--woom-gray-600);\u003cbr \/\u003e        margin-bottom: 40px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-cta-buttons {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 20px;\u003cbr \/\u003e        flex-wrap: wrap;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       WARRANTY BADGES - FULL WIDTH\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-badges {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e        flex-wrap: wrap;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-badge-item {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        padding: 20px 32px;\u003cbr \/\u003e        background: var(--woom-gray-100);\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        transition: all 0.3s var(--transition-smooth);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-badge-item:hover {\u003cbr \/\u003e        transform: translateY(-5px);\u003cbr \/\u003e        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-badge-icon {\u003cbr \/\u003e        width: 48px;\u003cbr \/\u003e        height: 48px;\u003cbr \/\u003e        background: var(--woom-white);\u003cbr \/\u003e        border-radius: 12px;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        font-size: 1.5rem;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-badge-text {\u003cbr \/\u003e        text-align: left;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-badge-title {\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--woom-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-badge-desc {\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        color: var(--woom-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ANIMATIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .woom-fade-in {\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(40px);\u003cbr \/\u003e        transition: opacity 0.8s var(--transition-smooth), transform 0.8s var(--transition-smooth);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-fade-in.visible {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .woom-delay-1 { transition-delay: 0.1s; }\u003cbr \/\u003e    .woom-delay-2 { transition-delay: 0.2s; }\u003cbr \/\u003e    .woom-delay-3 { transition-delay: 0.3s; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESPONSIVE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    @media (max-width: 1400px) {\u003cbr \/\u003e        .woom-showcase-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-showcase-item.featured {\u003cbr \/\u003e            grid-column: span 2;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 1024px) {\u003cbr \/\u003e        .woom-container,\u003cbr \/\u003e        .woom-container-wide,\u003cbr \/\u003e        .woom-container-full,\u003cbr \/\u003e        .woom-hero,\u003cbr \/\u003e        .woom-feature-section,\u003cbr \/\u003e        .woom-video-section,\u003cbr \/\u003e        .woom-accessories-section,\u003cbr \/\u003e        .woom-price-section {\u003cbr \/\u003e            padding-left: 32px;\u003cbr \/\u003e            padding-right: 32px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-showcase-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 24px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-showcase-item.featured {\u003cbr \/\u003e            grid-column: span 1;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-showcase-item.featured .woom-showcase-image {\u003cbr \/\u003e            aspect-ratio: 16\/9;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-specs-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-stats-row {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-accessories-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .woom-page {\u003cbr \/\u003e            overflow-x: hidden;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-container,\u003cbr \/\u003e        .woom-container-wide,\u003cbr \/\u003e        .woom-container-full,\u003cbr \/\u003e        .woom-hero,\u003cbr \/\u003e        .woom-feature-section,\u003cbr \/\u003e        .woom-video-section,\u003cbr \/\u003e        .woom-accessories-section,\u003cbr \/\u003e        .woom-price-section {\u003cbr \/\u003e            padding-left: 20px;\u003cbr \/\u003e            padding-right: 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Mobile Hero *\/\u003cbr \/\u003e        .woom-hero {\u003cbr \/\u003e            min-height: auto;\u003cbr \/\u003e            padding: 40px 20px 32px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-hero-content {\u003cbr \/\u003e            display: flex;\u003cbr \/\u003e            flex-direction: column;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-hero-eyebrow {\u003cbr \/\u003e            font-size: 0.75rem;\u003cbr \/\u003e            margin-bottom: 4px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-hero-title {\u003cbr \/\u003e            margin-bottom: 16px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-display-hero {\u003cbr \/\u003e            font-size: clamp(2.5rem, 14vw, 4.5rem) !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Mobile Specs - Vertical Stack *\/\u003cbr \/\u003e        .woom-hero-specs {\u003cbr \/\u003e            flex-direction: column;\u003cbr \/\u003e            gap: 0;\u003cbr \/\u003e            margin-bottom: 24px;\u003cbr \/\u003e            order: 1;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-hero-spec {\u003cbr \/\u003e            padding: 12px 0;\u003cbr \/\u003e            border-left: none !important;\u003cbr \/\u003e            border-bottom: 1px solid rgba(255, 255, 255, 0.25);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-hero-spec:last-child {\u003cbr \/\u003e            border-bottom: none;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-hero-spec-label {\u003cbr \/\u003e            font-size: 0.625rem;\u003cbr \/\u003e            margin-bottom: 2px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-hero-spec-value {\u003cbr \/\u003e            font-size: 1.375rem;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Mobile Bike *\/\u003cbr \/\u003e        .woom-hero-bike-container {\u003cbr \/\u003e            order: 2;\u003cbr \/\u003e            max-width: 100%;\u003cbr \/\u003e            margin: 0;\u003cbr \/\u003e            padding: 20px 0 30px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .woom-hero-bike-container::before {\u003cbr \/\u003e            width: 100%;\u003cbr \/\u003e            height: 100\u003c\/p\u003e\u003c\/style\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":57496378376574,"sku":"100838-0000-1002","price":3450.0,"currency_code":"RON","in_stock":true},{"title":"Jungle Green","offer_id":57496378409342,"sku":"100838-0000-2007","price":3450.0,"currency_code":"RON","in_stock":true},{"title":"Magnetic Blue","offer_id":57496378442110,"sku":"100838-0000-3008","price":3450.0,"currency_code":"RON","in_stock":true},{"title":"Neon Coral","offer_id":57496378474878,"sku":"100838-0000-1005","price":3450.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/100838-0000-1002-side.png?v=1785423454"},{"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\/collections\/woom-explore.oembed","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}