{"product_id":"suport-fixare-scara-auto-bare-transversale-rhino-safe-clamp-ras21-set-de-2-bucati","title":"SUPORT FIXARE SCARA AUTO BARE TRANSVERSALE Rhino Safe Clamp RAS21 - set de 2 bucati","description":"\u003cbody\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screen-Shot-2021-02-25-at-07_12_16.png\"\u003e\u003cimg class=\" wp-image-115668 alignleft\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/Screen-Shot-2021-02-25-at-07_12_16.png\" alt=\"\" width=\"194\" height=\"54\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv data-elementor-type=\"container\" data-elementor-id=\"297294\" class=\"elementor elementor-297294\" data-elementor-settings='{\"ha_cmc_init_switcher\":\"no\"}' data-elementor-post-type=\"elementor_library\"\u003e\n\u003cdiv class=\"elementor-element elementor-element-bf63c77 e-flex e-con-boxed e-con e-parent\" data-id=\"bf63c77\" 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-cae8978 elementor-widget elementor-widget-html\" data-id=\"cae8978\" data-element_type=\"widget\" data-widget_type=\"html.default\"\u003e\n\u003cp\u003e\u003cbr\u003e\n\u003cbr\u003e\n\u003c\/p\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\u003eRhino Safe Clamp - Suport Fixare Scară Nr.1 în Europa\u003c\/title\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003c!-- Rhino Safe Clamp RAS21 - Landing Page Premium Apple Style --\u003e\u003cbr\u003e\n\u003c!-- SEO: Rhino Safe Clamp, suport fixare scara, RAS21, bare transversale, fixare scara auto --\u003e\u003cbr\u003e\n\u003c!-- Pentru Elementor HTML Widget --\u003e\n\u003cstyle\u003e\n    \/* ============================================\n       GLOBAL RESET\n       ============================================ *\/\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n    html {\n        scroll-behavior: smooth;\n        overflow-x: hidden;\n    }\n    body {\n        margin: 0;\n        padding: 0;\n        overflow-x: hidden;\n        width: 100%;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       ELEMENTOR FULL-WIDTH FIXES\n       ============================================ *\/\n    .elementor-widget-container:has(.rhino-testimonials-section),\n    .e-con:has(.rhino-testimonials-section),\n    .e-con-inner:has(.rhino-testimonials-section),\n    .elementor-element:has(.rhino-testimonials-section) {\n        --container-max-width: 100% !important;\n        --content-width: 100% !important;\n        --container-widget-width: 100% !important;\n        max-width: 100% !important;\n        width: 100% !important;\n        padding-left: 0 !important;\n        padding-right: 0 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .e-con-boxed:has(.rhino-testimonials-section) \u003e .e-con-inner,\n    .elementor-section:has(.rhino-testimonials-section),\n    .elementor-container:has(.rhino-testimonials-section),\n    .elementor-column:has(.rhino-testimonials-section),\n    .elementor-column-wrap:has(.rhino-testimonials-section),\n    .elementor-widget-wrap:has(.rhino-testimonials-section) {\n        max-width: 100% !important;\n        width: 100% !important;\n        padding: 0 !important;\n        margin: 0 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-testimonials-section {\n        max-width: none !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       CSS VARIABLES \u0026 DESIGN SYSTEM\n       ============================================ *\/\n    .rhino-page {\n        --rhino-black: #1d1d1f;\n        --rhino-white: #ffffff;\n        --rhino-gray-50: #fafafa;\n        --rhino-gray-100: #f5f5f7;\n        --rhino-gray-200: #e8e8ed;\n        --rhino-gray-300: #d2d2d7;\n        --rhino-gray-500: #86868b;\n        --rhino-gray-600: #6e6e73;\n        --rhino-gray-700: #515154;\n        --rhino-accent: #e63946;\n        --rhino-accent-light: #ff6b6b;\n        --rhino-accent-dark: #b71c1c;\n        --rhino-accent-orange: #f97316;\n        --rhino-accent-green: #22c55e;\n        --rhino-accent-yellow: #facc15;\n        --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;\n        --transition-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        --transition-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       ELEMENTOR KIT OVERRIDE\n       ============================================ *\/\n    .elementor-widget-container .rhino-page h1,\n    .elementor-widget-container .rhino-page h2,\n    .elementor-widget-container .rhino-page h3,\n    .elementor-widget-container .rhino-page h4,\n    .elementor-widget-container .rhino-page h5,\n    .elementor-widget-container .rhino-page h6,\n    .elementor-kit-6 .rhino-page h1,\n    .elementor-kit-6 .rhino-page h2,\n    .elementor-kit-6 .rhino-page h3,\n    .elementor-kit-6 .rhino-page h4,\n    .elementor-kit-6 .rhino-page h5,\n    .elementor-kit-6 .rhino-page h6 {\n        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif !important;\n        color: #1d1d1f !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .elementor-kit-6 .rhino-page h2,\n    .elementor-widget-container .rhino-page h2 {\n        font-size: inherit !important;\n        font-weight: inherit !important;\n        line-height: inherit !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-page .rhino-feature-title,\n    .rhino-page h2.rhino-feature-title,\n    .elementor-widget-container .rhino-feature-title,\n    .elementor-kit-6 .rhino-feature-title {\n        color: #1d1d1f !important;\n        opacity: 1 !important;\n        visibility: visible !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       RESET \u0026 BASE\n       ============================================ *\/\n    .rhino-page {\n        font-family: var(--font-main);\n        color: var(--rhino-black);\n        background: var(--rhino-white);\n        line-height: 1.5;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        overflow-x: hidden;\n        width: 100%;\n        max-width: 100%;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-page * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-page img,\n    .rhino-page video {\n        max-width: 100%;\n        height: auto;\n        display: block;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       TYPOGRAPHY\n       ============================================ *\/\n    .rhino-display-hero,\n    .rhino-page h1.rhino-display-hero,\n    .elementor-widget-container .rhino-display-hero {\n        font-size: clamp(3rem, 12vw, 7rem) !important;\n        font-weight: 800 !important;\n        letter-spacing: -0.04em !important;\n        line-height: 0.95 !important;\n        text-transform: uppercase;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-display-lg,\n    .rhino-page h2.rhino-display-lg,\n    .elementor-widget-container .rhino-display-lg {\n        font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.025em !important;\n        line-height: 1.05 !important;\n        color: #1d1d1f !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-display-md,\n    .rhino-page h3.rhino-display-md {\n        font-size: clamp(1.75rem, 4vw, 2.5rem) !important;\n        font-weight: 700 !important;\n        letter-spacing: -0.02em !important;\n        line-height: 1.15 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-body-xl {\n        font-size: clamp(1.125rem, 2vw, 1.375rem);\n        font-weight: 400;\n        line-height: 1.55;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-body-lg {\n        font-size: clamp(1rem, 1.5vw, 1.125rem);\n        font-weight: 400;\n        line-height: 1.6;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-eyebrow {\n        font-size: 0.875rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.1em;\n        color: var(--rhino-accent);\n    }\u003c\/p\u003e\n\u003cp\u003e    .gradient-red {\n        background: linear-gradient(135deg, var(--rhino-accent-dark) 0%, var(--rhino-accent) 50%, var(--rhino-accent-light) 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       LAYOUT\n       ============================================ *\/\n    .rhino-container {\n        width: 100%;\n        max-width: 1000px;\n        margin: 0 auto;\n        padding: 0 24px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-container-wide {\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 24px;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       HERO SECTION\n       ============================================ *\/\n    .rhino-hero {\n        padding: 100px 24px 80px;\n        text-align: center;\n        background: var(--rhino-white);\n        position: relative;\n        overflow: hidden;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-hero::before {\n        content: '';\n        position: absolute;\n        top: -50%;\n        left: -50%;\n        width: 200%;\n        height: 200%;\n        background: radial-gradient(ellipse at center, rgba(230, 57, 70, 0.03) 0%, transparent 70%);\n        pointer-events: none;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-hero-eyebrow {\n        margin-bottom: 12px;\n        opacity: 0;\n        transform: translateY(20px);\n        animation: rhinoFadeIn 0.8s var(--transition-smooth) 0.2s forwards;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-hero-title {\n        margin-bottom: 20px;\n        background: linear-gradient(180deg, #1d1d1f 0%, #3a3a3c 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        opacity: 0;\n        transform: translateY(30px) scale(0.95);\n        animation: rhinoTitleIn 1s var(--transition-smooth) 0.4s forwards;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-hero-subtitle {\n        font-size: clamp(1.25rem, 2.5vw, 1.5rem);\n        font-weight: 400;\n        color: var(--rhino-gray-600);\n        max-width: 750px;\n        margin: 0 auto 40px;\n        line-height: 1.55;\n        opacity: 0;\n        transform: translateY(20px);\n        animation: rhinoFadeIn 0.8s var(--transition-smooth) 0.6s forwards;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-hero-badges {\n        display: flex;\n        justify-content: center;\n        gap: 20px;\n        margin-bottom: 48px;\n        opacity: 0;\n        animation: rhinoFadeIn 0.8s var(--transition-smooth) 0.7s forwards;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-badge {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        padding: 10px 20px;\n        background: var(--rhino-gray-100);\n        border-radius: 100px;\n        font-size: 0.875rem;\n        font-weight: 600;\n        color: var(--rhino-gray-700);\n        transition: all 0.3s var(--transition-smooth);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-badge:hover {\n        background: var(--rhino-gray-200);\n        transform: translateY(-2px);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-badge-highlight {\n        background: linear-gradient(135deg, rgba(230,57,70,0.1), rgba(230,57,70,0.05));\n        color: var(--rhino-accent);\n        border: 1px solid rgba(230,57,70,0.2);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-badge-highlight:hover {\n        background: linear-gradient(135deg, rgba(230,57,70,0.15), rgba(230,57,70,0.08));\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes rhinoFadeIn {\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes rhinoTitleIn {\n        to {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* Hero Image *\/\n    .rhino-hero-image {\n        max-width: 700px;\n        margin: 0 auto;\n        opacity: 0;\n        transform: translateY(40px) scale(0.98);\n        animation: rhinoImageIn 1.2s var(--transition-smooth) 0.8s forwards;\n        position: relative;\n    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes rhinoImageIn {\n        to {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-hero-image img {\n        width: 100%;\n        height: auto;\n        transition: opacity 0.5s ease, transform 0.6s var(--transition-smooth);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-hero-image:hover img {\n        transform: scale(1.03);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       BUTTONS\n       ============================================ *\/\n    .rhino-btn,\n    .rhino-page .rhino-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        padding: 16px 32px;\n        font-family: var(--font-main) !important;\n        font-size: 1.0625rem !important;\n        font-weight: 500 !important;\n        border-radius: 980px;\n        cursor: pointer;\n        transition: all 0.4s var(--transition-smooth);\n        border: none;\n        text-decoration: none !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-btn-primary,\n    .rhino-page a.rhino-btn-primary,\n    a.rhino-btn-primary {\n        background: var(--rhino-accent) !important;\n        color: var(--rhino-white) !important;\n        box-shadow: 0 4px 14px rgba(230, 57, 70, 0.25);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-btn-primary:hover {\n        background: var(--rhino-accent-dark) !important;\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px rgba(230, 57, 70, 0.35);\n        color: var(--rhino-white) !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-btn-secondary {\n        background: var(--rhino-gray-200);\n        color: var(--rhino-black);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-btn-secondary:hover {\n        background: var(--rhino-gray-300);\n        transform: translateY(-2px);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-hero-cta {\n        display: flex;\n        justify-content: center;\n        gap: 16px;\n        flex-wrap: wrap;\n        margin-bottom: 48px;\n        opacity: 0;\n        animation: rhinoFadeIn 0.8s var(--transition-smooth) 0.75s forwards;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       FEATURE SECTIONS\n       ============================================ *\/\n    .rhino-feature-section {\n        padding: 120px 24px;\n        background: var(--rhino-white);\n        position: relative;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-feature-section.gray-bg {\n        background: var(--rhino-gray-100);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-feature-header {\n        max-width: 900px;\n        margin-bottom: 56px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-feature-header.center {\n        text-align: center;\n        margin-left: auto;\n        margin-right: auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-feature-title {\n        margin-bottom: 24px !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-feature-text {\n        color: var(--rhino-gray-600);\n        max-width: 750px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-feature-header.center .rhino-feature-text {\n        margin-left: auto;\n        margin-right: auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       VIDEO SECTION\n       ============================================ *\/\n    .rhino-video-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        border-radius: 28px;\n        overflow: hidden;\n        box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.18);\n        position: relative;\n        aspect-ratio: 16\/9;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-video-container iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       STATS ROW\n       ============================================ *\/\n    .rhino-stats-row {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 32px;\n        max-width: 1000px;\n        margin: 48px auto 0;\n        padding: 48px;\n        background: var(--rhino-white);\n        border-radius: 24px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-stat-item {\n        text-align: center;\n        padding: 16px;\n        transition: transform 0.3s var(--transition-smooth);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-stat-item:hover {\n        transform: translateY(-4px);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-stat-value {\n        font-size: clamp(2rem, 5vw, 3rem) !important;\n        font-weight: 700 !important;\n        line-height: 1 !important;\n        margin-bottom: 8px;\n        background: linear-gradient(135deg, var(--rhino-accent-dark), var(--rhino-accent), var(--rhino-accent-light));\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        transition: all 0.3s ease;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-stat-label {\n        font-size: 0.875rem;\n        color: var(--rhino-gray-600);\n        font-weight: 500;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       SHOWCASE GRID\n       ============================================ *\/\n    .rhino-showcase-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 32px;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-showcase-item {\n        background: var(--rhino-white);\n        border-radius: 24px;\n        overflow: hidden;\n        transition: all 0.5s var(--transition-smooth);\n        opacity: 0;\n        transform: translateY(40px);\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-showcase-item.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-showcase-item:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-showcase-image {\n        position: relative;\n        overflow: hidden;\n        aspect-ratio: 4\/3;\n        background: var(--rhino-gray-50);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-showcase-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        object-position: center;\n        padding: 16px;\n        transition: transform 0.6s var(--transition-smooth);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-showcase-item:hover .rhino-showcase-image img {\n        transform: scale(1.05);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-showcase-content {\n        padding: 28px 32px 32px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-showcase-title {\n        font-size: 1.375rem !important;\n        font-weight: 600 !important;\n        color: var(--rhino-black);\n        margin-bottom: 12px !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-showcase-text {\n        font-size: 1rem;\n        color: var(--rhino-gray-600);\n        line-height: 1.6;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-showcase-item.featured {\n        grid-column: span 2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-showcase-item.featured .rhino-showcase-image {\n        aspect-ratio: 21\/9;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       SPECS SECTION\n       ============================================ *\/\n    .rhino-specs-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n        max-width: 1100px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-spec-card {\n        background: var(--rhino-white);\n        border-radius: 20px;\n        padding: 28px 24px;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n        transition: all 0.4s var(--transition-smooth);\n        opacity: 0;\n        transform: translateY(20px);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-spec-card.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-spec-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(--rhino-accent), var(--rhino-accent-light));\n        transform: scaleX(0);\n        transition: transform 0.4s var(--transition-smooth);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-spec-card:hover::before {\n        transform: scaleX(1);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-spec-card:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-spec-icon {\n        width: 56px;\n        height: 56px;\n        margin: 0 auto 16px;\n        background: var(--rhino-gray-100);\n        border-radius: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s var(--transition-bounce);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-spec-card:hover .rhino-spec-icon {\n        background: linear-gradient(135deg, var(--rhino-accent), var(--rhino-accent-light));\n        transform: scale(1.1) rotate(-5deg);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-spec-icon svg {\n        width: 28px;\n        height: 28px;\n        color: var(--rhino-accent);\n        transition: color 0.3s ease;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-spec-card:hover .rhino-spec-icon svg {\n        color: white;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-spec-title {\n        font-size: 1.125rem !important;\n        font-weight: 600 !important;\n        color: var(--rhino-black);\n        margin-bottom: 4px !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-spec-desc {\n        font-size: 0.8125rem;\n        color: var(--rhino-gray-500);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       SPECS TABLE\n       ============================================ *\/\n    .rhino-specs-table {\n        max-width: 900px;\n        margin: 0 auto;\n        background: var(--rhino-white);\n        border-radius: 24px;\n        overflow: hidden;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-specs-table-header {\n        background: var(--rhino-black);\n        color: var(--rhino-white);\n        padding: 24px 32px;\n        display: flex;\n        align-items: center;\n        gap: 16px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-specs-table-header svg {\n        width: 28px;\n        height: 28px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-specs-table-title {\n        font-size: 1.25rem !important;\n        font-weight: 600 !important;\n        color: var(--rhino-white) !important;\n        margin: 0 !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-specs-table-body {\n        padding: 8px 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-specs-row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 16px 32px;\n        border-bottom: 1px solid var(--rhino-gray-100);\n        transition: background 0.2s ease;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-specs-row:last-child {\n        border-bottom: none;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-specs-row:hover {\n        background: var(--rhino-gray-50);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-specs-row.highlight {\n        background: linear-gradient(90deg, rgba(230, 57, 70, 0.06) 0%, transparent 100%);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-specs-row.highlight:hover {\n        background: linear-gradient(90deg, rgba(230, 57, 70, 0.1) 0%, rgba(230, 57, 70, 0.02) 100%);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-specs-label {\n        font-size: 0.9375rem;\n        font-weight: 500;\n        color: var(--rhino-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-specs-value {\n        font-size: 0.9375rem;\n        font-weight: 600;\n        color: var(--rhino-black);\n        transition: all 0.3s ease;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-specs-row.highlight .rhino-specs-value {\n        color: var(--rhino-accent);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-specs-check {\n        color: var(--rhino-accent-green);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       COMPARISON SECTION\n       ============================================ *\/\n    .rhino-comparison {\n        max-width: 900px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-comparison-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 32px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-comparison-card {\n        background: var(--rhino-white);\n        border-radius: 24px;\n        overflow: hidden;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n        transition: all 0.4s var(--transition-smooth);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-comparison-card:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-comparison-header {\n        padding: 24px 28px;\n        text-align: center;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-comparison-header.old {\n        background: var(--rhino-gray-200);\n        color: var(--rhino-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-comparison-header.new {\n        background: linear-gradient(135deg, var(--rhino-accent), var(--rhino-accent-light));\n        color: white;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-comparison-header-title {\n        font-size: 1.125rem !important;\n        font-weight: 700 !important;\n        margin-bottom: 4px !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-comparison-header-subtitle {\n        font-size: 0.8125rem;\n        opacity: 0.8;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-comparison-body {\n        padding: 24px 28px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-comparison-item {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        padding: 12px 0;\n        border-bottom: 1px solid var(--rhino-gray-100);\n        font-size: 0.9375rem;\n        color: var(--rhino-gray-600);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-comparison-item:last-child {\n        border-bottom: none;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-comparison-icon {\n        flex-shrink: 0;\n        width: 24px;\n        height: 24px;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       TESTIMONIALS SECTION\n       ============================================ *\/\n    .rhino-testimonials-section {\n        width: 100% !important;\n        max-width: 100% !important;\n        position: relative !important;\n        left: 0 !important;\n        transform: none !important;\n        margin-left: 0 !important;\n        margin-right: 0 !important;\n        padding: 0 !important;\n        min-height: 80vh !important;\n        background: #0d0d0d !important;\n        overflow: hidden !important;\n        box-sizing: border-box !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-testimonials-bg {\n        position: absolute !important;\n        top: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        bottom: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n        z-index: 1;\n        background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-testimonials-overlay {\n        position: absolute !important;\n        top: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        bottom: 0 !important;\n        background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%) !important;\n        z-index: 2;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-testimonials-content {\n        position: relative;\n        z-index: 3;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 80px 24px;\n        max-width: 1000px;\n        margin: 0 auto;\n        text-align: center;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-testimonials-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 32px;\n        width: 100%;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-testimonial-card {\n        background: rgba(255,255,255,0.08);\n        backdrop-filter: blur(16px);\n        border: 1px solid rgba(255,255,255,0.12);\n        border-radius: 20px;\n        padding: 32px 28px;\n        text-align: left;\n        transition: all 0.4s var(--transition-smooth);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-testimonial-card:hover {\n        background: rgba(255,255,255,0.12);\n        transform: translateY(-6px);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-testimonial-stars {\n        color: var(--rhino-accent-yellow);\n        font-size: 1.125rem;\n        margin-bottom: 16px;\n        letter-spacing: 2px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-testimonial-text {\n        font-size: 1rem;\n        color: rgba(255,255,255,0.9);\n        line-height: 1.6;\n        margin-bottom: 20px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-testimonial-author {\n        font-size: 0.875rem;\n        font-weight: 600;\n        color: white;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-testimonial-role {\n        font-size: 0.8125rem;\n        color: rgba(255,255,255,0.5);\n        margin-top: 2px;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       CTA SECTION\n       ============================================ *\/\n    .rhino-cta-section {\n        padding: 140px 24px;\n        text-align: center;\n        background: linear-gradient(180deg, var(--rhino-white) 0%, var(--rhino-gray-100) 100%);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-cta-buttons {\n        display: flex;\n        justify-content: center;\n        gap: 16px;\n        flex-wrap: wrap;\n        margin-top: 32px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-price-tag {\n        display: inline-block;\n        margin-top: 24px;\n        margin-bottom: 8px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-price-old {\n        font-size: 1.25rem;\n        color: var(--rhino-gray-500);\n        text-decoration: line-through;\n        margin-right: 12px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-price-new {\n        font-size: clamp(2rem, 4vw, 3rem);\n        font-weight: 800;\n        background: linear-gradient(135deg, var(--rhino-accent-dark), var(--rhino-accent));\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-price-vat {\n        font-size: 0.875rem;\n        color: var(--rhino-gray-500);\n        margin-top: 4px;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       TRUST BADGES\n       ============================================ *\/\n    .rhino-trust-row {\n        display: flex;\n        justify-content: center;\n        gap: 40px;\n        flex-wrap: wrap;\n        margin-top: 48px;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-trust-item {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        color: var(--rhino-gray-600);\n        font-size: 0.875rem;\n        font-weight: 500;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-trust-icon {\n        width: 40px;\n        height: 40px;\n        background: var(--rhino-gray-100);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-trust-icon svg {\n        width: 22px;\n        height: 22px;\n        color: var(--rhino-accent);\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       FAQ SECTION\n       ============================================ *\/\n    .rhino-faq-list {\n        max-width: 800px;\n        margin: 0 auto;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-faq-item {\n        border-bottom: 1px solid var(--rhino-gray-200);\n        overflow: hidden;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-faq-question {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 24px 0;\n        cursor: pointer;\n        font-size: 1.125rem;\n        font-weight: 600;\n        color: var(--rhino-black) !important;\n        transition: color 0.3s ease;\n        background: none !important;\n        background-color: transparent !important;\n        border: none !important;\n        border-radius: 0 !important;\n        width: 100%;\n        text-align: left;\n        font-family: var(--font-main);\n        outline: none !important;\n        box-shadow: none !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-faq-question:hover,\n    .rhino-faq-question:focus,\n    .rhino-faq-question:active,\n    .rhino-faq-question:visited {\n        color: var(--rhino-accent) !important;\n        background: none !important;\n        background-color: transparent !important;\n        border: none !important;\n        box-shadow: none !important;\n        outline: none !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-faq-item.open .rhino-faq-question {\n        color: var(--rhino-black) !important;\n        background: none !important;\n        background-color: transparent !important;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-faq-icon {\n        width: 24px;\n        height: 24px;\n        flex-shrink: 0;\n        transition: transform 0.3s var(--transition-smooth);\n        color: var(--rhino-gray-500);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-faq-item.open .rhino-faq-icon {\n        transform: rotate(45deg);\n        color: var(--rhino-accent);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-faq-answer {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.4s var(--transition-smooth), padding 0.4s var(--transition-smooth);\n        padding: 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-faq-item.open .rhino-faq-answer {\n        max-height: 300px;\n        padding: 0 0 24px 0;\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-faq-answer p {\n        font-size: 1rem;\n        color: var(--rhino-gray-600);\n        line-height: 1.65;\n    }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       ANIMATIONS\n       ============================================ *\/\n    .rhino-fade-in {\n        opacity: 0;\n        transform: translateY(40px);\n        transition: opacity 0.8s var(--transition-smooth), transform 0.8s var(--transition-smooth);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\u003c\/p\u003e\n\u003cp\u003e    .rhino-delay-1 { transition-delay: 0.1s; }\n    .rhino-delay-2 { transition-delay: 0.2s; }\n    .rhino-delay-3 { transition-delay: 0.3s; }\u003c\/p\u003e\n\u003cp\u003e    \/* ============================================\n       RESPONSIVE\n       ============================================ *\/\n    @media (max-width: 1024px) {\n        .rhino-showcase-grid {\n            grid-template-columns: 1fr;\n        }\n        .rhino-showcase-item.featured {\n            grid-column: span 1;\n        }\n        .rhino-showcase-item.featured .rhino-showcase-image {\n            aspect-ratio: 16\/9;\n        }\n        .rhino-specs-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n        .rhino-stats-row {\n            grid-template-columns: repeat(2, 1fr);\n        }\n        .rhino-testimonials-grid {\n            grid-template-columns: 1fr;\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Rhino","offers":[{"title":"Default Title","offer_id":57492689551742,"sku":"RAS21","price":390.0,"currency_code":"RON","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/9976\/8190\/files\/SUPORT-FIXARE-SCARA-AUTO-BARE-TRANSVERSALE.jpg?v=1780266396","url":"https:\/\/www.provelo.ro\/products\/suport-fixare-scara-auto-bare-transversale-rhino-safe-clamp-ras21-set-de-2-bucati","provider":"ProVelo - Biciclete, Accesorii Ciclism și Soluții de Transport","version":"1.0","type":"link"}