.hp-card{display:flex;flex-direction:column;color:rgb(var(--hp-dark-brown-100))}.hp-card__main{position:relative;display:flex;flex-direction:column}.hp-card__link{color:inherit;text-decoration:none}.hp-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.hp-card__link:focus-visible{outline:.2rem solid rgb(var(--hp-dark-brown-100));outline-offset:.4rem}.hp-card__media{display:block;overflow:hidden;background-color:rgb(var(--hp-cream-100));border-radius:.8rem;aspect-ratio:310 / 388}.hp-card__media img{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:center}.hp-card__info{display:flex;flex-direction:column;gap:1.2rem;padding-block:1.2rem}.hp-card__stack{display:flex;flex-direction:column}.hp-card__title{display:block;max-inline-size:26.4rem}.hp-card__prices{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.hp-card__price-from{color:inherit;margin-inline-end:.2rem}.hp-card__prices .hp-price{position:relative;display:flex;align-items:center;gap:.1rem;font-family:var(--hp-font-body);font-weight:var(--hp-font-weight-regular);line-height:1.35}.hp-card__prices .hp-price__units{font-size:1.8rem;letter-spacing:-.03em}.hp-card__prices .hp-price__symbol{font-size:1.2rem;letter-spacing:-.03em}.hp-card__prices .hp-price__fraction{font-size:1.161rem;letter-spacing:0;align-self:flex-start}.hp-card__prices .hp-price--strike{opacity:.5}.hp-card__prices .hp-price__strike{position:absolute;inset-inline-start:.2rem;inline-size:calc(100% - .4rem);inset-block-start:.4rem;block-size:.8rem;overflow:visible;pointer-events:none}.hp-card__swatches{display:flex;align-items:center;gap:var(--hp-space-xs);margin-block-end:1.2rem}.hp-card__swatch-group{display:flex;align-items:center;gap:var(--hp-space-xs)}.hp-card__swatch{display:block;flex:0 0 auto;inline-size:2.4rem;block-size:2.4rem}.hp-card__swatch-input{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hp-card__swatch-label{display:block;inline-size:100%;block-size:100%;border-radius:50%;cursor:pointer}.hp-card .hp-card__swatches .swatch{display:block;inline-size:100%;block-size:100%;border-radius:50%;background:var(--swatch--background) center / cover no-repeat;box-shadow:inset 0 0 0 1px rgba(var(--hp-dark-brown-100),.12);transition:box-shadow var(--hp-duration-hover) var(--hp-ease-out)}.hp-card__swatch-input:checked+.hp-card__swatch-label .swatch{box-shadow:inset 0 0 0 .15rem rgb(var(--hp-dark-brown-100))}.hp-card__swatch-input:focus-visible+.hp-card__swatch-label{outline:.2rem solid rgb(var(--hp-dark-brown-100));outline-offset:.2rem}.hp-card__swatch-input[data-sold-out]+.hp-card__swatch-label{opacity:.55}.hp-card__swatch-input[data-sold-out]+.hp-card__swatch-label .swatch{position:relative;overflow:hidden}.hp-card__swatch-input[data-sold-out]+.hp-card__swatch-label .swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top right,transparent calc(50% - 1.5px),rgba(var(--hp-cream-50),.9) calc(50% - 1.5px),rgba(var(--hp-cream-50),.9) calc(50% - .75px),rgb(var(--hp-dark-brown-100)) calc(50% - .75px),rgb(var(--hp-dark-brown-100)) calc(50% + .75px),rgba(var(--hp-cream-50),.9) calc(50% + .75px),rgba(var(--hp-cream-50),.9) calc(50% + 1.5px),transparent calc(50% + 1.5px))}.hp-card__swatches .swatch--unavailable{background:repeating-linear-gradient(-45deg,rgb(var(--hp-cream-100)) 0 4px,rgba(var(--hp-brown-50),.35) 4px 8px)}@media(prefers-reduced-motion:reduce){.hp-card__swatches .swatch{transition:none}}.hp-card__swatch-more{line-height:2rem;color:rgb(var(--hp-dark-brown-100))}@media screen and (max-width:749px){.hp-card__media{aspect-ratio:175 / 215}.hp-card__info{gap:var(--hp-space-xs);padding-block:var(--hp-space-xs)}.hp-card__swatches{margin-block-end:var(--hp-space-xs)}.hp-card__title{font-size:1.6rem;letter-spacing:-.03em;max-inline-size:none}.hp-card__prices .hp-price__units{font-size:1.6rem}.hp-card__prices .hp-price__symbol{letter-spacing:-.02em}.hp-card__prices .hp-price__fraction{font-size:1.032rem}.hp-card__swatch-more{font-size:1.6rem}}.hp-card__media--has-hover{position:relative}.hp-card__media .hp-card__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--hp-duration-hover-slow) var(--hp-ease-out)}.hp-card__main:hover .hp-card__image--hover,.hp-card__main:focus-within .hp-card__image--hover{opacity:1}@media(hover:none){.hp-card__media .hp-card__image--hover{display:none}}@media(prefers-reduced-motion:reduce){.hp-card__media .hp-card__image--hover{transition:none}}.hp-card__add{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:1rem;block-size:4rem;padding-inline:var(--hp-space-s);border:0;border-radius:.4rem;box-shadow:inset 0 0 0 .15rem rgb(var(--hp-dark-brown-100));background-color:rgb(var(--hp-cream-50));color:rgb(var(--hp-dark-brown-100));text-decoration:none;cursor:pointer;box-sizing:border-box;transition:opacity var(--hp-duration-hover) var(--hp-ease-out)}.hp-card__add-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:1.8rem;block-size:1.8rem;color:inherit}.hp-card__add-icon svg{display:block;inline-size:1.2rem;block-size:1.2rem}.hp-card__add-icon svg [stroke]{stroke:currentColor;vector-effect:non-scaling-stroke}.hp-card__add-label{white-space:nowrap;transform:translateY(var(--hp-label-optical-nudge))}.hp-card__add[disabled],.hp-card__add.loading{opacity:.5;pointer-events:none}.hp-card__add--unavailable{background-color:transparent;opacity:.35;cursor:default}@media screen and (hover:hover){.hp-card__add:not(.hp-card__add--unavailable):hover{background-color:rgb(var(--hp-dark-brown-100));color:rgb(var(--hp-cream-50))}}.hp-card__add:focus-visible{outline:.2rem solid rgb(var(--hp-dark-brown-100));outline-offset:.2rem}.hp-card--row:has(.hp-card__add){display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--hp-space-s)}.hp-card--row .hp-card__main{flex-direction:row;align-items:center;gap:var(--hp-space-m)}.hp-card--row .hp-card__media{flex:0 0 auto;block-size:12.8rem}.hp-card--row .hp-card__info{min-inline-size:0}.hp-card--row .hp-card__title{max-inline-size:none}.hp-card--row .hp-card__swatches{position:relative;z-index:1;margin-block-end:0}@media screen and (max-width:749px){.hp-card--row .hp-card__main{align-items:flex-start;gap:var(--hp-space-s)}.hp-card__add{block-size:3.2rem;inline-size:3.2rem;gap:0;padding-inline:0}.hp-card__add{position:relative}.hp-card__add .hp-card__add-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hp-card__add-icon{inline-size:1.6rem;block-size:1.6rem}.hp-card__add-icon svg{inline-size:1.06667rem;block-size:1.06667rem}.hp-card--row .hp-card__media{block-size:9rem;aspect-ratio:1}.hp-card--row .hp-card__info{padding-block:0}.hp-card--row .hp-card__swatches{display:none}}.hp-card__media{position:relative}.hp-card-badge{position:absolute;inset-block-start:var(--hp-card-badge-inset, 1.2rem);inset-inline-start:var(--hp-card-badge-inset, 1.2rem);z-index:1;display:inline-flex;align-items:center;justify-content:center;font-size:var(--hp-card-badge-size, 1.2rem);padding:.2456em .711em .1842em .83em;border-radius:.237em;background-color:var(--hp-card-badge-bg, rgb(var(--hp-badge-rose)));color:rgb(var(--hp-dark-brown-100));pointer-events:none}.hp-card-badge__label{font-family:var(--hp-font-editorial);font-weight:var(--hp-font-weight-medium);font-size:inherit;letter-spacing:-.03em;white-space:nowrap;line-height:var(--hp-card-badge-leading, 1.8)}@media screen and (max-width:749px){.hp-card-badge{inset-block-start:var(--hp-card-badge-inset, .7rem);inset-inline-start:var(--hp-card-badge-inset, .7rem);font-size:var(--hp-card-badge-size, .95rem)}.hp-card-badge__label{line-height:var(--hp-card-badge-leading, 1.45)}}.hp-card-badge{transition:opacity var(--hp-duration-hover-slow) var(--hp-ease-out)}@media(hover:hover){.hp-card__main:hover .hp-card__media--has-hover .hp-card-badge,.hp-card__main:focus-within .hp-card__media--has-hover .hp-card-badge{opacity:0}}@media(prefers-reduced-motion:reduce){.hp-card-badge{transition:none}}.hp-card-badge--new,.hp-card-badge--best-seller{--hp-card-badge-bg: rgb(var(--hp-badge-clay))}.hp-card-badge--almost-gone,.hp-card-badge--sale{--hp-card-badge-bg: rgb(var(--hp-badge-rose))}.hp-card-badge--back-in-stock{--hp-card-badge-bg: rgb(var(--hp-badge-sky))}.hp-card-badge--limited-edition{--hp-card-badge-bg: rgb(var(--hp-badge-blossom))}.hp-card-badge--coming-soon{--hp-card-badge-bg: rgb(var(--hp-badge-olive))}.hp-card-badge--join-waitlist{--hp-card-badge-bg: rgb(var(--hp-badge-wheat))}
/*# sourceMappingURL=/cdn/shop/t/174/assets/component-hp-product-card.css.map */