/** Studio product cards — contracts 9 and 10 / SB-STU-001. */

.sb-studio-apparel-card,
.sb-studio-eyewear-card { min-width: 0; }

.sb-studio-apparel-card__media,
.sb-studio-eyewear-card__media { background: var(--sb-color-surface-media-inverse); }

.sb-studio-apparel-card__image { width: 100%; height: 100%; object-fit: cover; }
.sb-studio-apparel-card__image--primary { opacity: 1; transition: opacity var(--sb-duration-standard) var(--sb-ease-standard), var(--sb-transition-media); }
.sb-studio-apparel-card__image--secondary { position: absolute; inset: 0; opacity: 0; transition: opacity var(--sb-duration-standard) var(--sb-ease-standard), var(--sb-transition-media); }
.sb-studio-eyewear-card__image { width: 100%; height: 100%; object-fit: contain; }

@media (hover: hover) and (pointer: fine) {
	.sb-studio-apparel-card__link:hover .sb-studio-apparel-card__image--primary { opacity: 0; }
	.sb-studio-apparel-card__link:hover .sb-studio-apparel-card__image--secondary { opacity: 1; }
}

.sb-studio-apparel-card__link:focus-visible .sb-studio-apparel-card__image--primary { opacity: 0; }
.sb-studio-apparel-card__link:focus-visible .sb-studio-apparel-card__image--secondary { opacity: 1; }

.sb-studio-apparel-card__name,
.sb-studio-eyewear-card__name { margin: var(--sb-space-5) 0 0; color: var(--sb-color-text-inverse); overflow-wrap: anywhere; }

.sb-studio-apparel-card__price { margin: var(--sb-space-3) 0 0; color: var(--sb-color-text-inverse-muted); }

.sb-studio-eyewear-card__name { font-size: var(--sb-type-product-name-mobile); }

@media (min-width: 768px) {
	.sb-studio-eyewear-card__name { font-size: var(--sb-type-product-name); }
}

@media (prefers-reduced-motion: reduce) {
	.sb-studio-apparel-card__image--primary,
	.sb-studio-apparel-card__image--secondary { transition: none; }
}