{"product_id":"compteur","title":"compteur","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eCompteur Google Responsive\u003c\/title\u003e\n    \u003cstyle\u003e\n        :root {\n            --google-blue: #4285F4;\n            --google-red: #EA4335;\n            --google-yellow: #FBBC05;\n            --google-green: #34A853;\n            --google-grey: #5f6368;\n        }\n\n        body {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height: 100vh;\n            margin: 0;\n            background-color: #f8f9fa;\n            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n        }\n\n        .countdown-container {\n            display: flex;\n            flex-wrap: wrap; \/* Permet le passage à la ligne sur mobile *\/\n            justify-content: center;\n            gap: 20px;\n            padding: 20px;\n        }\n\n        .segment-wrapper {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .time-segment {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100px;\n            height: 100px;\n            border-radius: 12px;\n            color: white;\n            font-size: 2.5rem;\n            font-weight: bold;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n            transition: transform 0.3s ease;\n        }\n\n        .label {\n            font-size: 0.9rem;\n            color: var(--google-grey);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            font-weight: 600;\n        }\n\n        \/* Couleurs *\/\n        .blue { background-color: var(--google-blue); }\n        .red { background-color: var(--google-red); }\n        .yellow { background-color: var(--google-yellow); }\n        .green { background-color: var(--google-green); }\n\n        \/* Animation Pulse sur les secondes *\/\n        @keyframes pulse {\n            0% { transform: scale(1); box-shadow: 0 4px 6px rgba(0,0,0,0.1); }\n            50% { transform: scale(1.08); box-shadow: 0 8px 15px rgba(52, 168, 83, 0.4); }\n            100% { transform: scale(1); box-shadow: 0 4px 6px rgba(0,0,0,0.1); }\n        }\n\n        #seconds {\n            animation: pulse 1s infinite ease-in-out;\n        }\n\n        \/* --- RESPONSIVE DESIGN --- *\/\n        @media (max-width: 600px) {\n            .time-segment {\n                width: 70px;\n                height: 70px;\n                font-size: 1.8rem;\n            }\n            .countdown-container {\n                gap: 10px;\n            }\n            .label {\n                font-size: 0.7rem;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"countdown-container\"\u003e\n    \u003cdiv class=\"segment-wrapper\"\u003e\n        \u003cdiv class=\"time-segment blue\" id=\"days\"\u003e00\u003c\/div\u003e\n        \u003cspan class=\"label\"\u003eJours\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"segment-wrapper\"\u003e\n        \u003cdiv class=\"time-segment red\" id=\"hours\"\u003e00\u003c\/div\u003e\n        \u003cspan class=\"label\"\u003eHeures\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"segment-wrapper\"\u003e\n        \u003cdiv class=\"time-segment yellow\" id=\"minutes\"\u003e00\u003c\/div\u003e\n        \u003cspan class=\"label\"\u003eMin\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"segment-wrapper\"\u003e\n        \u003cdiv class=\"time-segment green\" id=\"seconds\"\u003e00\u003c\/div\u003e\n        \u003cspan class=\"label\"\u003eSec\u003c\/span\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    \/\/ Date cible : 31 Décembre 2026\n    const targetDate = new Date(\"march 18, 2027 17:10:00\").getTime();\n\n    function updateCountdown() {\n        const now = new Date().getTime();\n        const distance = targetDate - now;\n\n        if (distance \u003c 0) {\n            document.querySelector(\".countdown-container\").innerHTML = \"\u003ch1\u003eC'est le grand jour !\u003c\/h1\u003e\";\n            return;\n        }\n\n        const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n        const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n        const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n        const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n\n        document.getElementById(\"days\").innerText = days.toString().padStart(2, '0');\n        document.getElementById(\"hours\").innerText = hours.toString().padStart(2, '0');\n        document.getElementById(\"minutes\").innerText = minutes.toString().padStart(2, '0');\n        document.getElementById(\"seconds\").innerText = seconds.toString().padStart(2, '0');\n    }\n\n    setInterval(updateCountdown, 1000);\n    updateCountdown(); \/\/ Appel immédiat pour éviter le \"00\" au chargement\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"FastHoraire.ca RapidoVélo.com Fast123.ca","offers":[{"title":"Default Title","offer_id":47997540008190,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":false}],"url":"https:\/\/www.fast123.ca\/en\/products\/compteur","provider":"FastHoraire.ca RapidoVélo.com Fast123.ca","version":"1.0","type":"link"}