{"product_id":"laufey-h30-s-digital-lavender-acid-gum-gloss","title":"Bicicleta MTB ORBEA LAUFEY H30","description":"\u003ch1 style=\"text-align: center;\"\u003e\u003cb\u003eOrbea Laufey H30: Hardtail-ul Agresiv Construit pentru Distracție Maximă\u003c\/b\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"285337\" class=\"elementor elementor-285337\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-60d1c8d e-flex e-con-boxed e-con e-parent\" data-id=\"60d1c8d\" 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-2941caf elementor-widget elementor-widget-html\" data-id=\"2941caf\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003c!-- Orbea LAUFEY - Landing Page Premium V2 - Apple Style Edition --\u003e\u003cbr\u003e\n\u003c!-- SEO: Orbea LAUFEY hardtail trail mountain bike, bicicletă MTB aluminiu trail, mountain bike 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 - LAUFEY EDITION\n       Apple Style: Only white + gray, rainbow gradients\n       ============================================ *\/\n    .laufey-page {\n        --laufey-black: #1d1d1f;\n        --laufey-white: #ffffff;\n        --laufey-gray-50: #fafafa;\n        --laufey-gray-100: #f5f5f7;\n        --laufey-gray-200: #e8e8ed;\n        --laufey-gray-300: #d2d2d7;\n        --laufey-gray-500: #86868b;\n        --laufey-gray-600: #6e6e73;\n        --laufey-gray-700: #515154;\n        --laufey-gray-800: #2d2d2d;\n        --laufey-gray-900: #1a1a1a;\u003c\/p\u003e\n\u003cp\u003e        \/* LAUFEY Accent Colors (kept for dot selectors) *\/\n        --laufey-orange: #ea580c;\n        --laufey-orange-light: #f97316;\n        --laufey-orange-dark: #c2410c;\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    html, body {\n        overflow-x: hidden !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-page {\n        width: 100% !important;\n        max-width: 100vw !important;\n        margin-left: calc(-50vw + 50%) !important;\n        position: relative !important;\n        overflow-x: hidden !important;\n        box-sizing: border-box !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-fw-parent {\n        padding-left: 0 !important;\n        padding-right: 0 !important;\n        margin-left: 0 !important;\n        margin-right: 0 !important;\n        border-radius: 0 !important;\n        overflow: hidden !important;\n        box-sizing: border-box !important;\n        max-width: 100vw !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .elementor-widget-container:has(.laufey-page),\n    .elementor-element:has(.laufey-page) {\n        max-width: 100% !important;\n        padding: 0 !important;\n        margin: 0 !important;\n        overflow-x: hidden !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .elementor-section:has(.laufey-page),\n    .elementor-container:has(.laufey-page),\n    .elementor-column:has(.laufey-page),\n    .elementor-widget:has(.laufey-page) {\n        padding: 0 !important;\n        margin: 0 !important;\n        gap: 0 !important;\n        max-width: 100% !important;\n        overflow-x: hidden !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\n       ============================================ *\/\n    .elementor-widget-container .laufey-page h1,\n    .elementor-widget-container .laufey-page h2,\n    .elementor-widget-container .laufey-page h3,\n    .elementor-widget-container .laufey-page h4,\n    .elementor-widget-container .laufey-page h5,\n    .elementor-widget-container .laufey-page h6,\n    .elementor-kit-6 .laufey-page h1,\n    .elementor-kit-6 .laufey-page h2,\n    .elementor-kit-6 .laufey-page h3,\n    .elementor-kit-6 .laufey-page h4,\n    .elementor-kit-6 .laufey-page h5,\n    .elementor-kit-6 .laufey-page h6,\n    .laufey-page h1,\n    .laufey-page h2,\n    .laufey-page h3,\n    .laufey-page h4,\n    .laufey-page h5,\n    .laufey-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 .laufey-page h2,\n    .elementor-widget-container .laufey-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       ============================================ *\/\n    .single-product-tabs .woocommerce-Tabs-panel .laufey-page h2,\n    .woocommerce-Tabs-panel .laufey-page h2,\n    .laufey-page h2.laufey-title-main,\n    .laufey-page h2 {\n        display: block !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       RESET \u0026 BASE\n       ============================================ *\/\n    .laufey-page {\n        font-family: var(--font-main);\n        color: var(--laufey-black);\n        background: var(--laufey-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    .laufey-page * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-page img,\n    .laufey-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 float {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-10px); }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       APPLE \"PRIVACY\" RAINBOW GRADIENT\n       The single gradient used everywhere\n       blue → purple → pink → red → orange\n       ============================================ *\/\n    .laufey-gradient,\n    .laufey-page .laufey-gradient,\n    .elementor-widget-container .laufey-gradient {\n        background: linear-gradient(90deg, #2997ff 0%, #6366f1 25%, #a855f7 45%, #ec4899 65%, #ef4444 80%, #f97316 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    \/* Variation: starts more blue-purple *\/\n    .laufey-gradient-cool,\n    .laufey-page .laufey-gradient-cool,\n    .elementor-widget-container .laufey-gradient-cool {\n        background: linear-gradient(90deg, #0071e3 0%, #2997ff 20%, #6366f1 45%, #a855f7 70%, #ec4899 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    \/* Variation: warm side - pink → red → orange *\/\n    .laufey-gradient-warm,\n    .laufey-page .laufey-gradient-warm,\n    .elementor-widget-container .laufey-gradient-warm {\n        background: linear-gradient(90deg, #6366f1 0%, #a855f7 20%, #ec4899 45%, #ef4444 70%, #f97316 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    \/* Variation: reverse direction *\/\n    .laufey-gradient-reverse,\n    .laufey-page .laufey-gradient-reverse,\n    .elementor-widget-container .laufey-gradient-reverse {\n        background: linear-gradient(90deg, #f97316 0%, #ef4444 20%, #ec4899 45%, #a855f7 70%, #6366f1 90%, #2997ff 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       APPLE-STYLE TYPOGRAPHY SYSTEM\n       ============================================ *\/\n    .laufey-display-hero {\n        font-size: clamp(4rem, 12vw, 11rem) !important;\n        font-weight: 900 !important;\n        letter-spacing: -0.03em !important;\n        line-height: 1 !important;\n        text-transform: uppercase;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-title-group {\n        text-align: center;\n        margin-bottom: 3rem;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-page .laufey-title-main,\n    .elementor-kit-6 .laufey-page .laufey-title-main,\n    .elementor-widget-container .laufey-page .laufey-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    .laufey-page .laufey-title-secondary,\n    .elementor-kit-6 .laufey-page .laufey-title-secondary,\n    .elementor-widget-container .laufey-page .laufey-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(--laufey-black) !important;\n        margin-bottom: 1.5rem !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-subtitle-apple {\n        font-size: clamp(1.0625rem, 2vw, 1.3125rem);\n        font-weight: 400;\n        line-height: 1.7;\n        color: var(--laufey-gray-600);\n        max-width: 680px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-subtitle-apple strong {\n        color: var(--laufey-black);\n        font-weight: 600;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       HERO SECTION - LIGHT APPLE STYLE\n       ============================================ *\/\n    .laufey-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        background: #000000;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-hero-video {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        z-index: 1;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-hero-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.35);\n        z-index: 2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-hero-content {\n        position: relative;\n        z-index: 3;\n        text-align: center;\n        color: var(--laufey-white);\n        padding: 0 24px;\n        max-width: 900px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-hero-eyebrow {\n        font-size: 0.95rem;\n        font-weight: 500;\n        text-transform: uppercase;\n        letter-spacing: 0.25em;\n        color: rgba(255, 255, 255, 0.7);\n        margin-bottom: 20px;\n        opacity: 0;\n        animation: blurFadeIn 1s var(--ease-out-expo) 0.1s forwards;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-hero-title {\n        color: #ffffff !important;\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    .laufey-hero-subtitle {\n        font-size: clamp(1.125rem, 2.5vw, 1.5rem);\n        font-weight: 400;\n        line-height: 1.6;\n        color: rgba(255, 255, 255, 0.85);\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       FULL WIDTH USP IMAGES WITH TEXT OVERLAY\n       ============================================ *\/\n    .laufey-fullwidth-usp {\n        position: relative;\n        width: 100%;\n        line-height: 0;\n        margin: 0 !important;\n        padding: 0 !important;\n        border: none !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-fullwidth-usp img {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-fullwidth-usp-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        padding: 60px;\n        line-height: 1.5;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-fullwidth-usp-title {\n        font-size: clamp(1.75rem, 3vw, 2.5rem) !important;\n        font-weight: 800 !important;\n        color: #ffffff !important;\n        -webkit-text-fill-color: #ffffff !important;\n        margin-bottom: 16px !important;\n        line-height: 1.2 !important;\n        text-shadow: 0 2px 15px rgba(0,0,0,0.4);\n        max-width: 500px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-fullwidth-usp-text {\n        font-size: clamp(0.875rem, 1.5vw, 1rem);\n        color: rgba(255, 255, 255, 0.9) !important;\n        -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;\n        line-height: 1.7;\n        max-width: 500px;\n        text-shadow: 0 1px 8px rgba(0,0,0,0.3);\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 768px) {\n        .laufey-fullwidth-usp-overlay {\n            padding: 30px 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .laufey-fullwidth-usp-title {\n            font-size: 1.5rem !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .laufey-fullwidth-usp-text {\n            font-size: 0.8125rem;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       ELIMINATE ALL GAPS BETWEEN SECTIONS\n       ============================================ *\/\n    .laufey-page section {\n        margin: 0 !important;\n        padding-top: 0;\n        border: none !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-page \u003e section + section {\n        margin-top: 0 !important;\n        border-top: none !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       HIGHLIGHTS GRID - 3 CARDS\n       ============================================ *\/\n    .laufey-highlights-section {\n        padding: 0;\n        background: var(--laufey-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-highlights-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-highlight-card {\n        position: relative;\n        overflow: hidden;\n        aspect-ratio: 4\/5;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-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    .laufey-highlight-card:hover img {\n        transform: scale(1.05);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-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    .laufey-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    .laufey-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    \/* ============================================\n       CONTENT SECTIONS - WHITE + APPLE GRAY ONLY\n       ============================================ *\/\n    .laufey-section-white {\n        padding: 120px 24px;\n        background: var(--laufey-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-section-gray {\n        padding: 120px 24px;\n        background: var(--laufey-gray-100);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-container-wide {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-container-xl {\n        max-width: 1600px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       SPLIT LAYOUTS\n       ============================================ *\/\n    .laufey-split {\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    .laufey-split-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    .laufey-split-image img {\n        width: 100%;\n        height: auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-split-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    .laufey-split-content p {\n        font-size: 1.0625rem;\n        line-height: 1.8;\n        color: var(--laufey-gray-600);\n        margin-bottom: 24px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-split-content p:last-child {\n        margin-bottom: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       TECH FEATURES CAROUSEL - LIGHT VERSION\n       ============================================ *\/\n    .laufey-tech-carousel {\n        display: flex;\n        gap: 12px;\n        overflow-x: auto;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n        padding: 0 20px 40px;\n        margin-top: 48px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-tech-carousel::-webkit-scrollbar {\n        display: none;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-tech-slide {\n        flex: 0 0 340px;\n        height: 380px;\n        border-radius: 20px;\n        overflow: hidden;\n        position: relative;\n        cursor: pointer;\n        transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s ease;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-tech-slide:hover {\n        transform: scale(1.03) translateY(-5px);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-tech-slide 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    .laufey-tech-slide:hover img {\n        transform: scale(1.15);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-tech-slide-content {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        padding: 35px 25px;\n        background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-tech-slide-number {\n        font-size: 0.7rem;\n        font-weight: 700;\n        letter-spacing: 2px;\n        margin-bottom: 10px;\n        background: linear-gradient(90deg, #2997ff, #a855f7, #ef4444);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-tech-slide-name {\n        font-size: 1.3rem;\n        font-weight: 700;\n        color: #ffffff;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-carousel-progress {\n        max-width: 600px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-progress-bar {\n        height: 3px;\n        background: var(--laufey-gray-200);\n        border-radius: 2px;\n        overflow: hidden;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-progress-fill {\n        height: 100%;\n        background: linear-gradient(90deg, #2997ff 0%, #a855f7 50%, #ef4444 100%);\n        width: 25%;\n        transition: transform 0.3s ease;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-carousel-nav {\n        display: flex;\n        justify-content: flex-end;\n        gap: 12px;\n        max-width: 1400px;\n        margin: 25px auto 0;\n        padding: 0 40px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-carousel-btn {\n        width: 50px;\n        height: 50px;\n        border: 1px solid var(--laufey-gray-300);\n        background: transparent;\n        border-radius: 10px;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-carousel-btn:hover {\n        background: var(--laufey-gray-100);\n        border-color: var(--laufey-gray-500);\n        transform: scale(1.05);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-carousel-btn svg {\n        width: 22px;\n        height: 22px;\n        stroke: var(--laufey-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       DESIGN DETAILS - CARDS\n       ============================================ *\/\n    .laufey-design-features {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 28px;\n        margin-top: 64px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-design-card {\n        background: var(--laufey-white);\n        border-radius: 24px;\n        overflow: hidden;\n        transition: all 0.5s var(--ease-out-expo);\n        border: 1px solid var(--laufey-gray-200);\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-design-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\n        border-color: var(--laufey-gray-300);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-design-card-image {\n        aspect-ratio: 16\/10;\n        overflow: hidden;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-design-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    .laufey-design-card:hover .laufey-design-card-image img {\n        transform: scale(1.05);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-design-card-content {\n        padding: 28px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-design-card-title {\n        font-size: 1.25rem;\n        font-weight: 700;\n        margin-bottom: 12px;\n        color: var(--laufey-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-design-card-text {\n        font-size: 0.9375rem;\n        line-height: 1.7;\n        color: var(--laufey-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       GEOMETRY SECTION\n       ============================================ *\/\n    .laufey-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    .laufey-stat-item {\n        text-align: center;\n        padding: 32px 16px;\n        background: var(--laufey-white);\n        border-radius: 20px;\n        border: 1px solid var(--laufey-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    .laufey-stat-item:hover {\n        border-color: var(--laufey-gray-300);\n        transform: translateY(-4px);\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-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(90deg, #2997ff 0%, #6366f1 30%, #a855f7 50%, #ec4899 70%, #ef4444 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-stat-label {\n        font-size: 0.875rem;\n        font-weight: 500;\n        color: var(--laufey-gray-500);\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       COMPARISON TABLE - LIGHT VERSION\n       ============================================ *\/\n    .laufey-comparison-table-wrapper {\n        overflow-x: auto;\n        margin-top: 60px;\n        border-radius: 16px;\n        background: var(--laufey-white);\n        box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n        border: 1px solid var(--laufey-gray-200);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-comparison-table {\n        width: 100%;\n        border-collapse: collapse;\n        min-width: 800px;\n        font-size: 0.9375rem;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-comparison-table thead {\n        background: var(--laufey-gray-100);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-comparison-table th {\n        padding: 20px 16px;\n        text-align: center;\n        font-weight: 700;\n        font-size: 0.8125rem;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        white-space: nowrap;\n        color: var(--laufey-black);\n        border-bottom: 2px solid var(--laufey-gray-200);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-comparison-table th:first-child {\n        text-align: left;\n        padding-left: 24px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-comparison-table tbody tr {\n        border-bottom: 1px solid var(--laufey-gray-200);\n        transition: background 0.2s ease;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-comparison-table tbody tr:hover {\n        background: var(--laufey-gray-50);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-comparison-table tbody tr:last-child {\n        border-bottom: none;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-comparison-table td {\n        padding: 18px 16px;\n        text-align: center;\n        color: var(--laufey-gray-700);\n        vertical-align: top;\n        line-height: 1.5;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-comparison-table td:first-child {\n        text-align: left;\n        padding-left: 24px;\n        font-weight: 600;\n        color: var(--laufey-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-comparison-table th:first-child,\n    .laufey-comparison-table td:first-child {\n        position: sticky;\n        left: 0;\n        background: inherit;\n        z-index: 2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-comparison-table thead th:first-child {\n        background: var(--laufey-gray-100);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-comparison-table tbody tr:hover td:first-child {\n        background: var(--laufey-gray-50);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-spec-highlight {\n        font-weight: 600;\n        color: var(--laufey-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-price-cell {\n        font-weight: 700;\n        font-size: 1.0625rem;\n        white-space: nowrap;\n        background: linear-gradient(90deg, #6366f1, #ec4899, #ef4444);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       SIZING TABLE - ORBEA PILL\/TRACK STYLE\n       ============================================ *\/\n    .laufey-sizing-wrapper {\n        max-width: 1100px;\n        margin: 60px auto 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-sizing-row {\n        display: flex;\n        align-items: center;\n        padding: 24px 0;\n        border-bottom: 1px solid var(--laufey-gray-200);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-sizing-row:last-child {\n        border-bottom: none;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-sizing-row-header {\n        padding: 16px 0;\n        border-bottom: 1px solid var(--laufey-gray-200);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-sizing-size {\n        width: 60px;\n        flex-shrink: 0;\n        font-weight: 700;\n        font-size: 1.125rem;\n        color: var(--laufey-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-sizing-row-header .laufey-sizing-size {\n        font-size: 0.75rem;\n        text-transform: uppercase;\n        letter-spacing: 0.08em;\n        color: var(--laufey-gray-500);\n        font-weight: 600;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-sizing-track-area {\n        flex: 1;\n        position: relative;\n        height: 40px;\n        display: flex;\n        align-items: center;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-sizing-row-header .laufey-sizing-track-area {\n        height: auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-sizing-row-header .laufey-sizing-track-area span {\n        font-size: 0.75rem;\n        text-transform: uppercase;\n        letter-spacing: 0.08em;\n        color: var(--laufey-gray-500);\n        font-weight: 600;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-sizing-pill {\n        position: absolute;\n        height: 36px;\n        border-radius: 20px;\n        background: var(--laufey-gray-100);\n        border: 1px solid var(--laufey-gray-200);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.875rem;\n        font-weight: 500;\n        color: var(--laufey-gray-700);\n        white-space: nowrap;\n        padding: 0 20px;\n        transition: all 0.3s ease;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-sizing-row:hover .laufey-sizing-pill {\n        background: var(--laufey-gray-200);\n        border-color: var(--laufey-gray-300);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-sizing-note {\n        text-align: left;\n        margin-top: 24px;\n        font-size: 0.8125rem;\n        color: var(--laufey-gray-500);\n    }\u003c\/p\u003e\n\u003cp\u003e    @media (max-width: 600px) {\n        .laufey-sizing-row {\n            padding: 18px 0;\n        }\n        .laufey-sizing-size {\n            width: 40px;\n            font-size: 1rem;\n        }\n        .laufey-sizing-pill {\n            height: 32px;\n            font-size: 0.8125rem;\n            padding: 0 14px;\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       DEALER BADGE \u0026 CTA - LIGHT VERSION\n       ============================================ *\/\n    .laufey-dealer-section {\n        padding: 60px 24px;\n        background: var(--laufey-gray-100);\n        text-align: center;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-dealer-content {\n        max-width: 600px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-dealer-title {\n        font-size: clamp(1.25rem, 2.5vw, 1.75rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.01em !important;\n        color: var(--laufey-black) !important;\n        margin-bottom: 12px !important;\n        line-height: 1.3 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-dealer-subtitle {\n        font-size: 1rem;\n        color: var(--laufey-gray-600);\n        line-height: 1.6;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-dealer-subtitle a {\n        font-weight: 600;\n        text-decoration: none;\n        border-bottom: 2px solid var(--laufey-gray-300);\n        transition: border-color 0.3s ease;\n        background: linear-gradient(90deg, #6366f1, #ec4899);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-dealer-subtitle a:hover {\n        border-color: #a855f7;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-cta-section {\n        background: var(--laufey-gray-100);\n        padding: 120px 24px;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-cta-content {\n        position: relative;\n        z-index: 2;\n        max-width: 700px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-cta-badge {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        margin-bottom: 2rem;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-cta-badge-line {\n        width: 40px;\n        height: 1px;\n        background: var(--laufey-gray-300);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-cta-badge-text {\n        font-size: 0.8125rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.12em;\n        color: var(--laufey-gray-500);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-cta-buttons {\n        display: flex;\n        gap: 1rem;\n        justify-content: center;\n        flex-wrap: wrap;\n        margin-top: 2rem;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-cta-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem;\n        padding: 1rem 2rem;\n        font-family: var(--font-main);\n        font-size: 1rem;\n        font-weight: 500;\n        text-decoration: none;\n        border-radius: 50px;\n        transition: all 0.3s var(--ease-out-expo);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-cta-btn-primary {\n        background: var(--laufey-black);\n        color: var(--laufey-white);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-cta-btn-primary:hover {\n        background: #333;\n        transform: scale(1.02);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-cta-btn-outline {\n        background: transparent;\n        color: var(--laufey-black);\n        border: 2px solid var(--laufey-gray-300);\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-cta-btn-outline:hover {\n        background: var(--laufey-white);\n        border-color: var(--laufey-gray-500);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       END VIDEO SECTION\n       ============================================ *\/\n    .laufey-end-video-section {\n        width: 100%;\n        line-height: 0;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .laufey-end-video-section video {\n        width: 100%;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ORBEA","offers":[{"title":"S \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57494470099326,"sku":"T23303PG","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57494470132094,"sku":"T23303PH","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"S \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494470164862,"sku":"T23303PI","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57494470197630,"sku":"T23305PG","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57494470230398,"sku":"T23305PH","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"M \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494470263166,"sku":"T23305PI","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57494470295934,"sku":"T23307PG","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57494470328702,"sku":"T23307PH","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"L \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494470361470,"sku":"T23307PI","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Digital Lavender - Acid Gum (Gloss)","offer_id":57494470394238,"sku":"T23309PG","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Smooth Silver (Matt) - Titanium (Gloss)","offer_id":57494470427006,"sku":"T23309PH","price":6499.0,"currency_code":"RON","in_stock":true},{"title":"XL \/ Metallic Cinnamon (Matt) - Black (Gloss)","offer_id":57494470459774,"sku":"T23309PI","price":6499.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/T233TTCC-PG-SIDE-LAUFEY_H30.jpg?v=1780307315","url":"https:\/\/www.provelo.ro\/products\/laufey-h30-s-digital-lavender-acid-gum-gloss","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}