@layer components{.campionario{margin:0 calc(var(--margine-pagina) * -1);padding:4px var(--margine-pagina) 14px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--margine-pagina);scrollbar-width:none;grid-template-rows:repeat(2,auto);grid-auto-columns:140px;grid-auto-flow:column;gap:10px;list-style:none;display:grid;overflow-x:auto}.campionario::-webkit-scrollbar{display:none}.campionario>li{scroll-snap-align:start;display:flex}@media (min-width:1024px){.campionario{grid-template-rows:none;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;gap:16px;margin:0;padding:0;overflow:visible}}.campione-reparto{border-radius:var(--raggio-3);width:100%;box-shadow:0 0 0 1px var(--color-linea);color:var(--color-titoli);isolation:isolate;transition:transform .25s var(--curva), box-shadow .25s var(--curva);background:#fff;grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.campione-reparto__colore{aspect-ratio:4/3;background:var(--c);display:block;position:relative;overflow:hidden}@media (min-width:1024px){.campione-reparto__colore{aspect-ratio:5/4}}.campione-reparto__colore:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(160deg,#ffffff29,#0000 46%),linear-gradient(#0000 60%,#0000001a);position:absolute;inset:0}.campione-reparto__colore img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 10px #00000038);width:auto;max-width:78%;height:74%;transition:transform .3s var(--curva);position:absolute;bottom:9%;left:50%;translate:-50%}.campione-reparto__icona{--l:48;--t:2;color:#fff;position:absolute;bottom:14%;left:50%;translate:-50%}.campione-reparto__etichetta{align-content:center;gap:3px;min-height:71.8px;padding:9px 11px 11px;display:grid}@media (min-width:1024px){.campione-reparto__etichetta{align-content:start;gap:4px;min-height:0;padding:14px 16px 16px}}.campione-reparto__nome{font-family:var(--font-titoli);letter-spacing:-.01em;font-size:15px;font-weight:700;line-height:1.15}@media (min-width:1024px){.campione-reparto__nome{font-size:19px}}.campione-reparto__dato{font-family:var(--font-dati);letter-spacing:.04em;text-transform:uppercase;color:var(--color-testo-2);font-size:11px;font-weight:500}@media (min-width:1024px){.campione-reparto__dato{font-size:12px}}.campione-reparto:hover{box-shadow:0 0 0 1px var(--color-linea), 0 14px 28px -14px #163c4559;transform:translateY(-3px)}.campione-reparto:hover img{transform:translateY(-5px)}.campione-reparto:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (prefers-reduced-motion:no-preference){html:not([data-campionario=visto]) .campionario>li{animation:campione-ventaglio .55s var(--curva) both;animation-delay:calc(var(--i) * 45ms);transform-origin:50% 120%}}@keyframes campione-ventaglio{0%{transform:translateY(18px)rotate(-4deg)}to{transform:none}}.campionario__negozio{color:var(--color-testo-2);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:.875rem;display:flex}@media (max-width:1023.98px){.campionario__negozio{margin-inline:calc(var(--margine-pagina) * -1);padding:2px var(--margine-pagina);scrollbar-width:none;white-space:nowrap;flex-wrap:nowrap;overflow-x:auto}.campionario__negozio::-webkit-scrollbar{display:none}.campionario__negozio>*{flex:none}}@media (min-width:1024px){.campionario__negozio{margin-top:18px}}.campionario__negozio>span{margin-right:2px}.campionario__banco{min-height:44px;color:var(--color-banco);text-underline-offset:.2em;align-items:center;gap:6px;padding:0 6px;font-weight:600;text-decoration:underline;display:inline-flex}.campionario__banco:hover{color:var(--color-banco-hover)}.campionario__banco .icona{--l:20}.campionario--piccolo{grid-template-rows:auto;grid-auto-columns:124px}.campionario--piccolo>li{animation:none!important}.campionario--piccolo .campione-reparto__colore{aspect-ratio:4/3}.campionario--piccolo .campione-reparto__etichetta{min-height:0;padding:8px 10px 10px}.campionario--piccolo .campione-reparto__nome{font-size:14px}@media (min-width:1024px){.campionario--piccolo{gap:12px}.campionario--piccolo .campione-reparto__colore{aspect-ratio:16/9}.campionario--piccolo .campione-reparto__etichetta{padding:10px 12px 12px}.campionario--piccolo .campione-reparto__nome{font-size:16px}}}