{"product_id":"oiz-h30-s-blue-stone-metallic-blue-stone-gloss","title":"Orbea OIZ H30 2026 — Bicicletă MTB XC full suspension","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicleta ORBEA OIZ H30 – MTB XC full suspension\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"287489\" class=\"elementor elementor-287489\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-32e382d e-flex e-con-boxed e-con e-parent\" data-id=\"32e382d\" 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-bb0420d elementor-widget elementor-widget-html\" data-id=\"bb0420d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Orbea OIZ Aluminum H10\/H30 - Landing Page Premium Racing Theme --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Orbea OIZ Aluminum, OIZ H10, OIZ H30, bicicletă MTB aluminiu full-suspension, XC racing accesibil România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e    \/* ============================================\u003cbr \/\u003e       CSS VARIABLES \u0026 DESIGN SYSTEM - OIZ RACING EDITION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-page {\u003cbr \/\u003e        --oiz-black: #1d1d1f;\u003cbr \/\u003e        --oiz-white: #ffffff;\u003cbr \/\u003e        --oiz-gray-50: #fafafa;\u003cbr \/\u003e        --oiz-gray-100: #f5f5f7;\u003cbr \/\u003e        --oiz-gray-200: #e8e8ed;\u003cbr \/\u003e        --oiz-gray-300: #d2d2d7;\u003cbr \/\u003e        --oiz-gray-500: #86868b;\u003cbr \/\u003e        --oiz-gray-600: #6e6e73;\u003cbr \/\u003e        --oiz-gray-700: #515154;\u003cbr \/\u003e        --oiz-gray-800: #2d2d2d;\u003cbr \/\u003e        --oiz-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* OIZ Racing Colors - Championship Red \u0026 Gold *\/\u003cbr \/\u003e        --oiz-red: #e31837;\u003cbr \/\u003e        --oiz-red-light: #ff3c5c;\u003cbr \/\u003e        --oiz-red-dark: #b01229;\u003cbr \/\u003e        --oiz-gold: #d4af37;\u003cbr \/\u003e        --oiz-gold-light: #f4d03f;\u003cbr \/\u003e        --oiz-gold-dark: #aa8c2c;\u003cbr \/\u003e        --oiz-racing-black: #0d0d0d;\u003cbr \/\u003e        --oiz-checkered: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Animation timing functions *\/\u003cbr \/\u003e        --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\u003cbr \/\u003e        --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\u003cbr \/\u003e        --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\u003cbr \/\u003e        --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\u003cbr \/\u003e        --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    html, body {\u003cbr \/\u003e        overflow-x: hidden !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-page {\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(.oiz-page),\u003cbr \/\u003e    .elementor-element:has(.oiz-page) {\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-section:has(.oiz-page),\u003cbr \/\u003e    .elementor-container:has(.oiz-page),\u003cbr \/\u003e    .elementor-column:has(.oiz-page),\u003cbr \/\u003e    .elementor-widget:has(.oiz-page) {\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        gap: 0 !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .elementor-widget-container .oiz-page h1,\u003cbr \/\u003e    .elementor-widget-container .oiz-page h2,\u003cbr \/\u003e    .elementor-widget-container .oiz-page h3,\u003cbr \/\u003e    .elementor-widget-container .oiz-page h4,\u003cbr \/\u003e    .elementor-widget-container .oiz-page h5,\u003cbr \/\u003e    .elementor-widget-container .oiz-page h6,\u003cbr \/\u003e    .elementor-kit-6 .oiz-page h1,\u003cbr \/\u003e    .elementor-kit-6 .oiz-page h2,\u003cbr \/\u003e    .elementor-kit-6 .oiz-page h3,\u003cbr \/\u003e    .elementor-kit-6 .oiz-page h4,\u003cbr \/\u003e    .elementor-kit-6 .oiz-page h5,\u003cbr \/\u003e    .elementor-kit-6 .oiz-page h6,\u003cbr \/\u003e    .oiz-page h1,\u003cbr \/\u003e    .oiz-page h2,\u003cbr \/\u003e    .oiz-page h3,\u003cbr \/\u003e    .oiz-page h4,\u003cbr \/\u003e    .oiz-page h5,\u003cbr \/\u003e    .oiz-page h6 {\u003cbr \/\u003e        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\u003cbr \/\u003e        color: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-kit-6 .oiz-page h2,\u003cbr \/\u003e    .elementor-widget-container .oiz-page h2 {\u003cbr \/\u003e        font-size: inherit !important;\u003cbr \/\u003e        font-weight: inherit !important;\u003cbr \/\u003e        line-height: inherit !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESET \u0026 BASE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-page {\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e        color: var(--oiz-black);\u003cbr \/\u003e        background: var(--oiz-white);\u003cbr \/\u003e        line-height: 1.5;\u003cbr \/\u003e        -webkit-font-smoothing: antialiased;\u003cbr \/\u003e        -moz-osx-font-smoothing: grayscale;\u003cbr \/\u003e        overflow-x: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-page * {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-page img,\u003cbr \/\u003e    .oiz-page video {\u003cbr \/\u003e        max-width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       KEYFRAME ANIMATIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    @keyframes fadeInUp {\u003cbr \/\u003e        0% {\u003cbr \/\u003e            opacity: 0;\u003cbr \/\u003e            transform: translateY(40px);\u003cbr \/\u003e        }\u003cbr \/\u003e        100% {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            transform: translateY(0);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes blurFadeIn {\u003cbr \/\u003e        0% {\u003cbr \/\u003e            opacity: 0;\u003cbr \/\u003e            filter: blur(20px);\u003cbr \/\u003e            transform: translateY(30px);\u003cbr \/\u003e        }\u003cbr \/\u003e        100% {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            filter: blur(0);\u003cbr \/\u003e            transform: translateY(0);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes scaleReveal {\u003cbr \/\u003e        0% {\u003cbr \/\u003e            opacity: 0;\u003cbr \/\u003e            transform: scale(0.95);\u003cbr \/\u003e        }\u003cbr \/\u003e        100% {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            transform: scale(1);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes gradientFlow {\u003cbr \/\u003e        0% { background-position: 0% 50%; }\u003cbr \/\u003e        50% { background-position: 100% 50%; }\u003cbr \/\u003e        100% { background-position: 0% 50%; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes shimmer {\u003cbr \/\u003e        0% { background-position: -200% center; }\u003cbr \/\u003e        100% { background-position: 200% center; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes float {\u003cbr \/\u003e        0%, 100% { transform: translateY(0); }\u003cbr \/\u003e        50% { transform: translateY(-10px); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes flagWave {\u003cbr \/\u003e        0%, 100% { transform: rotate(-2deg); }\u003cbr \/\u003e        50% { transform: rotate(2deg); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes pulse {\u003cbr \/\u003e        0%, 100% { opacity: 1; }\u003cbr \/\u003e        50% { opacity: 0.7; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-display-hero {\u003cbr \/\u003e        font-size: 55px !important;\u003cbr \/\u003e        font-weight: 800 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1 !important;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-display-xl {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.05 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-display-lg {\u003cbr \/\u003e        font-size: clamp(2rem, 5vw, 3.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    .oiz-display-md {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.2 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-body-xl {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--oiz-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-body-lg {\u003cbr \/\u003e        font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--oiz-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       GRADIENT TEXT - RACING COLORS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .gradient-racing-red {\u003cbr \/\u003e        background: linear-gradient(135deg, #b01229 0%, #e31837 30%, #ff3c5c 60%, #e31837 100%);\u003cbr \/\u003e        background-size: 200% 200%;\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e        animation: gradientFlow 4s ease infinite;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .gradient-gold {\u003cbr \/\u003e        background: linear-gradient(135deg, #aa8c2c 0%, #d4af37 25%, #f4d03f 50%, #d4af37 75%, #aa8c2c 100%);\u003cbr \/\u003e        background-size: 300% 300%;\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e        animation: gradientFlow 3s ease infinite;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .gradient-champion {\u003cbr \/\u003e        background: linear-gradient(90deg, #d4af37 0%, #f4d03f 20%, #ffffff 40%, #f4d03f 60%, #d4af37 80%, #aa8c2c 100%);\u003cbr \/\u003e        background-size: 200% auto;\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e        animation: shimmer 4s linear infinite;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       APPLE-STYLE TYPOGRAPHY SYSTEM\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-title-group {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-bottom: 3rem;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-title-main {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e        margin-bottom: 0.25rem !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-title-secondary {\u003cbr \/\u003e        font-size: clamp(2rem, 5vw, 3.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.15 !important;\u003cbr \/\u003e        color: var(--oiz-black) !important;\u003cbr \/\u003e        margin-bottom: 1.5rem !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-subtitle-apple {\u003cbr \/\u003e        font-size: clamp(1.0625rem, 2vw, 1.3125rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--oiz-gray-600);\u003cbr \/\u003e        max-width: 680px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-subtitle-apple strong {\u003cbr \/\u003e        color: var(--oiz-black);\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Racing gradients - IMPORTANT overrides *\/\u003cbr \/\u003e    .oiz-gradient-racing,\u003cbr \/\u003e    .oiz-page .oiz-gradient-racing,\u003cbr \/\u003e    .elementor-widget-container .oiz-gradient-racing {\u003cbr \/\u003e        background: linear-gradient(90deg, #b01229 0%, #e31837 25%, #ff3c5c 50%, #e31837 75%, #b01229 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-gradient-gold,\u003cbr \/\u003e    .oiz-page .oiz-gradient-gold,\u003cbr \/\u003e    .elementor-widget-container .oiz-gradient-gold {\u003cbr \/\u003e        background: linear-gradient(90deg, #aa8c2c 0%, #d4af37 35%, #f4d03f 65%, #d4af37 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-gradient-champion,\u003cbr \/\u003e    .oiz-page .oiz-gradient-champion,\u003cbr \/\u003e    .elementor-widget-container .oiz-gradient-champion {\u003cbr \/\u003e        background: linear-gradient(90deg, #d4af37 0%, #f4d03f 25%, #ffffff 50%, #f4d03f 75%, #d4af37 100%) !important;\u003cbr \/\u003e        -webkit-background-clip: text !important;\u003cbr \/\u003e        -webkit-text-fill-color: transparent !important;\u003cbr \/\u003e        background-clip: text !important;\u003cbr \/\u003e        color: transparent !important;\u003cbr \/\u003e        display: inline-block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HERO SECTION - FULL WIDTH VIDEO\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-hero {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100vh;\u003cbr \/\u003e        min-height: 600px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-hero-video {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-hero-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.6) 100%);\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-hero-content {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 3;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        color: var(--oiz-white);\u003cbr \/\u003e        padding: 0 24px;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-hero-title {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-hero-subtitle {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2.5vw, 1.5rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e        max-width: 650px;\u003cbr \/\u003e        margin: 0 auto 32px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Racing Checkered Flags - Crossed Silver Poles - Style ca în imagine *\/\u003cbr \/\u003e    .oiz-hero-flags {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        margin-bottom: 32px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.2s forwards;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        height: 96px;\u003cbr \/\u003e        width: 176px;\u003cbr \/\u003e        margin-left: auto;\u003cbr \/\u003e        margin-right: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-flag-container {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: flex-start;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Steagul din stânga - rotit spre stânga-sus *\/\u003cbr \/\u003e    .oiz-flag-container:first-child {\u003cbr \/\u003e        transform: rotate(-35deg);\u003cbr \/\u003e        transform-origin: center center;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Steagul din dreapta - rotit spre dreapta-sus *\/\u003cbr \/\u003e    .oiz-flag-container:last-child {\u003cbr \/\u003e        transform: rotate(35deg);\u003cbr \/\u003e        transform-origin: center center;\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-flag-pole {\u003cbr \/\u003e        width: 5px;\u003cbr \/\u003e        height: 88px;\u003cbr \/\u003e        background: linear-gradient(90deg,\u003cbr \/\u003e            #808080 0%,\u003cbr \/\u003e            #b0b0b0 20%,\u003cbr \/\u003e            #e8e8e8 40%,\u003cbr \/\u003e            #ffffff 50%,\u003cbr \/\u003e            #e8e8e8 60%,\u003cbr \/\u003e            #b0b0b0 80%,\u003cbr \/\u003e            #808080 100%\u003cbr \/\u003e        );\u003cbr \/\u003e        border-radius: 3px;\u003cbr \/\u003e        box-shadow: 2px 3px 8px rgba(0,0,0,0.4);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        flex-shrink: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Steagul - formă ondulată naturală *\/\u003cbr \/\u003e    .oiz-flag {\u003cbr \/\u003e        width: 56px;\u003cbr \/\u003e        height: 44px;\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 5px;\u003cbr \/\u003e        background:\u003cbr \/\u003e            repeating-conic-gradient(\u003cbr \/\u003e                #ffffff 0deg 90deg,\u003cbr \/\u003e                #4a4a4a 90deg 180deg\u003cbr \/\u003e            );\u003cbr \/\u003e        background-size: 11px 9px;\u003cbr \/\u003e        border-radius: 4px 8px 12px 6px;\u003cbr \/\u003e        box-shadow: 3px 4px 12px rgba(0,0,0,0.35);\u003cbr \/\u003e        transform-origin: left center;\u003cbr \/\u003e        animation: flagWaveRealistic 3s ease-in-out infinite;\u003cbr \/\u003e        clip-path: polygon(\u003cbr \/\u003e            0% 5%,\u003cbr \/\u003e            15% 0%,\u003cbr \/\u003e            35% 8%,\u003cbr \/\u003e            55% 2%,\u003cbr \/\u003e            75% 10%,\u003cbr \/\u003e            100% 5%,\u003cbr \/\u003e            98% 25%,\u003cbr \/\u003e            100% 45%,\u003cbr \/\u003e            95% 65%,\u003cbr \/\u003e            100% 85%,\u003cbr \/\u003e            95% 100%,\u003cbr \/\u003e            75% 92%,\u003cbr \/\u003e            55% 100%,\u003cbr \/\u003e            35% 90%,\u003cbr \/\u003e            15% 98%,\u003cbr \/\u003e            0% 95%,\u003cbr \/\u003e            5% 75%,\u003cbr \/\u003e            0% 55%,\u003cbr \/\u003e            5% 35%,\u003cbr \/\u003e            0% 15%\u003cbr \/\u003e        );\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Highlight și umbre pe steag pentru efect 3D *\/\u003cbr \/\u003e    .oiz-flag::before {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        inset: 0;\u003cbr \/\u003e        background: linear-gradient(\u003cbr \/\u003e            135deg,\u003cbr \/\u003e            rgba(255,255,255,0.4) 0%,\u003cbr \/\u003e            rgba(255,255,255,0.15) 20%,\u003cbr \/\u003e            transparent 40%,\u003cbr \/\u003e            rgba(0,0,0,0.05) 60%,\u003cbr \/\u003e            rgba(0,0,0,0.15) 80%,\u003cbr \/\u003e            rgba(0,0,0,0.1) 100%\u003cbr \/\u003e        );\u003cbr \/\u003e        border-radius: inherit;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Steagul stâng - orientat spre stânga (oglindit) *\/\u003cbr \/\u003e    .oiz-flag-container:first-child .oiz-flag {\u003cbr \/\u003e        left: auto;\u003cbr \/\u003e        right: 5px;\u003cbr \/\u003e        transform-origin: right center;\u003cbr \/\u003e        animation: flagWaveLeft 3s ease-in-out infinite;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Steagul drept - orientat spre dreapta *\/\u003cbr \/\u003e    .oiz-flag-container:last-child .oiz-flag {\u003cbr \/\u003e        animation-delay: 0.3s;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes flagWaveRealistic {\u003cbr \/\u003e        0%, 100% {\u003cbr \/\u003e            transform: perspective(200px) rotateY(-3deg) skewY(-1deg);\u003cbr \/\u003e        }\u003cbr \/\u003e        50% {\u003cbr \/\u003e            transform: perspective(200px) rotateY(3deg) skewY(1deg);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes flagWaveLeft {\u003cbr \/\u003e        0%, 100% {\u003cbr \/\u003e            transform: perspective(200px) rotateY(3deg) skewY(1deg);\u003cbr \/\u003e        }\u003cbr \/\u003e        50% {\u003cbr \/\u003e            transform: perspective(200px) rotateY(-3deg) skewY(-1deg);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Trophy Icon *\/\u003cbr \/\u003e    .oiz-trophy {\u003cbr \/\u003e        font-size: 3rem;\u003cbr \/\u003e        margin-bottom: 16px;\u003cbr \/\u003e        animation: float 3s ease-in-out infinite;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-page section {\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding-top: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-page \u003e section + section {\u003cbr \/\u003e        margin-top: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FULL WIDTH IMAGE SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-fullwidth-image {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        line-height: 0;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-fullwidth-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HIGHLIGHTS GRID - 3 CARDS WITH RACING THEME\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-highlights-section {\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        background: var(--oiz-racing-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-highlights-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-highlight-card {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        aspect-ratio: 4\/5;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-highlight-card img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.8s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-highlight-card:hover img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-highlight-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e        padding: 40px 32px;\u003cbr \/\u003e        background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.75) 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-highlight-badge {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 6px;\u003cbr \/\u003e        padding: 6px 12px;\u003cbr \/\u003e        background: var(--oiz-red);\u003cbr \/\u003e        color: var(--oiz-white);\u003cbr \/\u003e        font-size: 0.75rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.1em;\u003cbr \/\u003e        border-radius: 4px;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-highlight-title,\u003cbr \/\u003e    .oiz-page .oiz-highlight-title,\u003cbr \/\u003e    .oiz-highlight-overlay .oiz-highlight-title,\u003cbr \/\u003e    h3.oiz-highlight-title {\u003cbr \/\u003e        font-size: clamp(1.5rem, 2.5vw, 2rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        margin-bottom: 12px !important;\u003cbr \/\u003e        line-height: 1.2 !important;\u003cbr \/\u003e        text-shadow: 0 2px 15px rgba(0,0,0,0.7) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-highlight-text {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.85);\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .oiz-highlights-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .oiz-highlight-card {\u003cbr \/\u003e            aspect-ratio: 16\/10;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       VIDEO SECTION - RACING STYLE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-video-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--oiz-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-video-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-video-header {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin: 0 auto 80px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-video-header h2 {\u003cbr \/\u003e        margin-bottom: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-video-header p {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--oiz-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-video-wrapper {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e        margin-bottom: 80px;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Video wrapper - no top border *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-video-wrapper video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-video-details {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 64px;\u003cbr \/\u003e        align-items: start;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-video-text h3 {\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e        line-height: 1.2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-video-text p {\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--oiz-gray-600);\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-video-text p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .oiz-video-details {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TECHNOLOGY SECTION - SQUIDLOCK\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-tech-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--oiz-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-tech-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-tech-header {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin: 0 auto 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-tech-header h2 {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-tech-header p {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.25rem);\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--oiz-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-tech-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-tech-card {\u003cbr \/\u003e        background: var(--oiz-white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-tech-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, var(--oiz-red) 0%, var(--oiz-gold) 100%);\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transition: opacity 0.3s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-tech-card:hover::before {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-tech-card:hover {\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-tech-card-video {\u003cbr \/\u003e        aspect-ratio: 16\/10;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-tech-card-video video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-tech-card-content {\u003cbr \/\u003e        padding: 28px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-tech-card-title {\u003cbr \/\u003e        font-size: 1.25rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        color: var(--oiz-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-tech-card-text {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--oiz-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .oiz-tech-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SCROLL REVEAL\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-scroll-reveal {\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(50px);\u003cbr \/\u003e        transition: all 0.8s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-scroll-reveal.visible {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-scroll-reveal.delay-1 { transition-delay: 0.1s; }\u003cbr \/\u003e    .oiz-scroll-reveal.delay-2 { transition-delay: 0.2s; }\u003cbr \/\u003e    .oiz-scroll-reveal.delay-3 { transition-delay: 0.3s; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESPONSIVE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .oiz-hero {\u003cbr \/\u003e            min-height: 500px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .oiz-video-section,\u003cbr \/\u003e        .oiz-tech-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .oiz-video-wrapper {\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .oiz-tech-card {\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       COCKPIT INTEGRATION SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-cockpit-section {\u003cbr \/\u003e        padding: 120px 40px;\u003cbr \/\u003e        background: var(--oiz-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-cockpit-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-cockpit-video {\u003cbr \/\u003e        border-radius: 32px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\u003cbr \/\u003e        margin-bottom: 60px;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Cockpit video - no top border *\/\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-cockpit-video video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-integration-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        grid-template-rows: repeat(2, 1fr);\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        margin-top: 60px;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-integration-item {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        aspect-ratio: 1\/1;\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-integration-item img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e        transition: transform 0.6s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-integration-item:hover img {\u003cbr \/\u003e        transform: scale(1.08);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-integration-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        inset: 0;\u003cbr \/\u003e        background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-integration-title {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 20px;\u003cbr \/\u003e        left: 20px;\u003cbr \/\u003e        right: 20px;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        font-size: 1.125rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        line-height: 1.3;\u003cbr \/\u003e        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .oiz-integration-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .oiz-integration-title {\u003cbr \/\u003e            font-size: 1rem;\u003cbr \/\u003e            bottom: 16px;\u003cbr \/\u003e            left: 16px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .oiz-integration-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 10px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .oiz-cockpit-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .oiz-cockpit-video {\u003cbr \/\u003e            border-radius: 20px;\u003cbr \/\u003e            margin-bottom: 40px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .oiz-integration-item {\u003cbr \/\u003e            border-radius: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .oiz-integration-title {\u003cbr \/\u003e            font-size: 0.875rem;\u003cbr \/\u003e            bottom: 12px;\u003cbr \/\u003e            left: 12px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       DESIGN YOUR RIDE (MYO) SECTION - LARGE FRAMES\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-myo-section {\u003cbr \/\u003e        padding: 120px 40px;\u003cbr \/\u003e        background: var(--oiz-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-myo-container {\u003cbr \/\u003e        max-width: 1600px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-myo-colors {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-myo-color-item {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-myo-color-image {\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        aspect-ratio: 1\/1;\u003cbr \/\u003e        transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s var(--ease-out-expo);\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-myo-color-image::before {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        inset: 0;\u003cbr \/\u003e        border: 3px solid transparent;\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        transition: border-color 0.3s ease;\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-myo-color-item:hover .oiz-myo-color-image::before {\u003cbr \/\u003e        border-color: var(--oiz-gold);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-myo-color-item:hover .oiz-myo-color-image {\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.2);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-myo-color-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-myo-color-name {\u003cbr \/\u003e        font-size: 1.125rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--oiz-gray-900);\u003cbr \/\u003e        line-height: 1.4;\u003cbr \/\u003e        padding: 0 12px;\u003cbr \/\u003e        margin-top: 8px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .oiz-myo-section {\u003cbr \/\u003e            padding: 80px 20px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .oiz-myo-colors {\u003cbr \/\u003e            gap: 16px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .oiz-myo-color-name {\u003cbr \/\u003e            font-size: 0.875rem;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .oiz-myo-colors {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            max-width: 400px;\u003cbr \/\u003e            margin: 0 auto;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .oiz-myo-color-image {\u003cbr \/\u003e            border-radius: 12px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FEEL LIKE A PRO SECTION - CHAMPION THEME\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-pro-section {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-pro-image {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        line-height: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-pro-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-pro-content {\u003cbr \/\u003e        padding: 100px 24px;\u003cbr \/\u003e        background: var(--oiz-racing-black);\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Checkered flag pattern overlay *\/\u003cbr \/\u003e    .oiz-pro-content::before {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e        bottom: 0;\u003cbr \/\u003e        background:\u003cbr \/\u003e            repeating-conic-gradient(\u003cbr \/\u003e                rgba(255,255,255,0.03) 0deg 90deg,\u003cbr \/\u003e                transparent 90deg 180deg\u003cbr \/\u003e            ) 0 0\/60px 60px;\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-pro-content .oiz-title-main,\u003cbr \/\u003e    .oiz-pro-content .oiz-title-secondary {\u003cbr \/\u003e        color: var(--oiz-white) !important;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-pro-content .oiz-subtitle-apple {\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.7);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-pro-content .oiz-subtitle-apple strong {\u003cbr \/\u003e        color: var(--oiz-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Trophy decoration *\/\u003cbr \/\u003e    .oiz-trophy-icon {\u003cbr \/\u003e        font-size: 4rem;\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e        display: inline-block;\u003cbr \/\u003e        animation: float 3s ease-in-out infinite;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .oiz-pro-content {\u003cbr \/\u003e            padding: 60px 20px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       COMPARISON TABLE SECTION - RACING STYLE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .oiz-comparison-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--oiz-white);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-comparison-container {\u003cbr \/\u003e        max-width: 1600px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-comparison-table-wrapper {\u003cbr \/\u003e        overflow-x: auto;\u003cbr \/\u003e        margin-top: 60px;\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        background: var(--oiz-white);\u003cbr \/\u003e        box-shadow: 0 4px 20px rgba(0,0,0,0.08);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e        isolation: isolate;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-comparison-table {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        border-collapse: collapse;\u003cbr \/\u003e        min-width: 1400px;\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-comparison-table thead {\u003cbr \/\u003e        background: linear-gradient(135deg, var(--oiz-red) 0%, var(--oiz-red-dark) 100%);\u003cbr \/\u003e        color: var(--oiz-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .oiz-comparison-ta\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Blue Stone - Metallic Blue Stone (Gloss)","offer_id":57496401903998,"sku":"T22103KX","price":9499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Armor Black (Matt-Gloss)","offer_id":57496401936766,"sku":"T22103KY","price":9499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Blue Stone - Metallic Blue Stone (Gloss)","offer_id":57496401969534,"sku":"T22105KX","price":9499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Armor Black (Matt-Gloss)","offer_id":57496402002302,"sku":"T22105KY","price":9499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Blue Stone - Metallic Blue Stone (Gloss)","offer_id":57496402035070,"sku":"T22107KX","price":9499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Armor Black (Matt-Gloss)","offer_id":57496402067838,"sku":"T22107KY","price":9499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Blue Stone - Metallic Blue Stone (Gloss)","offer_id":57496402100606,"sku":"T22109KX","price":9499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Armor Black (Matt-Gloss)","offer_id":57496402133374,"sku":"T22109KY","price":9499.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T221TTCC-KX-SIDE-OIZ_H30.jpg?v=1780337126","url":"https:\/\/www.provelo.ro\/products\/oiz-h30-s-blue-stone-metallic-blue-stone-gloss","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}