{"product_id":"cybertruck-front-license-plate-holder-no-drill-anti-theft","title":"Suporte para Placa de Matrícula Frontal Cybertruck | Kit de Montagem Antirroubo Sem Perfuração","description":"\u003cstyle\u003e\n        \/* Scoping the styles to this specific component *\/\n        .cybertruck-mount-detail {\n            font-family: 'Inter', sans-serif;\n            color: #1f2937; \/* Dark Gray for main text *\/\n            padding: 0;\n            margin: 0;\n            box-sizing: border-box;\n            line-height: 1.6;\n        }\n\n        \/* H2 Titles - Mandatory Blue Color *\/\n        .cybertruck-mount-detail h2 {\n            color: #007BFF;\n            text-align: center;\n            padding-top: 3rem;\n            padding-bottom: 1.5rem;\n            font-size: 2.25rem; \/* text-3xl *\/\n            font-weight: 700;\n        }\n\n        .cybertruck-mount-detail h3 {\n            font-size: 1.5rem; \/* text-xl *\/\n            font-weight: 600;\n            color: #111827;\n        }\n\n        .cybertruck-mount-detail p {\n            font-size: 1rem;\n            margin-bottom: 1rem;\n        }\n\n        \/* Main Sections and Containers *\/\n        .ct-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 1rem;\n        }\n\n        \/* 1. Main Visual Section Styling (16:9 Aspect Ratio) *\/\n        .ct-visual {\n            background: #f3f4f6;\n            padding: 2rem 0;\n            border-bottom: 1px solid #e5e7eb;\n        }\n\n        .ct-visual-item {\n            aspect-ratio: 16 \/ 9;\n            background-color: #d1d5db;\n            color: #374151;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 600;\n            margin-bottom: 1.5rem;\n            border-radius: 0.75rem;\n            overflow: hidden;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .ct-visual-item:hover {\n            transform: scale(1.01);\n            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* 2. Features Section (Alternating 60\/40 Layout) *\/\n        .ct-feature-block {\n            display: flex;\n            align-items: stretch;\n            margin: 3rem 0;\n            overflow: hidden; \/* To ensure border-radius on images is clipped *\/\n            border-radius: 0.5rem; \/* Module level cornering for aesthetics *\/\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            transition: box-shadow 0.3s ease, transform 0.3s ease;\n            width: 100%; \/* Spanning to the edge of its parent container *\/\n        }\n\n        .ct-feature-block:hover {\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n            transform: translateY(-5px);\n        }\n\n        .ct-image-60 {\n            width: 60%;\n            aspect-ratio: 1 \/ 1; \/* Updated to 1:1 ratio (1000x1000) *\/\n            background-color: #4b5563; \/* Placeholder background *\/\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: 500;\n            overflow: hidden;\n        }\n\n        .ct-content-40 {\n            width: 40%;\n            padding: 2.5rem;\n            background-color: white;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            text-align: center;\n        }\n\n        \/* Image-Left \/ Content-Right Block *\/\n        .ct-left-image .ct-image-60 {\n            border-top-left-radius: 0.5rem;\n            border-bottom-left-radius: 0.5rem;\n        }\n        .ct-left-image .ct-content-40 {\n            border-top-right-radius: 0.5rem;\n            border-bottom-right-radius: 0.5rem;\n        }\n\n        \/* Image-Right \/ Content-Left Block (Reverse) *\/\n        .ct-right-image {\n            flex-direction: row-reverse;\n        }\n        .ct-right-image .ct-image-60 {\n            border-top-right-radius: 0.5rem;\n            border-bottom-right-radius: 0.5rem;\n        }\n        .ct-right-image .ct-content-40 {\n            border-top-left-radius: 0.5rem;\n            border-bottom-left-radius: 0.5rem;\n        }\n\n        \/* Feature Text Styling: Blue Separator *\/\n        .ct-feature-separator {\n            width: 50px;\n            height: 2px;\n            background-color: #007BFF;\n            margin: 0.5rem auto 1rem auto; \/* Center the separator *\/\n            transition: width 0.3s ease;\n        }\n        .ct-feature-block:hover .ct-feature-separator {\n            width: 80px;\n        }\n\n        .ct-feature-title {\n            font-size: 1.25rem;\n            font-weight: 700;\n            color: #1f2937;\n        }\n        .ct-feature-description {\n            color: #374151;\n            font-size: 0.95rem;\n            \/* Prevent text overflow for simplicity, preferring multiple lines if needed *\/\n            white-space: normal;\n            max-width: 100%;\n        }\n\n        \/* 3. Removed Compatibility Section CSS *\/\n\n        \/* 4. Removed Installation Section CSS *\/\n\n        \/* 5. FAQ Section (Accordion) *\/\n        .ct-faq {\n            background: #f3f4f6;\n            padding: 3rem 1rem;\n        }\n        .ct-accordion-item {\n            margin-bottom: 1rem;\n            border: 1px solid #d1d5db;\n            border-radius: 0.5rem;\n            overflow: hidden;\n            transition: box-shadow 0.3s ease;\n        }\n        .ct-accordion-item:hover {\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n        }\n        .ct-accordion-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 1rem 1.5rem;\n            cursor: pointer;\n            background-color: #ffffff;\n            transition: background-color 0.2s ease;\n        }\n        .ct-accordion-header:hover {\n            background-color: #f0f0f0;\n        }\n        .ct-accordion-content {\n            max-height: 0;\n            overflow: hidden;\n            padding: 0 1.5rem;\n            transition: max-height 0.3s ease-out, padding 0.3s ease-out;\n            background-color: #fafafa;\n        }\n        .ct-accordion-content.active {\n            max-height: 500px; \/* Large enough value to show content *\/\n            padding: 1rem 1.5rem;\n        }\n        .ct-accordion-icon {\n            font-size: 1.25rem;\n            color: #007BFF;\n            transition: transform 0.3s ease;\n        }\n        .ct-accordion-header[data-active=\"true\"] .ct-accordion-icon {\n            transform: rotate(45deg); \/* Plus sign to X\/minus sign *\/\n        }\n\n        \/* ========================================= *\/\n        \/* RESPONSIVENESS: Mobile Layout (\u003c 768px)  *\/\n        \/* ========================================= *\/\n        @media (max-width: 767px) {\n            .cybertruck-mount-detail h2 {\n                font-size: 1.75rem; \/* Smaller titles on mobile *\/\n            }\n\n            \/* Alternating Features Block: Stacks Vertically *\/\n            .ct-feature-block {\n                flex-direction: column;\n                margin: 2rem 0;\n                border-radius: 0.5rem;\n            }\n\n            \/* Both 60% Image and 40% Content take full width *\/\n            .ct-image-60, .ct-content-40 {\n                width: 100% !important;\n                border-radius: 0; \/* Reset individual rounding *\/\n            }\n\n            \/* Image is always on top for mobile *\/\n            .ct-image-60 {\n                order: 1; \/* Image first *\/\n                border-top-left-radius: 0.5rem;\n                border-top-right-radius: 0.5rem;\n                aspect-ratio: 16 \/ 9; \/* Use 16:9 for better fit on mobile screen *\/\n            }\n            .ct-content-40 {\n                order: 2; \/* Content second *\/\n                padding: 1.5rem;\n                border-bottom-left-radius: 0.5rem;\n                border-bottom-right-radius: 0.5rem;\n            }\n            \n            \/* Reset specific reverse layout for mobile *\/\n            .ct-right-image {\n                flex-direction: column;\n            }\n\n            .ct-feature-description {\n                text-align: center;\n            }\n\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"cybertruck-mount-detail\"\u003e\n\u003cdiv class=\"ct-container\"\u003e\n\u003c!-- Main Product Overview \u0026 Value Proposition --\u003e\n\u003csection class=\"py-10 text-center\"\u003e\n\u003ch2 style=\"font-size: 2.5rem; font-weight: 800; color: #1f2937; margin-bottom: 0.5rem;\"\u003eSuporte para Matrícula do Cybertruck\u003c\/h2\u003e\n\u003cp style=\"color: #6b7280;\"\u003eA montagem utiliza uma estrutura segura e personalizada que se instala rapidamente e mantém a sua matrícula firmemente no lugar, mesmo em velocidades de autoestrada. As funcionalidades \u003cstrong\u003eanti-roubo\u003c\/strong\u003e proporcionam uma camada extra de segurança. Construído com materiais de \u003cstrong\u003eliga de alumínio\u003c\/strong\u003e \u003cstrong\u003eduráveis e resistentes às intempéries\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- 1. Product Main Visuals Section (16:9 Aspect Ratio) --\u003e\n\u003csection class=\"ct-visual\"\u003e\n\u003cdiv class=\"ct-container\"\u003e\n\u003cdiv class=\"ct-visual-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/CybertruckFrontLicensePlateHolder_2.jpg?v=1760939222\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 2. Main Features Section --\u003e\n\u003ch2 class=\"ct-container\"\u003ePrincipais Características e Engenharia\u003c\/h2\u003e\n\u003c!-- Feature 1: No-Drill Installation (Image Left, Content Right) --\u003e\n\u003cdiv class=\"ct-container\" style=\"padding: 0;\"\u003e\n\u003cdiv class=\"ct-feature-block ct-left-image\"\u003e\n\u003cdiv class=\"ct-image-60\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/CybertruckFrontLicensePlateHolder_1.jpg?v=1760939222\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-content-40\"\u003e\n\u003cdiv class=\"ct-feature-title\"\u003ePosição ajustável\u003c\/div\u003e\n\u003cdiv class=\"ct-feature-separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-feature-description\"\u003ePermite ajuste e instalação da esquerda para a direita\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: 100% Paint Safe \/ Stainless Steel Protection (Image Right, Content Left) --\u003e\n\u003cdiv class=\"ct-container\" style=\"padding: 0;\"\u003e\n\u003cdiv class=\"ct-feature-block ct-right-image\"\u003e\n\u003cdiv class=\"ct-image-60\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/CybertruckFrontLicensePlateHolder_6_4fd7ebcc-667a-4b9b-b430-69d84eb01b75.jpg?v=1760941748\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-content-40\"\u003e\n\u003cdiv class=\"ct-feature-title\"\u003eAjuste e Acabamento OEM\u003c\/div\u003e\n\u003cdiv class=\"ct-feature-separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ct-feature-description\"\u003eDesenhado à medida para combinar com os contornos da face frontal do Cybertruck para um aspeto elegante\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ct-accordion-icon\"\u003e\u003c\/span\u003e\u003cscript\u003e\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            const headers = document.querySelectorAll('.ct-accordion-header');\n\n            headers.forEach(header =\u003e {\n                header.addEventListener('click', function() {\n                    const questionId = this.getAttribute('data-question');\n                    const content = document.querySelector(`.ct-accordion-content[data-answer=\"${questionId}\"]`);\n                    const isActive = this.getAttribute('data-active') === 'true';\n\n                    \/\/ Close all other active items\n                    document.querySelectorAll('.ct-accordion-header[data-active=\"true\"]').forEach(activeHeader =\u003e {\n                        if (activeHeader !== this) {\n                            activeHeader.setAttribute('data-active', 'false');\n                            const activeId = activeHeader.getAttribute('data-question');\n                            document.querySelector(`.ct-accordion-content[data-answer=\"${activeId}\"]`).classList.remove('active');\n                        }\n                    });\n\n                    \/\/ Toggle current item\n                    if (isActive) {\n                        this.setAttribute('data-active', 'false');\n                        content.classList.remove('active');\n                    } else {\n                        this.setAttribute('data-active', 'true');\n                        content.classList.add('active');\n                    }\n                });\n            });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Tesery Official Store","offers":[{"title":"Default Title","offer_id":47710088724712,"sku":"TCLF001","price":26.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/cybertruck-front-license-plate-holder-no-drill-anti-theft-mounting-kit-2811411.jpg?v=1760979745","url":"https:\/\/www.tesery.com\/pt-pt\/products\/cybertruck-front-license-plate-holder-no-drill-anti-theft","provider":"Tesery Official Store","version":"1.0","type":"link"}