/*
 * Landing "moda e cosmetica" — accenti di pagina.
 * scatolesumisura.it
 *
 * Il grosso sta in landing-core.css, che il layout carica prima di questo.
 *
 * Campiture: qui tocca al lime pallido (#CBF985) fare da fondo pieno, sulla
 * fascia dell'unboxing. È il colore più acceso della brand identity e su
 * questa pagina ha senso: la fascia è tutta testo e tessere bianche.
 *
 * Sotto le foto, però, il lime non va: i riquadri prodotto usano
 * `mix-blend-mode: multiply`, e il fondo bianco degli scatti moltiplicato
 * per il lime tinge di verde scatole che sono nere, bianche e oro. (Visto
 * dal vivo ad agosto 2026: la fila delle lavorazioni usciva verde acido.)
 * Per questo il pannello "confezionare" e i riquadri delle lavorazioni
 * vanno sul crema, dove il multiply è quasi neutro.
 */

.ssm-landing--moda {
    --ssm-accent: #52755E;     /* salvia scuro */
    --ssm-panel: #C1D3AA;      /* salvia chiaro: pannello "spedire" */
    --ssm-panel-2: #FFF6EC;    /* crema: dietro le foto nere e oro */
    --ssm-tint: #CBF985;       /* lime pallido: solo la fascia dell'unboxing */
}

/*
 * Il titolo dell'hero è più corto delle altre due landing e può permettersi
 * un corpo maggiore: è l'unico elemento sopra la piega insieme alla foto.
 */
.ssm-landing--moda .ssm-hero__title {
    font-size: clamp(2.4rem, 5vw, 3.35rem);
}

/*
 * Sul lime pallido il grigio dei paragrafi perde contrasto: le tessere dei
 * passaggi e le celle dei settori tornano al nero del marchio.
 */
.ssm-landing--moda .ssm-journey .ssm-step span,
.ssm-landing--moda .ssm-journey .ssm-landing__sub {
    color: #3E4A3C;
}

/*
 * Molte foto di questa pagina sono scatti in ambiente (la maglieria nella
 * scatola, le shopper su fondo nero, il packaging e-commerce su fondo
 * marrone): il fondo non è bianco e "multiply" le sporcherebbe. Nel
 * template portano .ssm-plate--foto; qui basta ricordarsene.
 */