.mzh-warranty-card { display: block; width: var(--warranty-card-width); height: var(--warranty-card-height); color: var(--color-action-on-primary); }
.mzh-warranty-card article { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: var(--radius-xl); }
.mzh-warranty-card__face { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.mzh-warranty-card__footer { position: absolute; top: var(--warranty-card-footer-y); left: 0; width: 100%; height: var(--warranty-card-footer-h); background: var(--color-bg-primary); opacity: var(--warranty-card-footer-opacity); border-radius: 0 0 var(--radius-lg) var(--radius-lg); box-shadow: var(--warranty-card-footer-shadow); }
.mzh-warranty-card h2, .mzh-warranty-card__number, .mzh-warranty-card__dates { margin: 0; white-space: nowrap; }
.mzh-warranty-card h2 { position: absolute; left: var(--warranty-card-text-x); top: var(--warranty-card-title-y); font-size: var(--typography-title-font-size); line-height: var(--typography-title-line-height); font-weight: var(--typography-weight-medium); }
.mzh-warranty-card__number { position: absolute; left: var(--warranty-card-text-x); top: var(--warranty-card-number-y); font-size: var(--typography-display-font-size); line-height: var(--typography-display-line-height); font-weight: var(--typography-weight-medium); }
.mzh-warranty-card__label { position: absolute; left: var(--warranty-card-text-x); top: var(--warranty-card-label-y); font-size: var(--typography-small-font-size); line-height: var(--typography-small-line-height); }
.mzh-warranty-card[data-state="expired"] .mzh-warranty-card__label { opacity: var(--warranty-card-expired-label-opacity); }
.mzh-warranty-card__dates { position: absolute; left: var(--warranty-card-text-x); top: var(--warranty-card-date-y); font-size: var(--typography-caption-font-size); line-height: var(--typography-caption-line-height); opacity: var(--warranty-card-date-opacity); }
.mzh-warranty-card__logo { position: absolute; left: var(--warranty-card-logo-x); top: var(--warranty-card-logo-y); width: var(--warranty-card-logo-w); height: var(--warranty-card-logo-h); overflow: hidden; opacity: var(--warranty-card-logo-opacity); }
.mzh-warranty-card__logo img { display: block; width: var(--warranty-card-logo-image-w); height: var(--warranty-card-logo-h); }