{"title":"Panasonic \u0026 Fuji","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Stile del testo principale: colore nero, 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 e grassetto *\/\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        }\n    \u003c\/style\u003e\n\u003cdiv class=\"descrizione-prodotto\"\u003e\n\u003cp id=\"contenutoParagrafo\"\u003eDiscover our selection of \u003cstrong\u003eused Panasonic and Fujifilm equipment\u003c\/strong\u003e. The Scatta l'Attimo catalog includes Lumix G and GFX\/X-series mirrorless cameras, Lumix and Fujinon lenses, and accessories, all fully tested by a qualified technician. \u003cspan class=\"testo-nascosto\" id=\"testoNascosto\"\u003e We offer a \u003cstrong\u003ewarranty on used items\u003c\/strong\u003e and after-sales support, providing you with professional performance at an unbeatable price. It's the ideal choice for photographers and videographers seeking innovation, design, and quality at an accessible price. \u003c!-- The \"less\" link will be here when shown --\u003e \u003ca href=\"#\" id=\"bottoneLeggiDiPiu\"\u003eless\u003c\/a\u003e \u003c\/span\u003e \u003c!-- The initial \"View more\" link is here --\u003e \u003ca href=\"#\" id=\"bottoneLeggiAltroIniziale\"\u003eView more\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- JAVASCRIPT --\u003e\n\u003cp\u003e \u003c\/p\u003e","products":[{"product_id":"panasonic-lumix-dc-gx9","title":"Panasonic Lumix DC-GX9","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\"\u003eExcellent\u003c\/span\u003e \u003ca data-content=\"Every photo and product 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 between 'Like new', 'Excellent', 'Good', 'Heavily used' and 'Fair'.\n               \n              This item is 'Excellent', meaning it has:\n\n• Camera body: with only minor aesthetic signs of wear. No abrasions but some more evident marks as shown in the photos.\n• Buttons and hot shoe: responsive and perfectly functioning, in excellent condition.\n• Screen: in near-perfect condition.\n• Sensor: clean and free from marks.\" data-title=\"Condition\" class=\"link-dettagli\"\u003e further details \u003c\/a\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\u003cli\u003ePanasonic DMW-BLG10 Battery\u003c\/li\u003e\n\u003cli\u003eCharger\u003c\/li\u003e\n\u003cli\u003eFront protective cap (third-party)\u003c\/li\u003e\n\u003cli\u003eNeck strap\u003c\/li\u003e\n\n\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\"\u003eTest the equipment at your leisure: if it's not what you were looking for, returns are free and refunds are full. The product must be returned in the same condition as received, 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 caused by external factors.\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 blinds or shutter motor jam.\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:\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      \n             \n\n**Additional note for cameras**\nTrusting blindly in our checks, 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\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 details about 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 all 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 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 mechanism\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":"Panasonic","offers":[{"title":"12 months (Standard)","offer_id":53677158728021,"sku":"978340","price":510.0,"currency_code":"EUR","in_stock":false},{"title":"24 months (Doubled Protection)","offer_id":53677158760789,"sku":"978340","price":559.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Panasonic_Lumix_DC-GX9_usata_garantita.jpg?v=1777654871"},{"product_id":"panasonic-lumix-dmc-gh4-usata","title":"Panasonic Lumix DMC-GH4","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 UNDER 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        \/* \"CHECKS 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 font size of the pop-up *\/\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 row 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 text size of bulleted list 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 previously added margin, if on desktop it is desired to be aligned *\/\n            .riga-principale-reso-container { margin-left: 6px; } \n            \n            \/* On desktop, align \"additional details\" under 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 photo at home. The condition assessment is carried out by our specialized technician.\n               \n              This item is “Excellent”, meaning generally:\n\n• Camera body: with only minor aesthetic signs of wear. There may be minor scratches\/abrasions.\n• Buttons and hot shoe: responsive and perfectly functional, in excellent condition.\n• Screen: in almost perfect condition.\n• Sensor: clean and free of marks.\"\u003e\n               further details\n\n\u003c\/a\u003e\n        \u003c\/div\u003e\n\n \u003c!-- 2. SHOTS (NOW WITH IMAGE INSTEAD OF EMOJI) --\u003e\n        \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cspan class=\"emoji-cerchio-arancione\"\u003e\n                \u003c!-- SHOT IMAGE URL UPDATED --\u003e\n                \u003cimg 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\" alt=\"Shots Icon\" class=\"icona-scatti-img\"\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"titolo-label\"\u003eShots:\u003c\/span\u003e\n            \n\n\u003cspan class=\"valore-fisso\"\u003e3.875\u003c\/span\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!-- Using the 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\u003ePanasonic DMW-BLF19 Battery\u003c\/li\u003e\n               \u003cli\u003ePanasonic DMW-BTC10 Charger\n\u003c\/li\u003e\n              \u003cli\u003eFront protective cap (third-party)\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 refunded\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 Free 12-month Warranty. \n               The warranty covers:\n               Sudden malfunctions (excluding those caused by accidental drops, improper use, or negligence).\n               Defects of conformity (when the product does not match the description or does not work as expected).\n               \n                 \n\n**Additional note for cameras**\nBlindly trusting our checks, 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. CHECKS --\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\"\u003eChecks 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 any A tags already present 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 from opening if clicking on \"Reso\" (which has 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                \/\/ Handles click on \"12 months\" value to open warranty modal\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        \/\/ Close 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\u003c\/body\u003e","brand":"Panasonic","offers":[{"title":"12 months (Standard)","offer_id":53677144539477,"sku":"768750","price":299.0,"currency_code":"EUR","in_stock":false},{"title":"24 months (Doubled Protection)","offer_id":53677144572245,"sku":"768750","price":327.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Panasonic_Lumix_DMC-GH4_usata_garantita.jpg?v=1777656110"},{"product_id":"panasonic-lumix-dc-gx80","title":"Panasonic Lumix DMC-GX80","description":"\u003cbody\u003e\n\n\n\n\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 pointer hand 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 \"further 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 UNDER 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        \/* \"CHECKS 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 row 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 previously added margin, if alignment is desired on desktop *\/\n            .riga-principale-reso-container { margin-left: 6px; } \n            \n            \/* On desktop, align \"further details\" under 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 \"INCLUDED\" 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 gray 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\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\"\u003eLike new\u003c\/span\u003e\n            \u003ca class=\"link-dettagli\" data-title=\"Condition\" data-content=\"Every product photo and description is real: you will receive exactly what you see in the photo and description. The condition assessment is performed by our specialized technician according to\n               \n              This item is “Like New”, which generally means:\n\n• Camera Body: Almost perfect, the camera looks new (has very minor signs of wear)\n• Buttons and Hot Shoe: Responsive and working perfectly, in excellent condition.\n• Screen: in perfect condition.\n• Sensor: clean and free of marks.\"\u003e\n               further details\n\u003c\/a\u003e\n        \u003c\/div\u003e\n\n\n \u003c!-- 2. SHOTS (NOW WITH IMAGE INSTEAD OF EMOJI) --\u003e\n        \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cspan class=\"emoji-cerchio-arancione\"\u003e\n                \u003c!-- UPDATED Shots image URL --\u003e\n                \u003cimg 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\" alt=\"Shots Icon\" class=\"icona-scatti-img\"\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"titolo-label\"\u003eShots:\u003c\/span\u003e\n            \n\n\u003cspan class=\"valore-fisso\"\u003e513\u003c\/span\u003e\n        \u003c\/div\u003e\n\n\n        \u003c!-- 3. INCLUDED (with GIFT EMOJI) --\u003e\n        \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cspan class=\"emoji-cerchio-arancione\"\u003e\n                 \u003c!-- Using 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             \u003cul class=\"lista-inclusi\"\u003e\n  \u003cli\u003ePanasonic Lumix DMC-GX80\u003c\/li\u003e\n               \u003cli\u003ePanasonic DMW-BLG10 Battery\u003c\/li\u003e\n                  \u003cli\u003ePanasonic Charger\u003c\/li\u003e\n                \u003cli\u003ePanasonic Front Lens Cap\u003c\/li\u003e\n              \u003cli\u003eNeck Strap\u003c\/li\u003e\n        \u003cli\u003ePanasonic Lumix G Vario 14-42mm f\/3.5-5.6 ASPH Mega O.I.S.\u003c\/li\u003e\n\u003cli\u003ePanasonic Lumix G Vario 45-150mm f\/4-5.6 ASPH Mega O.I.S.\u003c\/li\u003e\n   \u003cli\u003eManual\u003c\/li\u003e\n       \u003cli\u003eBoxes\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/ul\u003e\n\u003c\/div\u003e\n        \n\u003c!-- 7. CHECKS --\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 data-content=\"Each product undergoes rigorous checks performed 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 camera:\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;\" data-title=\"18 Test Protocol\" class=\"link-dettagli link-test-pos\"\u003ediscover more about the tests performed\u003c\/a\u003e\n\u003c\/div\u003e\n\n\u003c!-- 4. SHIPPING --\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\n\n\n    \n\u003c!-- 5. RETURN --\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\"\u003eReturn:\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\"\u003eTest the equipment calmly: if it's not what you were looking for, return shipping is free and you get a full refund. The product must be returned in the same condition as shipped, complete with accessories and original packaging.\n\u003c\/span\u003e \u003cspan class=\"riga-reso highlight-bold soddisfatto\"\u003e 100% satisfied or refunded \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n      \n\n\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\"\u003eUnderstood\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(\/(“Excellent”|Free 12-month Scatta l’Attimo Warranty)\/g, '\u003cspan class=\"highlight-bold condition-value badge-condizione\"\u003e$1\u003c\/span\u003e')\n                                   .replace(\/(30 days from receipt|12 months|30% bonus)\/g, '\u003cspan class=\"highlight-bold\"\u003e$1\u003c\/span\u003e')\n                                   .replace(\/(Sudden failures)\/g, '▪️ $1')\n                                   .replace(\/(Non-conformity defects)\/g, '▪️ $1')\n                                   .replace(\/(The warranty covers:)\\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 A tags already present 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 from 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 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\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Panasonic","offers":[{"title":"12 months (Standard)","offer_id":53676623626581,"sku":"766788","price":467.0,"currency_code":"EUR","in_stock":false},{"title":"24 months (Doubled Protection)","offer_id":53676623659349,"sku":"766788","price":499.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Panasonic_Lumix_DMC-GX80_usata_garantita.jpg?v=1777653933"},{"product_id":"panasonic-lumix-dmc-g80m","title":"Panasonic Lumix DMC-G80M","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”, which generally means:\n\n• Camera body: Almost perfect, the camera looks new (it 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 more details \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- 2. SHUTTER COUNT (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=\"Shutter Count Icon\" 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\"\u003e128\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\u003ePanasonic Lumix DMC-G80\u003c\/li\u003e\n\u003cli\u003ePanasonic Lumix G Vario 12-60mm f\/3.5-5.6 ASPH Power O.I.S.\u003c\/li\u003e\n\u003cli\u003ePanasonic DMW-BLC12 Battery\u003c\/li\u003e\n\u003cli\u003ePanasonic DE-A79B Charger\u003c\/li\u003e\n\u003cli\u003ePanasonic Front Lens Cap\u003c\/li\u003e\n\u003cli\u003eNeck strap\u003c\/li\u003e\n\u003cli\u003eOriginal packaging\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/ul\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 all 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=\"Each product undergoes rigorous checks performed 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 mechanism\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 camera:\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;\"\u003ediscover more about the tests performed\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- 4. SPEDIZIONE OTTIMIZZATA --\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\"\u003e\u003cstrong\u003eFree and Insured\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"descrizione-reso\"\u003e\u003cspan class=\"riga-reso\"\u003eExpress delivery in \u003cstrong\u003e48\/72h\u003c\/strong\u003e throughout Italy.\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. RESO DEFINITIVO --\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\"\u003eReturn:\u003c\/span\u003e \u003cspan class=\"valore-fisso\"\u003e\u003cstrong\u003eFree within 30 Days\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"descrizione-reso\"\u003e\n\u003cspan class=\"riga-reso\"\u003eIf the product does not meet your expectations, the refund is \u003cstrong\u003efull\u003c\/strong\u003e.\u003c\/span\u003e \u003cspan class=\"riga-reso highlight-bold soddisfatto\"\u003e100% Satisfied or your Money Back\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\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\"\u003eUnderstood\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":"Panasonic","offers":[{"title":"12 months (Standard)","offer_id":53667450782037,"sku":"767588","price":447.0,"currency_code":"EUR","in_stock":false},{"title":"24 months (Double the protection)","offer_id":53667450814805,"sku":"767588","price":480.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/3a3eb19c-b5aa-4425-bc04-6bdf5a719225.jpg?v=1773497277"},{"product_id":"panasonic-lumix-dc-tz101-1","title":"Panasonic Lumix DC-TZ101","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\"\u003eExcellent\u003c\/span\u003e \u003ca class=\"link-dettagli\" data-title=\"Condition\" data-content=\"Every photo and product description is real: you will receive exactly what you see in the photo and description. The condition assessment is carried out by our specialized technician according to strict quality standards.\n\n              This item is “Excellent”, meaning it has:\n\n• Camera body: with only minor aesthetic signs of wear. No obvious abrasions or scratches.\n• Optics and Sensor: Crystal clear lenses and sensor free of internal dust.\n• Screen: Excellent condition with a superficial scratch and faithful colors.\n• Controls: Responsive and functional buttons and dials.\"\u003e further details \u003c\/a\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\u003cli\u003ePanasonic DMW-BLG10 Battery\u003c\/li\u003e\n\u003cli\u003eUSB Charging Cable\u003c\/li\u003e\n\u003cli\u003eWrist Strap\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 4. SPEDIZIONE (NUOVA SEZIONE AGGIUNTA QUI) --\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\"\u003eReturn:\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 refunds are full. 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 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 blades or seizure of the firing motor.\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;\" data-title=\"12-Month Warranty Details\" class=\"link-dettagli link-garanzia-pos\"\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 18 tests of the Scatta l’Attimo Protocol.\u003c\/div\u003e\n\u003ca data-content=\"Each product undergoes rigorous checks performed by our expert technician:\n   \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Mapping and internal dust control\u0026lt;\/b\u0026gt;\n   \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Shutter and zoom 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 and Flash\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;\u0026lt;b\u0026gt;Over €100 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;\" data-title=\"18-Test Protocol\" class=\"link-dettagli link-test-pos\"\u003elearn more about the tests performed\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STRUTTURA MODALE --\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\u003cbutton id=\"btnCapito\" class=\"pulsante-base\"\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":"Panasonic","offers":[{"title":"12 months (Standard)","offer_id":53710702608725,"sku":"674545","price":560.0,"currency_code":"EUR","in_stock":false},{"title":"24 mesi (standard)","offer_id":53910199796053,"sku":"674545","price":619.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Panasonic_Lumix_DC-TZ101_usata.jpg?v=1776458434"},{"product_id":"fujifilm-xf-27mm-f-2-8-usato","title":"Fujifilm XF 27mm f\/2.8","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\"\u003eExcellent\u003c\/span\u003e \u003ca class=\"link-dettagli\" data-title=\"Condition\" data-content=\"Every photo and product description is real: you will receive exactly what you see in the photo and description. The condition assessment is carried out by our specialized technician according to strict quality standards.\n\n              This item is “Excellent”, meaning it has:\n\n• Camera body: with only minor aesthetic signs of wear. No obvious abrasions or scratches.\n• Optics and Sensor: Crystal clear lenses and sensor free of internal dust.\n• Screen: Excellent condition with a superficial scratch and faithful colors.\n• Controls: Responsive and functional buttons and dials.\"\u003e further details \u003c\/a\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\u003cli\u003ePanasonic DMW-BLG10 Battery\u003c\/li\u003e\n\u003cli\u003eUSB Charging Cable\u003c\/li\u003e\n\u003cli\u003eWrist Strap\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 4. SPEDIZIONE (NUOVA SEZIONE AGGIUNTA QUI) --\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\"\u003eReturn:\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 refunds are full. 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 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 blades or seizure of the firing motor.\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;\" data-title=\"12-Month Warranty Details\" class=\"link-dettagli link-garanzia-pos\"\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 18 tests of the Scatta l’Attimo Protocol.\u003c\/div\u003e\n\u003ca data-content=\"Each product undergoes rigorous checks performed by our expert technician:\n   \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Mapping and internal dust control\u0026lt;\/b\u0026gt;\n   \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Shutter and zoom 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 and Flash\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;\u0026lt;b\u0026gt;Over €100 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;\" data-title=\"18-Test Protocol\" class=\"link-dettagli link-test-pos\"\u003elearn more about the tests performed\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STRUTTURA MODALE --\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\u003cbutton id=\"btnCapito\" class=\"pulsante-base\"\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":"Fujifilm","offers":[{"title":"12 months (Standard)","offer_id":53831142342997,"sku":"678545","price":267.0,"currency_code":"EUR","in_stock":false},{"title":"24 months (Doubled Protection)","offer_id":53831142375765,"sku":"678545","price":299.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Fujifilm_XF_27mm_f_2.8_usato_garantito.jpg?v=1778008147"},{"product_id":"panasonic-lumix-dmc-g110-usata","title":"Panasonic Lumix DC-G110","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 UNDER 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        \/* \"CHECKS 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 font size of the pop-up *\/\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 row 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 text size of bulleted list 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 previously added margin, if on desktop it is desired to be aligned *\/\n            .riga-principale-reso-container { margin-left: 6px; } \n            \n            \/* On desktop, align \"additional details\" under 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 photo at home. The condition assessment is carried out by our specialized technician.\n               \n              This item is “Excellent”, meaning generally:\n\n• Camera body: with only minor aesthetic signs of wear. There may be minor scratches\/abrasions.\n• Buttons and hot shoe: responsive and perfectly functional, in excellent condition.\n• Screen: in almost perfect condition.\n• Sensor: clean and free of marks.\"\u003e\n               further details\n\n\u003c\/a\u003e\n        \u003c\/div\u003e\n\n \u003c!-- 2. SHOTS (NOW WITH IMAGE INSTEAD OF EMOJI) --\u003e\n        \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cspan class=\"emoji-cerchio-arancione\"\u003e\n                \u003c!-- SHOT IMAGE URL UPDATED --\u003e\n                \u003cimg 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\" alt=\"Shots Icon\" class=\"icona-scatti-img\"\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"titolo-label\"\u003eShots:\u003c\/span\u003e\n            \n\n\u003cspan class=\"valore-fisso\"\u003e3.875\u003c\/span\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!-- Using the 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\u003ePanasonic DMW-BLF19 Battery\u003c\/li\u003e\n               \u003cli\u003ePanasonic DMW-BTC10 Charger\n\u003c\/li\u003e\n              \u003cli\u003eFront protective cap (third-party)\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 refunded\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 Free 12-month Warranty. \n               The warranty covers:\n               Sudden malfunctions (excluding those caused by accidental drops, improper use, or negligence).\n               Defects of conformity (when the product does not match the description or does not work as expected).\n               \n                 \n\n**Additional note for cameras**\nBlindly trusting our checks, 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. CHECKS --\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\"\u003eChecks 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 any A tags already present 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 from opening if clicking on \"Reso\" (which has 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                \/\/ Handles click on \"12 months\" value to open warranty modal\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        \/\/ Close 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\u003c\/body\u003e","brand":"Panasonic","offers":[{"title":"12 months (Standard)","offer_id":53832018133333,"sku":"768757","price":320.0,"currency_code":"EUR","in_stock":false},{"title":"24 months (Doubled Protection)","offer_id":53832018166101,"sku":"768757","price":359.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Panasonic_Lumix_DC-G110_usata_garantita.jpg?v=1778013297"},{"product_id":"panasonic-lumix-dmc-fz300-usata","title":"Panasonic Lumix DMC-FZ300","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 UNDER 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        \/* \"CHECKS 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 font size of the pop-up *\/\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 row 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 text size of bulleted list 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 previously added margin, if on desktop it is desired to be aligned *\/\n            .riga-principale-reso-container { margin-left: 6px; } \n            \n            \/* On desktop, align \"additional details\" under 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 photo at home. The condition assessment is carried out by our specialized technician.\n               \n              This item is “Excellent”, meaning generally:\n\n• Camera body: with only minor aesthetic signs of wear. There may be minor scratches\/abrasions.\n• Buttons and hot shoe: responsive and perfectly functional, in excellent condition.\n• Screen: in almost perfect condition.\n• Sensor: clean and free of marks.\"\u003e\n               further details\n\n\u003c\/a\u003e\n        \u003c\/div\u003e\n\n \u003c!-- 2. SHOTS (NOW WITH IMAGE INSTEAD OF EMOJI) --\u003e\n        \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cspan class=\"emoji-cerchio-arancione\"\u003e\n                \u003c!-- SHOT IMAGE URL UPDATED --\u003e\n                \u003cimg 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\" alt=\"Shots Icon\" class=\"icona-scatti-img\"\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"titolo-label\"\u003eShots:\u003c\/span\u003e\n            \n\n\u003cspan class=\"valore-fisso\"\u003e3.875\u003c\/span\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!-- Using the 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\u003ePanasonic DMW-BLF19 Battery\u003c\/li\u003e\n               \u003cli\u003ePanasonic DMW-BTC10 Charger\n\u003c\/li\u003e\n              \u003cli\u003eFront protective cap (third-party)\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 refunded\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 Free 12-month Warranty. \n               The warranty covers:\n               Sudden malfunctions (excluding those caused by accidental drops, improper use, or negligence).\n               Defects of conformity (when the product does not match the description or does not work as expected).\n               \n                 \n\n**Additional note for cameras**\nBlindly trusting our checks, 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. CHECKS --\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\"\u003eChecks 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 any A tags already present 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 from opening if clicking on \"Reso\" (which has 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                \/\/ Handles click on \"12 months\" value to open warranty modal\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        \/\/ Close 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\u003c\/body\u003e","brand":"Panasonic","offers":[{"title":"12 months (Standard)","offer_id":53845967307093,"sku":"768709","price":399.0,"currency_code":"EUR","in_stock":false},{"title":"24 months (Doubled Protection)","offer_id":53845967339861,"sku":"768709","price":437.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Panasonic_Lumix_DMC-FZ300_usata_garantita.jpg?v=1778184954"},{"product_id":"panasonic-lumix-g-vario-12-60mm-f-3-5-5-6-asph-power-ois-usato-garantito","title":"Panasonic Lumix G Vario 12-60mm f\/3.5-5.6 ASPH Power OIS","description":"\u003cbody\u003e\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 \"small 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 \"further 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 UNDER 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        \/* \"CHECKS 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 font size of the pop-up *\/\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 row 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 the size of the bulleted list text in the 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 previously added margin, if on desktop it is desired to be aligned *\/\n            .riga-principale-reso-container { margin-left: 6px; } \n            \n            \/* On desktop, align \"further details\" under 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”, meaning it generally signifies:\n\n• Lens: Free of scratches; any minimal dust accumulation will not affect image quality.\n• Focusing ring: Smooth and in excellent working condition.\n• Mount and barrel: May show minor and localized signs of aesthetic wear (surface scratches or abrasions).\"\u003e\n               further details\n\u003c\/a\u003e\n        \u003c\/div\u003e\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 of the 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\u003eFront lens cap for 37mm lens\u003c\/li\u003e\n               \u003cli\u003eRear lens cap - Micro Four Thirds mount\u003c\/li\u003e\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. RETURNS (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\"\u003eReturns:\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 Free 12-month 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 function as expected).\n               \n                 \n\n**Additional note for cameras**\nBlindly trusting our checks, 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;The full warranty conditions can be consulted.\u0026lt;\/a\u0026gt;\"\u003e\n               further details\n            \u003c\/a\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 6. CHECKS --\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\"\u003eChecks 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\"\u003eUnderstood\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 the A tags already present 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 opening the modal if clicking on Returns (which has 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                \/\/ 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('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        \/\/ 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\u003c\/body\u003e","brand":"Panasonic","offers":[{"title":"12 mesi","offer_id":53846061646165,"sku":"689308","price":215.0,"currency_code":"EUR","in_stock":false},{"title":"24 mesi (estesa)","offer_id":53846061678933,"sku":"689308","price":251.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Panasonic_Lumix_G_Vario_12-60mm_f_3.5-5.6_ASPH_Power_OIS_usato_garantito.jpg?v=1778184836"},{"product_id":"fujifilm-x-t100","title":"Fujifilm X-T100","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\"\u003eExcellent\u003c\/span\u003e \u003ca class=\"link-dettagli\" data-title=\"Condition\" data-content=\"Every photo and product description is real: you will receive exactly what you see in the photo and description. The condition assessment is carried out by our specialized technician according to strict quality standards.\n\n              This item is “Excellent”, meaning it has:\n\n• Camera body: with only minor aesthetic signs of wear. No obvious abrasions or scratches.\n• Optics and Sensor: Crystal clear lenses and sensor free of internal dust.\n• Screen: Excellent condition with a superficial scratch and faithful colors.\n• Controls: Responsive and functional buttons and dials.\"\u003e further details \u003c\/a\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\u003cli\u003ePanasonic DMW-BLG10 Battery\u003c\/li\u003e\n\u003cli\u003eUSB Charging Cable\u003c\/li\u003e\n\u003cli\u003eWrist Strap\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 4. SPEDIZIONE (NUOVA SEZIONE AGGIUNTA QUI) --\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\"\u003eReturn:\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 refunds are full. 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 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 blades or seizure of the firing motor.\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;\" data-title=\"12-Month Warranty Details\" class=\"link-dettagli link-garanzia-pos\"\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 18 tests of the Scatta l’Attimo Protocol.\u003c\/div\u003e\n\u003ca data-content=\"Each product undergoes rigorous checks performed by our expert technician:\n   \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Mapping and internal dust control\u0026lt;\/b\u0026gt;\n   \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Shutter and zoom 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 and Flash\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;\u0026lt;b\u0026gt;Over €100 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;\" data-title=\"18-Test Protocol\" class=\"link-dettagli link-test-pos\"\u003elearn more about the tests performed\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STRUTTURA MODALE --\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\u003cbutton id=\"btnCapito\" class=\"pulsante-base\"\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":"Fujifilm","offers":[{"title":"12 months (Standard)","offer_id":53981627384149,"sku":"674594","price":399.0,"currency_code":"EUR","in_stock":false},{"title":"24 months (Doubled Protection)","offer_id":53981627416917,"sku":"674594","price":427.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Fujifilm_X-T100_usata_garantita.jpg?v=1779397476"},{"product_id":"87","title":"87","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\"\u003eExcellent\u003c\/span\u003e \u003ca class=\"link-dettagli\" data-title=\"Condition\" data-content=\"Every photo and product description is real: you will receive exactly what you see in the photo and description. The condition assessment is carried out by our specialized technician according to strict quality standards.\n\n              This item is “Excellent”, meaning it has:\n\n• Camera body: with only minor aesthetic signs of wear. No obvious abrasions or scratches.\n• Optics and Sensor: Crystal clear lenses and sensor free of internal dust.\n• Screen: Excellent condition with a superficial scratch and faithful colors.\n• Controls: Responsive and functional buttons and dials.\"\u003e further details \u003c\/a\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\u003cli\u003ePanasonic DMW-BLG10 Battery\u003c\/li\u003e\n\u003cli\u003eUSB Charging Cable\u003c\/li\u003e\n\u003cli\u003eWrist Strap\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 4. SPEDIZIONE (NUOVA SEZIONE AGGIUNTA QUI) --\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\"\u003eReturn:\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 refunds are full. 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 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 blades or seizure of the firing motor.\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;\" data-title=\"12-Month Warranty Details\" class=\"link-dettagli link-garanzia-pos\"\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 18 tests of the Scatta l’Attimo Protocol.\u003c\/div\u003e\n\u003ca data-content=\"Each product undergoes rigorous checks performed by our expert technician:\n   \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Mapping and internal dust control\u0026lt;\/b\u0026gt;\n   \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Shutter and zoom 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 and Flash\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;\u0026lt;b\u0026gt;Over €100 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;\" data-title=\"18-Test Protocol\" class=\"link-dettagli link-test-pos\"\u003elearn more about the tests performed\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STRUTTURA MODALE --\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\u003cbutton id=\"btnCapito\" class=\"pulsante-base\"\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":"Scatta l'Attimo","offers":[{"title":"12 months (Standard)","offer_id":53991971815765,"sku":"674594","price":419.0,"currency_code":"EUR","in_stock":false},{"title":"24 months (Doubled Protection)","offer_id":53991971848533,"sku":"674594","price":467.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Fujifilm_X-T100_usata_garantita.jpg?v=1779397476"},{"product_id":"panasonic-hc-vx1-4k","title":"Panasonic HC-VX1 4K","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\"\u003eExcellent\u003c\/span\u003e \u003ca data-content=\"Every product photo and description is real: you will receive exactly what you see in the photo and description at home. The condition assessment is carried out by our specialized technician according to strict quality standards.\n               \n              This item is “Excellent”, meaning it has:\n\n• Camera body: only slight signs of cosmetic wear. No evident abrasions or scratches.\n• Optics and Sensor: Crystal clear lenses and internal dust-free sensor.\n• Screen: Excellent condition, true colors and no scratches.\n• Controls: Responsive and functional buttons and dials.\" data-title=\"Condition\" class=\"link-dettagli\"\u003e further details \u003c\/a\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\u003cli\u003eSony NP-FV70A Battery\u003c\/li\u003e\n\u003cli\u003eSony BC-TRV Charger\u003c\/li\u003e\n\u003c\/ul\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 all 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 performed by our expert technician:\n   \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Mapping and internal dust check\u0026lt;\/b\u0026gt;\n   \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Shutter and zoom mechanism\u0026lt;\/b\u0026gt;\n   \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Autofocus and Stabilization\u0026lt;\/b\u0026gt;\n   \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Electronic and Flash Check\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;\u0026lt;b\u0026gt;Over €100 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 camera:\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!-- 4. SPEDIZIONE (NUOVA SEZIONE AGGIUNTA QUI) --\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 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 receive a full refund. The product must be returned in the same condition as when it was 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!-- 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":"Panasonic","offers":[{"title":"12 months (Standard)","offer_id":54211008069973,"sku":"678609","price":449.0,"currency_code":"EUR","in_stock":false},{"title":"24 months (Doubled protection)","offer_id":54211008102741,"sku":"678609","price":477.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Panasonic_HC-VX1_4K_usata_garantita_videocamera.jpg?v=1782248212"},{"product_id":"panasonic-lumix-g-vario-45-150mm-f-4-5-6-asph-mega-o-i-s","title":"Panasonic Lumix G Vario 45-150mm f\/4-5.6 ASPH Mega O.I.S.","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\"\u003eExcellent\u003c\/span\u003e \u003ca data-content=\"Every product photo and description is real: you will receive exactly what you see in the photo and description at home. The condition is assessed by our specialized technician as “Like new”, “Excellent”, “Good”, “Well-used” and “Fair”.\n\n              This item is “Excellent”, meaning it has:\n\n• Lens: Free from scratches\/mold\/dust;\n• Focus ring: Smooth and in excellent operating condition.\n• Mount and barrel: Shows slight and localized signs of cosmetic wear.\" data-title=\"Condition\" class=\"link-dettagli\"\u003e further details \u003c\/a\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\u003cli\u003ePanasonic 52mm front lens cap\u003c\/li\u003e\n\u003cli\u003eRear lens cap - Micro Four Thirds\u003c\/li\u003e\n\u003cli\u003eLens hood\u003c\/li\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 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 refunds are full. 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 lens 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;AF Motor:\u0026lt;\/b\u0026gt; Malfunctions of the autofocus system.\n      \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Diaphragm:\u0026lt;\/b\u0026gt; Blade blockage or signal transmission anomalies.\n      \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Stabilizer:\u0026lt;\/b\u0026gt; Defects in the stabilized optical group (IS\/VR\/OSS).\n      \u0026lt;br\u0026gt;\u0026lt;br\u0026gt;\u0026lt;i\u0026gt;Damage from accidental falls, impacts, liquid infiltration, mold, improper use or negligence are 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 by our expert technician:\n       \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Lens cleaning and mold verification\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Diaphragm mechanics and rings\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Autofocus and Stabilization\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Electronic contact check\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;\u0026lt;b\u0026gt;A professional technical check guaranteed on every one of our lenses.\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;\u0026lt;br\u0026gt;If you want to see all the complete tests performed on this lens:\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":"Panasonic","offers":[{"title":"12 mesi","offer_id":54251821695317,"sku":"593455","price":149.0,"currency_code":"EUR","in_stock":false},{"title":"24 mesi (standard)","offer_id":54251821728085,"sku":"593455","price":167.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Panasonic_Lumix_G_Vario_45-150mm_f_4-5.6_ASPH_Mega_O.I.S..jpg?v=1782852697"},{"product_id":"panasonic-lumix-g-x-vario-pz-14-42mm-f-3-5-5-6-asph-power-o-i-s","title":"Panasonic Lumix G X Vario PZ 14-42mm f\/3.5-5.6 ASPH Power O.I.S.","description":"\u003cbody\u003e\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 \"small 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 \"further 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 UNDER 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        \/* \"CHECKS 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 font size of the pop-up *\/\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 row 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 the size of the bulleted list text in the 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 previously added margin, if on desktop it is desired to be aligned *\/\n            .riga-principale-reso-container { margin-left: 6px; } \n            \n            \/* On desktop, align \"further details\" under 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”, meaning it generally signifies:\n\n• Lens: Free of scratches; any minimal dust accumulation will not affect image quality.\n• Focusing ring: Smooth and in excellent working condition.\n• Mount and barrel: May show minor and localized signs of aesthetic wear (surface scratches or abrasions).\"\u003e\n               further details\n\u003c\/a\u003e\n        \u003c\/div\u003e\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 of the 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\u003eFront lens cap for 37mm lens\u003c\/li\u003e\n               \u003cli\u003eRear lens cap - Micro Four Thirds mount\u003c\/li\u003e\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. RETURNS (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\"\u003eReturns:\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 Free 12-month 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 function as expected).\n               \n                 \n\n**Additional note for cameras**\nBlindly trusting our checks, 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;The full warranty conditions can be consulted.\u0026lt;\/a\u0026gt;\"\u003e\n               further details\n            \u003c\/a\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 6. CHECKS --\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\"\u003eChecks 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\"\u003eUnderstood\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 the A tags already present 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 opening the modal if clicking on Returns (which has 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                \/\/ 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('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        \/\/ 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\u003c\/body\u003e","brand":"Panasonic","offers":[{"title":"12 mesi","offer_id":54283417944405,"sku":"545243","price":179.0,"currency_code":"EUR","in_stock":false},{"title":"24 mesi (standard)","offer_id":54283417977173,"sku":"545243","price":197.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/11d63f1c-007f-4f7d-b562-ae2b9d114d30.jpg?v=1783111829"},{"product_id":"panasonic-lumix-g-42-5mm-f-1-7-asph-power-o-i-s","title":"Panasonic Lumix G 42.5mm f\/1.7 ASPH Power O.I.S.","description":"\u003cbody\u003e\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 \"small 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 \"further 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 UNDER 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        \/* \"CHECKS 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 font size of the pop-up *\/\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 row 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 the size of the bulleted list text in the 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 previously added margin, if on desktop it is desired to be aligned *\/\n            .riga-principale-reso-container { margin-left: 6px; } \n            \n            \/* On desktop, align \"further details\" under 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”, meaning it generally signifies:\n\n• Lens: Free of scratches; any minimal dust accumulation will not affect image quality.\n• Focusing ring: Smooth and in excellent working condition.\n• Mount and barrel: May show minor and localized signs of aesthetic wear (surface scratches or abrasions).\"\u003e\n               further details\n\u003c\/a\u003e\n        \u003c\/div\u003e\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 of the 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\u003eFront lens cap for 37mm lens\u003c\/li\u003e\n               \u003cli\u003eRear lens cap - Micro Four Thirds mount\u003c\/li\u003e\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. RETURNS (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\"\u003eReturns:\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 Free 12-month 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 function as expected).\n               \n                 \n\n**Additional note for cameras**\nBlindly trusting our checks, 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;The full warranty conditions can be consulted.\u0026lt;\/a\u0026gt;\"\u003e\n               further details\n            \u003c\/a\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 6. CHECKS --\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\"\u003eChecks 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\"\u003eUnderstood\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 the A tags already present 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 opening the modal if clicking on Returns (which has 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                \/\/ 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('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        \/\/ 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\u003c\/body\u003e","brand":"Panasonic","offers":[{"title":"12 mesi","offer_id":54283449827669,"sku":"676463","price":239.0,"currency_code":"EUR","in_stock":false},{"title":"24 mesi (standard)","offer_id":54283449860437,"sku":"676463","price":257.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/55b5872f-6a8e-45eb-8fc2-41640aeef6f9.jpg?v=1783112183"},{"product_id":"panasonic-lumix-g-vario-12-32mm-f-3-5-5-6-asph-mega-o-i-s-1","title":"Panasonic Lumix G Vario 12-32mm f\/3.5-5.6 ASPH Mega O.I.S.","description":"\u003cbody\u003e\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 \"small 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 \"further 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 UNDER 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        \/* \"CHECKS 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 font size of the pop-up *\/\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 row 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 the size of the bulleted list text in the 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 previously added margin, if on desktop it is desired to be aligned *\/\n            .riga-principale-reso-container { margin-left: 6px; } \n            \n            \/* On desktop, align \"further details\" under 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”, meaning it generally signifies:\n\n• Lens: Free of scratches; any minimal dust accumulation will not affect image quality.\n• Focusing ring: Smooth and in excellent working condition.\n• Mount and barrel: May show minor and localized signs of aesthetic wear (surface scratches or abrasions).\"\u003e\n               further details\n\u003c\/a\u003e\n        \u003c\/div\u003e\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 of the 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\u003eFront lens cap for 37mm lens\u003c\/li\u003e\n               \u003cli\u003eRear lens cap - Micro Four Thirds mount\u003c\/li\u003e\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. RETURNS (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\"\u003eReturns:\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 Free 12-month 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 function as expected).\n               \n                 \n\n**Additional note for cameras**\nBlindly trusting our checks, 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;The full warranty conditions can be consulted.\u0026lt;\/a\u0026gt;\"\u003e\n               further details\n            \u003c\/a\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 6. CHECKS --\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\"\u003eChecks 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\"\u003eUnderstood\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 the A tags already present 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 opening the modal if clicking on Returns (which has 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                \/\/ 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('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        \/\/ 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\u003c\/body\u003e","brand":"Panasonic","offers":[{"title":"12 mesi","offer_id":54283545411925,"sku":"635223","price":189.0,"currency_code":"EUR","in_stock":false},{"title":"24 mesi (standard)","offer_id":54283545444693,"sku":"635223","price":207.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Panasonic_Lumix_G_Vario_12-32mm_f_3.5-5.6_ASPH_Mega_O.I.S._usata_garantita.jpg?v=1783112671"},{"product_id":"panasonic-lumix-dmc-gx800","title":"Panasonic Lumix DMC-GX800","description":"\u003cbody\u003e\n\n\n\n\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 pointer hand 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 \"further 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 UNDER 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        \/* \"CHECKS 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 row 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 previously added margin, if alignment is desired on desktop *\/\n            .riga-principale-reso-container { margin-left: 6px; } \n            \n            \/* On desktop, align \"further details\" under 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 \"INCLUDED\" 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 gray 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\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\"\u003eLike new\u003c\/span\u003e\n            \u003ca class=\"link-dettagli\" data-title=\"Condition\" data-content=\"Every product photo and description is real: you will receive exactly what you see in the photo and description. The condition assessment is performed by our specialized technician according to\n               \n              This item is “Like New”, which generally means:\n\n• Camera Body: Almost perfect, the camera looks new (has very minor signs of wear)\n• Buttons and Hot Shoe: Responsive and working perfectly, in excellent condition.\n• Screen: in perfect condition.\n• Sensor: clean and free of marks.\"\u003e\n               further details\n\u003c\/a\u003e\n        \u003c\/div\u003e\n\n\n \u003c!-- 2. SHOTS (NOW WITH IMAGE INSTEAD OF EMOJI) --\u003e\n        \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cspan class=\"emoji-cerchio-arancione\"\u003e\n                \u003c!-- UPDATED Shots image URL --\u003e\n                \u003cimg 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\" alt=\"Shots Icon\" class=\"icona-scatti-img\"\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"titolo-label\"\u003eShots:\u003c\/span\u003e\n            \n\n\u003cspan class=\"valore-fisso\"\u003e513\u003c\/span\u003e\n        \u003c\/div\u003e\n\n\n        \u003c!-- 3. INCLUDED (with GIFT EMOJI) --\u003e\n        \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cspan class=\"emoji-cerchio-arancione\"\u003e\n                 \u003c!-- Using 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             \u003cul class=\"lista-inclusi\"\u003e\n  \u003cli\u003ePanasonic Lumix DMC-GX80\u003c\/li\u003e\n               \u003cli\u003ePanasonic DMW-BLG10 Battery\u003c\/li\u003e\n                  \u003cli\u003ePanasonic Charger\u003c\/li\u003e\n                \u003cli\u003ePanasonic Front Lens Cap\u003c\/li\u003e\n              \u003cli\u003eNeck Strap\u003c\/li\u003e\n        \u003cli\u003ePanasonic Lumix G Vario 14-42mm f\/3.5-5.6 ASPH Mega O.I.S.\u003c\/li\u003e\n\u003cli\u003ePanasonic Lumix G Vario 45-150mm f\/4-5.6 ASPH Mega O.I.S.\u003c\/li\u003e\n   \u003cli\u003eManual\u003c\/li\u003e\n       \u003cli\u003eBoxes\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/ul\u003e\n\u003c\/div\u003e\n        \n\u003c!-- 7. CHECKS --\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 data-content=\"Each product undergoes rigorous checks performed 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 camera:\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;\" data-title=\"18 Test Protocol\" class=\"link-dettagli link-test-pos\"\u003ediscover more about the tests performed\u003c\/a\u003e\n\u003c\/div\u003e\n\n\u003c!-- 4. SHIPPING --\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\n\n\n    \n\u003c!-- 5. RETURN --\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\"\u003eReturn:\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\"\u003eTest the equipment calmly: if it's not what you were looking for, return shipping is free and you get a full refund. The product must be returned in the same condition as shipped, complete with accessories and original packaging.\n\u003c\/span\u003e \u003cspan class=\"riga-reso highlight-bold soddisfatto\"\u003e 100% satisfied or refunded \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n      \n\n\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\"\u003eUnderstood\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(\/(“Excellent”|Free 12-month Scatta l’Attimo Warranty)\/g, '\u003cspan class=\"highlight-bold condition-value badge-condizione\"\u003e$1\u003c\/span\u003e')\n                                   .replace(\/(30 days from receipt|12 months|30% bonus)\/g, '\u003cspan class=\"highlight-bold\"\u003e$1\u003c\/span\u003e')\n                                   .replace(\/(Sudden failures)\/g, '▪️ $1')\n                                   .replace(\/(Non-conformity defects)\/g, '▪️ $1')\n                                   .replace(\/(The warranty covers:)\\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 A tags already present 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 from 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 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\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Panasonic","offers":[{"title":"12 months (Standard)","offer_id":54283577950549,"sku":"675640","price":279.0,"currency_code":"EUR","in_stock":false},{"title":"24 mesi (standard)","offer_id":54283577983317,"sku":"675640","price":297.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Panasonic_Lumix_DMC-GX800_usata_garantita.jpg?v=1783113307"},{"product_id":"panasonic-lumix-dmc-tz80-usata-garantita","title":"Panasonic Lumix DMC-TZ80","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\"\u003eExcellent\u003c\/span\u003e \u003ca class=\"link-dettagli\" data-title=\"Condition\" data-content=\"Every photo and product description is real: you will receive exactly what you see in the photo and description. The condition assessment is carried out by our specialized technician according to strict quality standards.\n\n              This item is “Excellent”, meaning it has:\n\n• Camera body: with only minor aesthetic signs of wear. No obvious abrasions or scratches.\n• Optics and Sensor: Crystal clear lenses and sensor free of internal dust.\n• Screen: Excellent condition with a superficial scratch and faithful colors.\n• Controls: Responsive and functional buttons and dials.\"\u003e further details \u003c\/a\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\u003cli\u003ePanasonic DMW-BLG10 Battery\u003c\/li\u003e\n\u003cli\u003eUSB Charging Cable\u003c\/li\u003e\n\u003cli\u003eWrist Strap\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 4. SPEDIZIONE (NUOVA SEZIONE AGGIUNTA QUI) --\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\"\u003eReturn:\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 refunds are full. 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 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 blades or seizure of the firing motor.\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;\" data-title=\"12-Month Warranty Details\" class=\"link-dettagli link-garanzia-pos\"\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 18 tests of the Scatta l’Attimo Protocol.\u003c\/div\u003e\n\u003ca data-content=\"Each product undergoes rigorous checks performed by our expert technician:\n   \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Mapping and internal dust control\u0026lt;\/b\u0026gt;\n   \u0026lt;br\u0026gt;• \u0026lt;b\u0026gt;Shutter and zoom 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 and Flash\u0026lt;\/b\u0026gt;\n       \u0026lt;br\u0026gt;\u0026lt;b\u0026gt;Over €100 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;\" data-title=\"18-Test Protocol\" class=\"link-dettagli link-test-pos\"\u003elearn more about the tests performed\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- STRUTTURA MODALE --\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\u003cbutton id=\"btnCapito\" class=\"pulsante-base\"\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":"Panasonic","offers":[{"title":"12 months (Standard)","offer_id":54367738626389,"sku":"687866","price":449.0,"currency_code":"EUR","in_stock":false},{"title":"24 mesi (standard)","offer_id":54367738659157,"sku":"687866","price":497.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/aef59b94-1d8a-42ea-8feb-78954767337a.jpg?v=1783975327"},{"product_id":"panasonic-lumix-g-vario-12-32mm-f-3-5-5-6-asph-mega-o-i-s-2","title":"Panasonic Lumix G Vario 12-32mm f\/3.5-5.6 ASPH Mega O.I.S.","description":"\u003cbody\u003e\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 \"small 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 \"further 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 UNDER 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        \/* \"CHECKS 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 font size of the pop-up *\/\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 row 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 the size of the bulleted list text in the 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 previously added margin, if on desktop it is desired to be aligned *\/\n            .riga-principale-reso-container { margin-left: 6px; } \n            \n            \/* On desktop, align \"further details\" under 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”, meaning it generally signifies:\n\n• Lens: Free of scratches; any minimal dust accumulation will not affect image quality.\n• Focusing ring: Smooth and in excellent working condition.\n• Mount and barrel: May show minor and localized signs of aesthetic wear (surface scratches or abrasions).\"\u003e\n               further details\n\u003c\/a\u003e\n        \u003c\/div\u003e\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 of the 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\u003eFront lens cap for 37mm lens\u003c\/li\u003e\n               \u003cli\u003eRear lens cap - Micro Four Thirds mount\u003c\/li\u003e\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. RETURNS (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\"\u003eReturns:\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 Free 12-month 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 function as expected).\n               \n                 \n\n**Additional note for cameras**\nBlindly trusting our checks, 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;The full warranty conditions can be consulted.\u0026lt;\/a\u0026gt;\"\u003e\n               further details\n            \u003c\/a\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- 6. CHECKS --\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\"\u003eChecks 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\"\u003eUnderstood\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 the A tags already present 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 opening the modal if clicking on Returns (which has 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                \/\/ 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('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        \/\/ 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\u003c\/body\u003e","brand":"Panasonic","offers":[{"title":"12 mesi","offer_id":54370078589269,"sku":"545424","price":199.0,"currency_code":"EUR","in_stock":false},{"title":"24 mesi (standard)","offer_id":54370078622037,"sku":"545424","price":227.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Panasonic_Lumix_G_Vario_12-32mm_f_3.5-5.6_ASPH_Mega_O.I.S._usata_garantita_obiettivo.jpg?v=1783976019"},{"product_id":"panasonic-lumix-dmc-gx880","title":"Panasonic Lumix DMC-GX880","description":"\u003cbody\u003e\n\n\n\n\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 pointer hand 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 \"further 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 UNDER 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        \/* \"CHECKS 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 row 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 previously added margin, if alignment is desired on desktop *\/\n            .riga-principale-reso-container { margin-left: 6px; } \n            \n            \/* On desktop, align \"further details\" under 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 \"INCLUDED\" 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 gray 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\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\"\u003eLike new\u003c\/span\u003e\n            \u003ca class=\"link-dettagli\" data-title=\"Condition\" data-content=\"Every product photo and description is real: you will receive exactly what you see in the photo and description. The condition assessment is performed by our specialized technician according to\n               \n              This item is “Like New”, which generally means:\n\n• Camera Body: Almost perfect, the camera looks new (has very minor signs of wear)\n• Buttons and Hot Shoe: Responsive and working perfectly, in excellent condition.\n• Screen: in perfect condition.\n• Sensor: clean and free of marks.\"\u003e\n               further details\n\u003c\/a\u003e\n        \u003c\/div\u003e\n\n\n \u003c!-- 2. SHOTS (NOW WITH IMAGE INSTEAD OF EMOJI) --\u003e\n        \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cspan class=\"emoji-cerchio-arancione\"\u003e\n                \u003c!-- UPDATED Shots image URL --\u003e\n                \u003cimg 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\" alt=\"Shots Icon\" class=\"icona-scatti-img\"\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"titolo-label\"\u003eShots:\u003c\/span\u003e\n            \n\n\u003cspan class=\"valore-fisso\"\u003e513\u003c\/span\u003e\n        \u003c\/div\u003e\n\n\n        \u003c!-- 3. INCLUDED (with GIFT EMOJI) --\u003e\n        \u003cdiv class=\"sezione-info area-info-badge\"\u003e\n            \u003cspan class=\"emoji-cerchio-arancione\"\u003e\n                 \u003c!-- Using 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             \u003cul class=\"lista-inclusi\"\u003e\n  \u003cli\u003ePanasonic Lumix DMC-GX80\u003c\/li\u003e\n               \u003cli\u003ePanasonic DMW-BLG10 Battery\u003c\/li\u003e\n                  \u003cli\u003ePanasonic Charger\u003c\/li\u003e\n                \u003cli\u003ePanasonic Front Lens Cap\u003c\/li\u003e\n              \u003cli\u003eNeck Strap\u003c\/li\u003e\n        \u003cli\u003ePanasonic Lumix G Vario 14-42mm f\/3.5-5.6 ASPH Mega O.I.S.\u003c\/li\u003e\n\u003cli\u003ePanasonic Lumix G Vario 45-150mm f\/4-5.6 ASPH Mega O.I.S.\u003c\/li\u003e\n   \u003cli\u003eManual\u003c\/li\u003e\n       \u003cli\u003eBoxes\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/ul\u003e\n\u003c\/div\u003e\n        \n\u003c!-- 7. CHECKS --\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 data-content=\"Each product undergoes rigorous checks performed 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 camera:\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;\" data-title=\"18 Test Protocol\" class=\"link-dettagli link-test-pos\"\u003ediscover more about the tests performed\u003c\/a\u003e\n\u003c\/div\u003e\n\n\u003c!-- 4. SHIPPING --\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\n\n\n    \n\u003c!-- 5. RETURN --\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\"\u003eReturn:\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\"\u003eTest the equipment calmly: if it's not what you were looking for, return shipping is free and you get a full refund. The product must be returned in the same condition as shipped, complete with accessories and original packaging.\n\u003c\/span\u003e \u003cspan class=\"riga-reso highlight-bold soddisfatto\"\u003e 100% satisfied or refunded \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n      \n\n\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\"\u003eUnderstood\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(\/(“Excellent”|Free 12-month Scatta l’Attimo Warranty)\/g, '\u003cspan class=\"highlight-bold condition-value badge-condizione\"\u003e$1\u003c\/span\u003e')\n                                   .replace(\/(30 days from receipt|12 months|30% bonus)\/g, '\u003cspan class=\"highlight-bold\"\u003e$1\u003c\/span\u003e')\n                                   .replace(\/(Sudden failures)\/g, '▪️ $1')\n                                   .replace(\/(Non-conformity defects)\/g, '▪️ $1')\n                                   .replace(\/(The warranty covers:)\\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 A tags already present 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 from 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 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\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Panasonic","offers":[{"title":"12 months (Standard)","offer_id":54370658779477,"sku":"553354","price":299.0,"currency_code":"EUR","in_stock":false},{"title":"24 mesi (standard)","offer_id":54370658812245,"sku":"553354","price":317.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/6555\/0677\/files\/Panasonic_Lumix_DMC-GX880_usata_garantita.jpg?v=1783977830"}],"url":"https:\/\/scattalattimo.it\/en-gb\/collections\/panasonic-fuji.oembed","provider":"Scatta l'Attimo","version":"1.0","type":"link"}