/* The homepage card is shared by all Hififutar product lists and recommendations. */
.hf-product-column { min-width: 0; }
.hf-product-card {
    --hf-card-ink: #17232e;
    --hf-card-muted: #596777;
    --hf-card-line: #dce2e3;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--hf-card-line);
    border-radius: .45rem;
    box-shadow: none;
}
.hf-product-card__media { position: relative; flex: 0 0 10.8rem; height: 10.8rem; min-width: 0; }
.hf-product-card__image { display: grid; place-items: center; height: 100%; padding: 1.7rem .75rem .55rem; }
.hf-product-card__image img { display: block; width: 100%; height: 8.2rem; object-fit: contain; }
.hf-product-card__badges { position: absolute; z-index: 2; top: .5rem; right: .5rem; left: .5rem; display: flex; justify-content: space-between; gap: .2rem; pointer-events: none; }
.hf-product-card .badge { font-size: .61rem; line-height: 1.2; }
.hf-product-card__outlet { position: absolute; z-index: 2; bottom: .25rem; left: .5rem; max-width: calc(100% - 1rem); background: #fff0cc; color: #684600; white-space: normal; }
.hf-product-card__body { display: flex; flex-direction: column; min-width: 0; padding: .15rem .85rem .85rem; }
.hf-product-card__category { display: block; height: .95rem; overflow: hidden; color: var(--hf-card-muted); font-size: .68rem; line-height: .95rem; text-overflow: ellipsis; white-space: nowrap; }
.hf-product-card__title { height: 2.75rem; margin: .3rem 0 .25rem; padding: 0; }
.hf-product-card__title a { display: block; min-height: 2.75rem; color: var(--hf-card-ink); font-size: .82rem; font-weight: 700; line-height: 1.35; text-decoration: none; overflow-wrap: anywhere; touch-action: manipulation; }
.hf-product-card__title a:hover { color: #9d2033; text-decoration: underline; }
.hf-product-card__meta { height: 2.75rem; margin-bottom: .35rem; min-width: 0; color: var(--hf-card-muted); font-size: .625rem; line-height: 1.4; }
.hf-product-card__delivery, .hf-product-card__notice { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hf-product-card__notice { color: #b9273d; }
.hf-product-card__condition { display: block; min-height: 2.75rem; color: #684600; text-decoration: underline; overflow-wrap: anywhere; touch-action: manipulation; }
.hf-product-card__title a > span, .hf-product-card__condition > span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.hf-product-card__condition:hover { color: #3f2a00; }
.hf-product-card__purchase { display: flex; align-items: center; justify-content: space-between; gap: .25rem; height: 2.75rem; }
.hf-product-card__price { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; color: var(--hf-card-ink); font-size: .96rem; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.25; white-space: nowrap; }
.hf-product-card__original-price { color: var(--hf-card-muted); font-size: .7rem; font-weight: 400; }
.hf-product-card__final-price--sale { border-radius: 3px; background: #b9273d; color: #fff; padding: 2px 4px; }
.hf-product-card .product-card-button { flex: 0 0 auto; width: 2.75rem; height: 2.75rem; touch-action: manipulation; }
.hf-product-card a:focus-visible, .hf-product-card button:focus-visible { outline: 3px solid #d34a5d; outline-offset: 3px; }

@media (max-width: 767.98px) {
    .hf-product-card__media { flex-basis: 9rem; height: 9rem; }
    .hf-product-card__image img { height: 6.8rem; }
    .hf-product-card__body { padding: .15rem .6rem .65rem; }
    .hf-product-card__price { font-size: .84rem; }
}
@media (max-width: 359.98px) {
    .hf-product-card__purchase { align-items: flex-start; flex-direction: column; height: 5.25rem; }
    .hf-product-card .product-card-button { align-self: flex-end; }
}
[data-bs-theme="dark"] .hf-product-card { --hf-card-ink: #edf1f3; --hf-card-muted: #b2bec5; --hf-card-line: #39444b; background: #1d2932 !important; }
[data-bs-theme="dark"] .hf-product-card__notice { color: #ff8797; }
[data-bs-theme="dark"] .hf-product-card__title a:hover { color: #ffb3bd; }
[data-bs-theme="dark"] .hf-product-card__outlet { background: #49391b; color: #ffe1a1; }
[data-bs-theme="dark"] .hf-product-card__condition { color: #ffe1a1; }
[data-bs-theme="dark"] .hf-product-card__condition:hover { color: #fff0cc; }