.hu-card{--hu-card-gap: var(--hu-space-1);--hu-card-body-pad: var(--hu-space-3) 0 0;--hu-card-media-radius: var(--hu-radius-media);--hu-card-title-size: var(--hu-text-md);--hu-card-swatch-dot: 1rem;--hu-card-swatch-hit: 1.75rem;position:relative;display:flex;flex-direction:column;min-inline-size:0;color:rgb(var(--hu-color-text-rgb));transition:transform var(--hu-dur-base) var(--hu-ease-out),box-shadow var(--hu-dur-base) var(--hu-ease-out)}.hu-card--bordered,.hu-card--elevated,.hu-card--filled{--hu-card-body-pad: var(--hu-space-3) var(--hu-space-4) var(--hu-space-4);--hu-card-media-radius: calc(var(--hu-radius-card) - var(--hu-border-width));border-radius:var(--hu-radius-card);background:var(--hu-card-bg)}.hu-card--bordered{border:var(--hu-border)}.hu-card--elevated{box-shadow:var(--hu-shadow-card)}.hu-card--bordered .hu-card__media,.hu-card--elevated .hu-card__media,.hu-card--filled .hu-card__media{border-end-start-radius:0;border-end-end-radius:0}.hu-card__media{position:relative;z-index:var(--hu-z-raised);overflow:hidden;border-radius:var(--hu-card-media-radius);background:var(--hu-color-surface)}.hu-card__media-link{display:block}.hu-card__media .hu-card__image{inline-size:100%;block-size:100%;object-fit:var(--hu-card-fit);transition:opacity var(--hu-dur-slow) var(--hu-ease-out),transform var(--hu-dur-slower) var(--hu-ease-out)}.hu-card__media .hu-media{--hu-ratio: var(--hu-card-ratio);border-radius:0}.hu-card__media .hu-card__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.hu-card.is-sold-out .hu-card__image--primary{opacity:.55}@media(hover:hover)and (pointer:fine){.hu-card:hover .hu-card__image--secondary,.hu-card:focus-within .hu-card__image--secondary{opacity:1}.hu-card[data-hu-swatch-active] .hu-card__image--secondary{opacity:0}body[data-hu-card-hover=zoom] .hu-card:hover .hu-card__image{transform:scale(1.04)}body[data-hu-card-hover=lift] .hu-card:hover{transform:translateY(calc(-1 * var(--hu-space-1)))}body[data-hu-card-hover=lift] .hu-card--plain:hover .hu-card__media{box-shadow:var(--hu-shadow-md)}}@media(prefers-reduced-motion:reduce){.hu-card:hover,.hu-card:hover .hu-card__image{transform:none}}.hu-card__quick-add{position:absolute;inset-block-end:var(--hu-space-2);inset-inline-end:var(--hu-space-2);z-index:var(--hu-z-raised);inline-size:2.75rem;block-size:2.75rem;min-block-size:0;padding:0;border-radius:var(--hu-radius-full);box-shadow:var(--hu-shadow-md)}.hu-card__quick-add-label{position:absolute;inline-size:1px;block-size:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hu-card__quick-add[disabled]{display:none}@media(hover:hover)and (pointer:fine){.hu-card__quick-add{inset-inline:var(--hu-space-3);inline-size:calc(100% - 2 * var(--hu-space-3));block-size:var(--hu-btn-height-sm);padding-inline:var(--hu-space-4);border-radius:var(--hu-radius-btn)}.hu-card__quick-add .hu-icon{display:none}.hu-card__quick-add-label{position:static;inline-size:auto;block-size:auto;margin:0;overflow:visible;clip-path:none}.hu-card__quick-add[disabled]{display:inline-flex}.hu-card__quick-add[data-hu-quick-add-mode=hover]{opacity:0;transform:translateY(var(--hu-space-2));transition:opacity var(--hu-dur-base) var(--hu-ease-out),transform var(--hu-dur-base) var(--hu-ease-out)}.hu-card:hover .hu-card__quick-add[data-hu-quick-add-mode=hover],.hu-card:focus-within .hu-card__quick-add[data-hu-quick-add-mode=hover]{opacity:1;transform:none}}.hu-card__body{display:flex;flex-direction:column;gap:var(--hu-card-gap);flex:1 1 auto;min-inline-size:0;padding:var(--hu-card-body-pad)}.hu-card__vendor{margin:0;color:rgb(var(--hu-color-text-muted-rgb));font-size:var(--hu-text-xs);letter-spacing:var(--hu-ls-caps);text-transform:uppercase;overflow-wrap:anywhere}.hu-card__title{margin:0;font-family:var(--hu-font-body);font-size:var(--hu-card-title-size);font-weight:var(--hu-weight-body);line-height:var(--hu-lh-snug);letter-spacing:var(--hu-ls-normal);text-transform:none;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--hu-card-title-lines);line-clamp:var(--hu-card-title-lines);overflow:hidden}.hu-card__link{color:inherit;text-decoration:none}.hu-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.hu-card__link:hover{text-decoration:underline;text-decoration-thickness:var(--hu-border-width);text-underline-offset:.2em}.hu-card__rating,.hu-card__price{margin-block-start:var(--hu-space-1)}.hu-card__swatches{position:relative;z-index:var(--hu-z-raised);display:flex;flex-wrap:wrap;align-items:center;gap:var(--hu-space-1);margin:var(--hu-space-2) 0 0;padding:0;list-style:none}.hu-card__swatch{--hu-swatch-size: var(--hu-card-swatch-dot);display:grid;place-items:center;inline-size:var(--hu-card-swatch-hit);block-size:var(--hu-card-swatch-hit);margin:0;padding:0;border:var(--hu-border-width-strong) solid transparent;border-radius:var(--hu-radius-full);background:transparent;color:inherit;cursor:pointer;transition:border-color var(--hu-dur-fast) var(--hu-ease-standard)}.hu-card__swatch[aria-pressed=true]{border-color:var(--hu-color-text)}@media(hover:hover)and (pointer:fine){.hu-card__swatch:hover{border-color:rgb(var(--hu-color-text-rgb) / .45)}.hu-card__swatch[aria-pressed=true]:hover{border-color:var(--hu-color-text)}}@media(forced-colors:active){.hu-card__swatch[aria-pressed=true]{border-color:Highlight}}.hu-card__swatch-more a{display:inline-flex;align-items:center;min-block-size:var(--hu-card-swatch-hit);padding-inline:var(--hu-space-1);color:rgb(var(--hu-color-text-muted-rgb));font-size:var(--hu-text-xs);text-decoration:none}.hu-card__swatch-more a:hover{color:rgb(var(--hu-color-text-rgb));text-decoration:underline}.hu-card--align-center .hu-card__body{align-items:center;text-align:center}.hu-card--align-center .hu-card__swatches{justify-content:center}.hu-card--compact{--hu-card-title-size: var(--hu-text-sm);--hu-card-body-pad: var(--hu-space-2) 0 0}.hu-card--compact.hu-card--bordered,.hu-card--compact.hu-card--elevated,.hu-card--compact.hu-card--filled{--hu-card-body-pad: var(--hu-space-2) var(--hu-space-3) var(--hu-space-3)}.hu-card--horizontal{--hu-card-body-pad: var(--hu-space-1) 0 0;flex-direction:row;align-items:flex-start;gap:var(--hu-space-4)}.hu-card--horizontal .hu-card__media{flex:0 0 clamp(6rem,28%,10rem)}.hu-card--horizontal .hu-card__media .hu-media{--hu-ratio: 1 / 1}.hu-card--horizontal.hu-card--bordered,.hu-card--horizontal.hu-card--elevated,.hu-card--horizontal.hu-card--filled{--hu-card-body-pad: var(--hu-space-3) var(--hu-space-4) var(--hu-space-3) 0;align-items:stretch;gap:0}.hu-card--horizontal.hu-card--bordered .hu-card__media,.hu-card--horizontal.hu-card--elevated .hu-card__media,.hu-card--horizontal.hu-card--filled .hu-card__media{border-radius:var(--hu-card-media-radius);border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:var(--hu-space-4)}@media(min-width:768px){.hu-card{--hu-card-gap: var(--hu-space-2)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-product-card.css.map */