/* Blocchi compatti condivisi da Vendi, Acquista, Riparazioni e pagine dei dispositivi (2026-10-28, Paco: "less is more",
   grafica CHIARA: bianco o grigio chiarissimo, testo antracite, icone a linea sottile, bordi leggermente arrotondati).
   Badge con icona, fisarmonica (details) e schede per dispositivo. Il testo resta tutto nella pagina:
   chiuso per chi guarda, leggibile per Google e per le IA. */

/* Badge: icona + due parole */
.bdg-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 0;padding:0;list-style:none}
.bdg-row.tre{grid-template-columns:repeat(3,1fr)}
.bdg{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #EEF0F3;border-radius:12px;padding:12px 14px;min-width:0}
.bdg-ic{width:36px;height:36px;border-radius:10px;background:#F6F7F9;color:#E50914;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.bdg-ic svg{width:20px;height:20px;stroke-width:1.5}
.bdg b{display:block;font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;line-height:1.2;color:#1F2329}
.bdg span{display:block;font-size:12.5px;line-height:1.35;color:var(--muted,#626c77);margin-top:2px}
/* ⚠️ la regola sopra prendeva anche lo span dell'icona (block = icona in alto a sinistra): l'icona resta centrata */
.bdg .bdg-ic{display:flex;align-items:center;justify-content:center;margin:0}
@media(max-width:820px){.bdg-row,.bdg-row.tre{grid-template-columns:1fr 1fr;gap:9px}.bdg{padding:11px}.bdg-ic{width:34px;height:34px}}
@media(max-width:480px){.bdg-row,.bdg-row.tre{grid-template-columns:1fr}}

/* Fisarmonica */
.gacc{border:0;border-bottom:1px solid #EEF0F3;border-radius:0;background:transparent;margin:0}
.gacc:first-of-type{border-top:1px solid #EEF0F3;margin-top:14px}
.gacc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px;min-height:48px;box-sizing:border-box}
.gacc>summary::-webkit-details-marker{display:none}
.gacc>summary::after{content:"";width:9px;height:9px;border-right:1.5px solid #6B7380;border-bottom:1.5px solid #6B7380;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s;flex:0 0 auto;margin-right:4px}
.gacc[open]>summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.gacc>summary h3,.gacc>summary .gacc-t{margin:0;font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;line-height:1.3;color:#1F2329}
.gacc-b{padding:0 2px 16px;font-size:14px;line-height:1.55;color:#4F5763}
.gacc-b p{margin:0 0 8px}
.gacc-b ul{margin:0;padding-left:18px}
.gacc-b li{margin:3px 0}
.gacc-b a{color:#E50914;font-weight:700}
.gacc :focus-visible{outline:3px solid #173F73;outline-offset:2px;border-radius:10px}

/* Tabelle dentro la fisarmonica */
.mini-tab{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.45}
.mini-tab th,.mini-tab td{padding:9px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line,#e4e7ec);color:var(--text,#14181f)}
.mini-tab thead th{background:#F6F7F9;color:#1F2329;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #E4E7EC}
.mini-tab tbody th{font-weight:700}
.mini-tab caption{caption-side:top;text-align:left;font-size:12px;color:var(--muted,#626c77);padding:0 0 6px}
.mini-w{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Schede per dispositivo */
.dev-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 1px 4px;margin:16px 0 0;-webkit-overflow-scrolling:touch}
.dev-tabs::-webkit-scrollbar{display:none}
.dev-tab{flex:0 0 auto;min-height:42px;padding:9px 15px;border-radius:999px;border:1px solid #E4E7EC;background:#fff;color:#1F2329;font:600 13.5px/1 'Poppins',sans-serif;cursor:pointer}
.dev-tab[aria-selected="true"]{background:#1F2329;border-color:#1F2329;color:#fff}
.dev-tab:focus-visible{outline:3px solid #173F73;outline-offset:2px}
.dev-panel{margin:12px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dev-panel[hidden]{display:none}
.dev-panel h3{grid-column:1/-1;margin:0;font:600 16px/1.3 'Poppins',sans-serif;color:var(--text,#14181f)}
.dev-c{background:#fff;border:1px solid #EEF0F3;border-radius:12px;padding:13px 14px}
.dev-c b{display:flex;align-items:center;gap:8px;font:600 14px/1.25 'Poppins',sans-serif;color:var(--text,#14181f)}
.dev-c b svg{width:18px;height:18px;color:#E50914;flex:0 0 auto;stroke-width:1.5}
.dev-c p{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--muted,#626c77)}
.dev-c a{color:#E50914;font-weight:700}
@media(max-width:820px){.dev-panel{grid-template-columns:1fr;gap:8px}}
.faq summary h3.faq-q{margin:0;line-height:1.35}
/* Le tabelle dei criteri di Vendi: intestazione chiara come il resto */
.vc thead th{background:#F6F7F9!important;color:#1F2329!important;border-bottom:1px solid #E4E7EC}
.vc table{border:0}
/* FAQ del sito: stessa fisarmonica leggera */
.faq summary h3.faq-q{color:#1F2329}