.product-card{flex-flow:column;gap:.625rem;min-width:8em;max-width:12em;padding-bottom:.125rem;display:flex}@media screen and (width>=45em){.product-card{min-width:10em}}.product-card .image-wrapper{aspect-ratio:.75;background-color:var(--color-fg-secondary);border-radius:.25rem;position:relative;overflow:hidden}.product-card .image-wrapper img{object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.product-card .image-wrapper{width:100%}.product-card.general-product .image-wrapper{background-color:var(--color-bg-primary)}.product-card.general-product .image-wrapper img{object-fit:contain;padding:.25rem}.product-card.has-issue-detail .image-wrapper{cursor:pointer}.product-card.has-issue-detail .image-wrapper .issue-detail-indicator{z-index:2;background-color:#fff;border-radius:.625rem;justify-content:center;align-items:center;padding:.125rem;display:flex;position:absolute;top:4px;right:4px}.product-card.has-issue-detail .image-wrapper .issue-detail-indicator .info{color:#000;font-size:1.1rem}.product-card.has-issue-detail .image-wrapper .issue-detail-overlay{z-index:1;color:var(--color-text-primary);text-align:center;background-color:rgba(var(--color-rgb-bg-primary), .55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;flex-flow:column;justify-content:center;align-items:center;gap:.125rem;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.product-card.has-issue-detail .image-wrapper:hover .issue-detail-overlay,.product-card.has-issue-detail .image-wrapper:focus-visible .issue-detail-overlay{opacity:1}.product-card .details{flex-flow:column;gap:.25rem;display:flex;overflow:hidden}.product-card .details>*{flex:none}.product-card .details .text-small,.product-card .details h3{text-wrap:nowrap;text-overflow:ellipsis;width:100%;max-width:100%;overflow:hidden}.product-card .details .summary{text-wrap:nowrap;text-overflow:ellipsis;font-size:.8rem;position:relative;overflow:hidden}.product-card .details .pricing{width:100%;color:var(--color-text-primary);flex-flow:row;align-items:baseline;font-size:.85rem;font-weight:600;display:flex}.product-card .details .pricing,.product-card .details .pricing>span{text-wrap:nowrap}.product-card .details .pricing .price-prefix{color:var(--color-text-secondary);font-size:.85rem;font-weight:400}.product-card .details .pricing .price-detail{color:var(--color-text-tertiary);font-size:.8rem}.product-card .details .pricing.discounted{gap:.25rem;height:18px}.product-card .details .pricing .original-price{color:var(--color-text-tertiary);font-size:.8rem;font-weight:400;text-decoration:line-through}.product-card .details .pricing .discount-badge{background:var(--color-accent);color:var(--color-bg-primary);border-radius:.25rem;padding:0 .125rem;font-size:.7rem;font-weight:700;line-height:1rem}
