.home-series { display: grid; gap: 48px; }
.series-title { font-size: clamp(1.3rem, 2.5vw, 2rem); margin: 0 0 20px; }
.series-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.series-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 12px; }
.series-layout > *, .series-grid > * { min-width: 0; }
.series-card .card-media { aspect-ratio: 4 / 5; background: var(--paper); }
.series-card .card-img, .series-card .card-alt { object-fit: contain; }
.series-card .card-shape { display: none; }
.series-grid .card-body { display: block; padding: 10px 0; }
.series-grid .card-title { font-size: .9375rem; overflow-wrap: anywhere; }
.series-grid .card-price { margin-top: 6px; font-size: .875rem; }
.series-grid .card-cat { font-size: .75rem; }
.series-grid .card-swatches { gap: 4px; flex-wrap: wrap; }
.home-series > .btn { justify-self: start; }
@media (max-width: 860px) {
 .series-layout { grid-template-columns: 1fr; gap: 24px; }
 .series-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
 .home-series { gap: 40px; }
}

.series-card:hover .card-media img { transform: none; }