/*
 * Tipografia condivisa del sito retail.
 * Caricato dopo i CSS remoti (custom.css, custom-vers-2.css) per poterli sovrascrivere.
 *
 * --subtitle-size è la dimensione unica dei sottotitoli: sottotitolo sotto l'H1 di pagina,
 * sottotitoli delle sezioni della home, testata Spare Parts, didascalie delle foto prodotto.
 */
:root {
    --subtitle-size: 18px;
    --subtitle-line-height: 1.5;
}

/* Sottotitolo sotto l'H1 di pagina (blocco h1_description di base.twig) */
.h1_block p {
    max-width: 680px;
    font-size: var(--subtitle-size);
    line-height: var(--subtitle-line-height);
}

/* Sottotitoli delle sezioni (es. "Why choose Extralite?" in home) */
.section-header p {
    font-size: var(--subtitle-size);
    line-height: var(--subtitle-line-height);
}

/* custom.css riduce il sottotitolo a 14px su mobile: lo riporto alla dimensione comune */
@media (max-width: 767px) {
    .h1_block p {
        font-size: var(--subtitle-size);
    }
}