/* Exclusive to the H42 2026 template. */
.h42-2026 #introduzione { position: relative; }
.h42-2026 #introduzione .h42-ago-note { position: absolute; bottom: 20px; font-size: 12px; font-style: italic; }
.h42-2026 #unico .listaAttProd3 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 38px 55px; max-width: 1040px; margin: 25px auto 0; text-align: left; }
.h42-2026 #unico .listaAttProd3 li { width: auto; margin: 0; }
.h42-2026 #unico .listaAttProd3 li img { width: 70px; height: 70px; object-fit: contain; }
.h42-2026 #unico .listaAttProd3 li .testo { width: auto; }
.h42-2026 #benefici .listaAttProd2 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 26px; }
.h42-2026 #benefici .listaAttProd2 li { display: flex; align-items: center; gap: 14px; margin: 0; text-align: left; }
.h42-2026 #benefici .listaAttProd2 li img { width: 65px; height: 65px; object-fit: contain; margin: 0; flex-shrink: 0; }
.h42-2026 #benefici .listaAttProd2 .testo { width: auto; padding: 0; font-size: 13px; line-height: 1.5; }
.h42-2026 #quando { background: #7fb54b; padding: 45px 0; }
.h42-2026 .h42-indicazioni { display: grid; grid-template-columns: 1fr 1.15fr; align-items: center; gap: 55px; }
.h42-2026 .h42-indicazioni h3 img { display: inline; width: 110px; margin-left: 15px; }
.h42-2026 .h42-patologie { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; text-align: center; }
.h42-2026 .h42-patologie img { width: 100%; height: auto; border-radius: 50%; }
.h42-2026 .h42-patologie span { display: block; color: #fff; font-size: 14px; margin-top: 10px; text-transform: uppercase; }
.h42-2026 #protocollo .column4-6 { float: none; width: 100%; max-width: 1040px; margin: auto; }
.h42-2026 #protocollo .column1-6 { display: none; }
.h42-2026 #protocollo p { text-align: center; line-height: 1.8; }
.h42-2026 #evidenze { background: #9dbbcd; }
.h42-2026 #evidenze .column1-6 { display: none; }
.h42-2026 #evidenze .column4-6 { width: 100%; max-width: 1050px; margin: 0 auto; float: none; }
.h42-2026 #evidenze > .contentInside > .column4-6 > h3 { color: white; text-align: center; letter-spacing: 3px; margin-bottom: 30px; }
.h42-2026 .h42-studio { border-top: 1px solid #397b9d; padding-top: 25px; margin-top: 30px; }
.h42-2026 .h42-studio h4 { color: #1e4564; text-align: center; letter-spacing: 2px; margin: 0 0 28px; }
.h42-2026 .h42-evidence-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px; }
.h42-2026 .h42-evidence-grid figure { min-width: 0; margin: 0; }
.h42-2026 #evidenze h5 { color: #1689ac; text-transform: none; font-size: 19px; line-height: 1.45; letter-spacing: 1px; margin: 0 0 14px; }
.h42-2026 .h42-evidence-grid img { display: block; width: 100%; height: auto; }
.h42-2026 .h42-evidence-grid figcaption { font-size: 15px; line-height: 1.65; font-style: italic; margin-top: 15px; }
.h42-2026 .h42-evidence-grid cite { display: block; font-size: 12px; line-height: 1.5; margin-top: 10px; }
.h42-2026 .h42-avanzate { margin-top: 45px; }
.h42-2026 .h42-clinica { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; }
.h42-2026 .h42-clinica img { aspect-ratio: 0.88; object-fit: cover; }
.h42-2026 #menuProdotti a:focus-visible { outline: 2px solid #1689ac !important; outline-offset: 4px; }
@media(max-width: 1100px) {
 .h42-2026 #benefici .listaAttProd2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .h42-2026 .h42-indicazioni { gap: 25px; }
 .h42-2026 .h42-patologie { gap: 10px; }
 .h42-2026 .h42-patologie span { font-size: 12px; }
}
@media(max-width: 790px) {
 .h42-2026 #unico .listaAttProd3 { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 24px; }
 .h42-2026 .h42-indicazioni { grid-template-columns: 1fr; gap: 30px; }
 .h42-2026 .h42-patologie { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px; max-width: 420px; margin: auto; }
 .h42-2026 .h42-patologie span { font-size: 14px; }
 .h42-2026 .h42-evidence-grid { grid-template-columns: 1fr; gap: 30px; }
 .h42-2026 #protocollo { margin-top: 0; }
 .h42-2026 #introduzione .h42-ago-note { bottom: 10px; max-width: 85%; line-height: 1.4; }
 .h42-2026 #usa .listaAttProd3 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
 .h42-2026 #usa .listaAttProd3 li { width: auto; margin: 0; }
 .h42-2026 #usa .listaAttProd3 li img { width: 120px; margin: auto auto 15px; }
 .h42-2026 #usa .listaAttProd3 li:last-child { grid-column: 1 / -1; }
 .h42-2026 #usa .listaAttProd3 li .titolo { width: auto; }
 .h42-2026 #navBar .contentInside { display: flex; flex-wrap: wrap; gap: 10px; }
 .h42-2026 #navBar .column1-4, .h42-2026 #navBar .column3-4 { width: 100%; margin: 0; }
 .h42-2026 #menuProdotti { float: none; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 11px; }
 .h42-2026 #menuProdotti li { margin: 0; }
}
@media(max-width: 440px) {
 .h42-2026 #unico .listaAttProd3 { grid-template-columns: 1fr; }
 .h42-2026 #benefici .listaAttProd2 { grid-template-columns: 1fr; }
}

/* Rifiniture richieste: titolo ampio e colore base nero, conservando gli span verdi/blu. */
.h42-2026 #unico > .contentInside > .column1-6 { display: none; }
.h42-2026 #unico > .contentInside > .column4-6 { float: none; width: 100%; margin: 0 auto; }
.h42-2026 #usa h3 { color: #000; }
/* Supporta anche il testo diretto nei li, quando l'editor elimina gli span. */
.h42-2026 .h42-patologie li,
.h42-2026 .h42-patologie li span { color: #fff; font-size: 17px; line-height: 1.4; text-transform: uppercase; }
.h42-2026 .h42-patologie li img { display: block; margin-bottom: 10px; }
