{"product_id":"alma-m-team-axs-s-myo-2","title":"Bicicletă MTB XC ORBEA  ALMA M-TEAM AXS","description":"\u003ch1 style=\"text-align: center;\"\u003eBicicletă MTB XC ORBEA ALMA M-TEAM AXS\u003c\/h1\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"290750\" class=\"elementor elementor-290750\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-9e567b1 e-flex e-con-boxed e-con e-parent\" data-id=\"9e567b1\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-ebd8c8d elementor-widget elementor-widget-html\" data-id=\"ebd8c8d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea ALMA - Landing Page Premium V2 - Enhanced Edition --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea ALMA XC hardtail, bicicletă mountain bike carbon, XC racing România --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    \/* ============================================\n       CSS VARIABLES \u0026 DESIGN SYSTEM - ALMA EDITION\n       ============================================ *\/\n    .alma-page {\n        --alma-black: #1d1d1f;\n        --alma-white: #ffffff;\n        --alma-gray-50: #fafafa;\n        --alma-gray-100: #f5f5f7;\n        --alma-gray-200: #e8e8ed;\n        --alma-gray-300: #d2d2d7;\n        --alma-gray-500: #86868b;\n        --alma-gray-600: #6e6e73;\n        --alma-gray-700: #515154;\n        --alma-gray-800: #2d2d2d;\n        --alma-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e        \/* ALMA Signature Colors - Navy Blue (from OFT bike) *\/\n        --alma-green: #0c2340;\n        --alma-green-light: #1a3a5c;\n        --alma-green-dark: #071728;\n        --alma-emerald: #2dd4a8;\n        --alma-teal: #3b82f6;\n        --alma-forest: #1e40af;\u003c\/p\u003e\n\u003cp\u003e        --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003c\/p\u003e\n\u003cp\u003e        \/* Animation timing functions *\/\n        --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n        --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\n        --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);\n        --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n        --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       ELEMENTOR FULL WIDTH OVERRIDE - CRITICAL\n       ============================================ *\/\n    .alma-page {\n        width: 100vw !important;\n        max-width: 100vw !important;\n        margin-left: calc(-50vw + 50%) !important;\n        position: relative !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .elementor-widget-container:has(.alma-page),\n    .elementor-element:has(.alma-page) {\n        max-width: 100vw !important;\n        padding: 0 !important;\n        margin: 0 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .elementor-section:has(.alma-page),\n    .elementor-container:has(.alma-page),\n    .elementor-column:has(.alma-page),\n    .elementor-widget:has(.alma-page) {\n        padding: 0 !important;\n        margin: 0 !important;\n        gap: 0 !important;\n        max-width: 100vw !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n       ============================================ *\/\n    .elementor-widget-container .alma-page h1,\n    .elementor-widget-container .alma-page h2,\n    .elementor-widget-container .alma-page h3,\n    .elementor-widget-container .alma-page h4,\n    .elementor-widget-container .alma-page h5,\n    .elementor-widget-container .alma-page h6,\n    .elementor-kit-6 .alma-page h1,\n    .elementor-kit-6 .alma-page h2,\n    .elementor-kit-6 .alma-page h3,\n    .elementor-kit-6 .alma-page h4,\n    .elementor-kit-6 .alma-page h5,\n    .elementor-kit-6 .alma-page h6,\n    .alma-page h1,\n    .alma-page h2,\n    .alma-page h3,\n    .alma-page h4,\n    .alma-page h5,\n    .alma-page h6 {\n        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\n        color: inherit !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .elementor-kit-6 .alma-page h2,\n    .elementor-widget-container .alma-page h2 {\n        font-size: inherit !important;\n        font-weight: inherit !important;\n        line-height: inherit !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       WOOCOMMERCE TAB PANEL H2 OVERRIDE\n       Fix: WooCommerce hides h2:nth-child(1) in product tabs\n       ============================================ *\/\n    .single-product-tabs .woocommerce-Tabs-panel .alma-page h2,\n    .woocommerce-Tabs-panel .alma-page h2,\n    .alma-page h2.alma-title-main,\n    .alma-page h2 {\n        display: block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       RESET \u0026 BASE\n       ============================================ *\/\n    .alma-page {\n        font-family: var(--font-main);\n        color: var(--alma-black);\n        background: var(--alma-white);\n        line-height: 1.5;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        overflow-x: hidden;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-page * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-page img,\n    .alma-page video {\n        max-width: 100%;\n        height: auto;\n        display: block;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       KEYFRAME ANIMATIONS\n       ============================================ *\/\n    @keyframes fadeInUp {\n        0% { opacity: 0; transform: translateY(40px); }\n        100% { opacity: 1; transform: translateY(0); }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes blurFadeIn {\n        0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\n        100% { opacity: 1; filter: blur(0); transform: translateY(0); }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes scaleReveal {\n        0% { opacity: 0; transform: scale(0.95); }\n        100% { opacity: 1; transform: scale(1); }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes gradientFlow {\n        0% { background-position: 0% 50%; }\n        50% { background-position: 100% 50%; }\n        100% { background-position: 0% 50%; }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes shimmer {\n        0% { background-position: -200% center; }\n        100% { background-position: 200% center; }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes float {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-10px); }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes countUp {\n        0% { opacity: 0; transform: translateY(20px); }\n        100% { opacity: 1; transform: translateY(0); }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       TYPOGRAPHY\n       ============================================ *\/\n    .alma-display-hero {\n        font-size: 55px !important;\n        font-weight: 800 !important;\n        letter-spacing: -0.03em !important;\n        line-height: 1 !important;\n        text-transform: uppercase;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-display-xl {\n        font-size: clamp(2.5rem, 6vw, 5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.03em !important;\n        line-height: 1.05 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-display-lg {\n        font-size: clamp(2rem, 5vw, 3.5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.025em !important;\n        line-height: 1.1 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-display-md {\n        font-size: clamp(1.5rem, 3.5vw, 2.5rem) !important;\n        font-weight: 600 !important;\n        letter-spacing: -0.02em !important;\n        line-height: 1.2 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-body-xl {\n        font-size: clamp(1.125rem, 2vw, 1.375rem);\n        font-weight: 400;\n        line-height: 1.7;\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-body-lg {\n        font-size: clamp(1rem, 1.5vw, 1.125rem);\n        font-weight: 400;\n        line-height: 1.7;\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       APPLE-STYLE TYPOGRAPHY SYSTEM\n       ============================================ *\/\n    .alma-title-group {\n        text-align: center;\n        margin-bottom: 3rem;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-page .alma-title-main,\n    .elementor-kit-6 .alma-page .alma-title-main,\n    .elementor-widget-container .alma-page .alma-title-main {\n        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.03em !important;\n        line-height: 1.1 !important;\n        margin-bottom: 0.25rem !important;\n        display: block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-page .alma-title-secondary,\n    .elementor-kit-6 .alma-page .alma-title-secondary,\n    .elementor-widget-container .alma-page .alma-title-secondary {\n        font-size: clamp(2rem, 5vw, 3.5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.02em !important;\n        line-height: 1.15 !important;\n        color: var(--alma-black) !important;\n        margin-bottom: 1.5rem !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-subtitle-apple {\n        font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n        font-weight: 400;\n        line-height: 1.7;\n        color: var(--alma-gray-600);\n        max-width: 680px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-subtitle-apple strong {\n        color: var(--alma-black);\n        font-weight: 600;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Apple-style gradient variations *\/\n    .alma-gradient-racing,\n    .alma-page .alma-gradient-racing,\n    .elementor-widget-container .alma-gradient-racing {\n        background: linear-gradient(90deg, #071728 0%, #0c2340 25%, #1a3a5c 50%, #2dd4a8 75%, #1a3a5c 100%) !important;\n        -webkit-background-clip: text !important;\n        -webkit-text-fill-color: transparent !important;\n        background-clip: text !important;\n        color: transparent !important;\n        display: inline-block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-gradient-emerald,\n    .alma-page .alma-gradient-emerald,\n    .elementor-widget-container .alma-gradient-emerald {\n        background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #3b82f6 65%, #60a5fa 100%) !important;\n        -webkit-background-clip: text !important;\n        -webkit-text-fill-color: transparent !important;\n        background-clip: text !important;\n        color: transparent !important;\n        display: inline-block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-gradient-forest,\n    .alma-page .alma-gradient-forest,\n    .elementor-widget-container .alma-gradient-forest {\n        background: linear-gradient(90deg, #071728 0%, #1e3a5f 35%, #3b82f6 65%, #93c5fd 100%) !important;\n        -webkit-background-clip: text !important;\n        -webkit-text-fill-color: transparent !important;\n        background-clip: text !important;\n        color: transparent !important;\n        display: inline-block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-gradient-teal,\n    .alma-page .alma-gradient-teal,\n    .elementor-widget-container .alma-gradient-teal {\n        background: linear-gradient(90deg, #0c2340 0%, #1a3a5c 35%, #2dd4a8 65%, #5eead4 100%) !important;\n        -webkit-background-clip: text !important;\n        -webkit-text-fill-color: transparent !important;\n        background-clip: text !important;\n        color: transparent !important;\n        display: inline-block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       HERO SECTION - FULL WIDTH VIDEO\n       ============================================ *\/\n    .alma-hero {\n        position: relative;\n        width: 100%;\n        height: 100vh;\n        min-height: 600px;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-hero-video {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        min-height: 100%;\n        object-fit: cover;\n        object-position: center center;\n        z-index: 1;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-hero-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.3);\n        z-index: 2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-hero-content {\n        position: relative;\n        z-index: 3;\n        text-align: center;\n        color: var(--alma-white);\n        padding: 0 24px;\n        max-width: 900px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-hero-title {\n        margin-bottom: 24px;\n        opacity: 0;\n        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-hero-subtitle {\n        font-size: clamp(1.125rem, 2.5vw, 1.5rem);\n        font-weight: 400;\n        line-height: 1.6;\n        max-width: 650px;\n        margin: 0 auto 32px;\n        opacity: 0;\n        animation: blurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       ELIMINATE ALL GAPS BETWEEN SECTIONS\n       ============================================ *\/\n    .alma-page section {\n        margin: 0 !important;\n        padding-top: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-page \u003e section + section {\n        margin-top: 0 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       FULL WIDTH IMAGE SECTION\n       ============================================ *\/\n    .alma-fullwidth-image {\n        width: 100%;\n        line-height: 0;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fullwidth-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       HIGHLIGHTS GRID - 3 CARDS\n       ============================================ *\/\n    .alma-highlights-section {\n        padding: 0;\n        background: var(--alma-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-highlights-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-highlight-card {\n        position: relative;\n        overflow: hidden;\n        aspect-ratio: 4\/5;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-highlight-card img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.8s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-highlight-card:hover img {\n        transform: scale(1.05);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-highlight-overlay {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        padding: 40px 32px;\n        background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-highlight-title {\n        font-size: clamp(1.5rem, 2.5vw, 2rem);\n        font-weight: 700;\n        color: #ffffff !important;\n        margin-bottom: 12px;\n        line-height: 1.2;\n        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-highlight-text {\n        font-size: 0.9375rem;\n        color: rgba(255, 255, 255, 0.8);\n        line-height: 1.6;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-highlights-grid {\n            grid-template-columns: 1fr;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-highlight-card {\n            aspect-ratio: 16\/10;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       X-FADER SECTION\n       ============================================ *\/\n    .alma-xfader-section {\n        padding: 120px 24px;\n        background: var(--alma-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-header {\n        text-align: center;\n        max-width: 900px;\n        margin: 0 auto 80px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-header h2 {\n        margin-bottom: 32px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-header p {\n        font-size: clamp(1.125rem, 2vw, 1.25rem);\n        line-height: 1.8;\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-video {\n        border-radius: 32px;\n        overflow: hidden;\n        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n        margin-bottom: 80px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-video video {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-details {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 64px;\n        align-items: start;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-text h3 {\n        font-size: clamp(1.5rem, 3vw, 2rem);\n        font-weight: 700;\n        margin-bottom: 24px;\n        line-height: 1.2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-text p {\n        font-size: 1.0625rem;\n        line-height: 1.8;\n        color: var(--alma-gray-600);\n        margin-bottom: 24px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-xfader-text p:last-child {\n        margin-bottom: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-xfader-details {\n            grid-template-columns: 1fr;\n            gap: 48px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       CARBON SECTION\n       ============================================ *\/\n    .alma-carbon-section {\n        padding: 120px 24px;\n        background: var(--alma-gray-100);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-header {\n        text-align: center;\n        max-width: 900px;\n        margin: 0 auto 64px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-header h2 {\n        margin-bottom: 24px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-header p {\n        font-size: clamp(1.125rem, 2vw, 1.25rem);\n        line-height: 1.8;\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-main-image {\n        border-radius: 32px;\n        overflow: hidden;\n        margin-bottom: 48px;\n        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-main-image img {\n        width: 100%;\n        height: auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-features {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 32px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card {\n        background: var(--alma-white);\n        border-radius: 24px;\n        overflow: hidden;\n        transition: all 0.5s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.15);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card-image {\n        aspect-ratio: 16\/10;\n        overflow: hidden;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card:hover .alma-carbon-card-image img {\n        transform: scale(1.05);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card-content {\n        padding: 28px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card-title {\n        font-size: 1.25rem;\n        font-weight: 700;\n        margin-bottom: 12px;\n        color: var(--alma-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-carbon-card-text {\n        font-size: 0.9375rem;\n        line-height: 1.7;\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-carbon-features {\n            grid-template-columns: 1fr;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       GEOMETRY SECTION - NEW\n       ============================================ *\/\n    .alma-geometry-section {\n        padding: 120px 24px;\n        background: var(--alma-gray-100);\n        color: var(--alma-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geometry-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geometry-section .alma-title-main,\n    .alma-geometry-section .alma-title-secondary {\n        color: var(--alma-black) !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geometry-section .alma-subtitle-apple {\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geometry-section .alma-subtitle-apple strong {\n        color: var(--alma-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Stat Numbers Grid *\/\n    .alma-stats-grid {\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 24px;\n        margin-bottom: 80px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-stat-item {\n        text-align: center;\n        padding: 32px 16px;\n        background: var(--alma-white);\n        border-radius: 20px;\n        border: 1px solid var(--alma-gray-200);\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n        transition: all 0.4s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-stat-item:hover {\n        border-color: rgba(59, 130, 246, 0.3);\n        transform: translateY(-4px);\n        box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-stat-number {\n        font-size: clamp(2rem, 4vw, 3.5rem);\n        font-weight: 800;\n        letter-spacing: -0.03em;\n        line-height: 1;\n        margin-bottom: 8px;\n        background: linear-gradient(135deg, #0c2340, #3b82f6);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-stat-label {\n        font-size: 0.875rem;\n        font-weight: 500;\n        color: var(--alma-gray-500);\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Geometry Diagram + Details *\/\n    .alma-geometry-content {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 64px;\n        align-items: center;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geometry-image {\n        border-radius: 24px;\n        overflow: hidden;\n        background: var(--alma-white);\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geometry-image img {\n        width: 100%;\n        height: auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geometry-details {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geo-detail-item {\n        padding: 20px;\n        background: var(--alma-white);\n        border-radius: 16px;\n        border: 1px solid var(--alma-gray-200);\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geo-detail-value {\n        font-size: 1.5rem;\n        font-weight: 700;\n        color: #0c2340;\n        margin-bottom: 4px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-geo-detail-label {\n        font-size: 0.8125rem;\n        color: var(--alma-gray-500);\n        text-transform: uppercase;\n        letter-spacing: 0.04em;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 1100px) {\n        .alma-stats-grid {\n            grid-template-columns: repeat(3, 1fr);\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-geometry-content {\n            grid-template-columns: 1fr;\n            gap: 48px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-stats-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-geometry-section {\n            padding: 80px 20px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 600px) {\n        .alma-stats-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-stat-item {\n            padding: 24px 12px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       FORK SECTION - NEW\n       ============================================ *\/\n    .alma-fork-section {\n        padding: 120px 24px;\n        background: var(--alma-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-layout {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 80px;\n        align-items: center;\n        margin-top: 64px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-image {\n        border-radius: 24px;\n        overflow: hidden;\n        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-image img {\n        width: 100%;\n        height: auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-content h3 {\n        font-size: clamp(1.5rem, 3vw, 2rem);\n        font-weight: 700;\n        margin-bottom: 20px;\n        line-height: 1.2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-content p {\n        font-size: 1.0625rem;\n        line-height: 1.8;\n        color: var(--alma-gray-600);\n        margin-bottom: 32px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-modes {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-mode {\n        display: flex;\n        align-items: flex-start;\n        gap: 16px;\n        padding: 20px;\n        background: var(--alma-gray-50);\n        border-radius: 16px;\n        transition: all 0.3s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-mode:hover {\n        background: var(--alma-gray-100);\n        transform: translateX(4px);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-mode-icon {\n        width: 44px;\n        height: 44px;\n        border-radius: 12px;\n        background: var(--alma-green);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-mode-icon svg {\n        width: 22px;\n        height: 22px;\n        color: var(--alma-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-mode-name {\n        font-size: 1rem;\n        font-weight: 700;\n        color: var(--alma-black);\n        margin-bottom: 4px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-fork-mode-desc {\n        font-size: 0.875rem;\n        color: var(--alma-gray-600);\n        line-height: 1.5;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-fork-layout {\n            grid-template-columns: 1fr;\n            gap: 48px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-fork-section {\n            padding: 80px 20px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       TYRE CLEARANCE SECTION - NEW\n       ============================================ *\/\n    .alma-tyre-section {\n        padding: 120px 24px;\n        background: var(--alma-gray-100);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-layout {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 80px;\n        align-items: center;\n        margin-top: 64px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-image {\n        border-radius: 24px;\n        overflow: hidden;\n        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\n        order: 2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-image img {\n        width: 100%;\n        height: auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-content {\n        order: 1;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-content h3 {\n        font-size: clamp(1.5rem, 3vw, 2rem);\n        font-weight: 700;\n        margin-bottom: 20px;\n        line-height: 1.2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-content p {\n        font-size: 1.0625rem;\n        line-height: 1.8;\n        color: var(--alma-gray-600);\n        margin-bottom: 24px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-content p:last-child {\n        margin-bottom: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-tyre-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 10px 20px;\n        background: var(--alma-green);\n        color: var(--alma-white);\n        font-size: 0.9375rem;\n        font-weight: 600;\n        border-radius: 50px;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-tyre-layout {\n            grid-template-columns: 1fr;\n            gap: 48px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-tyre-image { order: 1; }\n        .alma-tyre-content { order: 2; }\u003c\/p\u003e\n\u003cp\u003e        .alma-tyre-section {\n            padding: 80px 20px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       COCKPIT INTEGRATION SECTION\n       ============================================ *\/\n    .alma-cockpit-section {\n        padding: 120px 40px;\n        background: var(--alma-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-cockpit-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-cockpit-video {\n        border-radius: 32px;\n        overflow: hidden;\n        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n        margin-bottom: 60px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-cockpit-video video {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-integration-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        grid-template-rows: repeat(2, 1fr);\n        gap: 16px;\n        margin-top: 60px;\n        width: 100%;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-integration-item {\n        position: relative;\n        aspect-ratio: 1\/1;\n        border-radius: 20px;\n        overflow: hidden;\n        cursor: pointer;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-integration-item img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-integration-item:hover img {\n        transform: scale(1.08);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-integration-overlay {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\n        pointer-events: none;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-integration-title {\n        position: absolute;\n        bottom: 20px;\n        left: 20px;\n        right: 20px;\n        color: #ffffff !important;\n        font-size: 1.125rem;\n        font-weight: 700;\n        line-height: 1.3;\n        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n        z-index: 2;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-integration-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-integration-title {\n            font-size: 1rem;\n            bottom: 16px;\n            left: 16px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 600px) {\n        .alma-integration-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 10px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-cockpit-section {\n            padding: 80px 20px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-cockpit-video {\n            border-radius: 20px;\n            margin-bottom: 40px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-integration-item {\n            border-radius: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-integration-title {\n            font-size: 0.875rem;\n            bottom: 12px;\n            left: 12px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       DROPPER + SQUIDLOCK SECTION - NEW\n       ============================================ *\/\n    .alma-dropper-section {\n        padding: 120px 24px;\n        background: var(--alma-gray-100);\n        color: var(--alma-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-section .alma-title-main,\n    .alma-dropper-section .alma-title-secondary {\n        color: var(--alma-black) !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-section .alma-subtitle-apple {\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-section .alma-subtitle-apple strong {\n        color: var(--alma-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 32px;\n        margin-top: 64px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card {\n        border-radius: 24px;\n        overflow: hidden;\n        background: var(--alma-white);\n        border: 1px solid var(--alma-gray-200);\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n        transition: all 0.5s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card:hover {\n        border-color: rgba(59, 130, 246, 0.3);\n        transform: translateY(-4px);\n        box-shadow: 0 12px 30px rgba(12, 35, 64, 0.1);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-video {\n        aspect-ratio: 16\/9;\n        overflow: hidden;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-video video {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-image {\n        aspect-ratio: 16\/10;\n        overflow: hidden;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-content {\n        padding: 32px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-title {\n        font-size: 1.375rem;\n        font-weight: 700;\n        margin-bottom: 12px;\n        color: var(--alma-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-text {\n        font-size: 0.9375rem;\n        line-height: 1.7;\n        color: var(--alma-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-text strong {\n        color: #0c2340;\n        font-weight: 600;\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-dropper-card-stat {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        margin-top: 16px;\n        padding: 8px 16px;\n        background: rgba(12, 35, 64, 0.08);\n        border-radius: 50px;\n        font-size: 0.875rem;\n        font-weight: 600;\n        color: #0c2340;\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 900px) {\n        .alma-dropper-grid {\n            grid-template-columns: 1fr;\n        }\u003c\/p\u003e\n\u003cp\u003e        .alma-dropper-section {\n            padding: 80px 20px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       SMART DETAILS SECTION - NEW\n       ============================================ *\/\n    .alma-smart-section {\n        padding: 120px 24px;\n        background: var(--alma-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .alma-smart-container {\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Myo","offer_id":57494462857598,"sku":"T21703CM","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494462890366,"sku":"T21703F8","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494462923134,"sku":"T21703F9","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494462955902,"sku":"T21703FA","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Diamond carbon view (matt)","offer_id":57494462988670,"sku":"T21703FB","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Myo","offer_id":57494463021438,"sku":"T21705CM","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494463054206,"sku":"T21705F8","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494463086974,"sku":"T21705F9","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494463119742,"sku":"T21705FA","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Diamond carbon view (matt)","offer_id":57494463152510,"sku":"T21705FB","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Myo","offer_id":57494463185278,"sku":"T21707CM","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494463218046,"sku":"T21707F8","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494463250814,"sku":"T21707F9","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494463283582,"sku":"T21707FA","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Diamond carbon view (matt)","offer_id":57494463316350,"sku":"T21707FB","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Myo","offer_id":57494463349118,"sku":"T21709CM","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Cobalt Blue (Gloss) - Carbon Raw (Matt)","offer_id":57494463381886,"sku":"T21709F8","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Mars Red (Matt) - Metallic Burgundy Red (Gloss)","offer_id":57494463414654,"sku":"T21709F9","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Seaweed Carbon View (Matt-Gloss)","offer_id":57494463447422,"sku":"T21709FA","price":28999.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Diamond carbon view (matt)","offer_id":57494463480190,"sku":"T21709FB","price":28999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T217TTCC-F8-SIDE-ALMA_MTEAM_AXS-4.jpg?v=1780307252","url":"https:\/\/www.provelo.ro\/products\/alma-m-team-axs-s-myo-2","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}