{"product_id":"suport-biciclete-auto-pe-carligul-de-remorcare-thule-velolite","title":"Suport Biciclete Auto pe carligul de remorcare Thule VeloLite","description":"\u003cp\u003e\u003c\/p\u003e\u003cbr\u003e\u003ch1 style=\"text-align: center;\"\u003eSuport Biciclete Auto pe carligul de remorcare Thule VeloLite\u003c\/h1\u003e\u003cbr\u003e\u003cp\u003e \u003c\/p\u003e\u003cbr\u003e\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"298469\" class=\"elementor elementor-298469\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cbr\u003e\u003cdiv class=\"elementor-element elementor-element-b69fcc6 e-flex e-con-boxed e-con e-parent\" data-id=\"b69fcc6\" 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-74e868d elementor-widget elementor-widget-html\" data-id=\"74e868d\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cbr\u003e\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e    \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e    \u003ctitle\u003eThule VeloLite - Suport Biciclete Compact\u003c\/title\u003e\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Thule VeloLite - Pagina Produs Premium in stil Apple --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- SEO: Thule VeloLite, suport biciclete, towbar bike rack, transport biciclete Romania --\u003e\u003cbr\u003e\u003cbr\u003e\u003c!-- Pentru Elementor HTML Widget --\u003e\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e    \/* ============================================\u003cbr \/\u003e       GLOBAL RESET - Match Arcos structure\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    * {\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e    }\u003cbr \/\u003e    html {\u003cbr \/\u003e        scroll-behavior: smooth;\u003cbr \/\u003e        overflow-x: hidden;\u003cbr \/\u003e    }\u003cbr \/\u003e    body {\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e        overflow-x: hidden;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR FULL-WIDTH FIX - ONLY FOR TESTIMONIALS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .elementor-widget-container:has(.vl-testimonials-section),\u003cbr \/\u003e    .e-con:has(.vl-testimonials-section),\u003cbr \/\u003e    .e-con-inner:has(.vl-testimonials-section),\u003cbr \/\u003e    .elementor-element:has(.vl-testimonials-section) {\u003cbr \/\u003e        --container-max-width: 100% !important;\u003cbr \/\u003e        --content-width: 100% !important;\u003cbr \/\u003e        --container-widget-width: 100% !important;\u003cbr \/\u003e        max-width: 100% !important;\u003cbr \/\u003e        width: 100% !important;\u003cbr \/\u003e        padding-left: 0 !important;\u003cbr \/\u003e        padding-right: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .e-con-boxed:has(.vl-testimonials-section) \u003e .e-con-inner,\u003cbr \/\u003e    .elementor-section:has(.vl-testimonials-section),\u003cbr \/\u003e    .elementor-container:has(.vl-testimonials-section),\u003cbr \/\u003e    .elementor-column:has(.vl-testimonials-section),\u003cbr \/\u003e    .elementor-column-wrap:has(.vl-testimonials-section),\u003cbr \/\u003e    .elementor-widget-wrap:has(.vl-testimonials-section) {\u003cbr \/\u003e        max-width: 100% !important;\u003cbr \/\u003e        width: 100% !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonials-section {\u003cbr \/\u003e        max-width: none !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       CSS VARIABLES \u0026 DESIGN SYSTEM\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-page {\u003cbr \/\u003e        --vl-black: #1d1d1f;\u003cbr \/\u003e        --vl-white: #ffffff;\u003cbr \/\u003e        --vl-gray-50: #fafafa;\u003cbr \/\u003e        --vl-gray-100: #f5f5f7;\u003cbr \/\u003e        --vl-gray-200: #e8e8ed;\u003cbr \/\u003e        --vl-gray-300: #d2d2d7;\u003cbr \/\u003e        --vl-gray-500: #86868b;\u003cbr \/\u003e        --vl-gray-600: #6e6e73;\u003cbr \/\u003e        --vl-gray-700: #515154;\u003cbr \/\u003e        --vl-accent-blue: #0571e4;\u003cbr \/\u003e        --vl-accent-blue-light: #3b9eff;\u003cbr \/\u003e        --vl-accent-blue-dark: #0051a8;\u003cbr \/\u003e        --vl-accent-orange: #f97316;\u003cbr \/\u003e        --vl-accent-green: #22c55e;\u003cbr \/\u003e        --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\u003cbr \/\u003e        --transition-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\u003cbr \/\u003e        --transition-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ELEMENTOR KIT OVERRIDE - CRITICAL\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .elementor-widget-container .vl-page h1,\u003cbr \/\u003e    .elementor-widget-container .vl-page h2,\u003cbr \/\u003e    .elementor-widget-container .vl-page h3,\u003cbr \/\u003e    .elementor-widget-container .vl-page h4,\u003cbr \/\u003e    .elementor-widget-container .vl-page h5,\u003cbr \/\u003e    .elementor-widget-container .vl-page h6,\u003cbr \/\u003e    .elementor-kit-6 .vl-page h1,\u003cbr \/\u003e    .elementor-kit-6 .vl-page h2,\u003cbr \/\u003e    .elementor-kit-6 .vl-page h3,\u003cbr \/\u003e    .elementor-kit-6 .vl-page h4,\u003cbr \/\u003e    .elementor-kit-6 .vl-page h5,\u003cbr \/\u003e    .elementor-kit-6 .vl-page h6 {\u003cbr \/\u003e        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\u003cbr \/\u003e        color: #1d1d1f !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .elementor-kit-6 .vl-page h2,\u003cbr \/\u003e    .elementor-widget-container .vl-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    .vl-page .vl-feature-title,\u003cbr \/\u003e    .vl-page h2.vl-feature-title,\u003cbr \/\u003e    .elementor-widget-container .vl-feature-title,\u003cbr \/\u003e    .elementor-kit-6 .vl-feature-title {\u003cbr \/\u003e        color: #1d1d1f !important;\u003cbr \/\u003e        opacity: 1 !important;\u003cbr \/\u003e        visibility: visible !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESET \u0026 BASE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-page {\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e        color: var(--vl-black);\u003cbr \/\u003e        background: var(--vl-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        width: 100%;\u003cbr \/\u003e        max-width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-page * {\u003cbr \/\u003e        box-sizing: border-box;\u003cbr \/\u003e        margin: 0;\u003cbr \/\u003e        padding: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-page img,\u003cbr \/\u003e    .vl-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       TYPOGRAPHY\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-display-hero,\u003cbr \/\u003e    .vl-page h1.vl-display-hero,\u003cbr \/\u003e    .elementor-widget-container .vl-display-hero {\u003cbr \/\u003e        font-size: clamp(3rem, 12vw, 8rem) !important;\u003cbr \/\u003e        font-weight: 800 !important;\u003cbr \/\u003e        letter-spacing: -0.04em !important;\u003cbr \/\u003e        line-height: 0.9 !important;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-display-lg,\u003cbr \/\u003e    .vl-page h2.vl-display-lg,\u003cbr \/\u003e    .elementor-widget-container .vl-display-lg {\u003cbr \/\u003e        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.025em !important;\u003cbr \/\u003e        line-height: 1.05 !important;\u003cbr \/\u003e        color: #1d1d1f !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-display-md,\u003cbr \/\u003e    .vl-page h3.vl-display-md {\u003cbr \/\u003e        font-size: clamp(1.75rem, 4vw, 2.5rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        letter-spacing: -0.02em !important;\u003cbr \/\u003e        line-height: 1.15 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-body-xl {\u003cbr \/\u003e        font-size: clamp(1.125rem, 2vw, 1.375rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.55;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-body-lg {\u003cbr \/\u003e        font-size: clamp(1rem, 1.5vw, 1.125rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-eyebrow {\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.1em;\u003cbr \/\u003e        color: var(--vl-accent-blue);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .gradient-blue {\u003cbr \/\u003e        background: linear-gradient(135deg, var(--vl-accent-blue-dark) 0%, var(--vl-accent-blue) 50%, var(--vl-accent-blue-light) 100%);\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       LAYOUT\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-container {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        max-width: 1000px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        padding: 0 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-container-wide {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        padding: 0 24px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       HERO SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-hero {\u003cbr \/\u003e        padding: 100px 24px 80px;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        background: var(--vl-white);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-hero::before {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: -50%;\u003cbr \/\u003e        left: -50%;\u003cbr \/\u003e        width: 200%;\u003cbr \/\u003e        height: 200%;\u003cbr \/\u003e        background: radial-gradient(ellipse at center, rgba(5, 113, 228, 0.03) 0%, transparent 70%);\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-hero-eyebrow {\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(20px);\u003cbr \/\u003e        animation: vlFadeIn 0.8s var(--transition-smooth) 0.2s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-hero-title {\u003cbr \/\u003e        margin-bottom: 20px;\u003cbr \/\u003e        background: linear-gradient(180deg, #1d1d1f 0%, #3a3a3c 100%);\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(30px) scale(0.95);\u003cbr \/\u003e        animation: vlTitleIn 1s var(--transition-smooth) 0.4s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-hero-subtitle {\u003cbr \/\u003e        font-size: clamp(1.25rem, 2.5vw, 1.5rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        color: var(--vl-gray-600);\u003cbr \/\u003e        max-width: 750px;\u003cbr \/\u003e        margin: 0 auto 40px;\u003cbr \/\u003e        line-height: 1.55;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(20px);\u003cbr \/\u003e        animation: vlFadeIn 0.8s var(--transition-smooth) 0.6s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-hero-badges {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 20px;\u003cbr \/\u003e        margin-bottom: 48px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: vlFadeIn 0.8s var(--transition-smooth) 0.7s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-badge {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 8px;\u003cbr \/\u003e        padding: 10px 20px;\u003cbr \/\u003e        background: var(--vl-gray-100);\u003cbr \/\u003e        border-radius: 100px;\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--vl-gray-700);\u003cbr \/\u003e        transition: all 0.3s var(--transition-smooth);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-badge:hover {\u003cbr \/\u003e        background: var(--vl-gray-200);\u003cbr \/\u003e        transform: translateY(-2px);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes vlFadeIn {\u003cbr \/\u003e        to {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            transform: translateY(0);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes vlTitleIn {\u003cbr \/\u003e        to {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            transform: translateY(0) scale(1);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* Hero Image *\/\u003cbr \/\u003e    .vl-hero-image {\u003cbr \/\u003e        max-width: 800px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(40px) scale(0.98);\u003cbr \/\u003e        animation: vlImageIn 1.2s var(--transition-smooth) 0.8s forwards;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @keyframes vlImageIn {\u003cbr \/\u003e        to {\u003cbr \/\u003e            opacity: 1;\u003cbr \/\u003e            transform: translateY(0) scale(1);\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-hero-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: auto;\u003cbr \/\u003e        transition: opacity 0.5s ease, transform 0.6s var(--transition-smooth);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-hero-image img.hidden {\u003cbr \/\u003e        display: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-hero-image:hover img:not(.hidden) {\u003cbr \/\u003e        transform: scale(1.03);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       MODEL SELECTOR\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-model-selector {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 12px;\u003cbr \/\u003e        margin-bottom: 40px;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        animation: vlFadeIn 0.8s var(--transition-smooth) 0.75s forwards;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-model-btn {\u003cbr \/\u003e        padding: 14px 32px;\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        border: 2px solid var(--vl-gray-300);\u003cbr \/\u003e        border-radius: 100px;\u003cbr \/\u003e        background: var(--vl-white);\u003cbr \/\u003e        color: var(--vl-gray-600);\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        transition: all 0.3s var(--transition-smooth);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-model-btn:hover {\u003cbr \/\u003e        border-color: var(--vl-accent-blue);\u003cbr \/\u003e        color: var(--vl-accent-blue);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-model-btn.active {\u003cbr \/\u003e        background: var(--vl-accent-blue);\u003cbr \/\u003e        border-color: var(--vl-accent-blue);\u003cbr \/\u003e        color: var(--vl-white);\u003cbr \/\u003e        box-shadow: 0 4px 14px rgba(5, 113, 228, 0.3);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .vl-model-selector {\u003cbr \/\u003e            flex-direction: row;\u003cbr \/\u003e            gap: 8px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-model-btn {\u003cbr \/\u003e            padding: 12px 20px;\u003cbr \/\u003e            font-size: 0.9375rem;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       BUTTONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-btn,\u003cbr \/\u003e    .vl-page .vl-btn {\u003cbr \/\u003e        display: inline-flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 8px;\u003cbr \/\u003e        padding: 16px 32px;\u003cbr \/\u003e        font-family: var(--font-main) !important;\u003cbr \/\u003e        font-size: 1.0625rem !important;\u003cbr \/\u003e        font-weight: 500 !important;\u003cbr \/\u003e        border-radius: 980px;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        transition: all 0.4s var(--transition-smooth);\u003cbr \/\u003e        border: none;\u003cbr \/\u003e        text-decoration: none !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-btn-primary,\u003cbr \/\u003e    .vl-page a.vl-btn-primary,\u003cbr \/\u003e    a.vl-btn-primary {\u003cbr \/\u003e        background: var(--vl-accent-blue) !important;\u003cbr \/\u003e        color: var(--vl-white) !important;\u003cbr \/\u003e        box-shadow: 0 4px 14px rgba(5, 113, 228, 0.25);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-btn-primary:hover {\u003cbr \/\u003e        background: var(--vl-accent-blue-dark) !important;\u003cbr \/\u003e        transform: translateY(-2px);\u003cbr \/\u003e        box-shadow: 0 8px 25px rgba(5, 113, 228, 0.35);\u003cbr \/\u003e        color: var(--vl-white) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-btn-secondary {\u003cbr \/\u003e        background: var(--vl-gray-200);\u003cbr \/\u003e        color: var(--vl-black);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-btn-secondary:hover {\u003cbr \/\u003e        background: var(--vl-gray-300);\u003cbr \/\u003e        transform: translateY(-2px);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FEATURE SECTIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-feature-section {\u003cbr \/\u003e        padding: 120px 24px;\u003cbr \/\u003e        background: var(--vl-white);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-feature-section.gray-bg {\u003cbr \/\u003e        background: var(--vl-gray-100);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-feature-header {\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin-bottom: 56px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-feature-header.center {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        margin-left: auto;\u003cbr \/\u003e        margin-right: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-feature-title {\u003cbr \/\u003e        margin-bottom: 24px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-feature-text {\u003cbr \/\u003e        color: var(--vl-gray-600);\u003cbr \/\u003e        max-width: 750px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-feature-header.center .vl-feature-text {\u003cbr \/\u003e        margin-left: auto;\u003cbr \/\u003e        margin-right: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       VIDEO SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-video-container {\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        border-radius: 28px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.18);\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        aspect-ratio: 16\/9;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-video-container iframe {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        border: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       STATS ROW\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-stats-row {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(4, 1fr);\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e        max-width: 1000px;\u003cbr \/\u003e        margin: 48px auto 0;\u003cbr \/\u003e        padding: 48px;\u003cbr \/\u003e        background: var(--vl-white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-stat-item {\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        padding: 16px;\u003cbr \/\u003e        transition: transform 0.3s var(--transition-smooth);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-stat-item:hover {\u003cbr \/\u003e        transform: translateY(-4px);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-stat-value {\u003cbr \/\u003e        font-size: clamp(2rem, 5vw, 3rem) !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        line-height: 1 !important;\u003cbr \/\u003e        margin-bottom: 8px;\u003cbr \/\u003e        background: linear-gradient(135deg, var(--vl-accent-blue-dark), var(--vl-accent-blue), var(--vl-accent-blue-light));\u003cbr \/\u003e        -webkit-background-clip: text;\u003cbr \/\u003e        -webkit-text-fill-color: transparent;\u003cbr \/\u003e        background-clip: text;\u003cbr \/\u003e        transition: all 0.3s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-stat-label {\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        color: var(--vl-gray-600);\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FULLSCREEN IMAGE SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-fullscreen-image {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 80vh;\u003cbr \/\u003e        min-height: 500px;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-fullscreen-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: cover;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-fullscreen-overlay {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        bottom: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e        padding: 80px 24px;\u003cbr \/\u003e        background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-fullscreen-text {\u003cbr \/\u003e        max-width: 800px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        color: var(--vl-white);\u003cbr \/\u003e        font-size: clamp(1.5rem, 3vw, 2rem);\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        line-height: 1.4;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       FEATURE SHOWCASE GRID\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-showcase-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        gap: 32px;\u003cbr \/\u003e        max-width: 1200px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-showcase-item {\u003cbr \/\u003e        background: var(--vl-white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: all 0.5s var(--transition-smooth);\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(40px);\u003cbr \/\u003e        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-showcase-item.visible {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-showcase-item:hover {\u003cbr \/\u003e        transform: translateY(-10px);\u003cbr \/\u003e        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-showcase-image {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        aspect-ratio: 4\/3;\u003cbr \/\u003e        background: var(--vl-gray-50);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-showcase-image img {\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        object-fit: contain;\u003cbr \/\u003e        object-position: center;\u003cbr \/\u003e        padding: 16px;\u003cbr \/\u003e        transition: transform 0.6s var(--transition-smooth);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-showcase-item:hover .vl-showcase-image img {\u003cbr \/\u003e        transform: scale(1.05);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-showcase-image::after {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        inset: 0;\u003cbr \/\u003e        background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.03) 100%);\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-showcase-content {\u003cbr \/\u003e        padding: 28px 32px 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-showcase-title {\u003cbr \/\u003e        font-size: 1.375rem !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        color: var(--vl-black);\u003cbr \/\u003e        margin-bottom: 12px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-showcase-text {\u003cbr \/\u003e        font-size: 1rem;\u003cbr \/\u003e        color: var(--vl-gray-600);\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-showcase-item.featured {\u003cbr \/\u003e        grid-column: span 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-showcase-item.featured .vl-showcase-image {\u003cbr \/\u003e        aspect-ratio: 21\/9;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       SPECS SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-specs-grid {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: repeat(3, 1fr);\u003cbr \/\u003e        gap: 20px;\u003cbr \/\u003e        max-width: 1100px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-spec-card {\u003cbr \/\u003e        background: var(--vl-white);\u003cbr \/\u003e        border-radius: 20px;\u003cbr \/\u003e        padding: 28px 24px;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        transition: all 0.4s var(--transition-smooth);\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(20px);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-spec-card.visible {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-spec-card::before {\u003cbr \/\u003e        content: '';\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        top: 0;\u003cbr \/\u003e        left: 0;\u003cbr \/\u003e        right: 0;\u003cbr \/\u003e        height: 4px;\u003cbr \/\u003e        background: linear-gradient(90deg, var(--vl-accent-blue), var(--vl-accent-blue-light));\u003cbr \/\u003e        transform: scaleX(0);\u003cbr \/\u003e        transition: transform 0.4s var(--transition-smooth);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-spec-card:hover::before {\u003cbr \/\u003e        transform: scaleX(1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-spec-card:hover {\u003cbr \/\u003e        transform: translateY(-6px);\u003cbr \/\u003e        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-spec-icon {\u003cbr \/\u003e        width: 56px;\u003cbr \/\u003e        height: 56px;\u003cbr \/\u003e        margin: 0 auto 16px;\u003cbr \/\u003e        background: var(--vl-gray-100);\u003cbr \/\u003e        border-radius: 16px;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        transition: all 0.3s var(--transition-bounce);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-spec-card:hover .vl-spec-icon {\u003cbr \/\u003e        background: linear-gradient(135deg, var(--vl-accent-blue), var(--vl-accent-blue-light));\u003cbr \/\u003e        transform: scale(1.1) rotate(-5deg);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-spec-icon svg {\u003cbr \/\u003e        width: 28px;\u003cbr \/\u003e        height: 28px;\u003cbr \/\u003e        color: var(--vl-accent-blue);\u003cbr \/\u003e        transition: color 0.3s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-spec-card:hover .vl-spec-icon svg {\u003cbr \/\u003e        color: white;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-spec-title {\u003cbr \/\u003e        font-size: 1.125rem !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        color: var(--vl-black);\u003cbr \/\u003e        margin-bottom: 4px !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-spec-desc {\u003cbr \/\u003e        font-size: 0.8125rem;\u003cbr \/\u003e        color: var(--vl-gray-500);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       DETAILED SPECS TABLE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-specs-table {\u003cbr \/\u003e        max-width: 900px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        background: var(--vl-white);\u003cbr \/\u003e        border-radius: 24px;\u003cbr \/\u003e        overflow: hidden;\u003cbr \/\u003e        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-table-header {\u003cbr \/\u003e        background: var(--vl-black);\u003cbr \/\u003e        color: var(--vl-white);\u003cbr \/\u003e        padding: 24px 32px;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-table-header svg {\u003cbr \/\u003e        width: 28px;\u003cbr \/\u003e        height: 28px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-table-title {\u003cbr \/\u003e        font-size: 1.25rem !important;\u003cbr \/\u003e        font-weight: 600 !important;\u003cbr \/\u003e        color: var(--vl-white) !important;\u003cbr \/\u003e        margin: 0 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-table-body {\u003cbr \/\u003e        padding: 8px 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-row {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: space-between;\u003cbr \/\u003e        align-items: center;\u003cbr \/\u003e        padding: 16px 32px;\u003cbr \/\u003e        border-bottom: 1px solid var(--vl-gray-100);\u003cbr \/\u003e        transition: background 0.2s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-row:last-child {\u003cbr \/\u003e        border-bottom: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-row:hover {\u003cbr \/\u003e        background: var(--vl-gray-50);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-row.highlight {\u003cbr \/\u003e        background: linear-gradient(90deg, rgba(5, 113, 228, 0.06) 0%, transparent 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-row.highlight:hover {\u003cbr \/\u003e        background: linear-gradient(90deg, rgba(5, 113, 228, 0.1) 0%, rgba(5, 113, 228, 0.02) 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-label {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        font-weight: 500;\u003cbr \/\u003e        color: var(--vl-gray-600);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-value {\u003cbr \/\u003e        font-size: 0.9375rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        color: var(--vl-black);\u003cbr \/\u003e        transition: all 0.3s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-row.highlight .vl-specs-value {\u003cbr \/\u003e        color: var(--vl-accent-blue);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-check {\u003cbr \/\u003e        color: var(--vl-accent-green);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       COMPARISON TABLE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-specs-comparison .vl-specs-row {\u003cbr \/\u003e        display: grid;\u003cbr \/\u003e        grid-template-columns: 1.2fr 1fr 1fr 1fr;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-comparison .vl-specs-label {\u003cbr \/\u003e        text-align: left;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-comparison .vl-specs-header-row {\u003cbr \/\u003e        background: var(--vl-gray-100);\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-specs-col-header {\u003cbr \/\u003e        font-size: 1rem !important;\u003cbr \/\u003e        font-weight: 700 !important;\u003cbr \/\u003e        color: var(--vl-accent-blue) !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .vl-specs-comparison .vl-specs-row {\u003cbr \/\u003e            grid-template-columns: 1.4fr 0.8fr 0.8fr 0.8fr;\u003cbr \/\u003e            gap: 6px;\u003cbr \/\u003e            padding: 12px 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-specs-comparison .vl-specs-label,\u003cbr \/\u003e        .vl-specs-comparison .vl-specs-value {\u003cbr \/\u003e            font-size: 0.75rem;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       CTA SECTION\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-cta-section {\u003cbr \/\u003e        padding: 140px 24px;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        background: linear-gradient(180deg, var(--vl-white) 0%, var(--vl-gray-100) 100%);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-cta-buttons {\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        gap: 16px;\u003cbr \/\u003e        flex-wrap: wrap;\u003cbr \/\u003e        margin-top: 32px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       TESTIMONIALS SECTION - AUTODESK STYLE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-testimonials-section {\u003cbr \/\u003e        width: 100% !important;\u003cbr \/\u003e        max-width: 100% !important;\u003cbr \/\u003e        position: relative !important;\u003cbr \/\u003e        left: 0 !important;\u003cbr \/\u003e        transform: none !important;\u003cbr \/\u003e        margin-left: 0 !important;\u003cbr \/\u003e        margin-right: 0 !important;\u003cbr \/\u003e        padding: 0 !important;\u003cbr \/\u003e        min-height: 100vh !important;\u003cbr \/\u003e        background: #0d0d0d !important;\u003cbr \/\u003e        overflow: hidden !important;\u003cbr \/\u003e        box-sizing: border-box !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonials-bg {\u003cbr \/\u003e        position: absolute !important;\u003cbr \/\u003e        top: 0 !important;\u003cbr \/\u003e        left: 0 !important;\u003cbr \/\u003e        right: 0 !important;\u003cbr \/\u003e        bottom: 0 !important;\u003cbr \/\u003e        width: 100% !important;\u003cbr \/\u003e        height: 100% !important;\u003cbr \/\u003e        z-index: 1;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonials-bg img {\u003cbr \/\u003e        position: absolute !important;\u003cbr \/\u003e        top: 0 !important;\u003cbr \/\u003e        left: 0 !important;\u003cbr \/\u003e        width: 100% !important;\u003cbr \/\u003e        height: 100% !important;\u003cbr \/\u003e        object-fit: cover !important;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transition: opacity 0.8s ease;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonials-bg img.active {\u003cbr \/\u003e        opacity: 1 !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonials-overlay {\u003cbr \/\u003e        position: absolute !important;\u003cbr \/\u003e        top: 0 !important;\u003cbr \/\u003e        left: 0 !important;\u003cbr \/\u003e        right: 0 !important;\u003cbr \/\u003e        bottom: 0 !important;\u003cbr \/\u003e        background: linear-gradient(90deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.1) 100%) !important;\u003cbr \/\u003e        z-index: 2;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonials-content {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        z-index: 3;\u003cbr \/\u003e        height: 100%;\u003cbr \/\u003e        display: flex;\u003cbr \/\u003e        flex-direction: column;\u003cbr \/\u003e        padding: 60px 5%;\u003cbr \/\u003e        max-width: 1400px;\u003cbr \/\u003e        margin: 0 auto;\u003cbr \/\u003e        align-items: flex-start;\u003cbr \/\u003e        justify-content: flex-start;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonials-tabs {\u003cbr \/\u003e        display: flex !important;\u003cbr \/\u003e        gap: 12px;\u003cbr \/\u003e        padding: 0 0 40px 0;\u003cbr \/\u003e        justify-content: center;\u003cbr \/\u003e        flex-wrap: wrap;\u003cbr \/\u003e        width: 100%;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonial-tab {\u003cbr \/\u003e        padding: 14px 28px;\u003cbr \/\u003e        background: rgba(25, 25, 25, 0.8);\u003cbr \/\u003e        border: 1px solid rgba(255, 255, 255, 0.3);\u003cbr \/\u003e        border-radius: 100px;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.95) !important;\u003cbr \/\u003e        font-family: var(--font-main);\u003cbr \/\u003e        font-size: 0.875rem;\u003cbr \/\u003e        font-weight: 700;\u003cbr \/\u003e        cursor: pointer;\u003cbr \/\u003e        transition: all 0.3s ease;\u003cbr \/\u003e        white-space: nowrap;\u003cbr \/\u003e        min-width: 120px;\u003cbr \/\u003e        text-align: center;\u003cbr \/\u003e        backdrop-filter: blur(12px);\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.03em;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonial-tab:hover {\u003cbr \/\u003e        background: rgba(60, 60, 60, 0.9);\u003cbr \/\u003e        border-color: rgba(255, 255, 255, 0.5);\u003cbr \/\u003e        color: white !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonial-tab.active {\u003cbr \/\u003e        background: #d4ff00 !important;\u003cbr \/\u003e        border-color: #d4ff00 !important;\u003cbr \/\u003e        color: #0d0d0d !important;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonials-quotes {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        max-width: 600px;\u003cbr \/\u003e        padding-left: 60px;\u003cbr \/\u003e        padding-top: 20px;\u003cbr \/\u003e        margin-left: 0;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonial-quote {\u003cbr \/\u003e        position: absolute;\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(20px);\u003cbr \/\u003e        transition: all 0.5s ease;\u003cbr \/\u003e        pointer-events: none;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonial-quote.active {\u003cbr \/\u003e        position: relative;\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e        pointer-events: auto;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonial-label {\u003cbr \/\u003e        font-size: 0.75rem;\u003cbr \/\u003e        font-weight: 600;\u003cbr \/\u003e        text-transform: uppercase;\u003cbr \/\u003e        letter-spacing: 0.15em;\u003cbr \/\u003e        color: rgba(255, 255, 255, 0.5);\u003cbr \/\u003e        margin-bottom: 12px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonial-text {\u003cbr \/\u003e        font-size: clamp(1.1rem, 2vw, 1.4rem);\u003cbr \/\u003e        font-weight: 400;\u003cbr \/\u003e        color: white;\u003cbr \/\u003e        line-height: 1.6;\u003cbr \/\u003e        margin-bottom: 28px;\u003cbr \/\u003e        max-width: 420px;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-testimonial-text .highlight {\u003cbr \/\u003e        color: #d4ff00;\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       ANIMATIONS\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    .vl-fade-in {\u003cbr \/\u003e        opacity: 0;\u003cbr \/\u003e        transform: translateY(40px);\u003cbr \/\u003e        transition: opacity 0.8s var(--transition-smooth), transform 0.8s var(--transition-smooth);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-fade-in.visible {\u003cbr \/\u003e        opacity: 1;\u003cbr \/\u003e        transform: translateY(0);\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    .vl-delay-1 { transition-delay: 0.1s; }\u003cbr \/\u003e    .vl-delay-2 { transition-delay: 0.2s; }\u003cbr \/\u003e    .vl-delay-3 { transition-delay: 0.3s; }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    \/* ============================================\u003cbr \/\u003e       RESPONSIVE\u003cbr \/\u003e       ============================================ *\/\u003cbr \/\u003e    @media (max-width: 1024px) {\u003cbr \/\u003e        .vl-showcase-grid {\u003cbr \/\u003e            grid-template-columns: 1fr;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-showcase-item.featured {\u003cbr \/\u003e            grid-column: span 1;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-showcase-item.featured .vl-showcase-image {\u003cbr \/\u003e            aspect-ratio: 16\/9;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-specs-grid {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-stats-row {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-testimonial-tab {\u003cbr \/\u003e            padding: 12px 20px;\u003cbr \/\u003e            min-width: 110px;\u003cbr \/\u003e            font-size: 0.8125rem;\u003cbr \/\u003e        }\u003cbr \/\u003e    }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e    @media (max-width: 768px) {\u003cbr \/\u003e        .vl-page {\u003cbr \/\u003e            overflow-x: hidden;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-container,\u003cbr \/\u003e        .vl-container-wide {\u003cbr \/\u003e            padding: 0 16px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-hero {\u003cbr \/\u003e            padding: 60px 16px 50px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-display-hero {\u003cbr \/\u003e            font-size: clamp(2.5rem, 14vw, 4.5rem) !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-display-lg {\u003cbr \/\u003e            font-size: clamp(2rem, 8vw, 2.75rem) !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-display-md {\u003cbr \/\u003e            font-size: clamp(1.5rem, 6vw, 2rem) !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-hero-subtitle {\u003cbr \/\u003e            font-size: 1.125rem;\u003cbr \/\u003e            margin-bottom: 32px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-hero-badges {\u003cbr \/\u003e            flex-direction: column;\u003cbr \/\u003e            align-items: center;\u003cbr \/\u003e            gap: 12px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-hero-image {\u003cbr \/\u003e            min-height: 280px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-feature-section {\u003cbr \/\u003e            padding: 70px 0;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-feature-section .vl-container {\u003cbr \/\u003e            padding: 0;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-feature-header {\u003cbr \/\u003e            padding: 0 16px;\u003cbr \/\u003e            margin-bottom: 32px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-showcase-grid {\u003cbr \/\u003e            gap: 16px;\u003cbr \/\u003e            padding: 0;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-showcase-item {\u003cbr \/\u003e            border-radius: 0;\u003cbr \/\u003e            margin: 0;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-showcase-image {\u003cbr \/\u003e            aspect-ratio: 4\/3;\u003cbr \/\u003e            border-radius: 0;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-showcase-image img {\u003cbr \/\u003e            padding: 24px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-showcase-content {\u003cbr \/\u003e            padding: 24px 20px 28px;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-showcase-title {\u003cbr \/\u003e            font-size: 1.375rem !important;\u003cbr \/\u003e            line-height: 1.25;\u003cbr \/\u003e            margin-bottom: 12px !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-showcase-text {\u003cbr \/\u003e            font-size: 1rem;\u003cbr \/\u003e            line-height: 1.6;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-stats-row {\u003cbr \/\u003e            grid-template-columns: repeat(2, 1fr);\u003cbr \/\u003e            gap: 16px;\u003cbr \/\u003e            padding: 32px 16px;\u003cbr \/\u003e            border-radius: 0;\u003cbr \/\u003e            margin: 0;\u003cbr \/\u003e            width: 100%;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003e        .vl-stat-value {\u003cbr \/\u003e            font-size: 1.75rem !important;\u003cbr \/\u003e        }\u003c\/p\u003e\u003cbr \/\u003e\u003cp\u003c\/p\u003e\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Thule","offers":[{"title":"1 Bicicleta","offer_id":57496426086782,"sku":"9051100","price":1995.0,"currency_code":"RON","in_stock":true},{"title":"2 Biciclete","offer_id":57496426119550,"sku":"9052100","price":2575.0,"currency_code":"RON","in_stock":true},{"title":"3 Biciclete","offer_id":57496426152318,"sku":"9053100","price":3125.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Small-ThuleVeloLite_EROW_3B_Iso_P_9053100-1.jpg?v=1780337601","url":"https:\/\/www.provelo.ro\/products\/suport-biciclete-auto-pe-carligul-de-remorcare-thule-velolite","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}