{"product_id":"ipad-pro-2024-m4-series-wifi","title":"iPad Pro (2024, M4 series) WIFI","description":"\u003c!-- ╔══════════════════════════════════════════════════════════════════════╗ --\u003e\n\u003c!-- ║   BLOCCO CONFIGURAZIONE TIMELINE PRODOTTO – MODIFICA SOLO QUESTO     ║ --\u003e\n\u003c!-- ╚══════════════════════════════════════════════════════════════════════╝ --\u003e\n\u003cscript\u003e\n\/\/ 🔧 Specifiche del prodotto iPad Pro M4 Series\nconst specs = [\n  { titolo: \"Modello\", descrizione: \"iPad Pro M4 — ultima generazione con architettura Apple Silicon M4.\" },\n  { titolo: \"Chip\", descrizione: \"Apple M4 · CPU e GPU di nuova generazione · Accelerazione AI avanzata per flussi di lavoro professionali.\" },\n  { titolo: \"Display\", descrizione: \"Ultra Retina XDR OLED tandem · Luminosità estrema · Contrasto elevatissimo · Colori professionali.\" },\n  { titolo: \"Dimensioni\", descrizione: \"Disponibile nei formati 11\\\" e 13\\\" · Design ultrasottile e ultraleggero.\" },\n  { titolo: \"Materiali\", descrizione: \"Scocca in alluminio riciclato di alta qualità · Massima rigidità strutturale.\" },\n  { titolo: \"Prestazioni grafiche\", descrizione: \"GPU potenziata con ray tracing hardware · Ideale per grafica 3D, video editing e rendering.\" },\n  { titolo: \"Apple Pencil Pro\", descrizione: \"Supporto ad Apple Pencil Pro con feedback aptico, gesture avanzate e precisione assoluta.\" },\n  { titolo: \"Magic Keyboard\", descrizione: \"Compatibile con Magic Keyboard ridisegnata · Trackpad in vetro · Esperienza simile a un laptop.\" },\n  { titolo: \"Fotocamere e sensori\", descrizione: \"Fotocamera posteriore avanzata · Scanner LiDAR · Ideale per AR, scansioni 3D e applicazioni professionali.\" },\n  { titolo: \"Audio\", descrizione: \"Sistema a quattro altoparlanti · Audio immersivo per contenuti multimediali e lavoro creativo.\" },\n  { titolo: \"Connettività\", descrizione: \"Wi-Fi ad alte prestazioni · Thunderbolt \/ USB-C · Supporto accessori professionali.\" },\n  { titolo: \"Batteria\", descrizione: \"Autonomia per un’intera giornata · Ottimizzazione energetica avanzata grazie al chip M4.\" },\n  { titolo: \"Sistema operativo\", descrizione: \"iPadOS · Multitasking evoluto · Stage Manager · Compatibilità con app professionali.\" },\n  { titolo: \"Contenuto confezione\", descrizione: \"iPad Pro M4 · Cavo di ricarica USB-C · Alimentatore USB-C.\" },\n  { titolo: \"Sintesi\", descrizione: \"iPad Pro M4 rappresenta il massimo della potenza e della portabilità Apple: prestazioni desktop, display OLED professionale e accessori di nuova generazione.\" }\n];\n\u003c\/script\u003e\n\u003c!-- ╔══════════════════════════════════════════════════════════════════════╗ --\u003e\n\u003c!-- ║   FINE BLOCCO CONFIGURAZIONE                                         ║ --\u003e\n\u003c!-- ╚══════════════════════════════════════════════════════════════════════╝ --\u003e\n\n\n\u003c!-- 🔒 JSON prodotto Shopify (OBBLIGATORIO) --\u003e\n\u003cscript type=\"application\/json\" id=\"ProductJson\"\u003e\n  {{ product | json }}\n\u003c\/script\u003e\n\n\n\u003cstyle\u003e\n:root {\n  --accent: #4285f4;\n  --text: #111;\n}\nbody {\n  margin: 0;\n  font-family: \"Segoe UI\", Roboto, system-ui, sans-serif;\n}\n.product-timeline {\n  position: relative;\n  max-width: 700px;\n  margin: 80px auto;\n  padding: 30px;\n  color: var(--text);\n}\n.product-timeline::before {\n  content: \"\";\n  position: absolute;\n  left: 30px;\n  top: 0;\n  width: 3px;\n  height: 100%;\n  background: linear-gradient(to bottom, rgba(66,133,244,0.5), rgba(66,133,244,0.1));\n  box-shadow: 0 0 12px rgba(66,133,244,0.4);\n}\n.product-timeline h1 {\n  text-align: center;\n  font-size: 2.6rem;\n  font-weight: 800;\n  color: var(--accent);\n  margin-bottom: 60px;\n}\n.timeline-item {\n  position: relative;\n  padding-left: 70px;\n  margin-bottom: 45px;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: all 0.8s ease;\n}\n.timeline-item.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n.timeline-item::before {\n  content: \"\";\n  position: absolute;\n  left: 22px;\n  top: 28px;\n  width: 16px;\n  height: 16px;\n  background: var(--accent);\n  border-radius: 50%;\n  box-shadow: 0 0 14px rgba(66,133,244,0.6);\n}\n.timeline-card {\n  padding: 20px 26px;\n  border-left: 3px solid rgba(66,133,244,0.2);\n  border-radius: 10px;\n}\n.timeline-card h3 {\n  color: var(--accent);\n  margin-bottom: 6px;\n  font-size: 1.5rem;\n}\n.timeline-card p {\n  margin: 0;\n  font-size: 1.15rem;\n  line-height: 1.6;\n}\n.buy-button {\n  margin-top: 40px;\n  padding: 16px 32px;\n  background: var(--accent);\n  color: #fff;\n  font-size: 1.3rem;\n  font-weight: 700;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n}\n.buy-button.disabled {\n  background: #aaa;\n  cursor: not-allowed;\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"product-timeline\"\u003e\n  \u003ch1 id=\"product-title\"\u003e{{ product.title }}\u003c\/h1\u003e\n  \u003cdiv id=\"timeline\"\u003e\u003c\/div\u003e\n  \u003cdiv style=\"text-align:center\"\u003e\n    \u003cbutton class=\"buy-button\" id=\"checkoutButton\"\u003eVerifica disponibilità...\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", () =\u003e {\n\n  \/* ===== TITOLO ===== *\/\n  const title =\n    document.querySelector('h1.product__title, h1.product-title, h1')?.textContent?.trim()\n    || \"iPad Pro M4\";\n\n  document.getElementById(\"product-title\").textContent = title;\n\n\n  \/* ===== TIMELINE ===== *\/\n  const container = document.getElementById(\"timeline\");\n  specs.forEach(item =\u003e {\n    const el = document.createElement(\"div\");\n    el.className = \"timeline-item\";\n    el.innerHTML = `\n      \u003cdiv class=\"timeline-card\"\u003e\n        \u003ch3\u003e${item.titolo}\u003c\/h3\u003e\n        \u003cp\u003e${item.descrizione}\u003c\/p\u003e\n      \u003c\/div\u003e`;\n    container.appendChild(el);\n  });\n\n  const observer = new IntersectionObserver(entries =\u003e {\n    entries.forEach(e =\u003e e.isIntersecting \u0026\u0026 e.target.classList.add(\"visible\"));\n  });\n  document.querySelectorAll(\".timeline-item\").forEach(el =\u003e observer.observe(el));\n\n\n  \/* ===== DISPONIBILITÀ ===== *\/\n  const btn = document.getElementById(\"checkoutButton\");\n  const product = window.ShopifyAnalytics?.meta?.product;\n\n  if (!product || !product.variants) {\n    btn.textContent = \"Prodotto non disponibile\";\n    btn.classList.add(\"disabled\");\n    return;\n  }\n\n  const variant = product.variants.find(v =\u003e v.available);\n\n  if (!variant) {\n    btn.textContent = \"Non disponibile\";\n    btn.classList.add(\"disabled\");\n    return;\n  }\n\n  btn.textContent = \"Acquista ora 🛒\";\n  btn.onclick = () =\u003e {\n    window.location.href = `\/cart\/${variant.id}:1`;\n  };\n});\n\u003c\/script\u003e\n\n","brand":"Centroriparo srl","offers":[{"title":"Silver \/ 256","offer_id":52175725560136,"sku":null,"price":999.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0799\/6663\/4312\/files\/Apple-M4-chip-iPad-Pro-silver-and-space-black_X.png?v=1765539991","url":"https:\/\/www.centroriparo.it\/products\/ipad-pro-2024-m4-series-wifi","provider":"Centroriparo srl","version":"1.0","type":"link"}