.proclad-card{display:flex;flex-direction:column;color:var(--text-1)}.proclad-card__media{position:relative;overflow:hidden;border-radius:var(--space-8)}.proclad-card__media-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.proclad-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.proclad-card__placeholder{background:var(--pearl-beige)}.proclad-card__img-slot{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.proclad-card--has-hover .proclad-card__img-slot--hover{opacity:0;transition:opacity .3s ease}.proclad-card--has-hover:hover .proclad-card__media:has(.proclad-card__img-slot--hover) .proclad-card__img-slot--base{opacity:0}.proclad-card--has-hover:hover .proclad-card__img-slot--hover{opacity:1}.proclad-card__img-slot--base{transition:opacity .3s ease}.proclad-card__hover-cta{--cta-bg: var(--pearl-beige);--cta-color: var(--text-1);position:absolute;z-index:2;left:var(--space-16);right:var(--space-16);bottom:var(--space-16);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-12) var(--space-20);border-radius:var(--space-99);background:var(--cta-bg);color:var(--cta-color);font-family:var(--font-display);font-size:var(--text-label-size);font-weight:var(--font-weight-bold);letter-spacing:var(--text-body-tracking);text-transform:uppercase;text-align:center;opacity:0;transform:translateY(var(--space-4));transition:opacity .3s ease,transform .3s ease,background .3s ease,color .3s ease;pointer-events:none}.proclad-card__hover-cta-compare{margin-left:var(--space-4);text-decoration:line-through;opacity:.6;font-weight:var(--font-weight-roman);text-transform:none}@media(max-width:749px){.proclad-card--has-hover:hover .proclad-card__media:has(.proclad-card__img-slot--hover) .proclad-card__img-slot--base{opacity:1}.proclad-card--has-hover:hover .proclad-card__img-slot--hover{opacity:0}}@media(prefers-reduced-motion:reduce){.proclad-card__img--hover,.proclad-card__img--base,.proclad-card__img-slot--hover,.proclad-card__img-slot--base,.proclad-card__hover-cta{transition:none}}.proclad-card__badges{position:absolute;z-index:2;top:var(--space-16);left:var(--space-16);display:flex;gap:var(--space-8)}.proclad-badge{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-12);border-radius:var(--space-99);font-family:var(--font-display);font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);line-height:var(--text-caption-line);background-color:var(--pearl-beige);color:var(--purple);white-space:nowrap}.proclad-badge--primary{background:var(--surface-1);color:var(--white)}.proclad-badge--beige{background:var(--pearl-beige);color:var(--text-1)}.proclad-badge--save{background:#2c0a5e;color:var(--white)}.proclad-card__body{display:flex;flex-direction:column;text-decoration:none;color:inherit}.proclad-card__title{font-family:var(--font-display);font-size:var(--text-h3-size);font-weight:var(--font-weight-bold);line-height:var(--text-h3-line);color:inherit}.proclad-card__sub{margin-top:var(--space-8);font-family:var(--font-display);font-size:var(--text-label-size);font-weight:var(--font-weight-roman);line-height:var(--text-label-line);letter-spacing:0;color:inherit}.proclad-card__swatches{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-10)}.proclad-card__swatch{display:inline-flex;padding:var(--space-2);color:inherit;background:transparent}.proclad-card__swatch svg{display:block;width:var(--space-24);height:var(--space-20)}.proclad-card__swatch .swatch{--variant-picker-swatch-width: var(--space-18);--variant-picker-swatch-height: var(--space-18);--style-border-swatch-width: var(--space-1);--style-border-swatch-style: solid;--style-border-swatch-opacity: 35%;width:var(--space-18);height:var(--space-18);border-radius:0;clip-path:inherit}.proclad-card__cta{font-family:var(--font-display);font-size:var(--text-label-size);font-weight:var(--font-weight-bold);line-height:var(--text-label-line);letter-spacing:var(--text-body-tracking);text-transform:uppercase;text-decoration:underline;text-underline-position:from-font;text-underline-offset:.125em}.proclad-card__stars{display:flex;align-items:center;gap:var(--space-2);color:var(--text-1);margin-bottom:0rem}.proclad-card__star{width:var(--space-12);height:var(--space-12)}.proclad-card__rating,.proclad-card__reviews .jdgm-prev-badge__text{font-family:var(--font-display);font-size:var(--text-caption-size);font-weight:var(--font-weight-roman);line-height:var(--text-label-line);letter-spacing:var(--text-body-tracking);color:var(--text-1)}.proclad-card__reviews{display:block;margin-bottom:var(--space-4)}.proclad-card__reviews .jdgm-prev-badge{display:flex!important;align-items:center;gap:var(--space-6)}.proclad-card__reviews .jdgm-star{color:var(--text-1)!important;font-size:var(--text-caption-size)!important}.proclad-card--boxed{background:var(--surface-5);border-radius:var(--space-8);overflow:hidden}.proclad-card--boxed .proclad-card__media{display:block;width:100%;height:0;padding-bottom:100%;aspect-ratio:auto;flex:0 0 auto;border-radius:0}.proclad-card--boxed .proclad-card__body{padding:var(--space-16)}.proclad-card--bare{gap:var(--space-10)}.proclad-card--bare .proclad-card__media{display:flex;align-items:center;justify-content:center;padding:var(--space-16);width:100%;aspect-ratio:1 / 1;height:auto;background:var(--white, #fff)}.proclad-card--bare .proclad-card__img,.proclad-card--bare .responsive-image__img{border-radius:var(--space-8);object-fit:contain}.proclad-card--bare .proclad-card__badges{position:absolute;top:var(--space-16);left:var(--space-16)}.proclad-card--bare .proclad-badge{padding:var(--space-4) var(--space-8)}@media(max-width:749px){.proclad-card--bare .proclad-card__body{align-items:center;text-align:center}}.proclad-card--row{flex-direction:row;align-items:center;height:var(--space-112);background:var(--white);border-radius:var(--space-8);overflow:hidden;transition:background .3s ease}.proclad-card--row:hover{background:var(--pearl-beige)}.proclad-card--row .proclad-card__media{width:var(--space-112);height:var(--space-112);flex:0 0 auto;border-radius:0}.proclad-card--row .proclad-card__body{padding-inline:var(--space-16);gap:var(--space-8);min-width:0}.proclad-card--row .proclad-card__sub{margin-top:0}.proclad-card--chip{flex-direction:row;align-items:center;height:var(--space-96);background:var(--overlay-scrim);border:.5px solid var(--white);border-radius:var(--space-8);overflow:hidden;-webkit-backdrop-filter:blur(var(--space-2));backdrop-filter:blur(var(--space-2));color:var(--white)}.proclad-ugc__card .proclad-card--chip{background:var(--pearl-beige)}.proclad-card--chip .proclad-card__media{width:var(--space-96);height:var(--space-96);flex:0 0 auto;border-radius:0}.proclad-card--chip .proclad-card__img,.proclad-card--chip .responsive-image__img{object-fit:contain}.proclad-card--chip .proclad-card__body{padding-inline:var(--space-16);gap:var(--space-8);min-width:0}.proclad-card--chip .proclad-card__title{white-space:nowrap}@media(prefers-reduced-motion:reduce){.proclad-card--row{transition:none}}@media screen and (min-width:750px){.proclad-card--row.proclad-card--sm{height:var(--space-112)}.proclad-card--row.proclad-card--sm .proclad-card__media{width:var(--space-112);height:var(--space-112)}.proclad-card--row.proclad-card--sm .proclad-card__body{padding-inline:var(--space-16);gap:var(--space-8)}.proclad-card--row.proclad-card--sm .proclad-card__title{font-size:var(--text-h3-size);line-height:var(--text-h3-line)}.proclad-card--row.proclad-card--sm .proclad-card__cta{font-size:var(--text-label-size);font-style:normal;font-weight:var(--font-weight-bold);line-height:var(--text-label-line);letter-spacing:.0175rem;font-family:Inter,sans-serif}.proclad-card--has-hover:hover .proclad-card__hover-cta{opacity:1;transform:translateY(0);pointer-events:auto}.proclad-card__hover-cta:hover{background:var(--cta-color);color:var(--cta-bg)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/proclad-card.css.map */