.okd-card { min-width: 0; display: flex; flex-direction: column; text-align: center; }
.okd-card .okd-card-link { display: block; color: inherit; text-decoration: none; }
.okd-card-cover { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: 3px; background: #f7f5f1; }
.okd-card-cover img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .2s ease; }
.okd-card-link:hover img { transform: scale(1.035); }
.okd-format, .okd-stock { position: absolute; padding: 4px 7px; border-radius: 3px; color: #fff; font-size: 11px; font-weight: 750; line-height: 1.2; white-space: nowrap; }
.okd-format { top: 8px; left: 8px; font-family: Arial, sans-serif; }
.okd-format--bd { background: var(--okd-bd); }
.okd-format--dvd { background: var(--okd-dvd); }
.okd-format--mixed { background: #56416e; }
.okd-stock { right: 8px; bottom: 8px; background: #36322f; }
.okd-card-title { margin: 10px 3px 5px; font-size: 14px; line-height: 1.45; font-weight: 750; overflow-wrap: anywhere; }
.okd-edition { margin: 0 3px 5px; color: var(--okd-muted); font-size: 11px; overflow-wrap: anywhere; }
.okd-tracks { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px; margin: 0 2px 6px; }
.okd-tracks span { max-width: 100%; padding: 3px 5px; border: 1px solid var(--okd-line); border-radius: 3px; background: #fbf8f4; font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; }
.okd-tracks b { color: var(--okd-muted); }
.okd-price { margin: auto 0 2px; padding-top: 4px; color: var(--okd-red); font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.okd-price small { color: var(--okd-muted); font-size: 10px; font-weight: 500; }
@media (prefers-reduced-motion: reduce) { .okd-card-cover img { transition: none; } }