.product-card { min-inline-size: 0; }
.product-card__link { display: grid; gap: 19px; color: inherit; text-decoration: none; }
.product-card__media { display: grid; aspect-ratio: 453 / 518; overflow: hidden; background: var(--color-surface); transition: background-color .2s; }
.product-card__link:focus-visible .product-card__media { background-color: color-mix(in srgb, var(--color-surface) 94%, var(--color-dark)); }
@media (hover: hover) {
  .product-card__link:hover .product-card__media { background-color: color-mix(in srgb, var(--color-surface) 94%, var(--color-dark)); }
  .product-card__link:hover .product-card__title { text-decoration-color: var(--color-accent); }
}
.product-card__image { grid-area: 1 / 1; justify-self: center; align-self: end; inline-size: 62%; max-inline-size: 100%; margin-block-end: 40px; }
.product-card__badge { grid-area: 1 / 1; align-self: start; justify-self: start; z-index: 1; margin: 10px; padding: 4px 14px; background: white; color: var(--color-dark); font-size: 12px; line-height: 14.5227px; font-weight: 500; }
.product-card__body { display: grid; }
.product-card__category { margin-block-end: 16px; color: var(--color-accent); font-size: 14px; line-height: 15.4px; font-weight: 700; letter-spacing: 3.36px; text-transform: uppercase; }
.product-card__title { margin-block-end: 8px; font-family: var(--font-display); font-size: 22px; line-height: 24.2px; font-weight: 500; text-transform: uppercase; text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 5px; transition: text-decoration-color .2s; }
.product-card__link:focus-visible .product-card__title { text-decoration-color: var(--color-accent); }
@media (prefers-reduced-motion: reduce) { .product-card__media, .product-card__title { transition: none; } }
.product-card__price { font-family: var(--font-display); font-size: 20px; line-height: 22px; font-weight: 500; }
.product-card__options { margin-block-start: 19px; }
.product-card--featured .product-card__media { aspect-ratio: 372 / 394; }
.product-card--featured .product-card__image { inline-size: 57.26%; margin-block-end: 23px; }
.product-card__image.product-card__image--short-coat { inline-size: 71.24%; align-self: center; margin-block-end: 0; }
.product-card--featured .product-card__link { gap: 16px; }
.product-card--featured .product-card__options { margin-block-start: 16px; }
@media (max-width: 639px) {
  .product-card__link, .product-card--featured .product-card__link { gap: 12px; }
  .product-card--catalog .product-card__link { gap: 20px; }
  .product-card--catalog .product-card__media { aspect-ratio: 370 / 327; }
  .product-card__image { inline-size: 53%; margin-block-end: 18px; }
  .product-card--compact .product-card__media, .product-card--featured .product-card__media { aspect-ratio: 276 / 354; }
  .product-card__image--compact, .product-card--featured .product-card__image { inline-size: 69.5%; margin-block-end: 19px; }
  .product-card__image.product-card__image--short-coat { inline-size: 71.24%; margin-block-end: 0; }
  .product-card__category { margin-block-end: 10px; font-size: 12px; line-height: 13.2px; letter-spacing: 2.88px; }
  .product-card__title { font-size: 20px; line-height: 22px; }
  .product-card__price { font-size: 18px; line-height: 19.8px; }
  .product-card--featured .product-card__options { margin-block-start: 19px; }
}