{"id":11,"date":"2025-10-13T19:58:22","date_gmt":"2025-10-13T19:58:22","guid":{"rendered":"https:\/\/charming-sammet.162-19-134-21.plesk.page\/?page_id=11"},"modified":"2025-10-14T20:58:32","modified_gmt":"2025-10-14T20:58:32","slug":"home","status":"publish","type":"page","link":"https:\/\/charming-sammet.162-19-134-21.plesk.page\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_pb_equal_columns et_pb_gutters1 et_block_row\">\n<div class=\"et_pb_column_5 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_5 et_pb_text et_pb_bg_layout_light et_animated et_pb_module preset--module--divi-text--4e90e788-d713-4a0d-a80e-fcf1e88c5196\"><div class=\"et_pb_text_inner\"><h1>Unusable Shop<\/h1>\n<\/div><\/div>\n\n<div class=\"et_pb_text_6 et_pb_text et_pb_bg_layout_light et_animated et_pb_module preset--module--divi-text--4e90e788-d713-4a0d-a80e-fcf1e88c5196\"><div class=\"et_pb_text_inner\"><p>Benvenuto nel negozio che non vuole essere usato<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_7 et_pb_text et_pb_bg_layout_light et_animated et_pb_module\"><div class=\"et_pb_text_inner\"><p><span style=\"text-decoration: underline;\">Clicca<\/span> <a href=\"#prodotti\" style=\"cursor: text;\">QUI<\/a> per andare alla sezione <span style=\"color: #ff5a17;\">prodotti<\/span><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\" id=\"prodotti\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_6 et_pb_column et_flex_column_16_24 et_flex_column_16_24_tablet et_flex_column_24_24_phone et_flex_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- ALERT GLOBALE (riusabile) -->\n<div class=\"u-alert\" id=\"u-alert\" style=\"display:none\"><\/div>\n\n<section class=\"products-grid\">\n  <!-- 1 -->\n  <article class=\"card-prod\">\n    <img decoding=\"async\" class=\"cp-img\" src=\"https:\/\/charming-sammet.162-19-134-21.plesk.page\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-14-ott-2025-21_46_02.png\" alt=\"Cavo HDMI 5 cm (troppo corto)\">\n    <div class=\"cp-body\">\n      <h3 class=\"cp-title\">Cavo HDMI 5 cm (troppo corto)<\/h3>\n      <div class=\"cp-meta\"><span class=\"cp-price\">\u20ac 59<\/span><\/div>\n\n      <label class=\"cp-label\">Quantit\u00e0<\/label>\n      <input type=\"range\" min=\"1\" max=\"10\" value=\"3\" class=\"cp-slider\">\n      <div class=\"cp-qty\">Quantit\u00e0: 3<\/div>\n\n      <div class=\"cp-actions\">\n        <button class=\"cp-btn cp-remove\">Rimuovi dal carrello<\/button>\n        <button class=\"cp-btn cp-add\" aria-label=\"Aggiungi al carrello\">+<\/button>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- 2 -->\n  <article class=\"card-prod\">\n    <img decoding=\"async\" class=\"cp-img\" src=\"https:\/\/charming-sammet.162-19-134-21.plesk.page\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-14-ott-2025-21_48_27.png\" alt=\"Vite M3 senza filetto\">\n    <div class=\"cp-body\">\n      <h3 class=\"cp-title\">Vite M3 senza filetto<\/h3>\n      <div class=\"cp-meta\"><span class=\"cp-price\">\u20ac 9<\/span><\/div>\n\n      <label class=\"cp-label\">Quantit\u00e0<\/label>\n      <input type=\"range\" min=\"1\" max=\"10\" value=\"3\" class=\"cp-slider\">\n      <div class=\"cp-qty\">Quantit\u00e0: 3<\/div>\n\n      <div class=\"cp-actions\">\n        <button class=\"cp-btn cp-remove\">Rimuovi dal carrello<\/button>\n        <button class=\"cp-btn cp-add\" aria-label=\"Aggiungi al carrello\">+<\/button>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- 3 -->\n  <article class=\"card-prod\">\n    <img decoding=\"async\" class=\"cp-img\" src=\"https:\/\/picsum.photos\/seed\/mousepadscivoloso\/600\/400\" alt=\"Mousepad ultra-scivoloso\">\n    <div class=\"cp-body\">\n      <h3 class=\"cp-title\">Mousepad ultra-scivoloso<\/h3>\n      <div class=\"cp-meta\"><span class=\"cp-price\">\u20ac 19<\/span><\/div>\n\n      <label class=\"cp-label\">Quantit\u00e0<\/label>\n      <input type=\"range\" min=\"1\" max=\"10\" value=\"3\" class=\"cp-slider\">\n      <div class=\"cp-qty\">Quantit\u00e0: 3<\/div>\n\n      <div class=\"cp-actions\">\n        <button class=\"cp-btn cp-remove\">Rimuovi dal carrello<\/button>\n        <button class=\"cp-btn cp-add\" aria-label=\"Aggiungi al carrello\">+<\/button>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- 4 -->\n  <article class=\"card-prod\">\n    <img decoding=\"async\" class=\"cp-img\" src=\"https:\/\/picsum.photos\/seed\/batteriausaegetta\/600\/400\" alt=\"Batteria ricaricabile usa-e-getta\">\n    <div class=\"cp-body\">\n      <h3 class=\"cp-title\">Batteria ricaricabile usa-e-getta<\/h3>\n      <div class=\"cp-meta\"><span class=\"cp-price\">\u20ac 29<\/span><\/div>\n\n      <label class=\"cp-label\">Quantit\u00e0<\/label>\n      <input type=\"range\" min=\"1\" max=\"10\" value=\"3\" class=\"cp-slider\">\n      <div class=\"cp-qty\">Quantit\u00e0: 3<\/div>\n\n      <div class=\"cp-actions\">\n        <button class=\"cp-btn cp-remove\">Rimuovi dal carrello<\/button>\n        <button class=\"cp-btn cp-add\" aria-label=\"Aggiungi al carrello\">+<\/button>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- 5 -->\n  <article class=\"card-prod\">\n    <img decoding=\"async\" class=\"cp-img\" src=\"https:\/\/picsum.photos\/seed\/custodiaforata\/600\/400\" alt=\"Custodia waterproof forata\">\n    <div class=\"cp-body\">\n      <h3 class=\"cp-title\">Custodia waterproof forata<\/h3>\n      <div class=\"cp-meta\"><span class=\"cp-price\">\u20ac 39<\/span><\/div>\n\n      <label class=\"cp-label\">Quantit\u00e0<\/label>\n      <input type=\"range\" min=\"1\" max=\"10\" value=\"3\" class=\"cp-slider\">\n      <div class=\"cp-qty\">Quantit\u00e0: 3<\/div>\n\n      <div class=\"cp-actions\">\n        <button class=\"cp-btn cp-remove\">Rimuovi dal carrello<\/button>\n        <button class=\"cp-btn cp-add\" aria-label=\"Aggiungi al carrello\">+<\/button>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- 6 -->\n  <article class=\"card-prod\">\n    <img decoding=\"async\" class=\"cp-img\" src=\"https:\/\/picsum.photos\/seed\/guantisenzadita\/600\/400\" alt=\"Guanti touchscreen senza dita\">\n    <div class=\"cp-body\">\n      <h3 class=\"cp-title\">Guanti touchscreen senza dita<\/h3>\n      <div class=\"cp-meta\"><span class=\"cp-price\">\u20ac 24<\/span><\/div>\n\n      <label class=\"cp-label\">Quantit\u00e0<\/label>\n      <input type=\"range\" min=\"1\" max=\"10\" value=\"3\" class=\"cp-slider\">\n      <div class=\"cp-qty\">Quantit\u00e0: 3<\/div>\n\n      <div class=\"cp-actions\">\n        <button class=\"cp-btn cp-remove\">Rimuovi dal carrello<\/button>\n        <button class=\"cp-btn cp-add\" aria-label=\"Aggiungi al carrello\">+<\/button>\n      <\/div>\n    <\/div>\n  <\/article>\n<\/section>\n\n\n<style>\n\/* ============================================================\n   GRID LAYOUT \u2014 3 CARDS PER FILA\n============================================================ *\/\n.products-grid{\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 28px;\n  width: 100%;\n  margin: 0 auto;\n  padding: 20px 0;\n}\n\n@media (max-width: 960px){\n  .products-grid{ grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 640px){\n  .products-grid{ grid-template-columns: 1fr; }\n}\n\n\/* ============================================================\n   CARD STYLE \u2014 TRASPARENTE, UNIFORME, BORDO LEGGERO\n============================================================ *\/\n.products-grid .card-prod,\n.products-grid .card-prod *{\n  font-family: \"Apercu\", Inter, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.products-grid .card-prod{\n  background: transparent;\n  border: 2px solid rgba(0,0,0,.08);\n  border-radius: 12px;\n  box-shadow: none;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: all .25s ease;\n  min-height: 460px; \/* altezza uniforme *\/\n}\n\n.products-grid .card-prod:hover{\n  transform: translateY(-4px);\n  border-color: rgba(255,90,23,.6);\n}\n\n.products-grid .cp-img{\n  width: 100%;\n  height: 200px;\n  border-radius: 10px 10px 0 0;\n  object-fit: cover;\n  border-bottom: 2px solid rgba(0,0,0,.05);\n}\n\n\/* Body interno *\/\n.products-grid .cp-body{\n  flex: 1;\n  padding: 18px 20px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n\/* Titolo e meta *\/\n.products-grid .cp-title{\n  font-size: 22px;\n  font-weight: 800;\n  margin: 0;\n  color: #222;\n  line-height: 1.2;\n}\n\n.products-grid .cp-meta{\n  font-size: 14px;\n  color: #666;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 8px;\n}\n\n.products-grid .cp-price{\n  color: #FF5A17;\n  font-weight: 900;\n  font-size: 16px;\n}\n\n\/* Slider quantit\u00e0 *\/\n.products-grid .cp-label{\n  font-size: 13px;\n  text-transform: uppercase;\n  color: #777;\n  letter-spacing: .04em;\n}\n\n.products-grid .cp-slider{\n  width: 100%;\n  height: 8px;\n  border-radius: 999px;\n  background: #d7d7d7;\n  accent-color: #FF5A17;\n  cursor: pointer;\n}\n.products-grid .cp-slider::-webkit-slider-thumb{\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #FF5A17;\n  cursor: pointer;\n}\n\n.products-grid .cp-qty{\n  font-size: 14px;\n  font-weight: 600;\n  color: #222;\n}\n\n\/* Bottoni *\/\n.products-grid .cp-actions{\n  display: flex;\n  gap: 10px;\n  margin-top: auto;\n}\n\n.products-grid .cp-btn{\n  flex: 1;\n  padding: 12px 10px;\n  font-size: 14px;\n  font-weight: 800;\n  cursor: pointer;\n  border-radius: 8px;\n  border: 2px solid transparent;\n  transition: all .15s ease;\n}\n\n\/* Rimuovi (principale arancio) *\/\n.products-grid .cp-remove{\n  background: #FF5A17;\n  color: #fff;\n  border-color: #FF5A17;\n}\n.products-grid .cp-remove:hover{\n  background: transparent;\n  color: #FF5A17;\n}\n\n\/* + (secondario grigio) *\/\n.products-grid .cp-add{\n  background: #e0e0e0;\n  color: #222;\n}\n.products-grid .cp-add:hover{\n  background: #d5d5d5;\n}\n\n\/* Alert globale *\/\n.u-alert{\n  position:fixed; top:12px; left:50%; transform:translateX(-50%);\n  background:#222; color:#fff;\n  padding:10px 16px; border-radius:6px; font-weight:700;\n  display:none; z-index:9999; letter-spacing:.03em;\n  transition:opacity .3s ease;\n}\n.u-alert.success{ background:#FF5A17; }\n.u-alert.error{ background:#1f8a2b; }\n<\/style>\n\n<\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_7 et_pb_column et-last-child et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone et_flex_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- ALERT -->\n<div class=\"u-alert\" id=\"u-alert\" style=\"display:none\"><\/div>\n\n<aside class=\"ux-worst-sidebar\" aria-labelledby=\"uxw-title\">\n  <h4 id=\"uxw-title\" class=\"uxw-title\">Riepilogo (forse)<\/h4>\n\n  <div class=\"uxw-items\" id=\"uxw-items\">\n    <!-- riga 1 -->\n    <div class=\"uxw-row\">\n      <img decoding=\"async\" class=\"uxw-thumb\" src=\"https:\/\/picsum.photos\/seed\/side1\/80\/80\" alt=\"anteprima\">\n\n      <div class=\"uxw-name\">\n        <span class=\"uxw-name-title\">Oggetto strano<\/span>\n      <\/div>\n\n      <!-- Q.t\u00e0 + prezzo sulla stessa riga -->\n      <div class=\"uxw-qty\">\n        <label class=\"uxw-qty-label\">\n          Q.t\u00e0 (scritta a mano) <span class=\"uxw-help\" title=\"??\">?<\/span>\n        <\/label>\n        <input\n          type=\"text\"\n          value=\"tre\"\n          class=\"uxw-qty-text\"\n          inputmode=\"text\"\n          pattern=\"[^0-9]*\"\n          oninput=\"this.value=this.value.replace(\/[0-9]\/g,'')\"\n        >\n        <span class=\"uxw-price\">\u20ac 39*<\/span>\n      <\/div>\n\n      <div class=\"uxw-actions\">\n        <button class=\"uxw-remove\">Rimuovi<\/button>\n        <button class=\"uxw-plus\" title=\"Aggiungi di nascosto\">+<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- riga 2 -->\n    <div class=\"uxw-row\">\n      <img decoding=\"async\" class=\"uxw-thumb\" src=\"https:\/\/picsum.photos\/seed\/side2\/80\/80\" alt=\"anteprima\">\n\n      <div class=\"uxw-name\">\n        <span class=\"uxw-name-title\">Oggetto strano<\/span>\n      <\/div>\n\n      <div class=\"uxw-qty\">\n        <label class=\"uxw-qty-label\">\n          Q.t\u00e0 (scritta a mano) <span class=\"uxw-help\" title=\"??\">?<\/span>\n        <\/label>\n        <input\n          type=\"text\"\n          value=\"tre\"\n          class=\"uxw-qty-text\"\n          inputmode=\"text\"\n          pattern=\"[^0-9]*\"\n          oninput=\"this.value=this.value.replace(\/[0-9]\/g,'')\"\n        >\n        <span class=\"uxw-price\">\u20ac 39*<\/span>\n      <\/div>\n\n      <div class=\"uxw-actions\">\n        <button class=\"uxw-remove\">Rimuovi<\/button>\n        <button class=\"uxw-plus\" title=\"Aggiungi di nascosto\">+<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- COUPON migliorato (apre verso l\u2019alto) -->\n  <details class=\"uxw-coupon up\">\n    <summary>Hai un coupon?<\/summary>\n    <div class=\"uxw-coupon-body\">\n      <div class=\"uxw-coupon-inline\">\n        <input type=\"text\" id=\"uxw-coupon-code\" placeholder=\"Inserisci codice\">\n        <button id=\"uxw-apply\">Applica<\/button>\n      <\/div>\n      <small class=\"uxw-coupon-note\">* Potrebbe aumentare il prezzo. O diminuirlo. O nulla.<\/small>\n    <\/div>\n  <\/details>\n\n  <!-- costi \/ consensi \/ cta rimangono uguali -->\n  <div class=\"uxw-costs\">\n    <div class=\"row\"><span>Subtotale stimato<\/span><span id=\"uxw-sub\">\u20ac 0<\/span><\/div>\n    <div class=\"row\"><span>Spedizione forse<\/span><span id=\"uxw-ship\">\u20ac 0<\/span><\/div>\n    <div class=\"row\"><span>Imposte opzionali<\/span><span id=\"uxw-tax\">\u20ac 0<\/span><\/div>\n    <div class=\"row total\"><span>Totale (variabile)<\/span><span id=\"uxw-total\">\u20ac 0<\/span><\/div>\n  <\/div>\n\n  <div class=\"uxw-consents\">\n    <label class=\"swap\"><input type=\"checkbox\" id=\"uxw-ads\"> Non desidero NON ricevere pubblicit\u00e0<\/label>\n    <label class=\"swap\"><input type=\"checkbox\" id=\"uxw-terms\"> Accetto di non accettare i termini<\/label>\n  <\/div>\n\n  <div class=\"uxw-ctas\">\n    <button id=\"uxw-checkout\" class=\"ghost-link\" aria-label=\"Procedi al pagamento\">Procedi al pagamento<\/button>\n    <button id=\"uxw-reset\" class=\"solid-btn\">Svuota (non del tutto)<\/button>\n  <\/div>\n\n<\/aside>\n\n<style>\n\/* Riduce dimensione checkbox senza alterare il resto *\/\n.uxw-consents input[type=\"checkbox\"] {\n  width: 14px;\n  height: 14px;\n  transform: scale(0.85);\n  vertical-align: middle;\n}\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_block_section\" id=\"newsletter\">\n<div class=\"et_pb_row_6 et_pb_row et_pb_equal_columns et_pb_gutters3 et_block_row\">\n<div class=\"et_pb_column_8 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_8 et_pb_text et_pb_bg_layout_light et_pb_module preset--module--divi-text--e9c8f185-43c1-4447-a3a5-70667a68fc36\"><div class=\"et_pb_text_inner\"><h4>Newsletter<\/h4>\n<\/div><\/div>\n\n<div class=\"et_pb_text_9 et_pb_text et_pb_bg_layout_light et_pb_module preset--module--divi-text--b1f00b35-ede1-4048-af8c-1c48eaac2784\"><div class=\"et_pb_text_inner\"><h2>Iscriviti alla newsletter<\/h2>\n<\/div><\/div>\n\n<div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- === FORM EMAIL INLINE (VERSIONE ITALIANA, NO BOX NERO) === -->\n<div class=\"mail-inline\">\n  <!-- Campo nome utente -->\n  <div class=\"field has-trailing\">\n    <input id=\"mi-local\" type=\"text\" placeholder=\"Il tuo nome\" autocomplete=\"off\" \/>\n    <span class=\"icon\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n        <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" \/>\n        <path d=\"M3 7l9 6 9-6\" \/>\n      <\/svg>\n    <\/span>\n  <\/div>\n\n  <!-- @ -->\n  <span class=\"at\" aria-hidden=\"true\" style=\"color: white\">@<\/span>\n\n  <!-- Dominio -->\n  <div class=\"field\">\n    <input id=\"mi-domain\" type=\"text\" placeholder=\"Dominio\" autocomplete=\"off\" \/>\n  <\/div>\n\n  <!-- Estensione -->\n  <div class=\"field tld-wrap\">\n    <select id=\"mi-tld\" aria-label=\"TLD\">\n      <option value=\".com\">.com<\/option>\n      <option value=\".it\">.it<\/option>\n      <option value=\".net\">.net<\/option>\n      <option value=\"other\">Altro<\/option>\n    <\/select>\n    <input id=\"mi-tld-other\" class=\"tld-other\" type=\"text\" placeholder=\".studio\" autocomplete=\"off\" \/>\n  <\/div>\n\n  <!-- Bottoni -->\n  <div class=\"btn-inline\">\n    <button type=\"button\" class=\"btn-ghost\">Invia<\/button>\n    <button type=\"reset\" class=\"btn-primary\">Reset<\/button>\n  <\/div>\n<\/div>\n\n<style>\n:root {\n  --accent: #FF5A17;\n  --ink: #111;\n  --muted: #6b6b6b;\n  --line: #cfd6dc;\n  --bg: #fff;\n}\n\n.mail-inline {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  width: 100%;\n  font-family: \"Apercu\", Inter, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n  background: transparent; \/* nessun box *\/\n  border-radius: 0;\n  padding: 0; \/* rimosso padding *\/\n  box-sizing: border-box;\n}\n\n\/* CAMPI BASE *\/\n.field { position: relative; flex: 1 1 auto; min-width: 180px; }\n\ninput, select {\n  height: 48px;\n  width: 100%;\n  padding: 0 14px;\n  border: 2px solid var(--line);\n  border-radius: 10px;\n  background: var(--bg);\n  color: var(--ink);\n  font-size: 16px;\n  outline: none;\n  transition: border-color .15s ease, box-shadow .15s ease;\n}\n\n.field.has-trailing input { padding-right: 44px; }\n\n.icon {\n  position: absolute; right: 10px; top: 50%; transform: translateY(-50%);\n  width: 22px; height: 22px; color: #8ea1ad; pointer-events: none;\n  display: flex; align-items: center; justify-content: center;\n}\n\nselect { min-width: 110px; cursor: pointer; }\n\ninput:focus, select:focus {\n  border-color: var(--accent);\n  box-shadow: 0 0 0 3px rgba(255, 90, 23, .15);\n}\n\n\/* SIMBOLO @ *\/\n.at {\n  font-size: 28px;\n  font-weight: 700;\n  color: var(--ink);\n  user-select: none;\n  padding: 0 6px;\n}\n\n\/* TLD *\/\n.tld-wrap { display: flex; align-items: center; gap: 8px; }\n.tld-other {\n  display: none;\n  height: 48px;\n  padding: 0 14px;\n  border: 2px solid var(--line);\n  border-radius: 10px;\n  font-size: 16px;\n  color: var(--ink);\n}\n.tld-other:focus {\n  border-color: var(--accent);\n  box-shadow: 0 0 0 3px rgba(255, 90, 23, .15);\n}\n\n\/* BOTTONI INLINE *\/\n.btn-inline {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-left: auto;\n}\n\n.btn-primary {\n  background: var(--accent);\n  color: #fff;\n  border: none;\n  border-radius: 8px;\n  padding: 12px 32px;\n  font-weight: 600;\n  font-size: 15px;\n  cursor: pointer;\n  transition: background .2s ease, filter .2s ease;\n}\n.btn-primary:hover { filter: brightness(.95); }\n\n.btn-ghost {\n  background: transparent;\n  color: var(--accent);\n  border: 2px solid var(--accent);\n  border-radius: 8px;\n  padding: 12px 32px;\n  font-weight: 600;\n  font-size: 15px;\n  cursor: pointer;\n  transition: color .2s ease, background .2s ease;\n}\n.btn-ghost:hover {\n  background: var(--accent);\n  color: #fff;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 780px) {\n  .mail-inline { flex-direction: column; align-items: stretch; }\n  .at { display: none; }\n  .btn-inline { width: 100%; justify-content: flex-start; margin-top: 10px; }\n}\n<\/style>\n\n<script>\n(()=>{\n  const tldSel = document.getElementById('mi-tld');\n  const tldOther = document.getElementById('mi-tld-other');\n\n  function toggleOther(){\n    if(tldSel.value === 'other'){\n      tldOther.style.display = 'block';\n      tldOther.focus();\n    } else {\n      tldOther.style.display = 'none';\n      tldOther.value = '';\n    }\n  }\n\n  tldSel.addEventListener('change', toggleOther);\n  toggleOther();\n\n  const sanitize = (s, domain=false) =>\n    (s||'').toLowerCase().replace(\/\\s+\/g,'').replace(domain?\/[^a-z0-9-]\/g:\/[\\\/\\\\]\/g,'');\n\n  const local = document.getElementById('mi-local');\n  const domain = document.getElementById('mi-domain');\n\n  [local, domain].forEach(el=>{\n    el.addEventListener('input', ()=>{\n      const clean = sanitize(el.value, el===domain);\n      if(clean !== el.value) el.value = clean;\n    });\n  });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_7 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_7 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_9 et_pb_column et-last-child et_flex_column_24_24 et_flex_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- SUPPORT POPUP (brand color + Apercu) -->\n<div id=\"sp-launcher\" aria-label=\"Apri supporto\">Serve aiuto?<\/div>\n\n<div id=\"sp\" class=\"sp show\" role=\"dialog\" aria-label=\"Support box\">\n  <div class=\"sp-head\">\n    <h3>Come possiamo aiutarti?<\/h3>\n    <button id=\"sp-expand\" class=\"sp-icon\" aria-label=\"Expand\">\u02c4<\/button>\n  <\/div>\n\n  <div class=\"sp-body\">\n    <textarea id=\"sp-msg\" placeholder=\"Scrivi qui la tua richiesta...\"><\/textarea>\n    <a href=\"#\" class=\"sp-help\">Help<\/a>\n  <\/div>\n\n  <div class=\"sp-foot\">\n    <button id=\"sp-send\" class=\"sp-primary\">\n      <span class=\"big\">Send<\/span>\n      <span class=\"sub\">to bottom<\/span>\n    <\/button>\n  <\/div>\n<\/div>\n\n<style>\n  @import url('https:\/\/fonts.cdnfonts.com\/css\/apercu'); \/* Font Apercu *\/\n\n  :root {\n    --accent:#FF5A17;\n    --bg:#fff;\n    --panel:#f9f9f9;\n    --ink:#000;\n    --muted:#555;\n    --stroke:#e5e5e5;\n  }\n\n  body, .sp * {\n    font-family: 'Apercu', sans-serif;\n  }\n\n  \/* launcher *\/\n  #sp-launcher {\n    position: fixed;\n    right: 22px;\n    bottom: 22px;\n    z-index: 9998;\n    background: var(--accent);\n    color: #fff;\n    font-weight: 700;\n    padding: 10px 16px;\n    border-radius: 25px;\n    box-shadow: 0 6px 18px rgba(0,0,0,.2);\n    cursor: pointer;\n    display: none;\n    user-select: none;\n    transition: all .25s ease;\n  }\n  #sp-launcher:hover { filter: brightness(.95); }\n\n  \/* popup *\/\n  .sp {\n    position: fixed;\n    right: 22px;\n    bottom: 22px;\n    width: min(92vw, 400px);\n    background: var(--bg);\n    border: 2px solid var(--stroke);\n    border-radius: 18px;\n    color: var(--ink);\n    box-shadow: 0 20px 60px rgba(0,0,0,.25);\n    overflow: hidden;\n    transform: translateY(130%);\n    opacity: 0;\n    transition: all .4s cubic-bezier(.25,.8,.25,1);\n    z-index: 9999;\n  }\n  .sp.show { transform: translateY(0); opacity: 1; }\n  .sp.expanded { height: 460px; }\n  .sp.normal { height: 320px; }\n  .sp.minimized { transform: translateY(160%); opacity: 0; }\n\n  \/* head *\/\n  .sp-head {\n    background: var(--panel);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 20px 22px 14px;\n    border-bottom: 2px solid var(--stroke);\n  }\n  .sp-head h3 {\n    font-size: 22px;\n    font-weight: 800;\n    margin: 0;\n    color: var(--ink);\n  }\n  .sp-icon {\n    width: 34px;\n    height: 34px;\n    border: 2px solid var(--stroke);\n    border-radius: 8px;\n    background: transparent;\n    color: var(--ink);\n    font-size: 18px;\n    cursor: pointer;\n    transition: all .2s ease;\n  }\n  .sp-icon:hover {\n    border-color: var(--accent);\n    color: var(--accent);\n  }\n\n  \/* body *\/\n  .sp-body {\n    padding: 16px 22px;\n  }\n  .sp-body textarea {\n    width: 100%;\n    height: 150px;\n    resize: none;\n    border-radius: 10px;\n    border: 2px solid var(--stroke);\n    background: #fff;\n    padding: 12px;\n    font-size: 16px;\n    color: var(--ink);\n    outline: none;\n    transition: border .2s ease, box-shadow .2s ease;\n  }\n  .sp-body textarea:focus {\n    border-color: var(--accent);\n    box-shadow: 0 0 0 3px rgba(255,90,23,.15);\n  }\n  .sp-help {\n    display: inline-block;\n    margin-top: 10px;\n    color: var(--muted);\n    text-decoration: underline;\n    font-size: 14px;\n  }\n  .sp-help:hover { color: var(--accent); }\n\n  \/* footer *\/\n  .sp-foot {\n    padding: 10px 22px 22px;\n    display: flex;\n    justify-content: flex-end;\n    border-top: 2px solid var(--stroke);\n    background: var(--bg);\n  }\n  .sp-primary {\n    background: var(--accent);\n    color: #fff;\n    border: 0;\n    border-radius: 10px;\n    padding: 12px 20px;\n    text-align: center;\n    cursor: pointer;\n    box-shadow: 0 6px 20px rgba(255,90,23,.3);\n    transition: all .25s ease;\n  }\n  .sp-primary:hover { transform: translateY(-2px); }\n  .sp-primary .big { display: block; font-size: 20px; font-weight: 900; line-height: 1; }\n  .sp-primary .sub { display: block; font-size: 13px; opacity: .9; }\n\n  @media (max-width: 480px) {\n    .sp-head h3 { font-size: 20px; }\n    .sp-primary { min-width: 130px; }\n  }\n\n  \/* z-index altissimo *\/\n  #sp, #sp-launcher { z-index: 2147483647 !important; }\n\n  \/* layout a righe *\/\n  .sp {\n    display: grid;\n    grid-template-rows: auto 1fr auto;\n  }\n  .sp.normal   { height: 340px !important; }\n  .sp.expanded { height: 520px !important; }\n\n  .sp-body {\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .sp-foot {\n    position: sticky;\n    bottom: 0;\n    background: var(--bg);\n    padding-top: 14px;\n  }\n  .sp-foot::before {\n    content:\"\";\n    position: absolute;\n    left:0; right:0; top:-14px; height:14px;\n    background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,0));\n    pointer-events: none;\n  }\n\n  .sp.minimized { transform: translateY(180%) !important; opacity: 0 !important; }\n  .sp-icon { transform: none !important; }\n<\/style>\n\n<script>\n(function(){\n  const sp = document.getElementById('sp');\n  const expand = document.getElementById('sp-expand');\n  const send = document.getElementById('sp-send');\n  const launcher = document.getElementById('sp-launcher');\n\n  sp.classList.add('normal');\n\n  expand.addEventListener('click', (e)=>{\n    e.preventDefault();\n    if (!sp.classList.contains('expanded')) {\n      sp.classList.remove('normal','minimized');\n      sp.classList.add('expanded','show');\n      expand.textContent = '\u02c4';\n    }\n    document.getElementById('sp-msg')?.focus();\n  });\n\n  send.addEventListener('click', (e)=>{\n    e.preventDefault();\n    sp.classList.add('minimized');\n    sp.classList.remove('show','expanded','normal');\n    launcher.style.display = 'block';\n  });\n\n  launcher.addEventListener('click', ()=>{\n    launcher.style.display = 'none';\n    sp.classList.add('show','normal');\n    sp.classList.remove('minimized','expanded');\n    expand.textContent = '\u02c4';\n  });\n\n  setTimeout(()=> sp.classList.add('show'), 200);\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/charming-sammet.162-19-134-21.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/charming-sammet.162-19-134-21.plesk.page\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/charming-sammet.162-19-134-21.plesk.page\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/charming-sammet.162-19-134-21.plesk.page\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/charming-sammet.162-19-134-21.plesk.page\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":135,"href":"https:\/\/charming-sammet.162-19-134-21.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":226,"href":"https:\/\/charming-sammet.162-19-134-21.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/226"}],"wp:attachment":[{"href":"https:\/\/charming-sammet.162-19-134-21.plesk.page\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}