{"title":"Cutie portbagaj auto Thule","description":"","products":[{"product_id":"cutie-portbagaj-auto-thule-vector-m-negru-metalic","title":"Cutie portbagaj auto Thule Vector M Negru Metalic","description":"\u003cbody\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"273020\" class=\"elementor elementor-273020\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-b66494c e-flex e-con-boxed e-con e-parent\" data-id=\"b66494c\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-bd40808 elementor-widget elementor-widget-html\" data-id=\"bd40808\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n    \u003ctitle\u003eThule Vector | Cutii Portbagaj Ultra-Premium | ProVelo România\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n        :root {\n            --thule-blue: #0066CC;\n            --thule-blue-dark: #004C99;\n            --thule-blue-light: #3399FF;\n            --motion-titan: #8B8B8B;\n            --motion-titan-light: #A8A8A8;\n            \/* Vector Premium Colors *\/\n            --vector-gold: #C9A962;\n            --vector-gold-light: #D4BC7D;\n            --vector-gold-dark: #A68B4B;\n            --vector-black: #0D0D0D;\n            --vector-charcoal: #1C1C1E;\n            --thule-black: #0a0a0a;\n            --thule-charcoal: #1a1a1a;\n            --thule-gray-dark: #2d2d2d;\n            --apple-gray: #f5f5f7;\n            --apple-gray-dark: #e8e8ed;\n            --text-dark: #1d1d1f;\n            --text-gray: #6e6e73;\n            --white: #ffffff;\n            --accent-orange: #FF6B35;\n            --accent-green: #34C759;\n            --accent-teal: #00A99D;\n        }\u003c\/p\u003e\n\u003cp\u003e        .full-width-section {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n    margin-right: calc(-50vw + 50%) !important;\n    padding: 0;\n    background: linear-gradient(165deg, var(--thule-charcoal) 0%, var(--thule-black) 100%);\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n}\u003c\/p\u003e\n\u003cp\u003e        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        html {\n            scroll-behavior: smooth;\n            overflow-x: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        body {\n            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;\n            line-height: 1.5;\n            color: var(--text-dark);\n            background: var(--white);\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            overflow-x: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== HERO SECTION - FULL WIDTH ========== *\/\n        .hero {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            min-height: auto;\n            overflow: hidden;\n            background: linear-gradient(165deg, #0a0a0a 0%, #1a1a1a 40%, #2d2d2d 100%);\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: center;\n            padding: 20px 24px 40px;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ambient glow effect *\/\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 10%;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 150%;\n            height: 80%;\n            background: radial-gradient(ellipse at center, \n                rgba(0, 102, 204, 0.12) 0%, \n                rgba(0, 102, 204, 0.04) 40%, \n                transparent 70%);\n            pointer-events: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            width: 100%;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 6px 16px;\n            background: rgba(255, 255, 255, 0.06);\n            border: 1px solid rgba(255, 255, 255, 0.12);\n            border-radius: 50px;\n            margin-bottom: 8px;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.1s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge-dot {\n            width: 6px;\n            height: 6px;\n            background: var(--thule-blue-light);\n            border-radius: 50%;\n            animation: pulse 2s ease-in-out infinite;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes pulse {\n            0%, 100% { opacity: 1; transform: scale(1); }\n            50% { opacity: 0.6; transform: scale(1.3); }\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge-text {\n            font-size: 0.7rem;\n            font-weight: 500;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            color: rgba(255, 255, 255, 0.75);\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-title {\n            font-size: clamp(4rem, 11vw, 10rem) !important;\n            font-weight: 800 !important;\n            color: #ffffff !important;\n            -webkit-text-fill-color: #ffffff !important;\n            letter-spacing: -0.04em !important;\n            line-height: 0.85 !important;\n            margin-bottom: 0 !important;\n            margin-top: 0 !important;\n            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;\n            display: block !important;\n            text-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 0.8s ease 0.2s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-size-indicator {\n            font-size: 0.5em;\n            font-weight: 600;\n            color: var(--thule-blue-light);\n            letter-spacing: 0.05em;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-subtitle {\n            font-size: 1rem;\n            color: rgba(255, 255, 255, 0.55);\n            margin-bottom: 10px;\n            max-width: 450px;\n            margin-left: auto;\n            margin-right: auto;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.3s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model Selector Pills *\/\n        .model-selector {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 8px;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.4s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 8px 16px;\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 12px;\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            min-width: 80px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill:hover {\n            background: rgba(255, 255, 255, 0.08);\n            border-color: rgba(255, 255, 255, 0.2);\n            transform: translateY(-3px);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill.active {\n            background: var(--thule-blue);\n            border-color: var(--thule-blue);\n            box-shadow: 0 6px 24px rgba(0, 102, 204, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill-name {\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: rgba(255, 255, 255, 0.9);\n            margin-bottom: 1px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill-volume {\n            font-size: 0.7rem;\n            color: rgba(255, 255, 255, 0.5);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill.active .model-pill-volume {\n            color: rgba(255, 255, 255, 0.8);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Hero Product Image *\/\n        .hero-product {\n            position: relative;\n            max-width: 550px;\n            margin: -30px auto -40px;\n            opacity: 0;\n            animation: productReveal 1.2s ease 0.6s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes productReveal {\n            from {\n                opacity: 0;\n                transform: scale(0.94) translateY(15px);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1) translateY(0);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-product img {\n            width: 100%;\n            height: auto;\n            filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model Info Display *\/\n        .model-info-display {\n            display: flex;\n            justify-content: center;\n            gap: 60px;\n            flex-wrap: wrap;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.8s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-item {\n            text-align: center;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-value {\n            font-size: 2.8rem;\n            font-weight: 700;\n            color: #ffffff;\n            margin-bottom: 2px;\n            transition: all 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-label {\n            font-size: 0.65rem;\n            text-transform: uppercase;\n            letter-spacing: 0.12em;\n            color: rgba(255, 255, 255, 0.45);\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1200px) {\n            .hero-title {\n                font-size: 8rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 900px) {\n            .hero-title {\n                font-size: 5rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .hero {\n                padding: 20px 16px 30px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-title {\n                font-size: 4rem !important;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-selector {\n                gap: 6px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill {\n                padding: 6px 10px;\n                min-width: 65px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill-name {\n                font-size: 0.75rem;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill-volume {\n                font-size: 0.6rem;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-product {\n                max-width: 80%;\n                margin-bottom: 12px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-info-display {\n                gap: 20px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-info-value {\n                font-size: 1.5rem;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 480px) {\n            .hero-title {\n                font-size: 3rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== CONTAINERS ========== *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .container-wide {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== TYPOGRAPHY ========== *\/\n        .gradient-thule {\n            background: linear-gradient(135deg, #0066CC 0%, #3399FF 50%, #00A99D 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .gradient-vector {\n            background: linear-gradient(135deg, #C9A962 0%, #E8D5A3 40%, #C9A962 70%, #A68B4B 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .gradient-power {\n            background: linear-gradient(90deg, #FF6B35 0%, #FFB347 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-label {\n            font-size: 1rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            color: var(--thule-blue);\n            margin-bottom: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-title {\n            font-size: clamp(2.5rem, 6vw, 5rem) !important;\n            font-weight: 900 !important;\n            letter-spacing: -0.03em !important;\n            line-height: 1.0 !important;\n            margin-bottom: 20px !important;\n            color: var(--text-dark) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-text {\n            font-size: 1.2rem;\n            color: var(--text-gray);\n            line-height: 1.7;\n            max-width: 700px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== INTRO SECTION ========== *\/\n        .intro-section {\n            padding: 80px 24px;\n            background: var(--white);\n            text-align: center;\n        }\u003c\/p\u003e\n\u003cp\u003e        .intro-content {\n            max-width: 900px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== VIDEO SECTION ========== *\/\n        .video-section {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            padding: 80px 24px;\n            background: var(--apple-gray);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header {\n            text-align: center;\n            margin-bottom: 56px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header .section-title {\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header .section-label {\n            color: var(--thule-blue) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container {\n            position: relative;\n            max-width: 1100px;\n            margin: 0 auto;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container::before {\n            content: '';\n            display: block;\n            padding-top: 56.25%;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== FEATURES SECTION ========== *\/\n        .features-section {\n            padding: 80px 24px;\n            background: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card {\n            background: var(--apple-gray);\n            border-radius: 28px;\n            overflow: hidden;\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--thule-blue), var(--thule-blue-light));\n            transform: scaleX(0);\n            transition: transform 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover {\n            transform: translateY(-12px);\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover::before {\n            transform: scaleX(1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-image {\n            aspect-ratio: 4\/3;\n            background: var(--white);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 32px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-image img {\n            max-width: 100%;\n            max-height: 100%;\n            object-fit: contain;\n            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover .feature-image img {\n            transform: scale(1.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-content {\n            padding: 28px 28px 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-title {\n            font-size: 1.35rem;\n            font-weight: 600;\n            color: var(--text-dark);\n            margin-bottom: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-text {\n            font-size: 1rem;\n            color: var(--text-gray);\n            line-height: 1.65;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1024px) {\n            .features-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 640px) {\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== LIFESTYLE GALLERY ========== *\/\n        .lifestyle-section {\n            padding: 80px 24px;\n            background: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 24px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card {\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card:hover img {\n            transform: scale(1.05);\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .lifestyle-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== RECOMMENDATIONS SECTION ========== *\/\n        .recommendations-section {\n            padding: 80px 24px;\n            background: var(--apple-gray);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendations-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendations-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card {\n            background: var(--white);\n            border-radius: 24px;\n            overflow: hidden;\n            text-decoration: none;\n            color: inherit;\n            display: flex;\n            flex-direction: column;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-image {\n            background: #f5f5f7;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: 200px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-image img,\n        .recommendation-card-image svg {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover .recommendation-card-image img,\n        .recommendation-card:hover .recommendation-card-image svg {\n            transform: scale(1.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-content {\n            padding: 20px;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card h4 {\n            font-size: 1rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 8px;\n            line-height: 1.3;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card p {\n            font-size: 0.875rem;\n            color: var(--text-light);\n            margin-bottom: 16px;\n            flex: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-cta {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 0.875rem;\n            font-weight: 600;\n            color: var(--thule-blue);\n            transition: gap 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover .recommendation-cta {\n            gap: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1024px) {\n            .recommendations-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 600px) {\n            .recommendations-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== MEGA COMPARISON TABLE ========== *\/\n        .comparison-section {\n            padding: 80px 0;\n            background: linear-gradient(180deg, var(--apple-gray) 0%, #e8eef5 100%);\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .comparison-header {\n            text-align: center;\n            margin-bottom: 40px;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .comparison-wrapper {\n            width: 100%;\n            overflow-x: auto;\n            padding: 0 24px 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table {\n            width: 100%;\n            min-width: 1350px;\n            border-collapse: separate;\n            border-spacing: 0;\n            background: var(--white);\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table thead {\n            background: linear-gradient(135deg, #1C1C1E 0%, #2d2d2d 50%, #1C1C1E 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th {\n            padding: 24px 20px;\n            font-size: 0.95rem;\n            font-weight: 600;\n            color: var(--vector-gold);\n            text-align: center;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            position: relative;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th:first-child {\n            text-align: left;\n            padding-left: 32px;\n            min-width: 200px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th:not(:last-child)::after {\n            content: '';\n            position: absolute;\n            right: 0;\n            top: 25%;\n            height: 50%;\n            width: 1px;\n            background: rgba(255, 255, 255, 0.2);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr {\n            transition: all 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:hover {\n            background: rgba(0, 102, 204, 0.04);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr.highlight-row {\n            background: linear-gradient(90deg, rgba(201, 169, 98, 0.08) 0%, rgba(201, 169, 98, 0.03) 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr.highlight-row:hover {\n            background: linear-gradient(90deg, rgba(201, 169, 98, 0.12) 0%, rgba(201, 169, 98, 0.06) 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table td {\n            padding: 20px;\n            font-size: 0.95rem;\n            color: var(--text-gray);\n            text-align: center;\n            border-bottom: 1px solid var(--apple-gray);\n            transition: all 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table td:first-child {\n            text-align: left;\n            padding-left: 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:last-child td {\n            border-bottom: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model name cell *\/\n        .model-cell {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-badge {\n            width: 48px;\n            height: 48px;\n            background: linear-gradient(135deg, var(--apple-gray) 0%, #e0e0e5 100%);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.75rem;\n            font-weight: 700;\n            color: var(--vector-gold);\n            flex-shrink: 0;\n        }\u003c\/p\u003e\n\u003cp\u003e        .highlight-row .model-badge {\n            background: linear-gradient(135deg, var(--vector-gold) 0%, var(--vector-gold-light) 100%);\n            color: #0D0D0D;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-name {\n            font-weight: 600;\n            color: var(--text-dark);\n            font-size: 1rem;\n        }\u003c\/p\u003e\n\u003cp\u003e        .highlight-row .model-name {\n            color: var(--vector-gold-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-tag {\n            display: inline-block;\n            padding: 4px 10px;\n            background: var(--accent-green);\n            color: white;\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            border-radius: 6px;\n            margin-left: 8px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Volume cells with visual bar *\/\n        .volume-cell {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 8px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-value {\n            font-size: 1.25rem;\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-bar-bg {\n            width: 100%;\n            max-width: 100px;\n            height: 6px;\n            background: var(--apple-gray-dark);\n            border-radius: 3px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-bar {\n            height: 100%;\n            background: linear-gradient(90deg, var(--vector-gold), var(--vector-gold-light));\n            border-radius: 3px;\n            transition: width 0.6s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Dimension cells *\/\n        .dim-cell {\n            font-family: 'Outfit', monospace;\n            font-size: 0.85rem;\n        }\u003c\/p\u003e\n\u003cp\u003e        .dim-highlight {\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .dim-interior {\n            color: var(--vector-gold-dark);\n            font-weight: 500;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Capacity cells *\/\n        .capacity-cell {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ski\/Snowboard cells *\/\n        .ski-cell {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 4px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icons {\n            display: flex;\n            gap: 2px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icon {\n            width: 4px;\n            height: 20px;\n            background: var(--thule-blue);\n            border-radius: 2px;\n            opacity: 0.3;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icon.active {\n            opacity: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-value {\n            font-weight: 600;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Check\/Cross icons *\/\n        .check-icon {\n            width: 28px;\n            height: 28px;\n            background: rgba(52, 199, 89, 0.15);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--accent-green);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Weight cell *\/\n        .weight-cell {\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Interactive Row Highlight *\/\n        .mega-table tbody tr {\n            cursor: pointer;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:active {\n            transform: scale(0.995);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Category Header Rows *\/\n        .category-row td {\n            background: var(--apple-gray);\n            font-weight: 600;\n            color: var(--text-dark);\n            text-transform: uppercase;\n            font-size: 0.8rem;\n            letter-spacing: 0.1em;\n            padding: 12px 20px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .category-row td:first-child {\n            padding-left: 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .comparison-wrapper {\n                padding: 0 16px 16px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .mega-table th,\n            .mega-table td {\n                padding: 16px 12px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .mega-table th:first-child,\n            .mega-table td:first-child {\n                padding-left: 16px;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== CTA SECTION - FULL WIDTH ========== *\/\n        .cta-section {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            margin-left: calc(-50vw + 50%) !important;\n            margin-right: calc(-50vw + 50%) !important;\n            padding: 0;\n            background: linear-gradient(165deg, var(--thule-charcoal) 0%, var(--thule-black) 100%);\n            position: relative;\n            overflow: hidden;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ambient glow *\/\n        .cta-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(ellipse at center top, \n                rgba(0, 102, 204, 0.15) 0%, \n                transparent 50%);\n            pointer-events: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-main {\n            padding: 120px 24px 100px;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-section .section-title {\n            color: var(--white);\n            font-size: clamp(2rem, 5vw, 4rem);\n            margin-bottom: 10px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-tagline {\n            font-size: clamp(3.5rem, 10vw, 7rem);\n            font-weight: 800;\n            color: #ffffff;\n            margin-bottom: 30px;\n            margin-top: 10px;\n            letter-spacing: -0.03em;\n            line-height: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-tagline.gold-gradient {\n            background: linear-gradient(135deg, #C9A962 0%, #E8D5A3 40%, #C9A962 70%, #A68B4B 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-subtitle {\n            font-size: 1.25rem;\n            color: rgba(255, 255, 255, 0.6);\n            margin-bottom: 60px;\n            margin-top: 0;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 24px;\n            flex-wrap: wrap;\n            margin-bottom: 100px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            padding: 22px 48px;\n            font-size: 1.15rem;\n            font-weight: 600;\n            border-radius: 980px;\n            cursor: pointer;\n            transition: all 0.4s ease;\n            border: none;\n            text-decoration: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-primary {\n            background: var(--thule-blue);\n            color: var(--white);\n            box-shadow: 0 8px 32px rgba(0, 102, 204, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-primary:hover {\n            background: var(--thule-blue-light);\n            transform: translateY(-4px);\n            box-shadow: 0 16px 48px rgba(0, 102, 204, 0.5);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-secondary {\n            background: rgba(255, 255, 255, 0.08);\n            color: var(--white);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-secondary:hover {\n            background: rgba(255, 255, 255, 0.12);\n            transform: translateY(-4px);\n            border-color: rgba(255, 255, 255, 0.35);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Benefits Strip - Full Width *\/\n        .benefits-strip {\n            width: 100%;\n            background: rgba(255, 255, 255, 0.03);\n            border-top: 1px solid rgba(255, 255, 255, 0.08);\n            padding: 60px 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 0;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 20px;\n            padding: 24px 32px;\n            border-right: 1px solid rgba(255, 255, 255, 0.08);\n            transition: all 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item:last-child {\n            border-right: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item:hover {\n            background:\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57491531989374,"sku":"TA613201","price":6999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-Thule_Vector_Medium_BlackMetallic_Side_613201.jpg?v=1780258828"},{"product_id":"cutie-portbagaj-auto-thule-vector-m-titan-mat","title":"Cutie portbagaj auto Thule Vector M Titan Mat","description":"\u003cp\u003e\u003ca href=\"https:\/\/www.thule.com\/en-gb\/\" target=\"_blank\" rel=\"noopener\"\u003e\u003cimg class=\"alignnone wp-image-102823 size-medium\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screen-Shot-2020-03-31-at-17_06_42-300x84.png\" alt=\"\" width=\"300\" height=\"84\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eCutie portbagaj auto Thule Vector M Titan Mat\u003c\/h2\u003e\n\u003cp\u003eCu un design sportiv si o integrare perfecta a capacului si a bazei care adauga un aspect distinctive oricarei masini\u003c\/p\u003e\n\u003cp\u003eUn interior premium iluminat si cu o baza captusita pentru o protective sporita a bagajelor care imbunatateste experienta utilizatorului\u003c\/p\u003e\n\u003cp\u003eCapacul ranforsat asigura o deschidere si inchidere pe ambele parti fara efort.\u003c\/p\u003e\n\u003cp\u003eLumina LED din interior combinata cu culoarea alba a capacului pe interior faciliteaza incarcarea sau descarcarea bagajelor pe timp de noapte\u003c\/p\u003e\n\u003cp\u003eSistemul de inchidere SlideLock cu functii de blocare si deschidere separate care blocheaza automat capacul si afiseaza cand cutia este inchisa in siguranta.\u003c\/p\u003e\n\u003cp\u003eUsor de montat datorita sistemului de prindere PowerClick. Indicatorul de rotire integrat face un clic atunci cand este montata corect, asigurand o fixare rapida si sigura.\u003c\/p\u003e\n\u003cp\u003eAcces deplin la portbagaj, fara riscul de a lovi cutia multumita reglajelor din interiorul acesteia.\u003c\/p\u003e\n\u003cp\u003ePachetul include si husa de protectie pentru cutie.\u003c\/p\u003e\n\u003csection id=\"desc-separator\"\u003e\u003c\/section\u003e\n\u003ch2\u003eCaracteristici Cutie portbagaj auto Thule Vector M Titan Mat\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ctable class=\"product_tab_table product_tab_table_specs\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare:\u003c\/td\u003e\n\u003ctd id=\"prv_6697\"\u003e212 x 88 x 33 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGama:\u003c\/td\u003e\n\u003ctd id=\"prv_5248\"\u003eThule Vector\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuloare:\u003c\/td\u003e\n\u003ctd id=\"prv_6689\"\u003eNegru Metal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMaterial:\u003c\/td\u003e\n\u003ctd id=\"prv_6698\"\u003eABS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate produs:\u003c\/td\u003e\n\u003ctd id=\"prv_6374\"\u003e29 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate maxima suportata:\u003c\/td\u003e\n\u003ctd id=\"prv_4408\"\u003e75 Kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum:\u003c\/td\u003e\n\u003ctd id=\"prv_6687\"\u003e360 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInaltime:\u003c\/td\u003e\n\u003ctd id=\"prv_4419\"\u003e33 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLatime:\u003c\/td\u003e\n\u003ctd id=\"prv_4418\"\u003e88 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLungime:\u003c\/td\u003e\n\u003ctd id=\"prv_4410\"\u003e212 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare (L x l x h):\u003c\/td\u003e\n\u003ctd id=\"prv_5110\"\u003e186 x 78 x 29,5 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTip montare:\u003c\/td\u003e\n\u003ctd id=\"prv_6700\"\u003ePe barele transversale\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDeschidere:\u003c\/td\u003e\n\u003ctd id=\"prv_4417\"\u003epe ambele parti\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de prindere al cutiei:\u003c\/td\u003e\n\u003ctd id=\"prv_4420\"\u003ePower-Click\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLungime maxima schiuri:\u003c\/td\u003e\n\u003ctd id=\"prv_4415\"\u003e185 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNumar maxim perechi schiuri:\u003c\/td\u003e\n\u003ctd id=\"prv_4485\"\u003e3-5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNumar maxim snowboard-uri:\u003c\/td\u003e\n\u003ctd id=\"prv_4416\"\u003e3-4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screen-Shot-2020-08-19-at-08_25_43.png\" target=\"_blank\" rel=\"noopener\"\u003e\u003cimg class=\"alignnone wp-image-112077 size-full\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screen-Shot-2020-08-19-at-08_25_43.png\" alt=\"\" width=\"1814\" height=\"380\"\u003e\u003cbr\u003e\n\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003csection id=\"desc-separator\"\u003e\u003c\/section\u003e\n\u003cp\u003ehttps:\/\/youtu.be\/6damDN9frmU\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ehttps:\/\/youtu.be\/pZeb62Uy8Lc\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ehttps:\/\/youtu.be\/FXSAlMDaM-8\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv id=\"desc_prod\"\u003e\n\u003ch3 style=\"text-align: center;\"\u003e\u003ca href=\"https:\/\/provelo.ro\/contact\/\" target=\"_blank\" rel=\"noopener\"\u003eSe asigura montajul gratuit la sediul magazinului de biciclete ProVelo Bucuresti, Sos Nicolae Titulescu 155, S1.\u003c\/a\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cbr style=\"font-size: 12px; color: #ff0000;\"\u003e\u003cstrong style=\"font-size: 12px; color: #ff0000;\"\u003e\u003cbr\u003e\n\u003c\/strong\u003e\u003cspan style=\"font-size: 12px; color: #ff0000;\"\u003e\u003cspan style=\"font-size: 12px;\"\u003eGreutatea maxima de incarcare poate sa fie diferita in functie de marca si modelul masinii. \u003c\/span\u003e(Consultati caracteristicile tehnice date de producatorul autoturismului)\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/provelo.ro\/marca\/thule\/\" target=\"_blank\" rel=\"noopener\"\u003e\u003cimg class=\"wp-image-102823 aligncenter\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screen-Shot-2020-03-31-at-17_06_42-300x84.png\" alt=\"\" width=\"400\" height=\"112\"\u003e\u003c\/a\u003e\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57491532022142,"sku":"613200","price":6999.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-Thule_Vector_Medium_TitanMatte_Side_613200.jpg?v=1780258830"},{"product_id":"cutie-portbagaj-auto-thule-vector-alpin-negru-metalic","title":"Cutie portbagaj auto Thule Vector Alpin - Negru Metalic","description":"\u003cbody\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"273020\" class=\"elementor elementor-273020\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-b66494c e-flex e-con-boxed e-con e-parent\" data-id=\"b66494c\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-bd40808 elementor-widget elementor-widget-html\" data-id=\"bd40808\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n    \u003ctitle\u003eThule Vector | Cutii Portbagaj Ultra-Premium | ProVelo România\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n        :root {\n            --thule-blue: #0066CC;\n            --thule-blue-dark: #004C99;\n            --thule-blue-light: #3399FF;\n            --motion-titan: #8B8B8B;\n            --motion-titan-light: #A8A8A8;\n            \/* Vector Premium Colors *\/\n            --vector-gold: #C9A962;\n            --vector-gold-light: #D4BC7D;\n            --vector-gold-dark: #A68B4B;\n            --vector-black: #0D0D0D;\n            --vector-charcoal: #1C1C1E;\n            --thule-black: #0a0a0a;\n            --thule-charcoal: #1a1a1a;\n            --thule-gray-dark: #2d2d2d;\n            --apple-gray: #f5f5f7;\n            --apple-gray-dark: #e8e8ed;\n            --text-dark: #1d1d1f;\n            --text-gray: #6e6e73;\n            --white: #ffffff;\n            --accent-orange: #FF6B35;\n            --accent-green: #34C759;\n            --accent-teal: #00A99D;\n        }\u003c\/p\u003e\n\u003cp\u003e        .full-width-section {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n    margin-right: calc(-50vw + 50%) !important;\n    padding: 0;\n    background: linear-gradient(165deg, var(--thule-charcoal) 0%, var(--thule-black) 100%);\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n}\u003c\/p\u003e\n\u003cp\u003e        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        html {\n            scroll-behavior: smooth;\n            overflow-x: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        body {\n            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;\n            line-height: 1.5;\n            color: var(--text-dark);\n            background: var(--white);\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            overflow-x: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== HERO SECTION - FULL WIDTH ========== *\/\n        .hero {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            min-height: auto;\n            overflow: hidden;\n            background: linear-gradient(165deg, #0a0a0a 0%, #1a1a1a 40%, #2d2d2d 100%);\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: center;\n            padding: 20px 24px 40px;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ambient glow effect *\/\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 10%;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 150%;\n            height: 80%;\n            background: radial-gradient(ellipse at center, \n                rgba(0, 102, 204, 0.12) 0%, \n                rgba(0, 102, 204, 0.04) 40%, \n                transparent 70%);\n            pointer-events: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            width: 100%;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 6px 16px;\n            background: rgba(255, 255, 255, 0.06);\n            border: 1px solid rgba(255, 255, 255, 0.12);\n            border-radius: 50px;\n            margin-bottom: 8px;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.1s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge-dot {\n            width: 6px;\n            height: 6px;\n            background: var(--thule-blue-light);\n            border-radius: 50%;\n            animation: pulse 2s ease-in-out infinite;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes pulse {\n            0%, 100% { opacity: 1; transform: scale(1); }\n            50% { opacity: 0.6; transform: scale(1.3); }\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge-text {\n            font-size: 0.7rem;\n            font-weight: 500;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            color: rgba(255, 255, 255, 0.75);\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-title {\n            font-size: clamp(4rem, 11vw, 10rem) !important;\n            font-weight: 800 !important;\n            color: #ffffff !important;\n            -webkit-text-fill-color: #ffffff !important;\n            letter-spacing: -0.04em !important;\n            line-height: 0.85 !important;\n            margin-bottom: 0 !important;\n            margin-top: 0 !important;\n            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;\n            display: block !important;\n            text-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 0.8s ease 0.2s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-size-indicator {\n            font-size: 0.5em;\n            font-weight: 600;\n            color: var(--thule-blue-light);\n            letter-spacing: 0.05em;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-subtitle {\n            font-size: 1rem;\n            color: rgba(255, 255, 255, 0.55);\n            margin-bottom: 10px;\n            max-width: 450px;\n            margin-left: auto;\n            margin-right: auto;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.3s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model Selector Pills *\/\n        .model-selector {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 8px;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.4s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 8px 16px;\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 12px;\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            min-width: 80px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill:hover {\n            background: rgba(255, 255, 255, 0.08);\n            border-color: rgba(255, 255, 255, 0.2);\n            transform: translateY(-3px);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill.active {\n            background: var(--thule-blue);\n            border-color: var(--thule-blue);\n            box-shadow: 0 6px 24px rgba(0, 102, 204, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill-name {\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: rgba(255, 255, 255, 0.9);\n            margin-bottom: 1px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill-volume {\n            font-size: 0.7rem;\n            color: rgba(255, 255, 255, 0.5);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill.active .model-pill-volume {\n            color: rgba(255, 255, 255, 0.8);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Hero Product Image *\/\n        .hero-product {\n            position: relative;\n            max-width: 550px;\n            margin: -30px auto -40px;\n            opacity: 0;\n            animation: productReveal 1.2s ease 0.6s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes productReveal {\n            from {\n                opacity: 0;\n                transform: scale(0.94) translateY(15px);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1) translateY(0);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-product img {\n            width: 100%;\n            height: auto;\n            filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model Info Display *\/\n        .model-info-display {\n            display: flex;\n            justify-content: center;\n            gap: 60px;\n            flex-wrap: wrap;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.8s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-item {\n            text-align: center;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-value {\n            font-size: 2.8rem;\n            font-weight: 700;\n            color: #ffffff;\n            margin-bottom: 2px;\n            transition: all 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-label {\n            font-size: 0.65rem;\n            text-transform: uppercase;\n            letter-spacing: 0.12em;\n            color: rgba(255, 255, 255, 0.45);\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1200px) {\n            .hero-title {\n                font-size: 8rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 900px) {\n            .hero-title {\n                font-size: 5rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .hero {\n                padding: 20px 16px 30px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-title {\n                font-size: 4rem !important;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-selector {\n                gap: 6px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill {\n                padding: 6px 10px;\n                min-width: 65px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill-name {\n                font-size: 0.75rem;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill-volume {\n                font-size: 0.6rem;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-product {\n                max-width: 80%;\n                margin-bottom: 12px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-info-display {\n                gap: 20px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-info-value {\n                font-size: 1.5rem;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 480px) {\n            .hero-title {\n                font-size: 3rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== CONTAINERS ========== *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .container-wide {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== TYPOGRAPHY ========== *\/\n        .gradient-thule {\n            background: linear-gradient(135deg, #0066CC 0%, #3399FF 50%, #00A99D 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .gradient-vector {\n            background: linear-gradient(135deg, #C9A962 0%, #E8D5A3 40%, #C9A962 70%, #A68B4B 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .gradient-power {\n            background: linear-gradient(90deg, #FF6B35 0%, #FFB347 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-label {\n            font-size: 1rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            color: var(--thule-blue);\n            margin-bottom: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-title {\n            font-size: clamp(2.5rem, 6vw, 5rem) !important;\n            font-weight: 900 !important;\n            letter-spacing: -0.03em !important;\n            line-height: 1.0 !important;\n            margin-bottom: 20px !important;\n            color: var(--text-dark) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-text {\n            font-size: 1.2rem;\n            color: var(--text-gray);\n            line-height: 1.7;\n            max-width: 700px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== INTRO SECTION ========== *\/\n        .intro-section {\n            padding: 80px 24px;\n            background: var(--white);\n            text-align: center;\n        }\u003c\/p\u003e\n\u003cp\u003e        .intro-content {\n            max-width: 900px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== VIDEO SECTION ========== *\/\n        .video-section {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            padding: 80px 24px;\n            background: var(--apple-gray);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header {\n            text-align: center;\n            margin-bottom: 56px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header .section-title {\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header .section-label {\n            color: var(--thule-blue) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container {\n            position: relative;\n            max-width: 1100px;\n            margin: 0 auto;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container::before {\n            content: '';\n            display: block;\n            padding-top: 56.25%;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== FEATURES SECTION ========== *\/\n        .features-section {\n            padding: 80px 24px;\n            background: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card {\n            background: var(--apple-gray);\n            border-radius: 28px;\n            overflow: hidden;\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--thule-blue), var(--thule-blue-light));\n            transform: scaleX(0);\n            transition: transform 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover {\n            transform: translateY(-12px);\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover::before {\n            transform: scaleX(1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-image {\n            aspect-ratio: 4\/3;\n            background: var(--white);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 32px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-image img {\n            max-width: 100%;\n            max-height: 100%;\n            object-fit: contain;\n            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover .feature-image img {\n            transform: scale(1.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-content {\n            padding: 28px 28px 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-title {\n            font-size: 1.35rem;\n            font-weight: 600;\n            color: var(--text-dark);\n            margin-bottom: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-text {\n            font-size: 1rem;\n            color: var(--text-gray);\n            line-height: 1.65;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1024px) {\n            .features-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 640px) {\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== LIFESTYLE GALLERY ========== *\/\n        .lifestyle-section {\n            padding: 80px 24px;\n            background: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 24px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card {\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card:hover img {\n            transform: scale(1.05);\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .lifestyle-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== RECOMMENDATIONS SECTION ========== *\/\n        .recommendations-section {\n            padding: 80px 24px;\n            background: var(--apple-gray);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendations-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendations-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card {\n            background: var(--white);\n            border-radius: 24px;\n            overflow: hidden;\n            text-decoration: none;\n            color: inherit;\n            display: flex;\n            flex-direction: column;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-image {\n            background: #f5f5f7;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: 200px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-image img,\n        .recommendation-card-image svg {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover .recommendation-card-image img,\n        .recommendation-card:hover .recommendation-card-image svg {\n            transform: scale(1.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-content {\n            padding: 20px;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card h4 {\n            font-size: 1rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 8px;\n            line-height: 1.3;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card p {\n            font-size: 0.875rem;\n            color: var(--text-light);\n            margin-bottom: 16px;\n            flex: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-cta {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 0.875rem;\n            font-weight: 600;\n            color: var(--thule-blue);\n            transition: gap 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover .recommendation-cta {\n            gap: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1024px) {\n            .recommendations-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 600px) {\n            .recommendations-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== MEGA COMPARISON TABLE ========== *\/\n        .comparison-section {\n            padding: 80px 0;\n            background: linear-gradient(180deg, var(--apple-gray) 0%, #e8eef5 100%);\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .comparison-header {\n            text-align: center;\n            margin-bottom: 40px;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .comparison-wrapper {\n            width: 100%;\n            overflow-x: auto;\n            padding: 0 24px 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table {\n            width: 100%;\n            min-width: 1350px;\n            border-collapse: separate;\n            border-spacing: 0;\n            background: var(--white);\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table thead {\n            background: linear-gradient(135deg, #1C1C1E 0%, #2d2d2d 50%, #1C1C1E 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th {\n            padding: 24px 20px;\n            font-size: 0.95rem;\n            font-weight: 600;\n            color: var(--vector-gold);\n            text-align: center;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            position: relative;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th:first-child {\n            text-align: left;\n            padding-left: 32px;\n            min-width: 200px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th:not(:last-child)::after {\n            content: '';\n            position: absolute;\n            right: 0;\n            top: 25%;\n            height: 50%;\n            width: 1px;\n            background: rgba(255, 255, 255, 0.2);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr {\n            transition: all 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:hover {\n            background: rgba(0, 102, 204, 0.04);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr.highlight-row {\n            background: linear-gradient(90deg, rgba(201, 169, 98, 0.08) 0%, rgba(201, 169, 98, 0.03) 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr.highlight-row:hover {\n            background: linear-gradient(90deg, rgba(201, 169, 98, 0.12) 0%, rgba(201, 169, 98, 0.06) 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table td {\n            padding: 20px;\n            font-size: 0.95rem;\n            color: var(--text-gray);\n            text-align: center;\n            border-bottom: 1px solid var(--apple-gray);\n            transition: all 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table td:first-child {\n            text-align: left;\n            padding-left: 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:last-child td {\n            border-bottom: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model name cell *\/\n        .model-cell {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-badge {\n            width: 48px;\n            height: 48px;\n            background: linear-gradient(135deg, var(--apple-gray) 0%, #e0e0e5 100%);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.75rem;\n            font-weight: 700;\n            color: var(--vector-gold);\n            flex-shrink: 0;\n        }\u003c\/p\u003e\n\u003cp\u003e        .highlight-row .model-badge {\n            background: linear-gradient(135deg, var(--vector-gold) 0%, var(--vector-gold-light) 100%);\n            color: #0D0D0D;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-name {\n            font-weight: 600;\n            color: var(--text-dark);\n            font-size: 1rem;\n        }\u003c\/p\u003e\n\u003cp\u003e        .highlight-row .model-name {\n            color: var(--vector-gold-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-tag {\n            display: inline-block;\n            padding: 4px 10px;\n            background: var(--accent-green);\n            color: white;\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            border-radius: 6px;\n            margin-left: 8px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Volume cells with visual bar *\/\n        .volume-cell {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 8px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-value {\n            font-size: 1.25rem;\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-bar-bg {\n            width: 100%;\n            max-width: 100px;\n            height: 6px;\n            background: var(--apple-gray-dark);\n            border-radius: 3px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-bar {\n            height: 100%;\n            background: linear-gradient(90deg, var(--vector-gold), var(--vector-gold-light));\n            border-radius: 3px;\n            transition: width 0.6s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Dimension cells *\/\n        .dim-cell {\n            font-family: 'Outfit', monospace;\n            font-size: 0.85rem;\n        }\u003c\/p\u003e\n\u003cp\u003e        .dim-highlight {\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .dim-interior {\n            color: var(--vector-gold-dark);\n            font-weight: 500;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Capacity cells *\/\n        .capacity-cell {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ski\/Snowboard cells *\/\n        .ski-cell {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 4px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icons {\n            display: flex;\n            gap: 2px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icon {\n            width: 4px;\n            height: 20px;\n            background: var(--thule-blue);\n            border-radius: 2px;\n            opacity: 0.3;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icon.active {\n            opacity: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-value {\n            font-weight: 600;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Check\/Cross icons *\/\n        .check-icon {\n            width: 28px;\n            height: 28px;\n            background: rgba(52, 199, 89, 0.15);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--accent-green);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Weight cell *\/\n        .weight-cell {\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Interactive Row Highlight *\/\n        .mega-table tbody tr {\n            cursor: pointer;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:active {\n            transform: scale(0.995);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Category Header Rows *\/\n        .category-row td {\n            background: var(--apple-gray);\n            font-weight: 600;\n            color: var(--text-dark);\n            text-transform: uppercase;\n            font-size: 0.8rem;\n            letter-spacing: 0.1em;\n            padding: 12px 20px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .category-row td:first-child {\n            padding-left: 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .comparison-wrapper {\n                padding: 0 16px 16px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .mega-table th,\n            .mega-table td {\n                padding: 16px 12px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .mega-table th:first-child,\n            .mega-table td:first-child {\n                padding-left: 16px;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== CTA SECTION - FULL WIDTH ========== *\/\n        .cta-section {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            margin-left: calc(-50vw + 50%) !important;\n            margin-right: calc(-50vw + 50%) !important;\n            padding: 0;\n            background: linear-gradient(165deg, var(--thule-charcoal) 0%, var(--thule-black) 100%);\n            position: relative;\n            overflow: hidden;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ambient glow *\/\n        .cta-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(ellipse at center top, \n                rgba(0, 102, 204, 0.15) 0%, \n                transparent 50%);\n            pointer-events: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-main {\n            padding: 120px 24px 100px;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-section .section-title {\n            color: var(--white);\n            font-size: clamp(2rem, 5vw, 4rem);\n            margin-bottom: 10px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-tagline {\n            font-size: clamp(3.5rem, 10vw, 7rem);\n            font-weight: 800;\n            color: #ffffff;\n            margin-bottom: 30px;\n            margin-top: 10px;\n            letter-spacing: -0.03em;\n            line-height: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-tagline.gold-gradient {\n            background: linear-gradient(135deg, #C9A962 0%, #E8D5A3 40%, #C9A962 70%, #A68B4B 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-subtitle {\n            font-size: 1.25rem;\n            color: rgba(255, 255, 255, 0.6);\n            margin-bottom: 60px;\n            margin-top: 0;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 24px;\n            flex-wrap: wrap;\n            margin-bottom: 100px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            padding: 22px 48px;\n            font-size: 1.15rem;\n            font-weight: 600;\n            border-radius: 980px;\n            cursor: pointer;\n            transition: all 0.4s ease;\n            border: none;\n            text-decoration: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-primary {\n            background: var(--thule-blue);\n            color: var(--white);\n            box-shadow: 0 8px 32px rgba(0, 102, 204, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-primary:hover {\n            background: var(--thule-blue-light);\n            transform: translateY(-4px);\n            box-shadow: 0 16px 48px rgba(0, 102, 204, 0.5);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-secondary {\n            background: rgba(255, 255, 255, 0.08);\n            color: var(--white);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-secondary:hover {\n            background: rgba(255, 255, 255, 0.12);\n            transform: translateY(-4px);\n            border-color: rgba(255, 255, 255, 0.35);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Benefits Strip - Full Width *\/\n        .benefits-strip {\n            width: 100%;\n            background: rgba(255, 255, 255, 0.03);\n            border-top: 1px solid rgba(255, 255, 255, 0.08);\n            padding: 60px 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 0;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 20px;\n            padding: 24px 32px;\n            border-right: 1px solid rgba(255, 255, 255, 0.08);\n            transition: all 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item:last-child {\n            border-right: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item:hover {\n            background:\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57491532972414,"sku":"613501","price":7499.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-Thule_Vector_Alpine_BlackMetallic_Side_613501.jpg?v=1780258845"},{"product_id":"cutie-portbagaj-auto-thule-vector-l-negru-metalic","title":"Cutie portbagaj auto Thule Vector L - Negru Metalic","description":"\u003cbody\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"273020\" class=\"elementor elementor-273020\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-b66494c e-flex e-con-boxed e-con e-parent\" data-id=\"b66494c\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-bd40808 elementor-widget elementor-widget-html\" data-id=\"bd40808\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n    \u003ctitle\u003eThule Vector | Cutii Portbagaj Ultra-Premium | ProVelo România\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n        :root {\n            --thule-blue: #0066CC;\n            --thule-blue-dark: #004C99;\n            --thule-blue-light: #3399FF;\n            --motion-titan: #8B8B8B;\n            --motion-titan-light: #A8A8A8;\n            \/* Vector Premium Colors *\/\n            --vector-gold: #C9A962;\n            --vector-gold-light: #D4BC7D;\n            --vector-gold-dark: #A68B4B;\n            --vector-black: #0D0D0D;\n            --vector-charcoal: #1C1C1E;\n            --thule-black: #0a0a0a;\n            --thule-charcoal: #1a1a1a;\n            --thule-gray-dark: #2d2d2d;\n            --apple-gray: #f5f5f7;\n            --apple-gray-dark: #e8e8ed;\n            --text-dark: #1d1d1f;\n            --text-gray: #6e6e73;\n            --white: #ffffff;\n            --accent-orange: #FF6B35;\n            --accent-green: #34C759;\n            --accent-teal: #00A99D;\n        }\u003c\/p\u003e\n\u003cp\u003e        .full-width-section {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n    margin-right: calc(-50vw + 50%) !important;\n    padding: 0;\n    background: linear-gradient(165deg, var(--thule-charcoal) 0%, var(--thule-black) 100%);\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n}\u003c\/p\u003e\n\u003cp\u003e        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        html {\n            scroll-behavior: smooth;\n            overflow-x: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        body {\n            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;\n            line-height: 1.5;\n            color: var(--text-dark);\n            background: var(--white);\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            overflow-x: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== HERO SECTION - FULL WIDTH ========== *\/\n        .hero {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            min-height: auto;\n            overflow: hidden;\n            background: linear-gradient(165deg, #0a0a0a 0%, #1a1a1a 40%, #2d2d2d 100%);\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: center;\n            padding: 20px 24px 40px;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ambient glow effect *\/\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 10%;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 150%;\n            height: 80%;\n            background: radial-gradient(ellipse at center, \n                rgba(0, 102, 204, 0.12) 0%, \n                rgba(0, 102, 204, 0.04) 40%, \n                transparent 70%);\n            pointer-events: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            width: 100%;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 6px 16px;\n            background: rgba(255, 255, 255, 0.06);\n            border: 1px solid rgba(255, 255, 255, 0.12);\n            border-radius: 50px;\n            margin-bottom: 8px;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.1s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge-dot {\n            width: 6px;\n            height: 6px;\n            background: var(--thule-blue-light);\n            border-radius: 50%;\n            animation: pulse 2s ease-in-out infinite;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes pulse {\n            0%, 100% { opacity: 1; transform: scale(1); }\n            50% { opacity: 0.6; transform: scale(1.3); }\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge-text {\n            font-size: 0.7rem;\n            font-weight: 500;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            color: rgba(255, 255, 255, 0.75);\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-title {\n            font-size: clamp(4rem, 11vw, 10rem) !important;\n            font-weight: 800 !important;\n            color: #ffffff !important;\n            -webkit-text-fill-color: #ffffff !important;\n            letter-spacing: -0.04em !important;\n            line-height: 0.85 !important;\n            margin-bottom: 0 !important;\n            margin-top: 0 !important;\n            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;\n            display: block !important;\n            text-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 0.8s ease 0.2s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-size-indicator {\n            font-size: 0.5em;\n            font-weight: 600;\n            color: var(--thule-blue-light);\n            letter-spacing: 0.05em;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-subtitle {\n            font-size: 1rem;\n            color: rgba(255, 255, 255, 0.55);\n            margin-bottom: 10px;\n            max-width: 450px;\n            margin-left: auto;\n            margin-right: auto;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.3s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model Selector Pills *\/\n        .model-selector {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 8px;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.4s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 8px 16px;\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 12px;\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            min-width: 80px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill:hover {\n            background: rgba(255, 255, 255, 0.08);\n            border-color: rgba(255, 255, 255, 0.2);\n            transform: translateY(-3px);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill.active {\n            background: var(--thule-blue);\n            border-color: var(--thule-blue);\n            box-shadow: 0 6px 24px rgba(0, 102, 204, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill-name {\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: rgba(255, 255, 255, 0.9);\n            margin-bottom: 1px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill-volume {\n            font-size: 0.7rem;\n            color: rgba(255, 255, 255, 0.5);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill.active .model-pill-volume {\n            color: rgba(255, 255, 255, 0.8);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Hero Product Image *\/\n        .hero-product {\n            position: relative;\n            max-width: 550px;\n            margin: -30px auto -40px;\n            opacity: 0;\n            animation: productReveal 1.2s ease 0.6s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes productReveal {\n            from {\n                opacity: 0;\n                transform: scale(0.94) translateY(15px);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1) translateY(0);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-product img {\n            width: 100%;\n            height: auto;\n            filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model Info Display *\/\n        .model-info-display {\n            display: flex;\n            justify-content: center;\n            gap: 60px;\n            flex-wrap: wrap;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.8s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-item {\n            text-align: center;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-value {\n            font-size: 2.8rem;\n            font-weight: 700;\n            color: #ffffff;\n            margin-bottom: 2px;\n            transition: all 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-label {\n            font-size: 0.65rem;\n            text-transform: uppercase;\n            letter-spacing: 0.12em;\n            color: rgba(255, 255, 255, 0.45);\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1200px) {\n            .hero-title {\n                font-size: 8rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 900px) {\n            .hero-title {\n                font-size: 5rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .hero {\n                padding: 20px 16px 30px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-title {\n                font-size: 4rem !important;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-selector {\n                gap: 6px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill {\n                padding: 6px 10px;\n                min-width: 65px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill-name {\n                font-size: 0.75rem;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill-volume {\n                font-size: 0.6rem;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-product {\n                max-width: 80%;\n                margin-bottom: 12px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-info-display {\n                gap: 20px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-info-value {\n                font-size: 1.5rem;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 480px) {\n            .hero-title {\n                font-size: 3rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== CONTAINERS ========== *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .container-wide {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== TYPOGRAPHY ========== *\/\n        .gradient-thule {\n            background: linear-gradient(135deg, #0066CC 0%, #3399FF 50%, #00A99D 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .gradient-vector {\n            background: linear-gradient(135deg, #C9A962 0%, #E8D5A3 40%, #C9A962 70%, #A68B4B 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .gradient-power {\n            background: linear-gradient(90deg, #FF6B35 0%, #FFB347 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-label {\n            font-size: 1rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            color: var(--thule-blue);\n            margin-bottom: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-title {\n            font-size: clamp(2.5rem, 6vw, 5rem) !important;\n            font-weight: 900 !important;\n            letter-spacing: -0.03em !important;\n            line-height: 1.0 !important;\n            margin-bottom: 20px !important;\n            color: var(--text-dark) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-text {\n            font-size: 1.2rem;\n            color: var(--text-gray);\n            line-height: 1.7;\n            max-width: 700px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== INTRO SECTION ========== *\/\n        .intro-section {\n            padding: 80px 24px;\n            background: var(--white);\n            text-align: center;\n        }\u003c\/p\u003e\n\u003cp\u003e        .intro-content {\n            max-width: 900px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== VIDEO SECTION ========== *\/\n        .video-section {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            padding: 80px 24px;\n            background: var(--apple-gray);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header {\n            text-align: center;\n            margin-bottom: 56px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header .section-title {\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header .section-label {\n            color: var(--thule-blue) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container {\n            position: relative;\n            max-width: 1100px;\n            margin: 0 auto;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container::before {\n            content: '';\n            display: block;\n            padding-top: 56.25%;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== FEATURES SECTION ========== *\/\n        .features-section {\n            padding: 80px 24px;\n            background: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card {\n            background: var(--apple-gray);\n            border-radius: 28px;\n            overflow: hidden;\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--thule-blue), var(--thule-blue-light));\n            transform: scaleX(0);\n            transition: transform 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover {\n            transform: translateY(-12px);\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover::before {\n            transform: scaleX(1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-image {\n            aspect-ratio: 4\/3;\n            background: var(--white);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 32px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-image img {\n            max-width: 100%;\n            max-height: 100%;\n            object-fit: contain;\n            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover .feature-image img {\n            transform: scale(1.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-content {\n            padding: 28px 28px 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-title {\n            font-size: 1.35rem;\n            font-weight: 600;\n            color: var(--text-dark);\n            margin-bottom: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-text {\n            font-size: 1rem;\n            color: var(--text-gray);\n            line-height: 1.65;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1024px) {\n            .features-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 640px) {\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== LIFESTYLE GALLERY ========== *\/\n        .lifestyle-section {\n            padding: 80px 24px;\n            background: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 24px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card {\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card:hover img {\n            transform: scale(1.05);\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .lifestyle-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== RECOMMENDATIONS SECTION ========== *\/\n        .recommendations-section {\n            padding: 80px 24px;\n            background: var(--apple-gray);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendations-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendations-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card {\n            background: var(--white);\n            border-radius: 24px;\n            overflow: hidden;\n            text-decoration: none;\n            color: inherit;\n            display: flex;\n            flex-direction: column;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-image {\n            background: #f5f5f7;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: 200px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-image img,\n        .recommendation-card-image svg {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover .recommendation-card-image img,\n        .recommendation-card:hover .recommendation-card-image svg {\n            transform: scale(1.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-content {\n            padding: 20px;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card h4 {\n            font-size: 1rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 8px;\n            line-height: 1.3;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card p {\n            font-size: 0.875rem;\n            color: var(--text-light);\n            margin-bottom: 16px;\n            flex: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-cta {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 0.875rem;\n            font-weight: 600;\n            color: var(--thule-blue);\n            transition: gap 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover .recommendation-cta {\n            gap: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1024px) {\n            .recommendations-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 600px) {\n            .recommendations-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== MEGA COMPARISON TABLE ========== *\/\n        .comparison-section {\n            padding: 80px 0;\n            background: linear-gradient(180deg, var(--apple-gray) 0%, #e8eef5 100%);\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .comparison-header {\n            text-align: center;\n            margin-bottom: 40px;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .comparison-wrapper {\n            width: 100%;\n            overflow-x: auto;\n            padding: 0 24px 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table {\n            width: 100%;\n            min-width: 1350px;\n            border-collapse: separate;\n            border-spacing: 0;\n            background: var(--white);\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table thead {\n            background: linear-gradient(135deg, #1C1C1E 0%, #2d2d2d 50%, #1C1C1E 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th {\n            padding: 24px 20px;\n            font-size: 0.95rem;\n            font-weight: 600;\n            color: var(--vector-gold);\n            text-align: center;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            position: relative;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th:first-child {\n            text-align: left;\n            padding-left: 32px;\n            min-width: 200px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th:not(:last-child)::after {\n            content: '';\n            position: absolute;\n            right: 0;\n            top: 25%;\n            height: 50%;\n            width: 1px;\n            background: rgba(255, 255, 255, 0.2);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr {\n            transition: all 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:hover {\n            background: rgba(0, 102, 204, 0.04);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr.highlight-row {\n            background: linear-gradient(90deg, rgba(201, 169, 98, 0.08) 0%, rgba(201, 169, 98, 0.03) 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr.highlight-row:hover {\n            background: linear-gradient(90deg, rgba(201, 169, 98, 0.12) 0%, rgba(201, 169, 98, 0.06) 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table td {\n            padding: 20px;\n            font-size: 0.95rem;\n            color: var(--text-gray);\n            text-align: center;\n            border-bottom: 1px solid var(--apple-gray);\n            transition: all 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table td:first-child {\n            text-align: left;\n            padding-left: 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:last-child td {\n            border-bottom: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model name cell *\/\n        .model-cell {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-badge {\n            width: 48px;\n            height: 48px;\n            background: linear-gradient(135deg, var(--apple-gray) 0%, #e0e0e5 100%);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.75rem;\n            font-weight: 700;\n            color: var(--vector-gold);\n            flex-shrink: 0;\n        }\u003c\/p\u003e\n\u003cp\u003e        .highlight-row .model-badge {\n            background: linear-gradient(135deg, var(--vector-gold) 0%, var(--vector-gold-light) 100%);\n            color: #0D0D0D;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-name {\n            font-weight: 600;\n            color: var(--text-dark);\n            font-size: 1rem;\n        }\u003c\/p\u003e\n\u003cp\u003e        .highlight-row .model-name {\n            color: var(--vector-gold-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-tag {\n            display: inline-block;\n            padding: 4px 10px;\n            background: var(--accent-green);\n            color: white;\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            border-radius: 6px;\n            margin-left: 8px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Volume cells with visual bar *\/\n        .volume-cell {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 8px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-value {\n            font-size: 1.25rem;\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-bar-bg {\n            width: 100%;\n            max-width: 100px;\n            height: 6px;\n            background: var(--apple-gray-dark);\n            border-radius: 3px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-bar {\n            height: 100%;\n            background: linear-gradient(90deg, var(--vector-gold), var(--vector-gold-light));\n            border-radius: 3px;\n            transition: width 0.6s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Dimension cells *\/\n        .dim-cell {\n            font-family: 'Outfit', monospace;\n            font-size: 0.85rem;\n        }\u003c\/p\u003e\n\u003cp\u003e        .dim-highlight {\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .dim-interior {\n            color: var(--vector-gold-dark);\n            font-weight: 500;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Capacity cells *\/\n        .capacity-cell {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ski\/Snowboard cells *\/\n        .ski-cell {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 4px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icons {\n            display: flex;\n            gap: 2px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icon {\n            width: 4px;\n            height: 20px;\n            background: var(--thule-blue);\n            border-radius: 2px;\n            opacity: 0.3;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icon.active {\n            opacity: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-value {\n            font-weight: 600;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Check\/Cross icons *\/\n        .check-icon {\n            width: 28px;\n            height: 28px;\n            background: rgba(52, 199, 89, 0.15);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--accent-green);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Weight cell *\/\n        .weight-cell {\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Interactive Row Highlight *\/\n        .mega-table tbody tr {\n            cursor: pointer;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:active {\n            transform: scale(0.995);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Category Header Rows *\/\n        .category-row td {\n            background: var(--apple-gray);\n            font-weight: 600;\n            color: var(--text-dark);\n            text-transform: uppercase;\n            font-size: 0.8rem;\n            letter-spacing: 0.1em;\n            padding: 12px 20px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .category-row td:first-child {\n            padding-left: 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .comparison-wrapper {\n                padding: 0 16px 16px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .mega-table th,\n            .mega-table td {\n                padding: 16px 12px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .mega-table th:first-child,\n            .mega-table td:first-child {\n                padding-left: 16px;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== CTA SECTION - FULL WIDTH ========== *\/\n        .cta-section {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            margin-left: calc(-50vw + 50%) !important;\n            margin-right: calc(-50vw + 50%) !important;\n            padding: 0;\n            background: linear-gradient(165deg, var(--thule-charcoal) 0%, var(--thule-black) 100%);\n            position: relative;\n            overflow: hidden;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ambient glow *\/\n        .cta-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(ellipse at center top, \n                rgba(0, 102, 204, 0.15) 0%, \n                transparent 50%);\n            pointer-events: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-main {\n            padding: 120px 24px 100px;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-section .section-title {\n            color: var(--white);\n            font-size: clamp(2rem, 5vw, 4rem);\n            margin-bottom: 10px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-tagline {\n            font-size: clamp(3.5rem, 10vw, 7rem);\n            font-weight: 800;\n            color: #ffffff;\n            margin-bottom: 30px;\n            margin-top: 10px;\n            letter-spacing: -0.03em;\n            line-height: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-tagline.gold-gradient {\n            background: linear-gradient(135deg, #C9A962 0%, #E8D5A3 40%, #C9A962 70%, #A68B4B 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-subtitle {\n            font-size: 1.25rem;\n            color: rgba(255, 255, 255, 0.6);\n            margin-bottom: 60px;\n            margin-top: 0;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 24px;\n            flex-wrap: wrap;\n            margin-bottom: 100px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            padding: 22px 48px;\n            font-size: 1.15rem;\n            font-weight: 600;\n            border-radius: 980px;\n            cursor: pointer;\n            transition: all 0.4s ease;\n            border: none;\n            text-decoration: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-primary {\n            background: var(--thule-blue);\n            color: var(--white);\n            box-shadow: 0 8px 32px rgba(0, 102, 204, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-primary:hover {\n            background: var(--thule-blue-light);\n            transform: translateY(-4px);\n            box-shadow: 0 16px 48px rgba(0, 102, 204, 0.5);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-secondary {\n            background: rgba(255, 255, 255, 0.08);\n            color: var(--white);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-secondary:hover {\n            background: rgba(255, 255, 255, 0.12);\n            transform: translateY(-4px);\n            border-color: rgba(255, 255, 255, 0.35);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Benefits Strip - Full Width *\/\n        .benefits-strip {\n            width: 100%;\n            background: rgba(255, 255, 255, 0.03);\n            border-top: 1px solid rgba(255, 255, 255, 0.08);\n            padding: 60px 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 0;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 20px;\n            padding: 24px 32px;\n            border-right: 1px solid rgba(255, 255, 255, 0.08);\n            transition: all 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item:last-child {\n            border-right: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item:hover {\n            background:\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57492645937534,"sku":"TA613701","price":7499.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-Thule_Vector_Large_BlackMetallic_Side_613701.jpg?v=1780265620"},{"product_id":"cutie-portbagaj-auto-thule-vector-alpin-titan-mat","title":"Cutie portbagaj auto Thule Vector Alpin - Titan Mat","description":"\u003cbody\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"273020\" class=\"elementor elementor-273020\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-b66494c e-flex e-con-boxed e-con e-parent\" data-id=\"b66494c\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-bd40808 elementor-widget elementor-widget-html\" data-id=\"bd40808\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n    \u003ctitle\u003eThule Vector | Cutii Portbagaj Ultra-Premium | ProVelo România\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n        :root {\n            --thule-blue: #0066CC;\n            --thule-blue-dark: #004C99;\n            --thule-blue-light: #3399FF;\n            --motion-titan: #8B8B8B;\n            --motion-titan-light: #A8A8A8;\n            \/* Vector Premium Colors *\/\n            --vector-gold: #C9A962;\n            --vector-gold-light: #D4BC7D;\n            --vector-gold-dark: #A68B4B;\n            --vector-black: #0D0D0D;\n            --vector-charcoal: #1C1C1E;\n            --thule-black: #0a0a0a;\n            --thule-charcoal: #1a1a1a;\n            --thule-gray-dark: #2d2d2d;\n            --apple-gray: #f5f5f7;\n            --apple-gray-dark: #e8e8ed;\n            --text-dark: #1d1d1f;\n            --text-gray: #6e6e73;\n            --white: #ffffff;\n            --accent-orange: #FF6B35;\n            --accent-green: #34C759;\n            --accent-teal: #00A99D;\n        }\u003c\/p\u003e\n\u003cp\u003e        .full-width-section {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n    margin-right: calc(-50vw + 50%) !important;\n    padding: 0;\n    background: linear-gradient(165deg, var(--thule-charcoal) 0%, var(--thule-black) 100%);\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n}\u003c\/p\u003e\n\u003cp\u003e        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        html {\n            scroll-behavior: smooth;\n            overflow-x: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        body {\n            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;\n            line-height: 1.5;\n            color: var(--text-dark);\n            background: var(--white);\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            overflow-x: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== HERO SECTION - FULL WIDTH ========== *\/\n        .hero {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            min-height: auto;\n            overflow: hidden;\n            background: linear-gradient(165deg, #0a0a0a 0%, #1a1a1a 40%, #2d2d2d 100%);\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: center;\n            padding: 20px 24px 40px;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ambient glow effect *\/\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 10%;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 150%;\n            height: 80%;\n            background: radial-gradient(ellipse at center, \n                rgba(0, 102, 204, 0.12) 0%, \n                rgba(0, 102, 204, 0.04) 40%, \n                transparent 70%);\n            pointer-events: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            width: 100%;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 6px 16px;\n            background: rgba(255, 255, 255, 0.06);\n            border: 1px solid rgba(255, 255, 255, 0.12);\n            border-radius: 50px;\n            margin-bottom: 8px;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.1s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge-dot {\n            width: 6px;\n            height: 6px;\n            background: var(--thule-blue-light);\n            border-radius: 50%;\n            animation: pulse 2s ease-in-out infinite;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes pulse {\n            0%, 100% { opacity: 1; transform: scale(1); }\n            50% { opacity: 0.6; transform: scale(1.3); }\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge-text {\n            font-size: 0.7rem;\n            font-weight: 500;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            color: rgba(255, 255, 255, 0.75);\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-title {\n            font-size: clamp(4rem, 11vw, 10rem) !important;\n            font-weight: 800 !important;\n            color: #ffffff !important;\n            -webkit-text-fill-color: #ffffff !important;\n            letter-spacing: -0.04em !important;\n            line-height: 0.85 !important;\n            margin-bottom: 0 !important;\n            margin-top: 0 !important;\n            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;\n            display: block !important;\n            text-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 0.8s ease 0.2s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-size-indicator {\n            font-size: 0.5em;\n            font-weight: 600;\n            color: var(--thule-blue-light);\n            letter-spacing: 0.05em;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-subtitle {\n            font-size: 1rem;\n            color: rgba(255, 255, 255, 0.55);\n            margin-bottom: 10px;\n            max-width: 450px;\n            margin-left: auto;\n            margin-right: auto;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.3s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model Selector Pills *\/\n        .model-selector {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 8px;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.4s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 8px 16px;\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 12px;\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            min-width: 80px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill:hover {\n            background: rgba(255, 255, 255, 0.08);\n            border-color: rgba(255, 255, 255, 0.2);\n            transform: translateY(-3px);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill.active {\n            background: var(--thule-blue);\n            border-color: var(--thule-blue);\n            box-shadow: 0 6px 24px rgba(0, 102, 204, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill-name {\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: rgba(255, 255, 255, 0.9);\n            margin-bottom: 1px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill-volume {\n            font-size: 0.7rem;\n            color: rgba(255, 255, 255, 0.5);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill.active .model-pill-volume {\n            color: rgba(255, 255, 255, 0.8);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Hero Product Image *\/\n        .hero-product {\n            position: relative;\n            max-width: 550px;\n            margin: -30px auto -40px;\n            opacity: 0;\n            animation: productReveal 1.2s ease 0.6s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes productReveal {\n            from {\n                opacity: 0;\n                transform: scale(0.94) translateY(15px);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1) translateY(0);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-product img {\n            width: 100%;\n            height: auto;\n            filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model Info Display *\/\n        .model-info-display {\n            display: flex;\n            justify-content: center;\n            gap: 60px;\n            flex-wrap: wrap;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.8s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-item {\n            text-align: center;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-value {\n            font-size: 2.8rem;\n            font-weight: 700;\n            color: #ffffff;\n            margin-bottom: 2px;\n            transition: all 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-label {\n            font-size: 0.65rem;\n            text-transform: uppercase;\n            letter-spacing: 0.12em;\n            color: rgba(255, 255, 255, 0.45);\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1200px) {\n            .hero-title {\n                font-size: 8rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 900px) {\n            .hero-title {\n                font-size: 5rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .hero {\n                padding: 20px 16px 30px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-title {\n                font-size: 4rem !important;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-selector {\n                gap: 6px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill {\n                padding: 6px 10px;\n                min-width: 65px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill-name {\n                font-size: 0.75rem;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill-volume {\n                font-size: 0.6rem;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-product {\n                max-width: 80%;\n                margin-bottom: 12px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-info-display {\n                gap: 20px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-info-value {\n                font-size: 1.5rem;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 480px) {\n            .hero-title {\n                font-size: 3rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== CONTAINERS ========== *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .container-wide {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== TYPOGRAPHY ========== *\/\n        .gradient-thule {\n            background: linear-gradient(135deg, #0066CC 0%, #3399FF 50%, #00A99D 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .gradient-vector {\n            background: linear-gradient(135deg, #C9A962 0%, #E8D5A3 40%, #C9A962 70%, #A68B4B 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .gradient-power {\n            background: linear-gradient(90deg, #FF6B35 0%, #FFB347 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-label {\n            font-size: 1rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            color: var(--thule-blue);\n            margin-bottom: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-title {\n            font-size: clamp(2.5rem, 6vw, 5rem) !important;\n            font-weight: 900 !important;\n            letter-spacing: -0.03em !important;\n            line-height: 1.0 !important;\n            margin-bottom: 20px !important;\n            color: var(--text-dark) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-text {\n            font-size: 1.2rem;\n            color: var(--text-gray);\n            line-height: 1.7;\n            max-width: 700px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== INTRO SECTION ========== *\/\n        .intro-section {\n            padding: 80px 24px;\n            background: var(--white);\n            text-align: center;\n        }\u003c\/p\u003e\n\u003cp\u003e        .intro-content {\n            max-width: 900px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== VIDEO SECTION ========== *\/\n        .video-section {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            padding: 80px 24px;\n            background: var(--apple-gray);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header {\n            text-align: center;\n            margin-bottom: 56px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header .section-title {\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header .section-label {\n            color: var(--thule-blue) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container {\n            position: relative;\n            max-width: 1100px;\n            margin: 0 auto;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container::before {\n            content: '';\n            display: block;\n            padding-top: 56.25%;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== FEATURES SECTION ========== *\/\n        .features-section {\n            padding: 80px 24px;\n            background: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card {\n            background: var(--apple-gray);\n            border-radius: 28px;\n            overflow: hidden;\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--thule-blue), var(--thule-blue-light));\n            transform: scaleX(0);\n            transition: transform 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover {\n            transform: translateY(-12px);\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover::before {\n            transform: scaleX(1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-image {\n            aspect-ratio: 4\/3;\n            background: var(--white);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 32px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-image img {\n            max-width: 100%;\n            max-height: 100%;\n            object-fit: contain;\n            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover .feature-image img {\n            transform: scale(1.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-content {\n            padding: 28px 28px 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-title {\n            font-size: 1.35rem;\n            font-weight: 600;\n            color: var(--text-dark);\n            margin-bottom: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-text {\n            font-size: 1rem;\n            color: var(--text-gray);\n            line-height: 1.65;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1024px) {\n            .features-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 640px) {\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== LIFESTYLE GALLERY ========== *\/\n        .lifestyle-section {\n            padding: 80px 24px;\n            background: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 24px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card {\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card:hover img {\n            transform: scale(1.05);\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .lifestyle-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== RECOMMENDATIONS SECTION ========== *\/\n        .recommendations-section {\n            padding: 80px 24px;\n            background: var(--apple-gray);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendations-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendations-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card {\n            background: var(--white);\n            border-radius: 24px;\n            overflow: hidden;\n            text-decoration: none;\n            color: inherit;\n            display: flex;\n            flex-direction: column;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-image {\n            background: #f5f5f7;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: 200px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-image img,\n        .recommendation-card-image svg {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover .recommendation-card-image img,\n        .recommendation-card:hover .recommendation-card-image svg {\n            transform: scale(1.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-content {\n            padding: 20px;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card h4 {\n            font-size: 1rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 8px;\n            line-height: 1.3;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card p {\n            font-size: 0.875rem;\n            color: var(--text-light);\n            margin-bottom: 16px;\n            flex: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-cta {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 0.875rem;\n            font-weight: 600;\n            color: var(--thule-blue);\n            transition: gap 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover .recommendation-cta {\n            gap: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1024px) {\n            .recommendations-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 600px) {\n            .recommendations-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== MEGA COMPARISON TABLE ========== *\/\n        .comparison-section {\n            padding: 80px 0;\n            background: linear-gradient(180deg, var(--apple-gray) 0%, #e8eef5 100%);\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .comparison-header {\n            text-align: center;\n            margin-bottom: 40px;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .comparison-wrapper {\n            width: 100%;\n            overflow-x: auto;\n            padding: 0 24px 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table {\n            width: 100%;\n            min-width: 1350px;\n            border-collapse: separate;\n            border-spacing: 0;\n            background: var(--white);\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table thead {\n            background: linear-gradient(135deg, #1C1C1E 0%, #2d2d2d 50%, #1C1C1E 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th {\n            padding: 24px 20px;\n            font-size: 0.95rem;\n            font-weight: 600;\n            color: var(--vector-gold);\n            text-align: center;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            position: relative;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th:first-child {\n            text-align: left;\n            padding-left: 32px;\n            min-width: 200px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th:not(:last-child)::after {\n            content: '';\n            position: absolute;\n            right: 0;\n            top: 25%;\n            height: 50%;\n            width: 1px;\n            background: rgba(255, 255, 255, 0.2);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr {\n            transition: all 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:hover {\n            background: rgba(0, 102, 204, 0.04);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr.highlight-row {\n            background: linear-gradient(90deg, rgba(201, 169, 98, 0.08) 0%, rgba(201, 169, 98, 0.03) 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr.highlight-row:hover {\n            background: linear-gradient(90deg, rgba(201, 169, 98, 0.12) 0%, rgba(201, 169, 98, 0.06) 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table td {\n            padding: 20px;\n            font-size: 0.95rem;\n            color: var(--text-gray);\n            text-align: center;\n            border-bottom: 1px solid var(--apple-gray);\n            transition: all 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table td:first-child {\n            text-align: left;\n            padding-left: 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:last-child td {\n            border-bottom: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model name cell *\/\n        .model-cell {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-badge {\n            width: 48px;\n            height: 48px;\n            background: linear-gradient(135deg, var(--apple-gray) 0%, #e0e0e5 100%);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.75rem;\n            font-weight: 700;\n            color: var(--vector-gold);\n            flex-shrink: 0;\n        }\u003c\/p\u003e\n\u003cp\u003e        .highlight-row .model-badge {\n            background: linear-gradient(135deg, var(--vector-gold) 0%, var(--vector-gold-light) 100%);\n            color: #0D0D0D;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-name {\n            font-weight: 600;\n            color: var(--text-dark);\n            font-size: 1rem;\n        }\u003c\/p\u003e\n\u003cp\u003e        .highlight-row .model-name {\n            color: var(--vector-gold-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-tag {\n            display: inline-block;\n            padding: 4px 10px;\n            background: var(--accent-green);\n            color: white;\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            border-radius: 6px;\n            margin-left: 8px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Volume cells with visual bar *\/\n        .volume-cell {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 8px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-value {\n            font-size: 1.25rem;\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-bar-bg {\n            width: 100%;\n            max-width: 100px;\n            height: 6px;\n            background: var(--apple-gray-dark);\n            border-radius: 3px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-bar {\n            height: 100%;\n            background: linear-gradient(90deg, var(--vector-gold), var(--vector-gold-light));\n            border-radius: 3px;\n            transition: width 0.6s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Dimension cells *\/\n        .dim-cell {\n            font-family: 'Outfit', monospace;\n            font-size: 0.85rem;\n        }\u003c\/p\u003e\n\u003cp\u003e        .dim-highlight {\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .dim-interior {\n            color: var(--vector-gold-dark);\n            font-weight: 500;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Capacity cells *\/\n        .capacity-cell {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ski\/Snowboard cells *\/\n        .ski-cell {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 4px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icons {\n            display: flex;\n            gap: 2px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icon {\n            width: 4px;\n            height: 20px;\n            background: var(--thule-blue);\n            border-radius: 2px;\n            opacity: 0.3;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icon.active {\n            opacity: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-value {\n            font-weight: 600;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Check\/Cross icons *\/\n        .check-icon {\n            width: 28px;\n            height: 28px;\n            background: rgba(52, 199, 89, 0.15);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--accent-green);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Weight cell *\/\n        .weight-cell {\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Interactive Row Highlight *\/\n        .mega-table tbody tr {\n            cursor: pointer;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:active {\n            transform: scale(0.995);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Category Header Rows *\/\n        .category-row td {\n            background: var(--apple-gray);\n            font-weight: 600;\n            color: var(--text-dark);\n            text-transform: uppercase;\n            font-size: 0.8rem;\n            letter-spacing: 0.1em;\n            padding: 12px 20px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .category-row td:first-child {\n            padding-left: 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .comparison-wrapper {\n                padding: 0 16px 16px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .mega-table th,\n            .mega-table td {\n                padding: 16px 12px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .mega-table th:first-child,\n            .mega-table td:first-child {\n                padding-left: 16px;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== CTA SECTION - FULL WIDTH ========== *\/\n        .cta-section {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            margin-left: calc(-50vw + 50%) !important;\n            margin-right: calc(-50vw + 50%) !important;\n            padding: 0;\n            background: linear-gradient(165deg, var(--thule-charcoal) 0%, var(--thule-black) 100%);\n            position: relative;\n            overflow: hidden;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ambient glow *\/\n        .cta-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(ellipse at center top, \n                rgba(0, 102, 204, 0.15) 0%, \n                transparent 50%);\n            pointer-events: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-main {\n            padding: 120px 24px 100px;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-section .section-title {\n            color: var(--white);\n            font-size: clamp(2rem, 5vw, 4rem);\n            margin-bottom: 10px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-tagline {\n            font-size: clamp(3.5rem, 10vw, 7rem);\n            font-weight: 800;\n            color: #ffffff;\n            margin-bottom: 30px;\n            margin-top: 10px;\n            letter-spacing: -0.03em;\n            line-height: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-tagline.gold-gradient {\n            background: linear-gradient(135deg, #C9A962 0%, #E8D5A3 40%, #C9A962 70%, #A68B4B 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-subtitle {\n            font-size: 1.25rem;\n            color: rgba(255, 255, 255, 0.6);\n            margin-bottom: 60px;\n            margin-top: 0;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 24px;\n            flex-wrap: wrap;\n            margin-bottom: 100px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            padding: 22px 48px;\n            font-size: 1.15rem;\n            font-weight: 600;\n            border-radius: 980px;\n            cursor: pointer;\n            transition: all 0.4s ease;\n            border: none;\n            text-decoration: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-primary {\n            background: var(--thule-blue);\n            color: var(--white);\n            box-shadow: 0 8px 32px rgba(0, 102, 204, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-primary:hover {\n            background: var(--thule-blue-light);\n            transform: translateY(-4px);\n            box-shadow: 0 16px 48px rgba(0, 102, 204, 0.5);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-secondary {\n            background: rgba(255, 255, 255, 0.08);\n            color: var(--white);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-secondary:hover {\n            background: rgba(255, 255, 255, 0.12);\n            transform: translateY(-4px);\n            border-color: rgba(255, 255, 255, 0.35);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Benefits Strip - Full Width *\/\n        .benefits-strip {\n            width: 100%;\n            background: rgba(255, 255, 255, 0.03);\n            border-top: 1px solid rgba(255, 255, 255, 0.08);\n            padding: 60px 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 0;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 20px;\n            padding: 24px 32px;\n            border-right: 1px solid rgba(255, 255, 255, 0.08);\n            transition: all 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item:last-child {\n            border-right: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item:hover {\n            background:\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57492694270334,"sku":"613500","price":7499.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-Thule_Vector_Alpine_TitanMatte_Side_613500.jpg?v=1780266463"},{"product_id":"cutie-portbagaj-auto-thule-vector-l-titan-mat","title":"Cutie portbagaj auto Thule Vector L - Titan Mat","description":"\u003cbody\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"273020\" class=\"elementor elementor-273020\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-b66494c e-flex e-con-boxed e-con e-parent\" data-id=\"b66494c\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-bd40808 elementor-widget elementor-widget-html\" data-id=\"bd40808\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n    \u003ctitle\u003eThule Vector | Cutii Portbagaj Ultra-Premium | ProVelo România\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n        :root {\n            --thule-blue: #0066CC;\n            --thule-blue-dark: #004C99;\n            --thule-blue-light: #3399FF;\n            --motion-titan: #8B8B8B;\n            --motion-titan-light: #A8A8A8;\n            \/* Vector Premium Colors *\/\n            --vector-gold: #C9A962;\n            --vector-gold-light: #D4BC7D;\n            --vector-gold-dark: #A68B4B;\n            --vector-black: #0D0D0D;\n            --vector-charcoal: #1C1C1E;\n            --thule-black: #0a0a0a;\n            --thule-charcoal: #1a1a1a;\n            --thule-gray-dark: #2d2d2d;\n            --apple-gray: #f5f5f7;\n            --apple-gray-dark: #e8e8ed;\n            --text-dark: #1d1d1f;\n            --text-gray: #6e6e73;\n            --white: #ffffff;\n            --accent-orange: #FF6B35;\n            --accent-green: #34C759;\n            --accent-teal: #00A99D;\n        }\u003c\/p\u003e\n\u003cp\u003e        .full-width-section {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n    margin-right: calc(-50vw + 50%) !important;\n    padding: 0;\n    background: linear-gradient(165deg, var(--thule-charcoal) 0%, var(--thule-black) 100%);\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n}\u003c\/p\u003e\n\u003cp\u003e        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        html {\n            scroll-behavior: smooth;\n            overflow-x: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        body {\n            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;\n            line-height: 1.5;\n            color: var(--text-dark);\n            background: var(--white);\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            overflow-x: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== HERO SECTION - FULL WIDTH ========== *\/\n        .hero {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            min-height: auto;\n            overflow: hidden;\n            background: linear-gradient(165deg, #0a0a0a 0%, #1a1a1a 40%, #2d2d2d 100%);\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            align-items: center;\n            padding: 20px 24px 40px;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ambient glow effect *\/\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 10%;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 150%;\n            height: 80%;\n            background: radial-gradient(ellipse at center, \n                rgba(0, 102, 204, 0.12) 0%, \n                rgba(0, 102, 204, 0.04) 40%, \n                transparent 70%);\n            pointer-events: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            width: 100%;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 6px 16px;\n            background: rgba(255, 255, 255, 0.06);\n            border: 1px solid rgba(255, 255, 255, 0.12);\n            border-radius: 50px;\n            margin-bottom: 8px;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.1s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge-dot {\n            width: 6px;\n            height: 6px;\n            background: var(--thule-blue-light);\n            border-radius: 50%;\n            animation: pulse 2s ease-in-out infinite;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes pulse {\n            0%, 100% { opacity: 1; transform: scale(1); }\n            50% { opacity: 0.6; transform: scale(1.3); }\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge-text {\n            font-size: 0.7rem;\n            font-weight: 500;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            color: rgba(255, 255, 255, 0.75);\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-title {\n            font-size: clamp(4rem, 11vw, 10rem) !important;\n            font-weight: 800 !important;\n            color: #ffffff !important;\n            -webkit-text-fill-color: #ffffff !important;\n            letter-spacing: -0.04em !important;\n            line-height: 0.85 !important;\n            margin-bottom: 0 !important;\n            margin-top: 0 !important;\n            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;\n            display: block !important;\n            text-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 0.8s ease 0.2s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-size-indicator {\n            font-size: 0.5em;\n            font-weight: 600;\n            color: var(--thule-blue-light);\n            letter-spacing: 0.05em;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-subtitle {\n            font-size: 1rem;\n            color: rgba(255, 255, 255, 0.55);\n            margin-bottom: 10px;\n            max-width: 450px;\n            margin-left: auto;\n            margin-right: auto;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.3s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model Selector Pills *\/\n        .model-selector {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 8px;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.4s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 8px 16px;\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 12px;\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            min-width: 80px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill:hover {\n            background: rgba(255, 255, 255, 0.08);\n            border-color: rgba(255, 255, 255, 0.2);\n            transform: translateY(-3px);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill.active {\n            background: var(--thule-blue);\n            border-color: var(--thule-blue);\n            box-shadow: 0 6px 24px rgba(0, 102, 204, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill-name {\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: rgba(255, 255, 255, 0.9);\n            margin-bottom: 1px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill-volume {\n            font-size: 0.7rem;\n            color: rgba(255, 255, 255, 0.5);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill.active .model-pill-volume {\n            color: rgba(255, 255, 255, 0.8);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Hero Product Image *\/\n        .hero-product {\n            position: relative;\n            max-width: 550px;\n            margin: -30px auto -40px;\n            opacity: 0;\n            animation: productReveal 1.2s ease 0.6s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes productReveal {\n            from {\n                opacity: 0;\n                transform: scale(0.94) translateY(15px);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1) translateY(0);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-product img {\n            width: 100%;\n            height: auto;\n            filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model Info Display *\/\n        .model-info-display {\n            display: flex;\n            justify-content: center;\n            gap: 60px;\n            flex-wrap: wrap;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.8s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-item {\n            text-align: center;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-value {\n            font-size: 2.8rem;\n            font-weight: 700;\n            color: #ffffff;\n            margin-bottom: 2px;\n            transition: all 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-label {\n            font-size: 0.65rem;\n            text-transform: uppercase;\n            letter-spacing: 0.12em;\n            color: rgba(255, 255, 255, 0.45);\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1200px) {\n            .hero-title {\n                font-size: 8rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 900px) {\n            .hero-title {\n                font-size: 5rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .hero {\n                padding: 20px 16px 30px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-title {\n                font-size: 4rem !important;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-selector {\n                gap: 6px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill {\n                padding: 6px 10px;\n                min-width: 65px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill-name {\n                font-size: 0.75rem;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill-volume {\n                font-size: 0.6rem;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-product {\n                max-width: 80%;\n                margin-bottom: 12px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-info-display {\n                gap: 20px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-info-value {\n                font-size: 1.5rem;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 480px) {\n            .hero-title {\n                font-size: 3rem !important;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== CONTAINERS ========== *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .container-wide {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== TYPOGRAPHY ========== *\/\n        .gradient-thule {\n            background: linear-gradient(135deg, #0066CC 0%, #3399FF 50%, #00A99D 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .gradient-vector {\n            background: linear-gradient(135deg, #C9A962 0%, #E8D5A3 40%, #C9A962 70%, #A68B4B 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .gradient-power {\n            background: linear-gradient(90deg, #FF6B35 0%, #FFB347 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-label {\n            font-size: 1rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            color: var(--thule-blue);\n            margin-bottom: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-title {\n            font-size: clamp(2.5rem, 6vw, 5rem) !important;\n            font-weight: 900 !important;\n            letter-spacing: -0.03em !important;\n            line-height: 1.0 !important;\n            margin-bottom: 20px !important;\n            color: var(--text-dark) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-text {\n            font-size: 1.2rem;\n            color: var(--text-gray);\n            line-height: 1.7;\n            max-width: 700px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== INTRO SECTION ========== *\/\n        .intro-section {\n            padding: 80px 24px;\n            background: var(--white);\n            text-align: center;\n        }\u003c\/p\u003e\n\u003cp\u003e        .intro-content {\n            max-width: 900px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== VIDEO SECTION ========== *\/\n        .video-section {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            padding: 80px 24px;\n            background: var(--apple-gray);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header {\n            text-align: center;\n            margin-bottom: 56px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header .section-title {\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header .section-label {\n            color: var(--thule-blue) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container {\n            position: relative;\n            max-width: 1100px;\n            margin: 0 auto;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container::before {\n            content: '';\n            display: block;\n            padding-top: 56.25%;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== FEATURES SECTION ========== *\/\n        .features-section {\n            padding: 80px 24px;\n            background: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card {\n            background: var(--apple-gray);\n            border-radius: 28px;\n            overflow: hidden;\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--thule-blue), var(--thule-blue-light));\n            transform: scaleX(0);\n            transition: transform 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover {\n            transform: translateY(-12px);\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover::before {\n            transform: scaleX(1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-image {\n            aspect-ratio: 4\/3;\n            background: var(--white);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 32px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-image img {\n            max-width: 100%;\n            max-height: 100%;\n            object-fit: contain;\n            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover .feature-image img {\n            transform: scale(1.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-content {\n            padding: 28px 28px 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-title {\n            font-size: 1.35rem;\n            font-weight: 600;\n            color: var(--text-dark);\n            margin-bottom: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-text {\n            font-size: 1rem;\n            color: var(--text-gray);\n            line-height: 1.65;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1024px) {\n            .features-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 640px) {\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== LIFESTYLE GALLERY ========== *\/\n        .lifestyle-section {\n            padding: 80px 24px;\n            background: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 24px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card {\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card:hover img {\n            transform: scale(1.05);\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .lifestyle-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== RECOMMENDATIONS SECTION ========== *\/\n        .recommendations-section {\n            padding: 80px 24px;\n            background: var(--apple-gray);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendations-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendations-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card {\n            background: var(--white);\n            border-radius: 24px;\n            overflow: hidden;\n            text-decoration: none;\n            color: inherit;\n            display: flex;\n            flex-direction: column;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-image {\n            background: #f5f5f7;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: 200px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-image img,\n        .recommendation-card-image svg {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover .recommendation-card-image img,\n        .recommendation-card:hover .recommendation-card-image svg {\n            transform: scale(1.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card-content {\n            padding: 20px;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card h4 {\n            font-size: 1rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 8px;\n            line-height: 1.3;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card p {\n            font-size: 0.875rem;\n            color: var(--text-light);\n            margin-bottom: 16px;\n            flex: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-cta {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 0.875rem;\n            font-weight: 600;\n            color: var(--thule-blue);\n            transition: gap 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .recommendation-card:hover .recommendation-cta {\n            gap: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1024px) {\n            .recommendations-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 600px) {\n            .recommendations-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== MEGA COMPARISON TABLE ========== *\/\n        .comparison-section {\n            padding: 80px 0;\n            background: linear-gradient(180deg, var(--apple-gray) 0%, #e8eef5 100%);\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .comparison-header {\n            text-align: center;\n            margin-bottom: 40px;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .comparison-wrapper {\n            width: 100%;\n            overflow-x: auto;\n            padding: 0 24px 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table {\n            width: 100%;\n            min-width: 1350px;\n            border-collapse: separate;\n            border-spacing: 0;\n            background: var(--white);\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table thead {\n            background: linear-gradient(135deg, #1C1C1E 0%, #2d2d2d 50%, #1C1C1E 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th {\n            padding: 24px 20px;\n            font-size: 0.95rem;\n            font-weight: 600;\n            color: var(--vector-gold);\n            text-align: center;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            position: relative;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th:first-child {\n            text-align: left;\n            padding-left: 32px;\n            min-width: 200px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th:not(:last-child)::after {\n            content: '';\n            position: absolute;\n            right: 0;\n            top: 25%;\n            height: 50%;\n            width: 1px;\n            background: rgba(255, 255, 255, 0.2);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr {\n            transition: all 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:hover {\n            background: rgba(0, 102, 204, 0.04);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr.highlight-row {\n            background: linear-gradient(90deg, rgba(201, 169, 98, 0.08) 0%, rgba(201, 169, 98, 0.03) 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr.highlight-row:hover {\n            background: linear-gradient(90deg, rgba(201, 169, 98, 0.12) 0%, rgba(201, 169, 98, 0.06) 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table td {\n            padding: 20px;\n            font-size: 0.95rem;\n            color: var(--text-gray);\n            text-align: center;\n            border-bottom: 1px solid var(--apple-gray);\n            transition: all 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table td:first-child {\n            text-align: left;\n            padding-left: 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:last-child td {\n            border-bottom: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model name cell *\/\n        .model-cell {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-badge {\n            width: 48px;\n            height: 48px;\n            background: linear-gradient(135deg, var(--apple-gray) 0%, #e0e0e5 100%);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.75rem;\n            font-weight: 700;\n            color: var(--vector-gold);\n            flex-shrink: 0;\n        }\u003c\/p\u003e\n\u003cp\u003e        .highlight-row .model-badge {\n            background: linear-gradient(135deg, var(--vector-gold) 0%, var(--vector-gold-light) 100%);\n            color: #0D0D0D;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-name {\n            font-weight: 600;\n            color: var(--text-dark);\n            font-size: 1rem;\n        }\u003c\/p\u003e\n\u003cp\u003e        .highlight-row .model-name {\n            color: var(--vector-gold-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-tag {\n            display: inline-block;\n            padding: 4px 10px;\n            background: var(--accent-green);\n            color: white;\n            font-size: 0.65rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            border-radius: 6px;\n            margin-left: 8px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Volume cells with visual bar *\/\n        .volume-cell {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 8px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-value {\n            font-size: 1.25rem;\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-bar-bg {\n            width: 100%;\n            max-width: 100px;\n            height: 6px;\n            background: var(--apple-gray-dark);\n            border-radius: 3px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-bar {\n            height: 100%;\n            background: linear-gradient(90deg, var(--vector-gold), var(--vector-gold-light));\n            border-radius: 3px;\n            transition: width 0.6s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Dimension cells *\/\n        .dim-cell {\n            font-family: 'Outfit', monospace;\n            font-size: 0.85rem;\n        }\u003c\/p\u003e\n\u003cp\u003e        .dim-highlight {\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .dim-interior {\n            color: var(--vector-gold-dark);\n            font-weight: 500;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Capacity cells *\/\n        .capacity-cell {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ski\/Snowboard cells *\/\n        .ski-cell {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 4px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icons {\n            display: flex;\n            gap: 2px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icon {\n            width: 4px;\n            height: 20px;\n            background: var(--thule-blue);\n            border-radius: 2px;\n            opacity: 0.3;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icon.active {\n            opacity: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-value {\n            font-weight: 600;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Check\/Cross icons *\/\n        .check-icon {\n            width: 28px;\n            height: 28px;\n            background: rgba(52, 199, 89, 0.15);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--accent-green);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Weight cell *\/\n        .weight-cell {\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Interactive Row Highlight *\/\n        .mega-table tbody tr {\n            cursor: pointer;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:active {\n            transform: scale(0.995);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Category Header Rows *\/\n        .category-row td {\n            background: var(--apple-gray);\n            font-weight: 600;\n            color: var(--text-dark);\n            text-transform: uppercase;\n            font-size: 0.8rem;\n            letter-spacing: 0.1em;\n            padding: 12px 20px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .category-row td:first-child {\n            padding-left: 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .comparison-wrapper {\n                padding: 0 16px 16px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .mega-table th,\n            .mega-table td {\n                padding: 16px 12px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .mega-table th:first-child,\n            .mega-table td:first-child {\n                padding-left: 16px;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== CTA SECTION - FULL WIDTH ========== *\/\n        .cta-section {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            margin-left: calc(-50vw + 50%) !important;\n            margin-right: calc(-50vw + 50%) !important;\n            padding: 0;\n            background: linear-gradient(165deg, var(--thule-charcoal) 0%, var(--thule-black) 100%);\n            position: relative;\n            overflow: hidden;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ambient glow *\/\n        .cta-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(ellipse at center top, \n                rgba(0, 102, 204, 0.15) 0%, \n                transparent 50%);\n            pointer-events: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-main {\n            padding: 120px 24px 100px;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-section .section-title {\n            color: var(--white);\n            font-size: clamp(2rem, 5vw, 4rem);\n            margin-bottom: 10px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-tagline {\n            font-size: clamp(3.5rem, 10vw, 7rem);\n            font-weight: 800;\n            color: #ffffff;\n            margin-bottom: 30px;\n            margin-top: 10px;\n            letter-spacing: -0.03em;\n            line-height: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-tagline.gold-gradient {\n            background: linear-gradient(135deg, #C9A962 0%, #E8D5A3 40%, #C9A962 70%, #A68B4B 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-subtitle {\n            font-size: 1.25rem;\n            color: rgba(255, 255, 255, 0.6);\n            margin-bottom: 60px;\n            margin-top: 0;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .cta-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 24px;\n            flex-wrap: wrap;\n            margin-bottom: 100px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            padding: 22px 48px;\n            font-size: 1.15rem;\n            font-weight: 600;\n            border-radius: 980px;\n            cursor: pointer;\n            transition: all 0.4s ease;\n            border: none;\n            text-decoration: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-primary {\n            background: var(--thule-blue);\n            color: var(--white);\n            box-shadow: 0 8px 32px rgba(0, 102, 204, 0.4);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-primary:hover {\n            background: var(--thule-blue-light);\n            transform: translateY(-4px);\n            box-shadow: 0 16px 48px rgba(0, 102, 204, 0.5);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-secondary {\n            background: rgba(255, 255, 255, 0.08);\n            color: var(--white);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n        }\u003c\/p\u003e\n\u003cp\u003e        .btn-secondary:hover {\n            background: rgba(255, 255, 255, 0.12);\n            transform: translateY(-4px);\n            border-color: rgba(255, 255, 255, 0.35);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Benefits Strip - Full Width *\/\n        .benefits-strip {\n            width: 100%;\n            background: rgba(255, 255, 255, 0.03);\n            border-top: 1px solid rgba(255, 255, 255, 0.08);\n            padding: 60px 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 0;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 20px;\n            padding: 24px 32px;\n            border-right: 1px solid rgba(255, 255, 255, 0.08);\n            transition: all 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item:last-child {\n            border-right: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        .benefit-item:hover {\n            background:\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57492694335870,"sku":"613701","price":7499.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-Thule_Vector_Large_TitanMatte_Side_613700.jpg?v=1780266463"},{"product_id":"cutie-portbagaj-thule-motion-3-sport-negru-lucios","title":"Cutie portbagaj Thule Motion 3 Sport","description":"\u003cp\u003e\u003cstrong\u003eThule Motion 3 Sport\u003c\/strong\u003e — 300 de litri într-un format îngust, de doar 65 cm lățime: rămâne loc pe plafon pentru un suport de bicicletă montat alături. Design aerodinamic premiat iF Design Award și Red Dot 2024, deschidere DualSide, montaj PowerClick, finisaj negru lucios.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e300 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e188 × 65 × 42 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e178 × 50 × 38 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e15 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e3–5 perechi, maximum 175 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–4 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick, cu indicator de cuplu\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuloare\u003c\/td\u003e\n\u003ctd\u003eNegru lucios\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e639600\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003eSe montează pe barele Thule WingBar Evo, WingBar Edge, WingBar, SquareBar Evo, SlideBar și ProBar Evo. \u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57492714291582,"sku":"639600","price":3125.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleMotion3_Sport_BlackGlossy_Side_639600.webp?v=1780266740"},{"product_id":"cutie-portbagaj-thule-motion-3-l-negru-lucios","title":"Cutie portbagaj Thule Motion 3 L","description":"\u003cp\u003e\u003cstrong\u003eThule Motion 3 L\u003c\/strong\u003e este alegerea clasică pentru o familie de patru: 440 de litri, 194 cm lungime și loc pentru 5–7 perechi de schiuri de până la 180 cm. Design aerodinamic premiat iF Design Award și Red Dot 2024, deschidere DualSide, montaj PowerClick, finisaj negru lucios.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e440 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e194 × 87 × 42 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e184 × 72 × 38 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e20 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e5–7 perechi, maximum 180 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–5 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick, cu indicator de cuplu\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuloare\u003c\/td\u003e\n\u003ctd\u003eNegru lucios\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e639700\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003eSe montează pe barele Thule WingBar Evo, WingBar Edge, WingBar, SquareBar Evo, SlideBar și ProBar Evo. \u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57492714357118,"sku":"639700","price":3490.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleMotion3_L_BlackGlossy_Side_639700-1.webp?v=1780266742"},{"product_id":"cutie-portbagaj-thule-motion-3-m-negru-lucios","title":"Cutie portbagaj Thule Motion 3 M","description":"\u003cp\u003e\u003cstrong\u003eThule Motion 3 M\u003c\/strong\u003e — 390 de litri pentru o familie mică: bagajul unei vacanțe plus 4–6 perechi de schiuri de până la 155 cm. Design aerodinamic premiat iF Design Award și Red Dot 2024, deschidere DualSide din ambele părți, montaj PowerClick, finisaj negru lucios.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e390 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e175 × 84 × 44 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e164 × 69 × 39 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e17 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e4–6 perechi, maximum 155 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–4 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick, cu indicator de cuplu\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuloare\u003c\/td\u003e\n\u003ctd\u003eNegru lucios\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e639200\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003eSe montează pe barele Thule WingBar Evo, WingBar Edge, WingBar, SquareBar Evo, SlideBar și ProBar Evo. \u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57492714553726,"sku":"639200","price":3345.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleMotion3_M_BlackGlossy_Side_639200.webp?v=1780266745"},{"product_id":"cutie-portbagaj-thule-motion-3-xl-negru-lucios","title":"Cutie portbagaj Thule Motion 3 XL-Negru Lucios","description":"\u003cp\u003e\u003cstrong\u003eThule Motion 3 XL\u003c\/strong\u003e — 490 de litri și 215 cm lungime: bagajul complet pentru cinci persoane sau schiuri de până la 200 cm. Design aerodinamic premiat iF Design Award și Red Dot 2024, deschidere DualSide, montaj PowerClick, finisaj negru lucios.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e490 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e215 × 89 × 43 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e203 × 74 × 37 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e23 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e5–7 perechi, maximum 200 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–5 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick, cu indicator de cuplu\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuloare\u003c\/td\u003e\n\u003ctd\u003eNegru lucios\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e639800\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003eSe montează pe barele Thule WingBar Evo, WingBar Edge, WingBar, SquareBar Evo, SlideBar și ProBar Evo. \u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57492715667838,"sku":"639800","price":3950.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleMotion3_XL_BlackGlossy_Side_639800.webp?v=1780266761"},{"product_id":"cutie-portbagaj-thule-motion-3-xl-low-negru-lucios","title":"Cutie portbagaj Thule Motion 3 XL Low","description":"\u003cp\u003e\u003cstrong\u003eThule Motion 3 XL Low\u003c\/strong\u003e — 400 de litri într-un profil de doar 36 cm înălțime: intră în parcările subterane cu limitare de gabarit și oferă o siluetă mai aerodinamică, păstrând lungimea de 216 cm pentru schiuri de până la 200 cm. Premiată iF Design Award și Red Dot 2024, finisaj negru lucios.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e400 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e216 × 89 × 36 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e203 × 74 × 30 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e23 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e4–6 perechi, maximum 200 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–5 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick, cu indicator de cuplu\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuloare\u003c\/td\u003e\n\u003ctd\u003eNegru lucios\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e639400\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003eSe montează pe barele Thule WingBar Evo, WingBar Edge, WingBar, SquareBar Evo, SlideBar și ProBar Evo. \u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57492715929982,"sku":"639400","price":3950.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleMotion3_XL_Low_BlackGlossy_Side_639400.webp?v=1780266761"},{"product_id":"cutie-portbagaj-thule-motion-3-xxl-low-negru-lucios","title":"Cutie portbagaj Thule Motion 3 XXL Low","description":"\u003cp\u003e\u003cstrong\u003eThule Motion 3 XXL Low\u003c\/strong\u003e — 480 de litri într-un profil de doar 37 cm înălțime: volum mare pentru garaje și parcări cu limitare de gabarit, cu 232 cm lungime pentru schiuri de tură de până la 215 cm. Premiată iF Design Award și Red Dot 2024, finisaj negru lucios.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e480 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e232 × 92 × 37 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e220 × 77 × 33 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e25 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e5–7 perechi, maximum 215 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–5 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick, cu indicator de cuplu\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuloare\u003c\/td\u003e\n\u003ctd\u003eNegru lucios\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e639500\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003eSe montează pe barele Thule WingBar Evo, WingBar Edge, WingBar, SquareBar Evo, SlideBar și ProBar Evo. \u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57492716192126,"sku":"639500","price":4395.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleMotion3_XXL_Low_BlackGlossy_Side_639500.webp?v=1780266764"},{"product_id":"cutie-portbagaj-thule-motion-3-l-titan-lucios","title":"Cutie portbagaj Thule Motion 3 L","description":"\u003cp\u003e\u003cstrong\u003eThule Motion 3 L\u003c\/strong\u003e în finisaj Titan lucios — 440 de litri, 194 cm lungime și loc pentru 5–7 perechi de schiuri de până la 180 cm. Design aerodinamic premiat iF Design Award și Red Dot 2024, deschidere DualSide, montaj PowerClick.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e440 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e194 × 87 × 42 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e184 × 72 × 38 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e20 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e5–7 perechi, maximum 180 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–5 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick, cu indicator de cuplu\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuloare\u003c\/td\u003e\n\u003ctd\u003eTitan lucios\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e639701\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003eSe montează pe barele Thule WingBar Evo, WingBar Edge, WingBar, SquareBar Evo, SlideBar și ProBar Evo. \u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57492716945790,"sku":"639701","price":3490.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleMotion3_L_TitanGlossy_Side_639701.jpg?v=1780266770"},{"product_id":"cutie-portbagaj-thule-motion-3-xl-low-titan-lucios","title":"Cutie portbagaj Thule Motion 3 XL Low-Titan Lucios","description":"\u003cp\u003e\u003cstrong\u003eThule Motion 3 XL Low\u003c\/strong\u003e în finisaj Titan lucios — 400 de litri într-un profil de doar 36 cm înălțime: intră în parcările subterane cu limitare de gabarit, păstrând lungimea de 216 cm pentru schiuri de până la 200 cm. Premiată iF Design Award și Red Dot 2024.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e400 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e216 × 89 × 36 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e203 × 74 × 30 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e23 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e4–6 perechi, maximum 200 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–5 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick, cu indicator de cuplu\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuloare\u003c\/td\u003e\n\u003ctd\u003eTitan lucios\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e639401\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003eSe montează pe barele Thule WingBar Evo, WingBar Edge, WingBar, SquareBar Evo, SlideBar și ProBar Evo. \u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57492717830526,"sku":"639401","price":3950.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleMotion3_XL_Low_TitanGlossy_Side_639401.webp?v=1780266785"},{"product_id":"cutie-portbagaj-thule-motion-3-xxl-negru-lucios","title":"Cutie portbagaj Thule Motion 3 XXL-Negru Lucios","description":"\u003cp\u003e\u003cstrong\u003eThule Motion 3 XXL\u003c\/strong\u003e — 590 de litri, cel mai mare volum din gamă: bagajul complet al unei familii numeroase sau schiuri de tură de până la 215 cm. Premiată iF Design Award și Red Dot 2024, deschidere DualSide, montaj PowerClick, finisaj negru lucios.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e590 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e232 × 92 × 46 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e220 × 77 × 40 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e25 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e5–7 perechi, maximum 215 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–5 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick, cu indicator de cuplu\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuloare\u003c\/td\u003e\n\u003ctd\u003eNegru lucios\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e639900\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003eSe montează pe barele Thule WingBar Evo, WingBar Edge, WingBar, SquareBar Evo, SlideBar și ProBar Evo. \u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57492718059902,"sku":"639900","price":4395.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleMotion3_XXL_BlackGlossy_Side_639900.jpg?v=1780266789"},{"product_id":"cutie-portbagaj-thule-motion-3-xl-titan-lucios","title":"Cutie portbagaj Thule Motion 3 XL","description":"\u003cp\u003e\u003cstrong\u003eThule Motion 3 XL\u003c\/strong\u003e în finisaj Titan lucios — 490 de litri și 215 cm lungime: bagajul complet pentru cinci persoane sau schiuri de până la 200 cm. Design aerodinamic premiat iF Design Award și Red Dot 2024, deschidere DualSide, montaj PowerClick.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e490 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e215 × 89 × 43 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e203 × 74 × 37 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e23 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e5–7 perechi, maximum 200 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–5 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick, cu indicator de cuplu\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuloare\u003c\/td\u003e\n\u003ctd\u003eTitan lucios\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e639801\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003eSe montează pe barele Thule WingBar Evo, WingBar Edge, WingBar, SquareBar Evo, SlideBar și ProBar Evo. \u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57492718256510,"sku":"639801","price":3950.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleMotion3_XL_TitanGlossy_Side_639801.webp?v=1780266788"},{"product_id":"cutie-portbagaj-thule-motion-3-xxl-titan-lucios","title":"Cutie portbagaj Thule Motion 3 XXL","description":"\u003cp\u003e\u003cstrong\u003eThule Motion 3 XXL\u003c\/strong\u003e în finisaj Titan lucios — 590 de litri, cel mai mare volum din gamă: bagajul complet al unei familii numeroase sau schiuri de tură de până la 215 cm. Premiată iF Design Award și Red Dot 2024, deschidere DualSide, montaj PowerClick.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e590 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e232 × 92 × 46 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e220 × 77 × 40 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e25 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e5–7 perechi, maximum 215 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–5 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick, cu indicator de cuplu\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuloare\u003c\/td\u003e\n\u003ctd\u003eTitan lucios\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e639901\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003eSe montează pe barele Thule WingBar Evo, WingBar Edge, WingBar, SquareBar Evo, SlideBar și ProBar Evo. \u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57492718518654,"sku":"639901","price":4395.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleMotion3_XXL_TitanGlossy_Side_639901.jpg?v=1780266789"},{"product_id":"cutie-portbagaj-thule-force-3-l-negru-mat","title":"Cutie portbagaj Thule FORCE 3 L- Negru mat","description":"\u003cp\u003e\u003cstrong\u003eThule Force 3 L\u003c\/strong\u003e este alegerea clasică pentru o familie de patru: 450 de litri, 195 cm lungime și loc pentru 5–7 perechi de schiuri de până la 175 cm. Deschidere DualSide, montaj PowerClick, finisaj negru mat AeroSkin.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e450 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e195 × 84,5 × 42,5 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e187 × 73 × 37 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎnălțime peste bare\u003c\/td\u003e\n\u003ctd\u003e39,5 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e18,7 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e5–7 perechi, maximum 175 cm (adaptor Thule 694-5)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–5 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e645700\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003e\u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57494258975102,"sku":"645700","price":2849.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleForce3_US_L_Side_P_645750-scaled.webp?v=1780304156"},{"product_id":"cutie-portbagaj-thule-force-3-xl-negru-mat","title":"Cutie portbagaj Thule FORCE 3 XL- Negru mat","description":"\u003cp\u003e\u003cstrong\u003eThule Force 3 XL\u003c\/strong\u003e — 500 de litri, cel mai mare volum din gama Force 3. Bagajul complet pentru cinci persoane sau schiuri de până la 200 cm. Deschidere DualSide, montaj PowerClick, finisaj negru mat AeroSkin.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e500 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e215 × 87 × 43 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e207 × 75 × 37 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎnălțime peste bare\u003c\/td\u003e\n\u003ctd\u003e40,2 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e22 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e5–7 perechi, maximum 200 cm (adaptor Thule 694-5)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–5 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e645800\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003e\u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57494265102718,"sku":"645800","price":3125.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleForce3_EROW_XL_Side_P_645800-scaled.jpg?v=1780304270"},{"product_id":"cutie-portbagaj-thule-force-3-m-negru-mat","title":"Cutie portbagaj Thule FORCE 3 M- Negru mat","description":"\u003cp\u003e\u003cstrong\u003eThule Force 3 M\u003c\/strong\u003e — 400 de litri pentru o familie mică: bagajul unei vacanțe, plus 4–6 perechi de schiuri de până la 155 cm. Deschidere DualSide din ambele părți ale mașinii, finisaj negru mat AeroSkin.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e400 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e175 × 81 × 44 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e167 × 69 × 38 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎnălțime peste bare\u003c\/td\u003e\n\u003ctd\u003e41,8 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e16,5 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e4–6 perechi, maximum 155 cm (adaptor Thule 694-5)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–4 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e645200\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003e\u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57494425764222,"sku":"645200","price":2625.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/small-thuleforce3_erow_m_iso_p_645200.jpg?v=1780306747"},{"product_id":"cutie-portbagaj-thule-force-3-m-negru-mat-copy","title":"Cutie portbagaj Thule FORCE 3 S - Negru mat","description":"\u003cp\u003e\u003cstrong\u003eThule Force 3 S\u003c\/strong\u003e este cea mai compactă cutie din gamă: 300 de litri într-un format scurt, de 140 cm, ușor de manevrat de o singură persoană și de depozitat peste iarnă. Finisaj negru mat AeroSkin, testată în Thule Test Center.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e300 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e140 × 89,8 × 38 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e131 × 78 × 35 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎnălțime peste bare\u003c\/td\u003e\n\u003ctd\u003e37,8 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e14,8 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuloare\u003c\/td\u003e\n\u003ctd\u003eNegru mat\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e645100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003eSe montează pe barele Thule WingBar Evo, WingBar Edge, WingBar și SquareBar Evo. \u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57495616356734,"sku":"645100","price":2095.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleForce3_EROW_S_Side_P_645100-scaled.webp?v=1780319128"},{"product_id":"cutie-portbagaj-thule-force-3-xxl-sport-negru-mat","title":"Cutie portbagaj Thule FORCE 3 XXL Sport- Negru mat","description":"\u003cp\u003e\u003cstrong\u003eThule Force 3 XXL Sport\u003c\/strong\u003e este cea mai lungă cutie din gamă: 232 cm și doar 70 cm lățime, formatul Sport care lasă loc pe plafon pentru un suport de bicicletă. Preia schiuri de tură de până la 215 cm. Finisaj negru mat AeroSkin.\u003c\/p\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e450 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare\u003c\/td\u003e\n\u003ctd\u003e232 × 70 × 44 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e224 × 58 × 38 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎnălțime peste bare\u003c\/td\u003e\n\u003ctd\u003e41 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e18,7 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e3–5 perechi, maximum 215 cm (adaptor Thule 694-5)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–4 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e645300\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003cp\u003e\u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57495617044862,"sku":"645300","price":3050.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleForce3_EROW_XXLSPORT_Side_P_645300-scaled.webp?v=1780319150"},{"product_id":"thule-arcos-cutie-portbagaj-cu-prindere-pe-carligul-de-remorcare","title":"Thule Arcos - Cutie portbagaj cu prindere pe carligul de remorcare","description":"\u003cbody\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"278815\" class=\"elementor elementor-278815\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-4d0e6c2 e-flex e-con-boxed e-con e-parent\" data-id=\"4d0e6c2\" data-element_type=\"container\" data-settings='{\"_ha_eqh_enable\":false}'\u003e\n\u003cdiv class=\"e-con-inner\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-921fdb9 elementor-widget elementor-widget-html\" data-id=\"921fdb9\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\t\t\t\t\t\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n\u003cbr\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cbr\u003e\n    \u003ctitle\u003eThule Arcos | Cutie Portbagaj Cârlig Remorcare | ProVelo România\u003c\/title\u003e\n\u003cbr\u003e\n    \u003cmeta name=\"description\" content=\"Thule Arcos - cutia portbagaj premium pentru cârlig de remorcare. Design aerodinamic modern, spațiu generos până la 450L, acces facil. Câștigător iF Design Award 2023.\"\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n        :root {\n            \/* Arcos Modern Teal\/Cyan Theme *\/\n            --arcos-primary: #00796B;\n            --arcos-primary-dark: #004D40;\n            --arcos-primary-light: #26A69A;\n            --arcos-glow: rgba(0, 121, 107, 0.4);\n            \/* Arcos Signature Accent *\/\n            --arcos-accent: #00BFA5;\n            --arcos-accent-light: #64FFDA;\n            --arcos-accent-dark: #00897B;\n            --arcos-gradient-start: #00796B;\n            --arcos-gradient-end: #00BFA5;\n            \/* Warm Accent for CTA *\/\n            --arcos-warm: #FF6D00;\n            --arcos-warm-light: #FF9E40;\n            \/* Neutrals *\/\n            --arcos-black: #0a0a0a;\n            --arcos-charcoal: #1a1a1a;\n            --arcos-gray-dark: #2d2d2d;\n            --apple-gray: #f5f5f7;\n            --apple-gray-dark: #e8e8ed;\n            --text-dark: #1d1d1f;\n            --text-gray: #6e6e73;\n            --white: #ffffff;\n            --accent-green: #34C759;\n        }\u003c\/p\u003e\n\u003cp\u003e        .full-width-section {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            margin-left: calc(-50vw + 50%) !important;\n            margin-right: calc(-50vw + 50%) !important;\n            padding: 0;\n            position: relative;\n            overflow: hidden;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        html {\n            scroll-behavior: smooth;\n            overflow-x: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        body {\n            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;\n            line-height: 1.5;\n            color: var(--text-dark);\n            background: var(--white);\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            overflow-x: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== HERO SECTION - SPLIT LAYOUT ========== *\/\n        .hero {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            min-height: 100vh;\n            overflow: hidden;\n            background: linear-gradient(135deg, #f8faf9 0%, #f0f4f2 50%, #e8f0ec 100%);\n            display: flex;\n            align-items: center;\n            padding: 60px 24px;\n            box-sizing: border-box;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-wrapper {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 60px;\n            align-items: center;\n            max-width: 1400px;\n            margin: 0 auto;\n            width: 100%;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-content {\n            position: relative;\n            z-index: 2;\n            text-align: left;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            padding: 10px 20px;\n            background: rgba(255, 255, 255, 0.9);\n            border: 1px solid rgba(0, 191, 165, 0.2);\n            border-radius: 50px;\n            margin-bottom: 24px;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.1s forwards;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge-dot {\n            width: 8px;\n            height: 8px;\n            background: var(--arcos-accent);\n            border-radius: 50%;\n            animation: pulse 2s ease-in-out infinite;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes pulse {\n            0%, 100% { opacity: 1; transform: scale(1); }\n            50% { opacity: 0.6; transform: scale(1.2); }\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-badge-text {\n            font-size: 0.75rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.12em;\n            color: var(--arcos-accent);\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-title {\n            font-size: clamp(3rem, 6vw, 5rem) !important;\n            font-weight: 800 !important;\n            color: var(--text-dark) !important;\n            -webkit-text-fill-color: var(--text-dark) !important;\n            letter-spacing: -0.03em !important;\n            line-height: 1 !important;\n            margin-bottom: 8px !important;\n            margin-top: 0 !important;\n            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;\n            display: block !important;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 0.8s ease 0.2s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-size-indicator {\n            display: block;\n            font-size: 0.55em;\n            font-weight: 700;\n            color: var(--arcos-accent);\n            -webkit-text-fill-color: var(--arcos-accent);\n            letter-spacing: 0.02em;\n            margin-top: 4px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-subtitle {\n            font-size: 1.1rem;\n            color: var(--text-gray);\n            margin-bottom: 32px;\n            max-width: 420px;\n            line-height: 1.6;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.3s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model Selector Pills *\/\n        .model-selector {\n            display: flex;\n            justify-content: flex-start;\n            gap: 12px;\n            flex-wrap: wrap;\n            margin-bottom: 32px;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.4s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 16px 28px;\n            background: rgba(255, 255, 255, 0.9);\n            border: 2px solid rgba(0, 0, 0, 0.08);\n            border-radius: 16px;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            min-width: 80px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill:hover {\n            border-color: var(--arcos-accent);\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(0, 191, 165, 0.15);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill.active {\n            background: linear-gradient(135deg, var(--arcos-accent) 0%, var(--arcos-primary) 100%);\n            border-color: transparent;\n            box-shadow: 0 8px 30px rgba(0, 191, 165, 0.35);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill-name {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 2px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill.active .model-pill-name {\n            color: #ffffff;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill-volume {\n            font-size: 0.75rem;\n            color: var(--text-gray);\n            font-weight: 500;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-pill.active .model-pill-volume {\n            color: rgba(255, 255, 255, 0.85);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model Info Display - Stats Boxes *\/\n        .model-info-display {\n            display: flex;\n            justify-content: flex-start;\n            gap: 16px;\n            flex-wrap: wrap;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.5s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-item {\n            text-align: center;\n            background: rgba(255, 255, 255, 0.9);\n            border: 1px solid rgba(0, 0, 0, 0.06);\n            border-radius: 16px;\n            padding: 20px 24px;\n            min-width: 90px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\n            transition: all 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-item:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-value {\n            font-size: 2rem;\n            font-weight: 800;\n            color: var(--text-dark);\n            margin-bottom: 4px;\n            transition: all 0.4s ease;\n            line-height: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-info-label {\n            font-size: 0.65rem;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            color: var(--arcos-accent);\n            font-weight: 600;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Hero Product Side *\/\n        .hero-product-side {\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-product {\n            position: relative;\n            z-index: 1;\n            max-width: 160%;\n            margin-left: -30%;\n            opacity: 0;\n            animation: productReveal 1.2s ease 0.6s forwards;\n        }\u003c\/p\u003e\n\u003cp\u003e        .hero-product img {\n            width: 100%;\n            height: auto;\n            display: block;\n            filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.15));\n            transition: opacity 0.4s ease, transform 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Platform Preview under main image *\/\n        .platform-preview {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            margin-top: 20px;\n            padding: 16px 24px;\n            background: rgba(255, 255, 255, 0.95);\n            border: 1px solid rgba(0, 191, 165, 0.2);\n            border-radius: 20px;\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.9s forwards;\n            text-decoration: none;\n            transition: all 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-preview:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 40px rgba(0, 191, 165, 0.15);\n            border-color: var(--arcos-accent);\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-preview-img {\n            width: 80px;\n            height: 60px;\n            object-fit: contain;\n            flex-shrink: 0;\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-preview-content {\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-preview-label {\n            font-size: 0.65rem;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            color: var(--arcos-accent);\n            font-weight: 600;\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-preview-title {\n            font-size: 0.95rem;\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-preview-code {\n            font-size: 0.8rem;\n            color: var(--text-gray);\n        }\u003c\/p\u003e\n\u003cp\u003e        @keyframes productReveal {\n            from {\n                opacity: 0;\n                transform: scale(0.95) translateX(20px);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1) translateX(0);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1024px) {\n            .hero-wrapper {\n                grid-template-columns: 1fr;\n                gap: 40px;\n                text-align: center;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-content {\n                text-align: center;\n                order: 1;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-product-side {\n                order: 2;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-product {\n                max-width: 120%;\n                margin-left: -10%;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-selector {\n                justify-content: center;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-info-display {\n                justify-content: center;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-subtitle {\n                margin-left: auto;\n                margin-right: auto;\n            }\u003c\/p\u003e\n\u003cp\u003e            .platform-preview {\n                margin-top: 20px;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .hero {\n                padding: 40px 16px;\n                min-height: auto;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-title {\n                font-size: 2.8rem !important;\n            }\u003c\/p\u003e\n\u003cp\u003e            .hero-product {\n                max-width: 100%;\n                margin-left: 0;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-selector {\n                gap: 8px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-pill {\n                padding: 12px 20px;\n                min-width: 70px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-info-display {\n                gap: 10px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-info-item {\n                padding: 16px 18px;\n                min-width: 75px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .model-info-value {\n                font-size: 1.5rem;\n            }\u003c\/p\u003e\n\u003cp\u003e            .platform-preview {\n                flex-direction: column;\n                text-align: center;\n                padding: 20px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .platform-preview-img {\n                width: 100px;\n                height: auto;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== CONTAINERS ========== *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .container-wide {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== TYPOGRAPHY ========== *\/\n        .gradient-arcos {\n            background: linear-gradient(135deg, var(--arcos-primary) 0%, var(--arcos-accent) 50%, var(--arcos-primary-light) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-label {\n            font-size: 1rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            color: var(--arcos-primary);\n            margin-bottom: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-title {\n            font-size: clamp(2.5rem, 6vw, 5rem) !important;\n            font-weight: 900 !important;\n            letter-spacing: -0.03em !important;\n            line-height: 1.0 !important;\n            margin-bottom: 20px !important;\n            color: var(--text-dark) !important;\n        }\u003c\/p\u003e\n\u003cp\u003e        .section-text {\n            font-size: 1.2rem;\n            color: var(--text-gray);\n            line-height: 1.7;\n            max-width: 700px;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== INTRO SECTION ========== *\/\n        .intro-section {\n            padding: 80px 24px;\n            background: var(--white);\n            text-align: center;\n        }\u003c\/p\u003e\n\u003cp\u003e        .intro-content {\n            max-width: 900px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== USP BANNER ========== *\/\n        .usp-banner {\n            padding: 60px 24px;\n            background: linear-gradient(135deg, #0d2420 0%, #0a1a17 50%, #0d2420 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .usp-banner-grid {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 40px;\n            text-align: center;\n        }\u003c\/p\u003e\n\u003cp\u003e        .usp-banner-item {\n            opacity: 0;\n            transform: translateY(20px);\n        }\u003c\/p\u003e\n\u003cp\u003e        .usp-banner-icon {\n            width: 60px;\n            height: 60px;\n            margin: 0 auto 16px;\n            background: linear-gradient(135deg, var(--arcos-primary) 0%, var(--arcos-accent) 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 10px 30px rgba(0, 191, 165, 0.2);\n        }\u003c\/p\u003e\n\u003cp\u003e        .usp-banner-icon svg {\n            width: 28px;\n            height: 28px;\n            stroke: #ffffff;\n        }\u003c\/p\u003e\n\u003cp\u003e        .usp-banner-title {\n            color: #fff;\n            font-size: 1rem;\n            font-weight: 600;\n            margin-bottom: 6px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .usp-banner-desc {\n            color: rgba(255,255,255,0.5);\n            font-size: 0.85rem;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 900px) {\n            .usp-banner-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 500px) {\n            .usp-banner-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== LIFESTYLE VIDEO SECTION - LARGE WITH BORDER RADIUS ========== *\/\n        .lifestyle-video-section {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            padding: 80px 24px;\n            background: linear-gradient(180deg, var(--white) 0%, var(--apple-gray) 100%);\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-video-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-video-container {\n            position: relative;\n            width: 85%;\n            max-width: 1500px;\n            margin: 0 auto;\n            border-radius: 32px;\n            overflow: hidden;\n            box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);\n            background: #000;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-video-container::before {\n            content: '';\n            display: block;\n            padding-top: 56.25%; \/* 16:9 aspect ratio *\/\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-video-container iframe {\n            position: absolute;\n            top: -1px;\n            left: -1px;\n            width: calc(100% + 2px);\n            height: calc(100% + 2px);\n            border: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1024px) {\n            .lifestyle-video-container {\n                width: 92%;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .lifestyle-video-container {\n                width: 100%;\n                border-radius: 24px;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== MONTAJ VIDEO SECTION ========== *\/\n        .video-section {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            padding: 80px 24px;\n            background: var(--apple-gray);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-header {\n            text-align: center;\n            margin-bottom: 56px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container {\n            position: relative;\n            max-width: 1200px;\n            margin: 0 auto;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2);\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container::before {\n            content: '';\n            display: block;\n            padding-top: 56.25%;\n        }\u003c\/p\u003e\n\u003cp\u003e        .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== FEATURES SECTION ========== *\/\n        .features-section {\n            padding: 80px 24px;\n            background: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card {\n            background: var(--apple-gray);\n            border-radius: 28px;\n            overflow: hidden;\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--arcos-primary), var(--arcos-accent));\n            transform: scaleX(0);\n            transition: transform 0.4s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover {\n            transform: translateY(-12px);\n            box-shadow: 0 30px 60px rgba(0, 121, 107, 0.12);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover::before {\n            transform: scaleX(1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-image {\n            aspect-ratio: 4\/3;\n            background: var(--white);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 32px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-image img {\n            max-width: 100%;\n            max-height: 100%;\n            object-fit: contain;\n            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-card:hover .feature-image img {\n            transform: scale(1.08);\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-content {\n            padding: 28px 28px 32px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-title {\n            font-size: 1.35rem;\n            font-weight: 600;\n            color: var(--text-dark);\n            margin-bottom: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .feature-text {\n            font-size: 1rem;\n            color: var(--text-gray);\n            line-height: 1.65;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 1024px) {\n            .features-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 640px) {\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== LIFESTYLE GALLERY ========== *\/\n        .lifestyle-section {\n            padding: 80px 24px;\n            background: var(--white);\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 24px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card {\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n            aspect-ratio: 16\/10;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card:hover img {\n            transform: scale(1.05);\n        }\u003c\/p\u003e\n\u003cp\u003e        .lifestyle-card.full-width {\n            grid-column: span 2;\n            aspect-ratio: 21\/9;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .lifestyle-grid {\n                grid-template-columns: 1fr;\n            }\u003c\/p\u003e\n\u003cp\u003e            .lifestyle-card.full-width {\n                grid-column: span 1;\n                aspect-ratio: 16\/10;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== COMPARISON TABLE ========== *\/\n        .comparison-section {\n            padding: 80px 0;\n            background: linear-gradient(180deg, var(--apple-gray) 0%, #e0e8e6 100%);\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .comparison-header {\n            text-align: center;\n            margin-bottom: 40px;\n            padding: 0 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .comparison-wrapper {\n            width: 100%;\n            overflow-x: auto;\n            padding: 0 24px 24px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table {\n            width: 100%;\n            min-width: 900px;\n            border-collapse: separate;\n            border-spacing: 0;\n            background: var(--white);\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table thead {\n            background: linear-gradient(135deg, #0d2420 0%, #0a1a17 50%, #0d2420 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th {\n            padding: 24px 16px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: var(--arcos-accent);\n            text-align: center;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            position: relative;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th:first-child {\n            text-align: left;\n            padding-left: 28px;\n            min-width: 180px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table th:not(:last-child)::after {\n            content: '';\n            position: absolute;\n            right: 0;\n            top: 25%;\n            height: 50%;\n            width: 1px;\n            background: rgba(255, 255, 255, 0.15);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr {\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:hover {\n            background: rgba(0, 121, 107, 0.04);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr.highlight-row {\n            background: linear-gradient(90deg, rgba(0, 191, 165, 0.08) 0%, rgba(0, 121, 107, 0.04) 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr.highlight-row:hover {\n            background: linear-gradient(90deg, rgba(0, 191, 165, 0.12) 0%, rgba(0, 121, 107, 0.06) 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table td {\n            padding: 18px 16px;\n            font-size: 0.9rem;\n            color: var(--text-gray);\n            text-align: center;\n            border-bottom: 1px solid var(--apple-gray);\n            transition: all 0.3s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table td:first-child {\n            text-align: left;\n            padding-left: 28px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .mega-table tbody tr:last-child td {\n            border-bottom: none;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Model name cell *\/\n        .model-cell {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-badge {\n            width: 44px;\n            height: 44px;\n            background: linear-gradient(135deg, var(--apple-gray) 0%, #e0e0e5 100%);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.75rem;\n            font-weight: 700;\n            color: var(--arcos-primary);\n            flex-shrink: 0;\n        }\u003c\/p\u003e\n\u003cp\u003e        .highlight-row .model-badge {\n            background: linear-gradient(135deg, var(--arcos-primary) 0%, var(--arcos-accent-dark) 100%);\n            color: #ffffff;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-name {\n            font-weight: 600;\n            color: var(--text-dark);\n            font-size: 0.95rem;\n        }\u003c\/p\u003e\n\u003cp\u003e        .highlight-row .model-name {\n            color: var(--arcos-primary);\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-tag {\n            display: inline-block;\n            padding: 4px 10px;\n            background: var(--accent-green);\n            color: white;\n            font-size: 0.6rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            border-radius: 6px;\n            margin-left: 8px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .model-tag.ski {\n            background: linear-gradient(135deg, var(--arcos-primary) 0%, var(--arcos-accent) 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Volume cells *\/\n        .volume-cell {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 6px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-value {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-bar-bg {\n            width: 80px;\n            height: 5px;\n            background: var(--apple-gray-dark);\n            border-radius: 3px;\n            overflow: hidden;\n        }\u003c\/p\u003e\n\u003cp\u003e        .volume-bar {\n            height: 100%;\n            background: linear-gradient(90deg, var(--arcos-primary), var(--arcos-accent));\n            border-radius: 3px;\n            transition: width 0.6s ease;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Dimension cells *\/\n        .dim-cell {\n            font-family: 'Outfit', monospace;\n            font-size: 0.8rem;\n        }\u003c\/p\u003e\n\u003cp\u003e        .dim-highlight {\n            font-weight: 700;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Check icon *\/\n        .check-icon {\n            width: 26px;\n            height: 26px;\n            background: rgba(0, 191, 165, 0.15);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--arcos-accent-dark);\n            font-weight: 600;\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Weight cell *\/\n        .weight-cell {\n            font-size: 1rem;\n            font-weight: 600;\n            color: var(--text-dark);\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* Ski cells *\/\n        .ski-cell {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 4px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icons {\n            display: flex;\n            gap: 2px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icon {\n            width: 4px;\n            height: 18px;\n            background: var(--arcos-primary);\n            border-radius: 2px;\n            opacity: 0.3;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-icon.active {\n            opacity: 1;\n        }\u003c\/p\u003e\n\u003cp\u003e        .ski-value {\n            font-weight: 600;\n            color: var(--text-dark);\n            font-size: 0.85rem;\n        }\u003c\/p\u003e\n\u003cp\u003e        @media (max-width: 768px) {\n            .comparison-wrapper {\n                padding: 0 16px 16px;\n            }\u003c\/p\u003e\n\u003cp\u003e            .mega-table th,\n            .mega-table td {\n                padding: 14px 10px;\n            }\n        }\u003c\/p\u003e\n\u003cp\u003e        \/* ========== PLATFORM SECTION ========== *\/\n        .platform-section {\n            padding: 80px 24px;\n            background: linear-gradient(135deg, #f8faf9 0%, #f0f4f2 100%);\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-content {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 60px;\n            align-items: center;\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-image {\n            background: #ffffff;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);\n            padding: 40px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-image img {\n            width: 100%;\n            height: auto;\n            display: block;\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-info h3 {\n            font-size: 2.5rem;\n            font-weight: 800;\n            color: var(--text-dark);\n            margin-bottom: 20px;\n            letter-spacing: -0.02em;\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-info p {\n            font-size: 1.1rem;\n            color: var(--text-gray);\n            line-height: 1.7;\n            margin-bottom: 30px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-features {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-feature {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-feature-icon {\n            width: 32px;\n            height: 32px;\n            background: linear-gradient(135deg, var(--arcos-primary) 0%, var(--arcos-accent) 100%);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-feature-icon svg {\n            width: 16px;\n            height: 16px;\n            stroke: white;\n        }\u003c\/p\u003e\n\u003cp\u003e        .platform-feature span {\n            font-size: 1rem;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Thule","offers":[{"title":"XL","offer_id":57495788388734,"sku":"906600","price":4700.0,"currency_code":"RON","in_stock":true},{"title":"L","offer_id":57495788421502,"sku":"906200","price":4450.0,"currency_code":"RON","in_stock":true},{"title":"M","offer_id":57495788454270,"sku":"906100","price":4250.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleArcosXL_EROW_Front_P_906600-scaled.jpg?v=1780322286"},{"product_id":"thule-arcos-platforma","title":"Thule Arcos - Platforma","description":"\u003ch2 style=\"text-align: center;\" data-start=\"0\" data-end=\"75\"\u003ePlatformă de cârlig proiectată pentru cutia portbagaj pe cârlig Thule Arcos\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp data-start=\"77\" data-end=\"168\"\u003e\u003cstrong data-start=\"77\" data-end=\"97\"\u003eNotă importantă:\u003c\/strong\u003e Cutia Thule Arcos trebuie utilizată împreună cu Platforma Thule Arcos.\u003c\/p\u003e\n\u003cp data-start=\"170\" data-end=\"270\"\u003e\u003cstrong data-start=\"170\" data-end=\"209\"\u003ePlatforma Thule Arcos este necesară\u003c\/strong\u003e pentru instalarea corectă a portbagajului spate Thule Arcos.\u003c\/p\u003e\n\u003cul data-start=\"272\" data-end=\"385\"\u003e\n\u003cli data-start=\"272\" data-end=\"317\"\u003e\n\u003cp data-start=\"274\" data-end=\"317\"\u003eInstalare ușoară pe cârligul de remorcare\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"318\" data-end=\"385\"\u003e\n\u003cp data-start=\"320\" data-end=\"385\"\u003ePermite montarea cutiei Thule Arcos de către o singură persoană\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-start=\"387\" data-end=\"433\"\u003e\u003cstrong data-start=\"387\" data-end=\"413\"\u003eDimensiuni (L x l x h)\u003c\/strong\u003e\u003cbr data-start=\"413\" data-end=\"416\"\u003e67 x 69 x 26 cm\u003c\/p\u003e\n\u003cp data-start=\"435\" data-end=\"456\"\u003e\u003cstrong data-start=\"435\" data-end=\"447\"\u003eGreutate\u003c\/strong\u003e\u003cbr data-start=\"447\" data-end=\"450\"\u003e9 kg\u003c\/p\u003e\n\u003cp data-start=\"458\" data-end=\"510\"\u003e\u003cstrong data-start=\"458\" data-end=\"477\"\u003eCompatibilitate\u003c\/strong\u003e\u003cbr data-start=\"477\" data-end=\"480\"\u003eCompatibil cu One Key System\u003c\/p\u003e\n\u003cp data-start=\"512\" data-end=\"543\"\u003e\u003cstrong data-start=\"512\" data-end=\"531\"\u003eȚara de origine\u003c\/strong\u003e\u003cbr data-start=\"531\" data-end=\"534\"\u003ePolonia\u003c\/p\u003e\n\u003cp data-start=\"545\" data-end=\"566\"\u003e\u003cstrong data-start=\"545\" data-end=\"556\"\u003eCuloare\u003c\/strong\u003e\u003cbr data-start=\"556\" data-end=\"559\"\u003eNegru\u003c\/p\u003e\n\u003cp data-start=\"568\" data-end=\"592\" data-is-last-node=\"\" data-is-only-node=\"\"\u003e\u003cstrong data-start=\"568\" data-end=\"583\"\u003eNumăr model\u003c\/strong\u003e\u003cbr data-start=\"583\" data-end=\"586\"\u003e906300\u003c\/p\u003e\n\u003cdiv id=\"desc_prod\"\u003e\n\u003ch3\u003e\u003c\/h3\u003e\n\u003ch3 style=\"text-align: center;\"\u003e\u003ca href=\"https:\/\/provelo.ro\/contact\/\" target=\"_blank\" rel=\"noopener\"\u003eSe asigura montajul gratuit la sediul magazinului de biciclete ProVelo Bucuresti, Sos Nicolae Titulescu 155, S1.\u003c\/a\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cbr style=\"font-size: 12px; color: #ff0000;\"\u003e\u003cstrong style=\"font-size: 12px; color: #ff0000;\"\u003e\u003cbr\u003e\n\u003c\/strong\u003e\u003cspan style=\"font-size: 12px; color: #ff0000;\"\u003e\u003cspan style=\"font-size: 12px;\"\u003eGreutatea maxima de incarcare poate sa fie diferita in functie de marca si modelul masinii. \u003c\/span\u003e(Consultati caracteristicile tehnice date de producatorul autoturismului)\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/www.thule.com\/en-gb\/\" target=\"_blank\" rel=\"noopener\"\u003e\u003cimg class=\"aligncenter wp-image-102823\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screen-Shot-2020-03-31-at-17_06_42-300x84.png\" alt=\"\" width=\"400\" height=\"112\"\u003e\u003c\/a\u003e\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57495788519806,"sku":"906300","price":1795.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Large-ThuleArcos_Platform_EROW_Iso_P_906300-scaled_ac8381c8-93ad-4f8f-ba26-e44b67c5b81a.jpg?v=1780322276"},{"product_id":"cutie-portbagaj-auto-thule-motion-3-xl-white-glossy","title":"Cutie portbagaj auto Thule Motion 3 XL - White Glossy","description":"\u003cp\u003eThule Motion 3 este cutia portbagaj premiată a noii generații: silueta aerodinamică cu nas coborât reduce consumul, iar sistemele PowerClick și SlideLock fac montarea și închiderea o joacă de copii. Finisaj White Glossy.\u003c\/p\u003e\u003ch4\u003eVersiuni\u003c\/h4\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eXL — 490 L\u003c\/strong\u003e: volum maxim pentru vacanțele întregii familii.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eXL Low — 400 L\u003c\/strong\u003e: profil jos (doar 30 cm pe bare), ideală pentru garaje joase și consum redus.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch4\u003eSpecificații XL (639802)\u003c\/h4\u003e\u003cul\u003e\n\u003cli\u003eVolum: 490 L\u003c\/li\u003e\n\u003cli\u003eDimensiuni externe (L×l×h): 215 × 89 × 43 cm\u003c\/li\u003e\n\u003cli\u003eDimensiuni interne: 203 × 74 × 37 cm\u003c\/li\u003e\n\u003cli\u003eÎnălțime peste bare: 38 cm\u003c\/li\u003e\n\u003cli\u003eGreutate: 23 kg · Capacitate: 75 kg\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch4\u003eSpecificații XL Low (639402)\u003c\/h4\u003e\u003cul\u003e\n\u003cli\u003eVolum: 400 L\u003c\/li\u003e\n\u003cli\u003eDimensiuni externe (L×l×h): 216 × 89 × 36 cm\u003c\/li\u003e\n\u003cli\u003eDimensiuni interne: 203 × 74 × 30 cm\u003c\/li\u003e\n\u003cli\u003eÎnălțime peste bare: 30 cm\u003c\/li\u003e\n\u003cli\u003eGreutate: 23 kg · Capacitate: 75 kg\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch4\u003eCaracteristici\u003c\/h4\u003e\u003cul\u003e\n\u003cli\u003eDesign aerodinamic cu profil de aripă și nas dinamic coborât\u003c\/li\u003e\n\u003cli\u003eMontaj rapid PowerClick cu indicator de cuplu integrat („clic” la strângerea corectă)\u003c\/li\u003e\n\u003cli\u003eÎnchidere SlideLock cu funcții separate de blocare\/deschidere și indicator de închidere sigură\u003c\/li\u003e\n\u003cli\u003eCapac rigid cu mâner lat — deschidere\/închidere cu o singură mână\u003c\/li\u003e\n\u003cli\u003eChingi de tragere a capacului pentru acces facil\u003c\/li\u003e\n\u003cli\u003ePoziție avansată pe plafon — acces complet la portbagaj\u003c\/li\u003e\n\u003cli\u003eCompatibilă One Key System\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch4\u003eCompatibilitate\u003c\/h4\u003e\u003cp\u003eSe montează pe Thule WingBar Evo, WingBar Edge, WingBar, SquareBar Evo, SlideBar, ProBar Evo și Caprock (cu kit dedicat).\u003c\/p\u003e","brand":"Thule","offers":[{"title":"XL • 490 L","offer_id":57710395392382,"sku":"639802","price":4150.0,"currency_code":"RON","in_stock":true},{"title":"XL Low • 400 L","offer_id":57710395425150,"sku":"639402","price":4150.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/639802.png?v=1784645355"},{"product_id":"cutie-portbagaj-thule-force-3-l-sport-negru-mat","title":"Cutie portbagaj Thule FORCE 3 L Sport - Negru mat","description":"\u003cp\u003e\u003cstrong\u003eThule Force 3 L Sport\u003c\/strong\u003e este cutia de portbagaj îngustă, de 300 de litri, care lasă loc pe plafon pentru încă un accesoriu. Cu doar 63 cm lățime, poți monta alături un suport de bicicletă sau de schiuri și pleci cu tot echipamentul dintr-o singură tură. Finisaj negru mat AeroSkin, rezistent la uzura zilnică.\u003c\/p\u003e\u003ch3\u003eDe ce Force 3 L Sport\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProfil îngust, 63 cm\u003c\/strong\u003e — rămâne spațiu liber pe plafon pentru un suport de bicicletă montat lângă cutie.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDeschidere DualSide\u003c\/strong\u003e — accesezi bagajul din ambele părți ale mașinii, oriunde parchezi.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMontaj PowerClick\u003c\/strong\u003e — strângi până auzi clicul indicatorului de cuplu; nu ai nevoie de scule.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSlideLock\u003c\/strong\u003e — încuietoarea și deschiderea sunt funcții separate: capacul se blochează automat și îți arată când e închis corect.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuprafață AeroSkin\u003c\/strong\u003e — structură texturată care ascunde micro-zgârieturile și păstrează aspectul mat.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcces la portbagajul mașinii\u003c\/strong\u003e — poziția scurtă a cutiei lasă hayonul să se deschidă (verifică distanța de la bara față: peste 1265 mm).\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eSpecificații\u003c\/h3\u003e\u003ctable\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolum\u003c\/td\u003e\n\u003ctd\u003e300 L\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni exterioare (L × l × Î)\u003c\/td\u003e\n\u003ctd\u003e191 × 63 × 42 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDimensiuni interioare\u003c\/td\u003e\n\u003ctd\u003e183 × 51 × 36,5 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎnălțime peste bare\u003c\/td\u003e\n\u003ctd\u003e39,4 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCapacitate de încărcare\u003c\/td\u003e\n\u003ctd\u003e75 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGreutate cutie\u003c\/td\u003e\n\u003ctd\u003e14,8 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSchiuri\u003c\/td\u003e\n\u003ctd\u003e3–5 perechi, maximum 175 cm (necesită adaptorul Thule 694-5)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSnowboard-uri\u003c\/td\u003e\n\u003ctd\u003e3–4 bucăți\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSistem de montaj\u003c\/td\u003e\n\u003ctd\u003ePowerClick\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eÎncuietoare\u003c\/td\u003e\n\u003ctd\u003eSlideLock, butuci incluși, compatibil One Key System\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuloare\u003c\/td\u003e\n\u003ctd\u003eNegru mat\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCod produs Thule\u003c\/td\u003e\n\u003ctd\u003e645600\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003ch3\u003eCompatibilitate\u003c\/h3\u003e\u003cp\u003eSe montează direct pe barele Thule WingBar Evo, WingBar Edge, WingBar și SquareBar Evo. Pentru Thule SlideBar și ProBar Evo este nevoie de adaptorul T-track 697-6, iar pentru platforma Thule Caprock de kitul dedicat de cutie. Dacă nu ești sigur ce bare ai, trimite-ne o poză și îți confirmăm noi compatibilitatea.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eMontaj profesional gratuit\u003c\/strong\u003e la atelierul ProVelo din București, Șos. Nicolae Titulescu 155, Sector 1 — montăm cutia și barele, la cuplul corect, și îți arătăm cum se demontează.\u003c\/p\u003e","brand":"Thule","offers":[{"title":"Default Title","offer_id":57745229021566,"sku":"645600","price":2295.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/1537649.png?v=1784965228"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/collections\/cutie-auto-portbagaj-cat_27d415b6-351b-4b45-840b-5212ba1bd781.webp?v=1780243085","url":"https:\/\/www.provelo.ro\/collections\/cutie-portbagaj-auto-thule.oembed?page=2","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}