{"title":"Canon EOS-M Mirrorless Cameras","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003ctitle\u003eFotocamere Usate con link nero grassetto e testo specifico\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* Stile del testo principale: colore nero e dimensione ridotta *\/\n        .descrizione-prodotto {\n            font-size: 0.8em; \n            color: #000000; \n        }\n\n        \/* La parte di testo che viene inizialmente nascosta *\/\n        .testo-nascosto {\n            display: none; \n        }\n\n        \/* La classe che mostra il testo nascosto quando attiva *\/\n        .testo-nascosto.mostra {\n            display: inline;\n        }\n\n        \/* Stile per i link \"Visualizza altro\" e \"meno\": colore nero, grassetto e STESSO FONT *\/\n        #bottoneLeggiDiPiu, #bottoneLeggiAltroIniziale {\n            cursor: pointer;\n            color: #000000; \/* COLORE NERO *\/\n            font-weight: bold; \/* GRASSETTO *\/\n            text-decoration: underline; \/* Mantiene la sottolineatura, se desiderata *\/\n            background: none;\n            border: none;\n            padding: 0;\n            font-size: 1em;\n            margin-left: 4px; \/* Spazio tra il testo e il link *\/\n            font-family: inherit; \/* FORZA LO STESSO FONT DEL TESTO PRINCIPALE *\/\n        }\n    \u003c\/style\u003e\n\n\n\n    \u003cdiv class=\"descrizione-prodotto\"\u003e \n        \u003cp id=\"contenutoParagrafo\"\u003e\n            Pronto a \u003cstrong\u003eScattare l'Attimo\u003c\/strong\u003e con la tua prossima mirrorless compatta? Esplora la vasta gamma di fotocamere \u003cstrong\u003eCanon EOS M usate\u003c\/strong\u003e nel nostro negozio, selezionate accuratamente per garantirti il perfetto equilibrio tra la qualità d'immagine Canon e la massima portabilità. Che tu stia cercando un corpo macchina leggero per viaggiare o uno strumento versatile per i tuoi vlog, \n            \n            \u003cspan class=\"testo-nascosto\" id=\"testoNascosto\"\u003e\n                 abbiamo lo strumento ideale per catturare ogni tua visione. Affidati alla sicurezza del nostro usato garantito e testato da tecnici qualificati, scopri la gamma di ottiche native EF-M o adatta i tuoi obiettivi reflex, scegli la tua prossima compagna di avventure Canon EOS M e non perdere nessun momento irripetibile.\n            \u003c\/span\u003e\n\n            \u003c!-- Contenitore unico per i bottoni: garantisce che uno escluda l'altro al 100% --\u003e\n            \u003cspan class=\"contenitore-bottoni\"\u003e\n                \u003ca href=\"#\" id=\"bottoneLeggiAltroIniziale\"\u003eVisualizza altro\u003c\/a\u003e\n                \u003ca href=\"#\" id=\"bottoneLeggiDiPiu\" style=\"display: none !important;\"\u003emeno\u003c\/a\u003e\n            \u003c\/span\u003e\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- JAVASCRIPT --\u003e\n    \u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', (event) =\u003e {\n        const bottoneAltro = document.getElementById('bottoneLeggiAltroIniziale');\n        const bottoneMeno = document.getElementById('bottoneLeggiDiPiu');\n        const testo = document.getElementById(\"testoNascosto\");\n\n        if (bottoneAltro \u0026\u0026 bottoneMeno \u0026\u0026 testo) {\n            \/\/ STATO INIZIALE FORZATO: nascondo tassativamente il tasto meno all'avvio\n            bottoneMeno.style.setProperty('display', 'none', 'important');\n            bottoneAltro.style.setProperty('display', 'inline', 'important');\n\n            \/\/ Click su \"Visualizza altro\"\n            bottoneAltro.addEventListener('click', function(e) {\n                e.preventDefault();\n                \n                \/\/ Forzo la scomparsa immediata e totale di Visualizza Altro\n                bottoneAltro.style.setProperty('display', 'none', 'important'); \n                \n                \/\/ Mostro il testo e il tasto meno\n                testo.classList.add(\"mostra\");         \n                bottoneMeno.style.setProperty('display', 'inline', 'important');  \n            });\n\n            \/\/ Click su \"meno\"\n            bottoneMeno.addEventListener('click', function(e) {\n                e.preventDefault();\n                \n                \/\/ Forzo la scomparsa immediata e totale di Meno\n                bottoneMeno.style.setProperty('display', 'none', 'important'); \n                \n                \/\/ Nascondo il testo e mostra Visualizza Altro\n                testo.classList.remove(\"mostra\");      \n                bottoneAltro.style.setProperty('display', 'inline', 'important'); \n            });\n        }\n    });\n    \u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","products":[{"product_id":"canon-eos-m50","title":"Canon EOS M50","description":"\u003cbody\u003e\n\n\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eScatta l'Attimo Product Specifications\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* GENERAL STYLES *\/\n        .sezione-info {\n            color: #404040;\n            padding: 8px 0;\n            font-size: 14px;\n        }\n        .area-info-badge {\n            background-color: #fcf8e3;\n            border: 1px solid #e0d8c0;\n            border-radius: 8px;\n            padding: 8px 10px;\n            margin-bottom: 10px;\n            \/* ADDED: Orange bottom border for the \"little space\" *\/\n            border-bottom: 4px solid #ffcb3c; \n        }\n\n        \/* New style for the orange circle around the emoji or image *\/\n        .emoji-cerchio-arancione {\n            display: inline-flex; \/* Use flexbox for centering *\/\n            align-items: center;\n            justify-content: center;\n            width: 40px; \/* Circle size *\/\n            height: 40px; \/* Circle size *\/\n            background-color: #ffcb3c; \/* Orange background *\/\n            border-radius: 50%; \/* Makes the container a circle *\/\n            margin-right: 12px; \/* Adjusted right margin *\/\n            vertical-align: middle; \n            flex-shrink: 0; \n        }\n\n        .emoji-arancione {\n            color: #404040;\n            font-size: 24px; \/* Increased emoji size to fit in the circle *\/\n        }\n        \n        \/* Style for the icon image (for shots) *\/\n        .icona-scatti-img {\n            width: 24px; \/* Adjust image size inside the circle *\/\n            height: auto;\n            display: block;\n        }\n\n        .titolo-label {\n            font-weight: bold;\n            color: #404040;\n            font-size: 18px;\n            display: inline;\n            vertical-align: middle;\n        }\n        \/* Ensures the hand cursor on all clickable elements *\/\n        .valore-cliccabile, .link-dettagli, .pulsante-base, .link-garanzia-popup {\n            cursor: pointer;\n        }\n\n        \/* The values 12 months, 30 days, and 1,250 shots now share the same style *\/\n        .valore-cliccabile, .valore-fisso {\n            font-weight: bold;\n            color: #000000;\n            font-size: 18px; \/* ALL AT 18px *\/\n            margin-left: 5px;\n            vertical-align: middle;\n        }\n\n        \/* UPDATED AND REALIGNED STYLE FOR \"additional details\" *\/\n        .link-dettagli {\n            font-weight: normal;\n            text-decoration: underline;\n            color: #777; \/* Slightly softer color *\/\n            font-size: 12px; \/* FURTHER SHRUNK *\/\n            display: block;\n            margin-top: 4px;\n            \/* RECALCULATED TO ALIGN BELOW THE FIRST LETTER OF THE TITLE *\/\n            margin-left: -4px; \n            padding-left: 65px; \n            transition: color 0.3s ease;\n            cursor: pointer !important; \n        }\n        .link-dettagli:hover { color: #aaa; }\n        .badge-condizione {\n            background-color: #fff7e6;\n            border: 1px solid #8c6f21;\n            border-radius: 12px;\n            padding: 4px 10px;\n            display: inline-block;\n            line-height: 1;\n        }\n        \n        \/* \"CONTROLS PERFORMED\" TEXT (NO LONGER TOUCHED) *\/\n        .testo-fisso {\n            font-weight: normal;\n            font-size: 14px;\n            margin-left: 58px; \n            margin-top: 4px;\n        }\n        \n        \/* Increased to better fit the new pop-up font size *\/\n        .highlight-bold { \n            font-weight: bold; \n            font-size: 22px; \n        }\n        \n        \/* Return Layout: Default Mobile *\/\n        .descrizione-reso {\n            padding-left: 58px; \n            margin-top: 4px;\n            line-height: 1.4;\n        }\n        .riga-reso {\n            display: block;\n            font-size: 14px;\n            color: #404040;\n            margin-top: 4px;\n        }\n        .riga-principale-reso-container {\n            display: flex;\n            align-items: center;\n            \/* UPDATED MODIFICATION: Move the entire return line slightly to the right *\/\n            margin-left: 6px; \n        }\n\n        .highlight-bold.soddisfatto {\n            font-size: 16px; \n            display: block;\n            margin-top: 8px !important;\n        }\n\n        \/* POP-UP STYLES *\/\n        .modal { display: none; position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); opacity: 0; transition: opacity 0.3s ease-out; }\n        .modal.is-open { opacity: 1; display: block; }\n        .modal-content { \n            background-color: #fefefe; \n            padding: 10px; \n            border-radius: 10px; \n            width: 85%; \n            max-width: 620px; \/* Set to 620px *\/\n            position: absolute; \n            top: 50%; \n            left: 50%; \n            transform: translate(-50%, -50%); \n            max-height: 90vh; \n            overflow-y: auto; \n        }\n        .modal-header { \n            display: flex; \n            justify-content: space-between; \n            align-items: flex-start; \n             \/* MODIFICATION: Reduced margin below header to 2px *\/\n            margin-bottom: 2px; \n        }\n        .pulsante-base { background-color: #FFFFFF; border: 1px solid #8c6f21; color: #8c6f21; font-weight: bold; border-radius: 50px; padding: 10px 20px; transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease; }\n        .pulsante-base:hover { background-color: #ffcb3c; border-color: #ffcb3c; color: #000000; }\n        .close-button.pulsante-base { padding: 5px 10px; font-size: 20px; line-height: 1; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; }\n        #modalTitle { \n            \/* MODIFICATION: Much larger title *\/\n            font-size: 32px; \n            font-weight: bold; \n            color: #8c6f21; \n            text-align: center;\n            width: 100%; \n        }\n        \/* Added: Style for normal pop-up text *\/\n        .modal-content p {\n            font-size: 18px;\n            line-height: 1.4;\n        }\n        .custom-list-item { display: flex; align-items: flex-start; line-height: 1.2; margin-bottom: 2px; }\n        \/* Increased bulleted list text size in pop-up *\/\n        .custom-list-text {\n            font-size: 16px;\n        }\n        .custom-list-bullet { margin-right: 0.5em; flex-shrink: 0; }\n        .modal-content .link-garanzia-popup { display: block; margin-top: 15px; text-decoration: underline; color: #8c6f21; font-size: 16px; }\n        \n        \/* MEDIA QUERY FOR PC (Desktop\/Tablet \u003e 768px) *\/\n        @media only screen and (min-width: 768px) {\n            \n            \/* Return Text aligned with Controls at 58px *\/\n            .testo-fisso, .descrizione-reso {\n                 margin-left: 58px; \n                 padding-left: 0;\n            }\n            \n            .highlight-bold.soddisfatto { margin-left: 0 !important; }\n            \/* Removes the margin added before, if on desktop it is desired to be aligned *\/\n            .riga-principale-reso-container { margin-left: 6px; } \n            \n            \/* On desktop, align \"additional details\" below the first letter of the title *\/\n            .link-dettagli {\n                 margin-left: -4px;\n                 padding-left: 65px;\n            }\n        }\n\n        \/* ADDITIONAL STYLES FOR THE \"YOU WILL RECEIVE\" LIST (Unchanged) *\/\n        .lista-inclusi { list-style-type: none; padding-left: 0; margin-top: 8px; margin-left: 48px; }\n        .lista-inclusi li { position: relative; padding-left: 20px; margin-bottom: 4px; line-height: 1.4; font-size: 14px; }\n        .lista-inclusi li::before { content: '•'; position: absolute; left: 0; top: 0; color: #8c6f21; font-size: 18px; line-height: 1; }\n        \n        \/* PROPOSED SOLUTION: Override Shopify theme CSS that might add a grey border *\/\n        .area-info-badge, \n        .emoji-cerchio-arancione, \n        .emoji-cerchio-arancione img,\n        .badge-condizione {\n            border-color: transparent !important;\n        }\n    \u003c\/style\u003e\n\n\n    \u003c!-- Main container for specifications --\u003e\n    \u003cdiv\u003e\n        \n\n\n\u003c!-- 1. CONDITION --\u003e\n        \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cspan class=\"emoji-cerchio-arancione\"\u003e\u003cspan class=\"emoji-arancione\"\u003e✨\u003c\/span\u003e\u003c\/span\u003e\n            \u003cspan class=\"titolo-label\"\u003eCondition:\u003c\/span\u003e\n            \u003cspan class=\"valore-cliccabile badge-condizione\"\u003eExcellent\u003c\/span\u003e\n            \u003ca class=\"link-dettagli\" data-title=\"Condition\" data-content=\"Every product photo is real: you will receive exactly what you see in the photos. The condition assessment is carried out by our specialized technician.\n               \n              This item is “Excellent”, which generally means:\n\n• Camera body: with only minor cosmetic signs of wear. There may be minor scratches\/abrasions.\n• Buttons and hot shoe: responsive and fully functional, in excellent condition.\n• Screen: in almost perfect condition.\n• Sensor: clean and free from marks.\"\u003e\n               further details\n\n\u003c\/a\u003e\n        \u003c\/div\u003e\n\n\n        \u003c!-- 3. YOU WILL RECEIVE (with GIFT EMOJI) --\u003e\n        \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cspan class=\"emoji-cerchio-arancione\"\u003e\n                 \u003c!-- Use gift emoji as requested --\u003e\n                \u003cspan class=\"emoji-arancione\"\u003e🎁\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"titolo-label\"\u003eIncluded:\u003c\/span\u003e\n            \u003cul class=\"lista-inclusi\"\u003e\n               \u003cli\u003eCanon LP-E12 Battery\u003c\/li\u003e\n               \u003cli\u003eCanon LC-E12E Charger\u003c\/li\u003e\n                \u003cli\u003eEF-M Front cap\u003c\/li\u003e\n                \u003cli\u003eNeck strap \u003c\/li\u003e\n\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \n\n  \u003c!-- 4. SHIPPING (NEW SECTION ADDED HERE) --\u003e\n        \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cdiv class=\"riga-principale-reso-container\"\u003e\n                \u003cspan class=\"emoji-cerchio-arancione\"\u003e\u003cspan class=\"emoji-arancione\"\u003e🚚\u003c\/span\u003e\u003c\/span\u003e\n                \u003cspan class=\"titolo-label\"\u003eShipping:\u003c\/span\u003e\n                \u003cspan class=\"valore-fisso\"\u003eFree\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"descrizione-reso\"\u003e\n                \u003cspan class=\"riga-reso\"\u003e\n                    We ship with express courier throughout Italy.\n                \u003c\/span\u003e\n                \n                \u003cspan class=\"riga-reso highlight-bold soddisfatto\"\u003e\n                    Delivery in 48\/72 working hours\n                \u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n        \u003c!-- 4. RETURN (NOW WITH ORANGE BORDER) --\u003e\n        \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cdiv class=\"riga-principale-reso-container\"\u003e\n                \u003cspan class=\"emoji-cerchio-arancione\"\u003e\u003cspan class=\"emoji-arancione\"\u003e📦\u003c\/span\u003e\u003c\/span\u003e\n                \u003cspan class=\"titolo-label\"\u003eReturn:\u003c\/span\u003e\n                \u003cspan class=\"valore-fisso\"\u003e30 days\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"descrizione-reso\"\u003e\n                \u003cspan class=\"riga-reso\"\u003e\n                    If the item does not match the description, you can return it for a full refund within 30 days of receipt.\n                \u003c\/span\u003e\n                \n                \u003cspan class=\"riga-reso highlight-bold soddisfatto\"\u003e\n                    100% satisfied or your money back\n                \u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 5. WARRANTY (UPDATED AND INDENTED TEXT) --\u003e\n        \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cspan class=\"emoji-cerchio-arancione\"\u003e\u003cspan class=\"emoji-arancione\"\u003e🛡️\u003c\/span\u003e\u003c\/span\u003e\n            \u003cspan class=\"titolo-label\"\u003eWarranty:\u003c\/span\u003e\n            \u003cspan class=\"valore-cliccabile\"\u003e12 months\u003c\/span\u003e\n             \u003ca class=\"link-dettagli\" data-title=\"Warranty\" data-content=\"The item is covered by Scatta l’Attimo's 12-month Free Warranty. \n               The warranty covers:\n               Sudden malfunctions (excluding those caused by accidental drops, improper use, or negligence).\n               Lack of conformity (when the product does not match the description or does not work as expected).\n               \n                 \n\n**Additional note for cameras**\nTrusting our checks completely, we offer an exclusive extra guarantee: if the number of shots differs from what is described, you will immediately receive a 30% bonus for your next order.\n                 \n                 \u0026lt;a href='https:\/\/scattalattimo.it' class='link-garanzia-popup' target='_blank'\u0026gt;You can consult the full warranty conditions.\u0026lt;\/a\u0026gt;\"\u003e\n               further details\n            \u003c\/a\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 6. CONTROLS --\u003e\n         \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cspan class=\"emoji-cerchio-arancione\"\u003e\u003cspan class=\"emoji-arancione\"\u003e✅\u003c\/span\u003e\u003c\/span\u003e\n            \u003cspan class=\"titolo-label\"\u003eControls performed:\u003c\/span\u003e\n            \u003cdiv class=\"testo-fisso\"\u003eThis item has been carefully cleaned and checked.\u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- MODAL STRUCTURE --\u003e\n    \u003cdiv id=\"infoModal\" class=\"modal\"\u003e\n      \u003cdiv class=\"modal-content\"\u003e\n        \u003cdiv class=\"modal-header\"\u003e\n            \u003ch3 id=\"modalTitle\"\u003e\u003c\/h3\u003e\n            \u003cbutton id=\"closeButtonX\" class=\"close-button pulsante-base\"\u003e×\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cp id=\"modalContent\"\u003e\u003c\/p\u003e\n        \u003cdiv style=\"text-align:center; margin-top:15px;\"\u003e\n            \u003cbutton id=\"btnCapito\" class=\"pulsante-base\"\u003eGot it\u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n        const modal = document.getElementById(\"infoModal\");\n        const modalTitle = document.getElementById(\"modalTitle\");\n        const modalContent = document.getElementById(\"modalContent\");\n        const closeButtonX = document.getElementById(\"closeButtonX\");\n        const btnCapito = document.getElementById(\"btnCapito\");\n\n        function openModal(title, content) {\n            modalTitle.innerHTML = title;\n            \n            \/\/ Apply dynamic formatting to the text\n            let formatted = content.replace(\/(“Eccellente”|Garanzia Gratuita di 12 mesi di Scatta l’Attimo)\/g, '\u003cspan class=\"highlight-bold condition-value badge-condizione\"\u003e$1\u003c\/span\u003e')\n                                   .replace(\/(30 giorni dalla ricezione|12 mesi|bonus del 30%)\/g, '\u003cspan class=\"highlight-bold\"\u003e$1\u003c\/span\u003e')\n                                   .replace(\/(Guasti improvvisi)\/g, '▪️ $1')\n                                   .replace(\/(Difetti di conformità)\/g, '▪️ $1')\n                                   .replace(\/(La garanzia copre:)\\n\/g, '$1\u003cbr\u003e\u003cbr\u003e')\n                                   .replace(\/▪️ ([^\\n]+)\/g, '\u003cspan class=\"custom-list-item\"\u003e\u003cspan class=\"custom-list-bullet\"\u003e▪️\u003c\/span\u003e\u003cspan class=\"custom-list-text\"\u003e$1\u003c\/span\u003e\u003c\/span\u003e')\n                                   .replace(\/\\n\/g, '\u003cbr\u003e');\n\n            \/\/ Insert the formatted content (including existing A tags in data-content) into the DOM\n            modalContent.innerHTML = formatted;\n            \n            modal.classList.add('is-open'); \n        }\n\n        function closeModal() {\n            modal.classList.remove('is-open');\n        }\n\n        document.querySelectorAll('.link-dettagli, .valore-cliccabile').forEach(el =\u003e {\n            el.addEventListener('click', (e) =\u003e {\n                const container = e.target.closest('.sezione-info');\n                \n                \/\/ Prevents modal opening if clicking on \"Return\" (which has valore-fisso)\n                if (container \u0026\u0026 container.querySelector('.titolo-label').innerText.includes('Return')) {\n                    return;\n                }\n\n                let link = e.target.classList.contains('link-dettagli') ? e.target : container.querySelector('.link-dettagli');\n\n                \/\/ Handles clicking on the \"12 months\" value to open the warranty modal\n                if (!link \u0026\u0026 e.target.classList.contains('valore-cliccabile') \u0026\u0026 container.querySelector('.titolo-label').innerText.includes('Warranty')) {\n                    link = container.querySelector('.link-dettagli');\n                }\n                \n                if (link) {\n                    openModal(link.dataset.title, link.dataset.content);\n                }\n            });\n        });\n\n        closeButtonX.onclick = closeModal;\n        btnCapito.onclick = closeModal;\n\n        \/\/ Close the modal by clicking outside\n        window.onclick = (e) =\u003e { \n            if (e.target == modal) closeModal(); \n        };\n    });\n    \u003c\/script\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003c\/body\u003e","brand":"Canon","offers":[{"title":"12 mesi","offer_id":54137710674261,"sku":"521422","price":259.0,"currency_code":"EUR","in_stock":false},{"title":"24 mesi (standard)","offer_id":54137710707029,"sku":"521422","price":287.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Canon_EOS_M50_usata_garantita.jpg?v=1782765048"},{"product_id":"canon-eos-m50-mark-ii","title":"Canon EOS M50 Mark II","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* STILI GENERALI *\/\n        .sezione-info {\n            color: #404040;\n            padding: 8px 0;\n            font-size: 14px;\n        }\n        .area-info-badge {\n            background-color: #fcf8e3;\n            border: 1px solid #e0d8c0;\n            border-radius: 8px;\n            padding: 8px 10px;\n            margin-bottom: 10px;\n            \/* AGGIUNTO: Bordo inferiore arancione per lo \"spaziettino\" *\/\n            border-bottom: 4px solid #ffcb3c; \n        }\n\n        \/* Nuovo stile per il cerchio arancione attorno all'emoji o all'immagine *\/\n        .emoji-cerchio-arancione {\n            display: inline-flex; \/* Usa flexbox per centrare *\/\n            align-items: center;\n            justify-content: center;\n            width: 40px; \/* Dimensione del cerchio *\/\n            height: 40px; \/* Dimensione del cerchio *\/\n            background-color: #ffcb3c; \/* Sfondo arancione *\/\n            border-radius: 50%; \/* Rende il contenitore un cerchio *\/\n            margin-right: 12px; \/* Aggiustato il margine a destra *\/\n            vertical-align: middle; \n            flex-shrink: 0; \n        }\n\n        .emoji-arancione {\n            color: #404040;\n            font-size: 24px; \/* Aumentato la dimensione emoji per stare nel cerchio *\/\n        }\n        \n        \/* Stile per l'immagine dell'icona (per scatti) *\/\n        .icona-scatti-img {\n            width: 24px; \/* Regola la dimensione dell'immagine all'interno del cerchio *\/\n            height: auto;\n            display: block;\n        }\n\n        .titolo-label {\n            font-weight: bold;\n            color: #404040;\n            font-size: 18px;\n            display: inline;\n            vertical-align: middle;\n        }\n        \/* Garantisce la manina su tutti gli elementi cliccabili *\/\n        .valore-cliccabile, .link-dettagli, .pulsante-base, .link-garanzia-popup {\n            cursor: pointer;\n        }\n\n        \/* I valori 12 mesi, 30 giorni e 1.250 scatti ora condividono lo stesso stile *\/\n        .valore-cliccabile, .valore-fisso {\n            font-weight: bold;\n            color: #000000;\n            font-size: 18px; \/* TUTTI A 18px *\/\n            margin-left: 5px;\n            vertical-align: middle;\n        }\n\n        \/* STILE AGGIORNATO E RIALINEATO PER \"ulteriori dettagli\" *\/\n        .link-dettagli {\n            font-weight: normal;\n            text-decoration: underline;\n            color: #777; \/* Colore leggermente più tenue *\/\n            font-size: 12px; \/* ULTERIORMENTE RIMPICCIOLITO *\/\n            display: block;\n            margin-top: 4px;\n            \/* RICALCOLATO PER ALLINEARE SOTTO LA PRIMA LETTERA DEL TITOLO *\/\n            margin-left: -4px; \n            padding-left: 65px; \n            transition: color 0.3s ease;\n            cursor: pointer !important; \n        }\n        .link-dettagli:hover { color: #aaa; }\n        .badge-condizione {\n            background-color: #fff7e6;\n            border: 1px solid #8c6f21;\n            border-radius: 12px;\n            padding: 4px 10px;\n            display: inline-block;\n            line-height: 1;\n        }\n        \n        \/* TESTO \"CONTROLLI ESEGUITI\" (NON PIÙ TOCCATO) *\/\n        .testo-fisso {\n            font-weight: normal;\n            font-size: 14px;\n            margin-left: 58px; \n            margin-top: 4px;\n        }\n        \n        \/* Aumentato per adattarsi meglio al nuovo font size del pop-up *\/\n        .highlight-bold { \n            font-weight: bold; \n            font-size: 22px; \n        }\n        \n        \/* Layout Reso: Default Mobile *\/\n        .descrizione-reso {\n            padding-left: 58px; \n            margin-top: 4px;\n            line-height: 1.4;\n        }\n        .riga-reso {\n            display: block;\n            font-size: 14px;\n            color: #404040;\n            margin-top: 4px;\n        }\n        .riga-principale-reso-container {\n            display: flex;\n            align-items: center;\n            \/* MODIFICA AGGIORNATA: Sposta l'intera riga del reso leggermente a destra *\/\n            margin-left: 6px; \n        }\n\n        .highlight-bold.soddisfatto {\n            font-size: 16px; \n            display: block;\n            margin-top: 8px !important;\n        }\n\n        \/* STILI POP-UP *\/\n        .modal { display: none; position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); opacity: 0; transition: opacity 0.3s ease-out; }\n        .modal.is-open { opacity: 1; display: block; }\n        .modal-content { \n            background-color: #fefefe; \n            padding: 10px; \n            border-radius: 10px; \n            width: 85%; \n            max-width: 620px; \/* Impostato a 620px *\/\n            position: absolute; \n            top: 50%; \n            left: 50%; \n            transform: translate(-50%, -50%); \n            max-height: 90vh; \n            overflow-y: auto; \n        }\n        .modal-header { \n            display: flex; \n            justify-content: space-between; \n            align-items: flex-start; \n             \/* MODIFICA: Ridotto il margine sotto l'header a 2px *\/\n            margin-bottom: 2px; \n        }\n        .pulsante-base { background-color: #FFFFFF; border: 1px solid #8c6f21; color: #8c6f21; font-weight: bold; border-radius: 50px; padding: 10px 20px; transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease; }\n        .pulsante-base:hover { background-color: #ffcb3c; border-color: #ffcb3c; color: #000000; }\n        .close-button.pulsante-base { padding: 5px 10px; font-size: 20px; line-height: 1; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; }\n        #modalTitle { \n            \/* MODIFICA: Titolo molto più grande *\/\n            font-size: 32px; \n            font-weight: bold; \n            color: #8c6f21; \n            text-align: center;\n            width: 100%; \n        }\n        \/* Aggiunta: Stile per il testo normale del pop-up *\/\n        .modal-content p {\n            font-size: 18px;\n            line-height: 1.4;\n        }\n        .custom-list-item { display: flex; align-items: flex-start; line-height: 1.2; margin-bottom: 2px; }\n        \/* Aumentato la dimensione del testo della lista puntata nel pop-up *\/\n        .custom-list-text {\n            font-size: 16px;\n        }\n        .custom-list-bullet { margin-right: 0.5em; flex-shrink: 0; }\n        .modal-content .link-garanzia-popup { display: block; margin-top: 15px; text-decoration: underline; color: #8c6f21; font-size: 16px; }\n        \n        \/* MEDIA QUERY PER PC (Desktop\/Tablet \u003e 768px) *\/\n        @media only screen and (min-width: 768px) {\n            \n            \/* Testo Reso allineato con Controlli a 58px *\/\n            .testo-fisso, .descrizione-reso {\n                 margin-left: 58px; \n                 padding-left: 0;\n            }\n            \n            .highlight-bold.soddisfatto { margin-left: 0 !important; }\n            \/* Rimuove il margine aggiunto prima, se su desktop lo si vuole allineato *\/\n            .riga-principale-reso-container { margin-left: 6px; } \n            \n            \/* Su desktop, allinea \"ulteriori dettagli\" sotto la prima lettera del titolo *\/\n            .link-dettagli {\n                 margin-left: -4px;\n                 padding-left: 65px;\n            }\n        }\n\n        \/* STILI AGGIUNTIVI PER LA LISTA \"RICEVERAI\" (Invariati) *\/\n        .lista-inclusi { list-style-type: none; padding-left: 0; margin-top: 8px; margin-left: 48px; }\n        .lista-inclusi li { position: relative; padding-left: 20px; margin-bottom: 4px; line-height: 1.4; font-size: 14px; }\n        .lista-inclusi li::before { content: '•'; position: absolute; left: 0; top: 0; color: #8c6f21; font-size: 18px; line-height: 1; }\n        \n        \/* SOLUZIONE PROPOSTA: Sovrascrivi il CSS del tema Shopify che potrebbe aggiungere un bordo grigio *\/\n        .area-info-badge, \n        .emoji-cerchio-arancione, \n        .emoji-cerchio-arancione img,\n        .badge-condizione {\n            border-color: transparent !important;\n        }\n    \u003c\/style\u003e\n\u003c!-- Contenitore principale per le specifiche --\u003e\n\u003cdiv\u003e\n\u003c!-- 1. CONDIZIONE --\u003e\n\u003cdiv class=\"sezione-info area-info-badge\"\u003e\n\u003cspan class=\"emoji-cerchio-arancione\"\u003e\u003cspan class=\"emoji-arancione\"\u003e✨\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"titolo-label\"\u003eCondition:\u003c\/span\u003e \u003cspan class=\"valore-cliccabile badge-condizione\"\u003eLike new\u003c\/span\u003e \u003ca data-content=\"Every product photo and description is real: you will receive exactly what you see in the photos and description. The condition assessment is carried out by our specialized technician according to\n               \n              This item is “Like new,” meaning:\n\n• Body: Almost perfect, the camera looks new (has very slight signs of wear).\n• Buttons and hot shoe: Responsive and fully functional, in excellent condition.\n• Screen: in perfect condition.\n• Sensor: clean and free of marks.\" data-title=\"Condition\" class=\"link-dettagli\"\u003e further details \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- 2. SCATTI (ORA CON IMMAGINE AL POSTO DELL'EMOJI) --\u003e\n\u003cdiv class=\"sezione-info area-info-badge\"\u003e\n\u003cspan class=\"emoji-cerchio-arancione\"\u003e \u003c!-- URL dell'immagine degli scatti AGGIORNATO --\u003e \u003cimg class=\"icona-scatti-img\" alt=\"Icona Scatti\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/emojis.com_create-a-camera-aperture-emoji-with-black-blades_-24px-should-be-the-emoji_1.png?v=1768821339\"\u003e \u003c\/span\u003e \u003cspan class=\"titolo-label\"\u003eShutter count:\u003c\/span\u003e \u003cspan class=\"valore-fisso\"\u003e8.403\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 3. RICEVERAI (con EMOJI del regalo) --\u003e\n\u003cdiv class=\"sezione-info area-info-badge\"\u003e\n\u003cspan class=\"emoji-cerchio-arancione\"\u003e \u003c!-- Utilizzo dell'emoji regalo come richiesto --\u003e \u003cspan class=\"emoji-arancione\"\u003e🎁\u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"titolo-label\"\u003eIncluded:\u003c\/span\u003e\n\u003cul class=\"lista-inclusi\"\u003e\n\u003cul class=\"lista-inclusi\"\u003e\n\u003cli\u003eCanon LP-E12 Battery\u003c\/li\u003e\n\u003cli\u003eCanon LC-E12E Charger\u003c\/li\u003e\n\u003cli\u003eEF-M Front Cap\u003c\/li\u003e\n\u003cli\u003eNeck strap\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 4. SPEDIZIONE --\u003e\n\u003cdiv class=\"sezione-info area-info-badge\"\u003e\n\u003cdiv class=\"riga-principale-reso-container\"\u003e\n\u003cspan class=\"emoji-cerchio-arancione\"\u003e\u003cspan class=\"emoji-arancione\"\u003e🚚\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"titolo-label\"\u003eShipping:\u003c\/span\u003e \u003cspan class=\"valore-fisso\"\u003eFree\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"descrizione-reso\"\u003e\n\u003cspan class=\"riga-reso\"\u003e We ship with insured and express courier throughout Italy. \u003c\/span\u003e \u003cspan class=\"riga-reso highlight-bold soddisfatto\"\u003e Delivery in 48\/72 working hours \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. RESO --\u003e\n\u003cdiv class=\"sezione-info area-info-badge\"\u003e\n\u003cdiv class=\"riga-principale-reso-container\"\u003e\n\u003cspan class=\"emoji-cerchio-arancione\"\u003e\u003cspan class=\"emoji-arancione\"\u003e📦\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"titolo-label\"\u003eReturns:\u003c\/span\u003e \u003cspan class=\"valore-fisso\"\u003e30 days\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"descrizione-reso\"\u003e\n\u003cspan class=\"riga-reso\"\u003eTry the equipment at your leisure: if it's not what you were looking for, returns are free and you'll get a full refund. The product must be returned in the same condition as shipped, complete with accessories and original packaging. \u003c\/span\u003e \u003cspan class=\"riga-reso highlight-bold soddisfatto\"\u003e 100% satisfied or your money back \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. GARANZIA --\u003e\n\u003cdiv class=\"sezione-info area-info-badge\"\u003e\n\u003cspan class=\"emoji-cerchio-arancione\"\u003e\u003cspan class=\"emoji-arancione\"\u003e🛡️\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"titolo-label\"\u003eWarranty:\u003c\/span\u003e \u003cspan class=\"valore-cliccabile\"\u003e12 months\u003c\/span\u003e \u003ca class=\"link-dettagli link-garanzia-pos\" data-title=\"12 Month Warranty Details\" data-content=\"The warranty covers conformity defects and sudden malfunctions of the camera body not resulting from external causes.\n      \u0026lt;br\u0026gt;\u0026lt;br\u0026gt;\u0026lt;b\u0026gt;Examples of included malfunctions:\u0026lt;\/b\u0026gt;\n      \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Shutter:\u0026lt;\/b\u0026gt; Mechanical failure of the curtains or blockage of the firing mechanism.\n      \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Sensor:\u0026lt;\/b\u0026gt; Electronic anomalies (e.g., banding, massive dead pixels).\n      \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Power supply:\u0026lt;\/b\u0026gt; Malfunctions of internal circuits or battery contacts.\n      \u0026lt;br\u0026gt;\u0026lt;br\u0026gt;\u0026lt;i\u0026gt;Damage from accidental drops, impacts, liquid infiltration, improper use, or negligence is excluded.\u0026lt;\/i\u0026gt;\n      \u0026lt;br\u0026gt;\u0026lt;br\u0026gt;\u0026lt;a href='https:\/\/scattalattimo.it\/pages\/la-garanzia-di-scatta-lattimo' class='link-garanzia-popup' target='_blank' style='color:#8c6f21; font-weight:bold; text-decoration:underline;'\u0026gt;Discover the details of the Scatta l'Attimo Warranty\u0026lt;\/a\u0026gt;\"\u003efurther details\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- 7. CONTROLLI --\u003e\n\u003cdiv class=\"sezione-info area-info-badge\"\u003e\n\u003cspan class=\"emoji-cerchio-arancione\"\u003e\u003cspan class=\"emoji-arancione\"\u003e✅\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"titolo-label\"\u003eVerification performed:\u003c\/span\u003e\n\u003cdiv class=\"testo-fisso\"\u003eThis item has passed the 18 tests of the Scatta l’Attimo Protocol.\u003c\/div\u003e\n\u003ca class=\"link-dettagli link-test-pos\" data-title=\"18 Test Protocol\" data-content=\"Every product undergoes rigorous checks carried out by our expert technician:\n       \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Sensor mapping and cleaning\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Shutter mechanics\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Autofocus and Stabilization\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Electronic Check\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;\u0026lt;b\u0026gt;Over €150 worth of checks already included in the price.\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;\u0026lt;br\u0026gt;If you want to see all the complete tests performed on this machine:\n       \u0026lt;br\u0026gt;\u0026lt;a href='https:\/\/scattalattimo.it\/pages\/la-garanzia-di-scatta-lattimo' target='_blank' style='color:#8c6f21; font-weight:bold; text-decoration:underline;'\u0026gt;CLICK HERE, SCROLL TO THE END AND DISCOVER THE 18 POINTS\u0026lt;\/a\u0026gt;\"\u003efind out more about the tests performed\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STRUTTURA MODALE --\u003e\n\u003cdiv class=\"modal\" id=\"infoModal\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-header\"\u003e\n\u003ch3 id=\"modalTitle\"\u003e\u003c\/h3\u003e\n\u003cbutton class=\"close-button pulsante-base\" id=\"closeButtonX\"\u003e×\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cp id=\"modalContent\"\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: center; margin-top: 15px;\"\u003e\u003cbutton class=\"pulsante-base\" id=\"btnCapito\"\u003eGot it\u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n        const modal = document.getElementById(\"infoModal\");\n        const modalTitle = document.getElementById(\"modalTitle\");\n        const modalContent = document.getElementById(\"modalContent\");\n        const closeButtonX = document.getElementById(\"closeButtonX\");\n        const btnCapito = document.getElementById(\"btnCapito\");\n\n        function openModal(title, content) {\n            modalTitle.innerHTML = title;\n            \n            \/\/ Applica la formattazione dinamica al testo\n            let formatted = content.replace(\/(“Eccellente”|Garanzia Gratuita di 12 mesi di Scatta l’Attimo)\/g, '\u003cspan class=\"highlight-bold condition-value badge-condizione\"\u003e$1\u003c\/span\u003e')\n                                   .replace(\/(30 giorni dalla ricezione|12 mesi|bonus del 30%)\/g, '\u003cspan class=\"highlight-bold\"\u003e$1\u003c\/span\u003e')\n                                   .replace(\/(Guasti improvvisi)\/g, '▪️ $1')\n                                   .replace(\/(Difetti di conformità)\/g, '▪️ $1')\n                                   .replace(\/(La garanzia copre:)\\n\/g, '$1\u003cbr\u003e\u003cbr\u003e')\n                                   .replace(\/▪️ ([^\\n]+)\/g, '\u003cspan class=\"custom-list-item\"\u003e\u003cspan class=\"custom-list-bullet\"\u003e▪️\u003c\/span\u003e\u003cspan class=\"custom-list-text\"\u003e$1\u003c\/span\u003e\u003c\/span\u003e')\n                                   .replace(\/\\n\/g, '\u003cbr\u003e');\n\n            \/\/ Inserisci il contenuto formattato (inclusi i tag A già presenti nel data-content) nel DOM\n            modalContent.innerHTML = formatted;\n            \n            modal.classList.add('is-open'); \n        }\n\n        function closeModal() {\n            modal.classList.remove('is-open');\n        }\n\n        document.querySelectorAll('.link-dettagli, .valore-cliccabile').forEach(el =\u003e {\n            el.addEventListener('click', (e) =\u003e {\n                const container = e.target.closest('.sezione-info');\n                \n                \/\/ Impedisce l'apertura del modale se si clicca sul Reso (che ha valore-fisso)\n                if (container \u0026\u0026 container.querySelector('.titolo-label').innerText.includes('Reso')) {\n                    return;\n                }\n\n                let link = e.target.classList.contains('link-dettagli') ? e.target : container.querySelector('.link-dettagli');\n\n                \/\/ Gestisce il click sul valore \"12 mesi\" per aprire il modale della garanzia\n                if (!link \u0026\u0026 e.target.classList.contains('valore-cliccabile') \u0026\u0026 container.querySelector('.titolo-label').innerText.includes('Garanzia')) {\n                    link = container.querySelector('.link-dettagli');\n                }\n                \n                if (link) {\n                    openModal(link.dataset.title, link.dataset.content);\n                }\n            });\n        });\n\n        closeButtonX.onclick = closeModal;\n        btnCapito.onclick = closeModal;\n\n        \/\/ Chiudi la modale cliccando fuori\n        window.onclick = (e) =\u003e { \n            if (e.target == modal) closeModal(); \n        };\n    });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Canon","offers":[{"title":"12 months (Standard)","offer_id":53669830426965,"sku":"789760","price":429.0,"currency_code":"EUR","in_stock":false},{"title":"24 months (Double Protection)","offer_id":53669830459733,"sku":"789760","price":457.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Canon_EOS_M50_Mark_II.jpg?v=1775417411"}],"url":"https:\/\/scattalattimo.it\/en-gb\/collections\/fotocamere-mirrorless-canon-eos-m-usate-garantite.oembed","provider":"Scatta l'Attimo","version":"1.0","type":"link"}