.zh-card{position:relative;display:flex;flex-direction:column;height:100%;color:var(--zh-black);text-align:left;border-radius:0}.zh-card.card-product p{margin:0}.zh-card__media{position:relative;aspect-ratio:4 / 5;background:var(--zh-grey);overflow:hidden}.zh-card__media--square{aspect-ratio:1 / 1}.zh-card__media-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.zh-card__img{position:absolute;top:0;left:0;width:100%;height:100%;padding:8%;box-sizing:border-box;object-fit:contain;mix-blend-mode:multiply;transition:opacity .4s var(--zh-ease),transform .7s var(--zh-ease)}.zh-card__img--secondary{opacity:0}.zh-card:hover .zh-card__img--primary,.zh-card:focus-within .zh-card__img--primary{transform:scale(1.035)}@media(hover:hover){.zh-card__media-link:has(.zh-card__img--secondary):hover .zh-card__img--primary{opacity:0}.zh-card__media-link:hover .zh-card__img--secondary{opacity:1}}.zh-card__cat{position:absolute;top:.85rem;left:.85rem;z-index:2;display:inline-flex;align-items:center;gap:.55em;padding:0;background:transparent;color:var(--zh-black);font-size:.625rem;letter-spacing:.12em}.zh-card__cat:before{content:"";width:.8em;height:.8em;background:var(--zh-cat)}.zh-card__badges{position:absolute;bottom:.75rem;left:.75rem;z-index:2;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:.35rem;max-width:calc(100% - 4.5rem)}.zh-card__quick{position:absolute;left:0;right:0;bottom:0;z-index:3;margin:0;display:block;text-decoration:none}.zh-card__quick-btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:3.25rem;padding:0 1rem;box-sizing:border-box;background:var(--zh-black);color:var(--zh-white);border:0;border-radius:0;font-family:var(--zh-font-body);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.zh-card__quick-plus{display:inline-flex}@media(hover:hover)and (pointer:fine){.zh-card__quick{transform:translateY(100%);transition:transform .3s var(--zh-ease)}.zh-card:hover .zh-card__quick,.zh-card:focus-within .zh-card__quick{transform:translateY(0)}}@media(hover:none),(pointer:coarse){.zh-card__quick{left:auto;right:.5rem;bottom:.5rem;width:2.75rem}.zh-card__quick-btn{width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0;justify-content:center}.zh-card__quick-label{display:none}}.zh-card__body{display:flex;flex-direction:column;flex:1;padding-top:1rem}.zh-card__vendor{margin:0 0 .3rem;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--zh-fg-3)}.zh-card__title{margin:0 0 .35rem;font-family:var(--zh-font-body);font-size:1.0625rem;font-weight:700;line-height:1.25;letter-spacing:-.005em;text-transform:none;text-wrap:balance}.zh-card__link{color:inherit;text-decoration:none}.zh-card__link:hover{text-decoration:underline;text-underline-offset:3px}.zh-card__subtitle{margin:0 0 .35rem;font-size:.8125rem;line-height:1.4;color:var(--zh-fg-2)}.zh-card__reviews{margin:0 0 .35rem;font-size:.8125rem}.zh-card__price{margin-top:auto;padding-top:.25rem;font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.zh-card__price .price{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.1rem .55rem}.zh-card__price .price s{font-weight:400;font-size:.875rem;color:var(--zh-fg-3)}.zh-card__price .price-range{font-weight:400}.zh-card__unit-price{margin:.1rem 0 0;font-size:.75rem;line-height:1.4;color:var(--zh-fg-3)}.zh-card--sold-out .zh-card__img{opacity:.55}.zh-card--sold-out .zh-card__price{color:var(--zh-fg-3)}.zh-card--set .zh-card__media{background:var(--zh-grey-2)}.zh-card--set .zh-card__media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--zh-black)}.zh-card--compact .zh-card__media{aspect-ratio:1 / 1}.zh-card--compact .zh-card__body{padding-top:.75rem}.zh-card--compact .zh-card__title,.zh-card--compact .zh-card__price{font-size:.9375rem}.zh-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.75rem,1rem + 2vw,3rem) var(--zh-grid-gap)}@media(min-width:768px){.zh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.zh-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/zenhero-cards.css.map */