/* La card del vino dello shop in fila: binario che scorre su mobile, griglia dal tablet; la usano la home e il fondo degli articoli. */
.itv-bottiglie .itv-card { position: relative; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; height: 100%; padding: 20px 16px 16px; border: 1px solid var(--itv-home-filo); border-radius: 10px; background: #fff; text-align: center; transition: border-color .2s; }
.itv-bottiglie .itv-card:hover { border-color: var(--itv-primario); }
.itv-bottiglie .itv-card__foto { position: relative; z-index: 2; display: block; }
.itv-bottiglie .itv-card__foto img { display: block; width: auto; max-width: 100%; height: 180px; margin: 0 auto; object-fit: contain; }
.itv-bottiglie .itv-card__info { display: flex; flex: 1; flex-direction: column; align-items: center; gap: 4px; width: 100%; margin-top: 16px; }
.itv-bottiglie .itv-card__name { display: -webkit-box; min-height: 2.6em; margin: 0 0 2px; overflow: hidden; font: 600 18px/1.3 var(--itv-serif); color: #333; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.itv-bottiglie .itv-card__name a { color: inherit; }
.itv-bottiglie .itv-card__name a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.itv-bottiglie .itv-card__info p:where(:not(.itv-card__name)) { margin: 0; font: 400 14px/1.3 var(--itv-sans); color: #4d4d4d; }
.itv-bottiglie .itv-card__info .itv-card__cantina { color: var(--itv-primario); text-transform: uppercase; }
.itv-bottiglie .itv-card__info .itv-card__annata { font-size: 16px; font-weight: 500; color: var(--itv-primario); }
.itv-bottiglie .itv-card__row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px; width: 100%; margin-top: 16px; text-align: left; }
.itv-bottiglie .itv-card__prezzi { display: flex; flex-direction: column; gap: 2px; }
.itv-bottiglie .itv-card__pieno { display: flex; align-items: center; gap: 4px; font: 400 13px/1.2 var(--itv-sans); color: #6b6b6b; }
.itv-bottiglie .itv-card__sale { padding: 3px 6px; border-radius: 9999px; background: #f0dbde; font: 600 11px/1 var(--itv-sans); color: var(--itv-primario); }
.itv-bottiglie .itv-card__price { font: 700 20px/1.25 var(--itv-sans); color: var(--itv-primario); }
.itv-bottiglie .itv-cur { font-size: 12px; }
.itv-bottiglie .itv-card__vai { position: relative; z-index: 2; flex: none; margin-left: auto; padding: 10px 14px; border: 1px solid var(--itv-oro); border-radius: 6px; background: #fff; font: 600 12px/1 var(--itv-sans); letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; color: #333; transition: background-color .15s, border-color .15s, color .15s; }
.itv-bottiglie .itv-card__vai:hover { border-color: var(--itv-primario); background: var(--itv-primario); color: #fff; }
.itv-bottiglie .itv-card__oos { position: absolute; top: 12px; left: 12px; z-index: 3; display: flex; padding: 4px; border: 1px solid #eadfd3; border-radius: 10px; background: #fbf7f1; }
.itv-bottiglie .itv-card__oos svg { width: 28px; height: 28px; }
.itv-bottiglie { display: flex; gap: 16px; margin: 0 -24px; padding: 0 24px 4px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 24px; scrollbar-width: none; }
.itv-bottiglie::-webkit-scrollbar { display: none; }
.itv-bottiglie > .itv-card { flex: 0 0 78%; scroll-snap-align: start; }
@media (min-width: 768px) {
  .itv-bottiglie { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); margin: 0; padding: 0; overflow: visible; }
}