{"product_id":"bicicleta-sosea-bianchi-specialissima-comp-105-di2-12sp","title":"Bicicletă șosea BIANCHI Specialissima COMP 105 Di2 12sp","description":"\u003cp\u003e\u003c\/p\u003e\u003ch1 style=\"text-align: center;\"\u003eBicicletă șosea BIANCHI Specialissima COMP 105 Di2 12sp\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"291430\" class=\"elementor elementor-291430\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-382866d e-flex e-con-boxed e-con e-parent\" data-id=\"382866d\" 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-8c0d7db elementor-widget elementor-widget-html\" data-id=\"8c0d7db\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003c!-- Bianchi SPECIALISSIMA - Landing Page Premium --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Bianchi Specialissima carbon race road bike, bicicletă șosea carbon curse România --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget - Vanilla JS + CSS Modern --\u003e\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e    \/* ============================================\u003cbr \/\u003e       CSS VARIABLES \u0026 DESIGN SYSTEM - SPECIALISSIMA EDITION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-page {\u003cbr \/\u003e        --spec-black: #1d1d1f;\u003cbr \/\u003e        --spec-white: #ffffff;\u003cbr \/\u003e        --spec-gray-50: #fafafa;\u003cbr \/\u003e        --spec-gray-100: #f5f5f7;\u003cbr \/\u003e        --spec-gray-200: #e8e8ed;\u003cbr \/\u003e        --spec-gray-300: #d2d2d7;\u003cbr \/\u003e        --spec-gray-500: #86868b;\u003cbr \/\u003e        --spec-gray-600: #6e6e73;\u003cbr \/\u003e        --spec-gray-700: #515154;\u003cbr \/\u003e        --spec-gray-800: #2d2d2d;\u003cbr \/\u003e        --spec-gray-900: #1a1a1a;\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        \/* Bianchi Signature Colors - Celeste Racing *\/\u003cbr \/\u003e        --spec-celeste: #55C1AE;\u003cbr \/\u003e        --spec-celeste-light: #7AD4C5;\u003cbr \/\u003e        --spec-celeste-dark: #3BA897;\u003cbr \/\u003e        --spec-navy: #1a2744;\u003cbr \/\u003e        --spec-navy-light: #2a3d5e;\u003cbr \/\u003e        --spec-gold: #c9a84c;\u003cbr \/\u003e        --spec-purple: #6b4c9a;\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       FULL WIDTH OVERRIDE - CRITICAL\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    html, body {\u003cbr \/\u003e        overflow-x: hidden !important;\u003cbr \/\u003e        max-width: 100% !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-page {\u003cbr \/\u003e        width: 100vw !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        position: relative !important;\u003cbr \/\u003e        overflow: hidden !important;\u003cbr \/\u003e        box-sizing: border-box !important;\u003cbr \/\u003e        margin-left: calc(-50vw + 50%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-fw-parent {\u003cbr \/\u003e        padding-left: 0 !important;\u003cbr \/\u003e        padding-right: 0 !important;\u003cbr \/\u003e        margin-left: 0 !important;\u003cbr \/\u003e        margin-right: 0 !important;\u003cbr \/\u003e        border-radius: 0 !important;\u003cbr \/\u003e        overflow: hidden !important;\u003cbr \/\u003e        box-sizing: border-box !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        width: auto !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-fw-parent.elementor-widget-container,\u003cbr \/\u003e    .spec-fw-parent.elementor-element,\u003cbr \/\u003e    .spec-fw-parent.elementor-column,\u003cbr \/\u003e    .spec-fw-parent.elementor-widget,\u003cbr \/\u003e    .spec-fw-parent.elementor-section,\u003cbr \/\u003e    .spec-fw-parent.elementor-container,\u003cbr \/\u003e    .spec-fw-parent.elementor-inner,\u003cbr \/\u003e    .spec-fw-parent.elementor-column-wrap,\u003cbr \/\u003e    .spec-fw-parent.elementor-widget-wrap,\u003cbr \/\u003e    .spec-fw-parent.e-con,\u003cbr \/\u003e    .spec-fw-parent.e-con-inner,\u003cbr \/\u003e    .spec-fw-parent\u003cdata-element_type\u003e,\u003cbr \/\u003e    .spec-fw-parent.woocommerce-Tabs-panel,\u003cbr \/\u003e    .spec-fw-parent.entry-content,\u003cbr \/\u003e    .spec-fw-parent.wc-tab {\u003cbr \/\u003e        padding-left: 0 !important;\u003cbr \/\u003e        padding-right: 0 !important;\u003cbr \/\u003e        margin-left: 0 !important;\u003cbr \/\u003e        margin-right: 0 !important;\u003cbr \/\u003e        max-width: 100vw !important;\u003cbr \/\u003e        width: 100% !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR KIT OVERRIDE - TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .elementor-widget-container .spec-page h1,\u003cbr \/\u003e    .elementor-widget-container .spec-page h2,\u003cbr \/\u003e    .elementor-widget-container .spec-page h3,\u003cbr \/\u003e    .elementor-widget-container .spec-page h4,\u003cbr \/\u003e    .elementor-widget-container .spec-page h5,\u003cbr \/\u003e    .elementor-widget-container .spec-page h6,\u003cbr \/\u003e    .elementor-kit-6 .spec-page h1,\u003cbr \/\u003e    .elementor-kit-6 .spec-page h2,\u003cbr \/\u003e    .elementor-kit-6 .spec-page h3,\u003cbr \/\u003e    .elementor-kit-6 .spec-page h4,\u003cbr \/\u003e    .elementor-kit-6 .spec-page h5,\u003cbr \/\u003e    .elementor-kit-6 .spec-page h6,\u003cbr \/\u003e    .spec-page h1,\u003cbr \/\u003e    .spec-page h2,\u003cbr \/\u003e    .spec-page h3,\u003cbr \/\u003e    .spec-page h4,\u003cbr \/\u003e    .spec-page h5,\u003cbr \/\u003e    .spec-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 .spec-page h2,\u003cbr \/\u003e    .elementor-widget-container .spec-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    .single-product-tabs .woocommerce-Tabs-panel .spec-page h2,\u003cbr \/\u003e    .woocommerce-Tabs-panel .spec-page h2,\u003cbr \/\u003e    .spec-page h2.spec-title-main,\u003cbr \/\u003e    .spec-page h2 {\u003cbr \/\u003e        display: block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESET \u0026 BASE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-page {\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e        color: var(--spec-black);\u003cbr \/\u003e        background: var(--spec-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    .spec-page * {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-page img,\u003cbr \/\u003e    .spec-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 specFadeInUp {\u003cbr \/\u003e        0% { opacity: 0; transform: translateY(40px); }\u003cbr \/\u003e        100% { opacity: 1; transform: translateY(0); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes specBlurFadeIn {\u003cbr \/\u003e        0% { opacity: 0; filter: blur(20px); transform: translateY(30px); }\u003cbr \/\u003e        100% { opacity: 1; filter: blur(0); transform: translateY(0); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes specScaleReveal {\u003cbr \/\u003e        0% { opacity: 0; transform: scale(0.95); }\u003cbr \/\u003e        100% { opacity: 1; transform: scale(1); }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes specShimmer {\u003cbr \/\u003e        0% { background-position: -200% center; }\u003cbr \/\u003e        100% { background-position: 200% center; }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       BIANCHI GRADIENTS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-gradient-celeste,\u003cbr \/\u003e    .spec-page .spec-gradient-celeste,\u003cbr \/\u003e    .elementor-widget-container .spec-gradient-celeste {\u003cbr \/\u003e        background: linear-gradient(90deg, #1a2744 0%, #3BA897 35%, #55C1AE 60%, #7AD4C5 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    .spec-gradient-race,\u003cbr \/\u003e    .spec-page .spec-gradient-race,\u003cbr \/\u003e    .elementor-widget-container .spec-gradient-race {\u003cbr \/\u003e        background: linear-gradient(90deg, #1a2744 0%, #6b4c9a 30%, #55C1AE 60%, #c9a84c 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    .spec-gradient-aero,\u003cbr \/\u003e    .spec-page .spec-gradient-aero,\u003cbr \/\u003e    .elementor-widget-container .spec-gradient-aero {\u003cbr \/\u003e        background: linear-gradient(90deg, #374151 0%, #55C1AE 35%, #3BA897 55%, #1a2744 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       TYPOGRAPHY SYSTEM\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-display-hero {\u003cbr \/\u003e        font-size: clamp(4.5rem, 14vw, 13rem) !important;\u003cbr \/\u003e        font-weight: 900 !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    .spec-title-group {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-bottom: 3rem;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-page .spec-title-main,\u003cbr \/\u003e    .elementor-kit-6 .spec-page .spec-title-main,\u003cbr \/\u003e    .elementor-widget-container .spec-page .spec-title-main {\u003cbr \/\u003e        font-size: clamp(3rem, 7vw, 5.5rem) !important;\u003cbr \/\u003e        font-weight: 800 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        line-height: 1.1 !important;\u003cbr \/\u003e        margin-bottom: 0.25rem !important;\u003cbr \/\u003e        display: block !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-page .spec-title-secondary,\u003cbr \/\u003e    .elementor-kit-6 .spec-page .spec-title-secondary,\u003cbr \/\u003e    .elementor-widget-container .spec-page .spec-title-secondary {\u003cbr \/\u003e        font-size: clamp(2.25rem, 5.5vw, 4rem) !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(--spec-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--spec-black) !important;\u003cbr \/\u003e        margin-bottom: 1.5rem !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-subtitle-apple {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2.2vw, 1.4375rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--spec-gray-600);\u003cbr \/\u003e        max-width: 720px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-subtitle-apple strong {\u003cbr \/\u003e        color: var(--spec-black);\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HERO SECTION - DARK IMMERSIVE WITH VIDEO\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-hero {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100vh;\u003cbr \/\u003e        min-height: 700px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        background: #0a0a0a url('https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/first-image-1-2048x1152-1.jpg') center center \/ cover no-repeat;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-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    .spec-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.5) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.6) 100%);\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-hero-content {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 3;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        color: var(--spec-white);\u003cbr \/\u003e        padding: 0 24px;\u003cbr \/\u003e        max-width: 1000px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-hero-badge {\u003cbr \/\u003e        display: inline-block;\u003cbr \/\u003e        padding: 8px 24px;\u003cbr \/\u003e        background: rgba(85, 193, 174, 0.2);\u003cbr \/\u003e        backdrop-filter: blur(10px);\u003cbr \/\u003e        border: 1px solid rgba(85, 193, 174, 0.4);\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        letter-spacing: 0.08em;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        color: rgba(255,255,255,0.9);\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: specBlurFadeIn 1.2s var(--ease-out-expo) 0.1s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-hero-title {\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: specBlurFadeIn 1.2s var(--ease-out-expo) 0.3s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-hero-subtitle {\u003cbr \/\u003e        font-size: clamp(1.25rem, 2.8vw, 1.75rem) !important;\u003cbr \/\u003e        font-weight: 400 !important;\u003cbr \/\u003e        line-height: 1.5 !important;\u003cbr \/\u003e        max-width: 700px;\u003cbr \/\u003e        margin: 0 auto 36px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: specBlurFadeIn 1.2s var(--ease-out-expo) 0.6s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-hero-stats {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 0;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: specFadeInUp 0.8s ease 0.8s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-hero-stat {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        padding: 0 40px;\u003cbr \/\u003e        border-left: 1px solid rgba(255,255,255,0.25);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-hero-stat:first-child {\u003cbr \/\u003e        border-left: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-hero-stat-label {\u003cbr \/\u003e        font-size: 0.75rem;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.12em;\u003cbr \/\u003e        color: rgba(255,255,255,0.6);\u003cbr \/\u003e        margin-bottom: 6px;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-hero-stat-value {\u003cbr \/\u003e        font-size: 2rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: #ffffff;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELIMINATE ALL GAPS BETWEEN SECTIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-page section {\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e        padding-top: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-page \u003e section + section {\u003cbr \/\u003e        margin-top: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HIGHLIGHTS GRID - 3 CARDS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-highlights-section {\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        background: var(--spec-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-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    .spec-highlight-card {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        aspect-ratio: 3\/4;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-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    .spec-highlight-card:hover img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-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.8) 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-highlight-title {\u003cbr \/\u003e        font-size: clamp(2rem, 3.5vw, 2.75rem);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e        margin-bottom: 14px;\u003cbr \/\u003e        line-height: 1.2;\u003cbr \/\u003e        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-highlight-text {\u003cbr \/\u003e        font-size: 1.125rem;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.85);\u003cbr \/\u003e        -webkit-text-fill-color: rgba(255, 255, 255, 0.85);\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .spec-highlights-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       CONTENT SECTIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-section-white {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--spec-white);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-section-gray {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--spec-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-section-dark {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--spec-navy);\u003cbr \/\u003e        color: #ffffff;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-container-wide {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SPLIT LAYOUTS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-split {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1fr 1fr;\u003cbr \/\u003e        gap: 80px;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-split-image {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-split-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-split-content h3 {\u003cbr \/\u003e        font-size: clamp(2rem, 4vw, 3rem);\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    .spec-split-content p {\u003cbr \/\u003e        font-size: 1.1875rem;\u003cbr \/\u003e        line-height: 1.8;\u003cbr \/\u003e        color: var(--spec-gray-600);\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-split-content p:last-child {\u003cbr \/\u003e        margin-bottom: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 900px) {\u003cbr \/\u003e        .spec-split {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 48px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TECH FEATURES GRID (4 CARDS)\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-tech-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e        gap: 20px;\u003cbr \/\u003e        margin-top: 48px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-tech-slide {\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        aspect-ratio: 3\/4;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        transition: transform 0.5s var(--ease-out-expo), box-shadow 0.5s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-tech-slide:hover {\u003cbr \/\u003e        transform: scale(1.03) translateY(-5px);\u003cbr \/\u003e        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-tech-slide 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    .spec-tech-slide:hover img {\u003cbr \/\u003e        transform: scale(1.15);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-tech-slide-content {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e        padding: 40px 30px;\u003cbr \/\u003e        background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-tech-slide-number {\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        letter-spacing: 2px;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        color: var(--spec-celeste);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-tech-slide-name {\u003cbr \/\u003e        font-size: 1.75rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: #ffffff;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 1100px) {\u003cbr \/\u003e        .spec-tech-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .spec-tech-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       DESIGN FEATURES - 4 CARDS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-design-features {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e        gap: 28px;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-design-card {\u003cbr \/\u003e        background: var(--spec-white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e        border: 1px solid var(--spec-gray-200);\u003cbr \/\u003e        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-design-card:hover {\u003cbr \/\u003e        transform: translateY(-8px);\u003cbr \/\u003e        box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e        border-color: var(--spec-gray-300);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-design-card-image {\u003cbr \/\u003e        aspect-ratio: 16\/11;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-design-card-image 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    .spec-design-card:hover .spec-design-card-image img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-design-card-content {\u003cbr \/\u003e        padding: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-design-card-title {\u003cbr \/\u003e        font-size: 1.5rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        line-height: 1.3;\u003cbr \/\u003e        color: var(--spec-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-design-card-text {\u003cbr \/\u003e        font-size: 1.125rem;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e        color: var(--spec-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 1100px) {\u003cbr \/\u003e        .spec-design-features {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .spec-design-features {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       VIDEO SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-video-section {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-video-section video {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       MODELS COMPARISON - 3 CARDS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-models-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 28px;\u003cbr \/\u003e        margin-top: 64px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-card {\u003cbr \/\u003e        background: var(--spec-white);\u003cbr \/\u003e        border-radius: 28px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        border: 1px solid var(--spec-gray-200);\u003cbr \/\u003e        transition: all 0.5s var(--ease-out-expo);\u003cbr \/\u003e        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-card:hover {\u003cbr \/\u003e        transform: translateY(-5px);\u003cbr \/\u003e        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-card-image {\u003cbr \/\u003e        padding: 40px 30px 20px;\u003cbr \/\u003e        background: var(--spec-gray-50);\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-card-image img {\u003cbr \/\u003e        width: 85%;\u003cbr \/\u003e        max-height: 260px;\u003cbr \/\u003e        object-fit: contain;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-card-info {\u003cbr \/\u003e        padding: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-badge {\u003cbr \/\u003e        display: inline-block;\u003cbr \/\u003e        padding: 4px 14px;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        font-size: 0.75rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        letter-spacing: 0.08em;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        margin-bottom: 16px;\u003cbr \/\u003e        background: rgba(85, 193, 174, 0.12);\u003cbr \/\u003e        color: var(--spec-celeste-dark);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-name {\u003cbr \/\u003e        font-size: 1.75rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        margin-bottom: 8px;\u003cbr \/\u003e        color: var(--spec-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--spec-black) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-tagline {\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        color: var(--spec-gray-600) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--spec-gray-600) !important;\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-specs {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        gap: 10px;\u003cbr \/\u003e        margin-bottom: 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-spec {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: space-between;\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        padding: 8px 0;\u003cbr \/\u003e        border-bottom: 1px solid var(--spec-gray-200);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-spec-label {\u003cbr \/\u003e        color: var(--spec-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-spec-value {\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--spec-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-price {\u003cbr \/\u003e        font-size: 2rem;\u003cbr \/\u003e        font-weight: 800;\u003cbr \/\u003e        color: var(--spec-celeste-dark) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--spec-celeste-dark) !important;\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-btn {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        padding: 16px 32px;\u003cbr \/\u003e        background: var(--spec-navy);\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        text-decoration: none;\u003cbr \/\u003e        transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e        border: none;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-model-btn:hover {\u003cbr \/\u003e        background: var(--spec-celeste-dark);\u003cbr \/\u003e        transform: scale(1.02);\u003cbr \/\u003e        box-shadow: 0 15px 40px -10px rgba(59, 168, 151, 0.4);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 1100px) {\u003cbr \/\u003e        .spec-models-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            max-width: 500px;\u003cbr \/\u003e            margin-left: auto;\u003cbr \/\u003e            margin-right: auto;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TECH SPECS TABLE - COMPARISON WITH TABS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-specs-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--spec-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-specs-container {\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-specs-tabs {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 8px;\u003cbr \/\u003e        margin-bottom: 48px;\u003cbr \/\u003e        flex-wrap: wrap;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-specs-tab {\u003cbr \/\u003e        padding: 14px 28px;\u003cbr \/\u003e        border-radius: 50px;\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        border: 2px solid var(--spec-gray-300);\u003cbr \/\u003e        background: transparent;\u003cbr \/\u003e        color: var(--spec-gray-600);\u003cbr \/\u003e        transition: all 0.3s var(--ease-out-expo);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-specs-tab:hover {\u003cbr \/\u003e        border-color: var(--spec-celeste);\u003cbr \/\u003e        color: var(--spec-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-specs-tab.active {\u003cbr \/\u003e        background: var(--spec-navy);\u003cbr \/\u003e        border-color: var(--spec-navy);\u003cbr \/\u003e        color: #ffffff;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-specs-panel {\u003cbr \/\u003e        display: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-specs-panel.active {\u003cbr \/\u003e        display: block;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-specs-group {\u003cbr \/\u003e        margin-bottom: 48px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-specs-group:last-child {\u003cbr \/\u003e        margin-bottom: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-specs-group-title {\u003cbr \/\u003e        font-size: 1.625rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: var(--spec-black) !important;\u003cbr \/\u003e        -webkit-text-fill-color: var(--spec-black) !important;\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e        padding-bottom: 12px;\u003cbr \/\u003e        border-bottom: 2px solid var(--spec-celeste);\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 12px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-specs-group-title svg {\u003cbr \/\u003e        width: 24px;\u003cbr \/\u003e        height: 24px;\u003cbr \/\u003e        stroke: var(--spec-celeste);\u003cbr \/\u003e        flex-shrink: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-spec-row {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 180px 1fr;\u003cbr \/\u003e        gap: 0;\u003cbr \/\u003e        border-bottom: 1px solid var(--spec-gray-200);\u003cbr \/\u003e        transition: background 0.2s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-spec-row:hover {\u003cbr \/\u003e        background: rgba(85, 193, 174, 0.04);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-spec-label {\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--spec-black);\u003cbr \/\u003e        padding: 16px 16px 16px 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-spec-value {\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        color: var(--spec-gray-700);\u003cbr \/\u003e        padding: 16px 0;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-spec-diff {\u003cbr \/\u003e        color: var(--spec-celeste-dark);\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .spec-spec-row {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e            gap: 4px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .spec-spec-label {\u003cbr \/\u003e            padding: 16px 0 4px 0;\u003cbr \/\u003e            font-size: 0.8125rem;\u003cbr \/\u003e            color: var(--spec-celeste-dark);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .spec-spec-value {\u003cbr \/\u003e            padding: 0 0 16px 0;\u003cbr \/\u003e            font-size: 0.875rem;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .spec-specs-section {\u003cbr \/\u003e            padding: 80px 16px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .spec-specs-tabs {\u003cbr \/\u003e            flex-direction: column;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .spec-specs-tab {\u003cbr \/\u003e            width: 100%;\u003cbr \/\u003e            max-width: 300px;\u003cbr \/\u003e            text-align: center;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FULL WIDTH IMAGE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-fullwidth-image {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        line-height: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-fullwidth-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SIZE GUIDE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-size-guide {\u003cbr \/\u003e        max-width: 1000px;\u003cbr \/\u003e        margin: 80px auto 0;\u003cbr \/\u003e        padding: 40px;\u003cbr \/\u003e        background: var(--spec-white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        box-shadow: 0 4px 24px rgba(0,0,0,0.06);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-guide-header {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: space-between;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        margin-bottom: 40px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-guide-title {\u003cbr \/\u003e        font-size: 32px;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: var(--spec-black);\u003cbr \/\u003e        letter-spacing: -0.02em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-guide-unit {\u003cbr \/\u003e        font-size: 14px;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--spec-white);\u003cbr \/\u003e        background: var(--spec-navy);\u003cbr \/\u003e        padding: 8px 20px;\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-table-header {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 80px 1fr 120px;\u003cbr \/\u003e        padding: 12px 0;\u003cbr \/\u003e        border-bottom: 2px solid var(--spec-gray-200);\u003cbr \/\u003e        margin-bottom: 8px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-table-header span {\u003cbr \/\u003e        font-size: 12px;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.08em;\u003cbr \/\u003e        color: var(--spec-gray-500);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-table-header span:last-child {\u003cbr \/\u003e        text-align: right;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-row {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 80px 1fr 120px;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        padding: 18px 0;\u003cbr \/\u003e        border-bottom: 1px solid var(--spec-gray-100);\u003cbr \/\u003e        transition: background 0.2s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-row:hover {\u003cbr \/\u003e        background: rgba(85, 193, 174, 0.04);\u003cbr \/\u003e        margin: 0 -20px;\u003cbr \/\u003e        padding: 18px 20px;\u003cbr \/\u003e        border-radius: 12px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-row:last-child {\u003cbr \/\u003e        border-bottom: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-number {\u003cbr \/\u003e        font-size: 24px;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        color: var(--spec-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-bar-container {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        height: 40px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-bar {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        height: 40px;\u003cbr \/\u003e        padding: 0 24px;\u003cbr \/\u003e        background: rgba(85, 193, 174, 0.12);\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        font-size: 14px;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        color: var(--spec-gray-700);\u003cbr \/\u003e        transition: all 0.2s ease;\u003cbr \/\u003e        white-space: nowrap;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-row:hover .spec-size-bar {\u003cbr \/\u003e        background: rgba(85, 193, 174, 0.22);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-height {\u003cbr \/\u003e        font-size: 16px;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        color: var(--spec-gray-600);\u003cbr \/\u003e        text-align: right;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-size-note {\u003cbr \/\u003e        font-size: 13px;\u003cbr \/\u003e        color: var(--spec-gray-500);\u003cbr \/\u003e        margin-top: 24px;\u003cbr \/\u003e        padding-top: 20px;\u003cbr \/\u003e        border-top: 1px solid var(--spec-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 600px) {\u003cbr \/\u003e        .spec-size-guide {\u003cbr \/\u003e            padding: 24px 16px;\u003cbr \/\u003e            margin: 48px auto 0;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .spec-size-row {\u003cbr \/\u003e            grid-template-columns: 50px 1fr 90px;\u003cbr \/\u003e            padding: 14px 0;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .spec-size-number {\u003cbr \/\u003e            font-size: 18px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .spec-size-bar {\u003cbr \/\u003e            font-size: 12px;\u003cbr \/\u003e            padding: 0 14px;\u003cbr \/\u003e            height: 34px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .spec-size-height {\u003cbr \/\u003e            font-size: 13px;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       CTA SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .spec-cta-section {\u003cbr \/\u003e        background: linear-gradient(135deg, #1a2744 0%, #2a3d5e 50%, #3BA897 100%);\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-cta-title {\u003cbr \/\u003e        font-size: clamp(3rem, 6vw, 5rem) !important;\u003cbr \/\u003e        font-weight: 800 !important;\u003cbr \/\u003e        letter-spacing: -0.03em !important;\u003cbr \/\u003e        color: #ffffff !important;\u003cbr \/\u003e        -webkit-text-fill-color: #ffffff !important;\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-cta-text {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2.2vw, 1.375rem);\u003cbr \/\u003e        color: rgba(255,255,255,0.8);\u003cbr \/\u003e        -webkit-text-fill-color: rgba(255,255,255,0.8);\u003cbr \/\u003e        max-width: 600px;\u003cbr \/\u003e        margin: 0 auto 40px;\u003cbr \/\u003e        line-height: 1.7;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-cta-buttons {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        flex-wrap: wrap;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .spec-btn-primary {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        padding: 18px 40px;\u003cbr \/\u003e        background: var(--spec-celeste);\u003cbr \/\u003e        color: #1a2744 !important;\u003cbr \/\u003e        -webkit-text-fill-color: #1a2744 !important;\u003cbr \/\u003e        font-size: 1.0625rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        border-ra\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bianchi","offers":[{"title":"50 cm \/ Deep Blue","offer_id":57496422023550,"sku":"NW50280119-1-2-1-1","price":24950.0,"currency_code":"RON","in_stock":true},{"title":"50 cm \/ Metallic Celeste","offer_id":57496422056318,"sku":"NW50280119-1-2-1-1","price":24950.0,"currency_code":"RON","in_stock":true},{"title":"55 cm \/ Deep Blue","offer_id":57496422089086,"sku":"NW50280119-1-2-1-1","price":24950.0,"currency_code":"RON","in_stock":true},{"title":"55 cm \/ Metallic Celeste","offer_id":57496422121854,"sku":"NW50280119-1-2-1-1","price":24950.0,"currency_code":"RON","in_stock":true},{"title":"47 cm \/ Deep Blue","offer_id":57496422154622,"sku":"NW50280119-1-2-1-1","price":24950.0,"currency_code":"RON","in_stock":true},{"title":"47 cm \/ Metallic Celeste","offer_id":57496422187390,"sku":"NW50280119-1-2-1-1","price":24950.0,"currency_code":"RON","in_stock":true},{"title":"53 cm \/ Deep Blue","offer_id":57496422220158,"sku":"NW50280119-1-2-1-1","price":24950.0,"currency_code":"RON","in_stock":true},{"title":"53 cm \/ Metallic Celeste","offer_id":57496422252926,"sku":"NW50280119-1-2-1-1","price":24950.0,"currency_code":"RON","in_stock":true},{"title":"57 cm \/ Deep Blue","offer_id":57496422285694,"sku":"NW50280119-1-2-1-1","price":24950.0,"currency_code":"RON","in_stock":true},{"title":"57 cm \/ Metallic Celeste","offer_id":57496422318462,"sku":"NW50280119-1-2-1-1","price":24950.0,"currency_code":"RON","in_stock":true},{"title":"59 cm \/ Deep Blue","offer_id":57496422351230,"sku":"NW50280119-1-2-1-1","price":24950.0,"currency_code":"RON","in_stock":true},{"title":"59 cm \/ Metallic Celeste","offer_id":57496422383998,"sku":"NW50280119-1-2-1-1","price":24950.0,"currency_code":"RON","in_stock":true},{"title":"61 cm \/ Deep Blue","offer_id":57496422416766,"sku":"NW50280119-1-2-1-1","price":24950.0,"currency_code":"RON","in_stock":true},{"title":"61 cm \/ Metallic Celeste","offer_id":57496422449534,"sku":"NW50280119-1-2-1-1","price":24950.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/YTB47I59B9_18-1.jpg?v=1780337568","url":"https:\/\/www.provelo.ro\/products\/bicicleta-sosea-bianchi-specialissima-comp-105-di2-12sp","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}