/* MARCA_90855_STAMPE_ESEMPI_LINK -- «Guarda come vengono le stampe»: una schedina con la miniatura (D966, 12/10/2026).
   Prende i colori di dove sta (galleria o pagina delle stampe): bordo e fondo trasparenti sul colore del testo. */
.esl90855 { display: flex; align-items: center; gap: 12px; min-height: 64px; max-width: 460px; padding: 8px 14px 8px 8px; border-radius: 14px;
    border: 1.5px solid color-mix(in srgb, currentColor 18%, transparent); background: color-mix(in srgb, currentColor 5%, transparent);
    color: inherit !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent;
    transition: border-color .2s, background-color .2s, transform .2s; box-sizing: border-box; }
.esl90855:hover { border-color: color-mix(in srgb, currentColor 40%, transparent); background: color-mix(in srgb, currentColor 8%, transparent); transform: translateY(-1px); }
.esl90855:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }
.esl90855-foto { flex: none; width: 64px; height: 48px; border-radius: 8px; object-fit: cover; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.esl90855-testo { display: flex; flex-direction: column; min-width: 0; flex: 1; line-height: 1.3; }
.esl90855-titolo { font-weight: 650; font-size: 15px; }
.esl90855-sotto { font-size: 13px; opacity: .75; }
.esl90855-freccia { flex: none; width: 18px !important; height: 18px !important; opacity: .7; }
.esl90855-nascosto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* dove sta */
.esl90855-formato, .esl90855-carrello { margin-top: 18px; }
.esl90855-galleria { margin: 10px auto 14px; font-family: inherit; }
.esl90855-vetrina { margin: 0; min-height: 56px; padding: 6px 12px 6px 6px; }
.esl90855-vetrina .esl90855-foto { width: 56px; height: 42px; }
@media (prefers-reduced-motion: reduce) { .esl90855 { transition: none; } .esl90855:hover { transform: none; } }
/* nella vetrina (90853): «Altri formati» a sinistra, la schedina a destra; al telefono una sotto l'altra */
.sv-altri-testa { display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; margin: 16px 0 10px; }
.sv-altri-testa .sv-altri-titolo { margin: 0; }
@media (max-width: 559px) { .sv-altri-testa .esl90855 { max-width: none; width: 100%; } }
/* il passo 1 aveva gia' un link grigio agli esempi: con la vetrina c'e' la schedina, il link vecchio si nasconde */
.sv-attiva > .sc-nota { display: none; }