/*
 * Landing "scatole per bottiglie" — accenti di pagina.
 * scatolesumisura.it
 *
 * Il grosso sta in landing-core.css, che il layout carica prima di questo.
 *
 * Campiture: il cartone (#C7AB8C) prende il ruolo principale — è il colore
 * delle cassette da vino e delle valigette da sei bottiglie, e nelle foto di
 * questa pagina ricorre ovunque. Il salvia chiaro passa al pannello
 * "spedire".
 */

.ssm-landing--bottiglie {
    --ssm-accent: #52755E;     /* salvia scuro */
    --ssm-panel: #C1D3AA;      /* salvia chiaro: pannello "spedire" */
    --ssm-panel-2: #C7AB8C;    /* cartone: pannello "confezionare" */
    --ssm-tint: #C7AB8C;
}

/*
 * Titolo dell'hero un filo più contenuto della landing artigiani: la riga
 * "che non arrivi rotta" deve restare intera anche a 1280 px.
 */
.ssm-landing--bottiglie .ssm-hero__title {
    font-size: clamp(2.25rem, 4.6vw, 3rem);
}

/*
 * Sulla fascia dell'unboxing il fondo è cartone, non salvia: le tessere
 * bianche dei passaggi hanno bisogno di un bordo più deciso per non
 * sembrare appiccicate al fondo.
 */
.ssm-landing--bottiglie .ssm-step {
    border-color: #B79A79;
}

/*
 * Le foto delle bottiglie sono quasi tutte scatti in studio su fondo
 * bianco, quindi "multiply" funziona. Fanno eccezione gli astucci per
 * grappa e liquori e le scatole con manico, fotografate su fondo arancio:
 * quelle portano .ssm-plate--foto nel template.
 */
