.fh-product-card { display: flex; flex-direction: column; position: relative; }
.fh-product-card__media { position: relative; overflow: hidden; aspect-ratio: 1; background: #f5f5f5; display: block; }
.fh-product-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms ease; }
.fh-product-card__img--secondary { position: absolute; inset: 0; opacity: 0; transition: opacity 400ms ease; }
.fh-product-card:hover .fh-product-card__img--primary { transform: scale(1.03); }
.fh-product-card:hover .fh-product-card__img--secondary { opacity: 1; }
.fh-product-card__badge { position: absolute; top: 12px; left: 12px; background: var(--fh-color-bg); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; padding: 4px 8px; z-index: 1; }
.fh-product-card__quick-add { position: absolute; bottom: 12px; right: 12px; width: 36px; height: 36px; background: var(--fh-color-bg); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 1; opacity: 0; transform: translateY(4px); transition: opacity var(--fh-transition), transform var(--fh-transition); z-index: 1; }
.fh-product-card:hover .fh-product-card__quick-add { opacity: 1; transform: translateY(0); }
.fh-product-card__info { padding: 12px 0; text-align: center; }
.fh-product-card__name { font-size: 13px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.fh-product-card__price-note { font-size: 11px; color: var(--fh-color-text-muted); margin-top: 4px; letter-spacing: 0.04em; }
.fh-product-card__colors { display: flex; align-items: center; gap: 4px; margin-top: 8px; flex-wrap: wrap; justify-content: center; }
.fh-color-swatch { width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1); transition: transform var(--fh-transition); }
.fh-color-swatch:hover { transform: scale(1.2); }
.fh-color-swatch--more { font-size: 10px; color: var(--fh-color-text-muted); }