.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4) var(--s-2);margin:0;padding:0;list-style:none}.card-grid>li[hidden]{display:none}@media(min-width:750px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5) var(--s-3)}}@media(min-width:750px){.card-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.card-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{position:relative;display:grid;align-content:start;gap:var(--s-1)}.card__swatches{position:relative;z-index:1;display:flex;margin-inline-start:calc((var(--tap) - var(--s-2)) / -2)}.card__swatch{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.card__swatch[aria-pressed=true] .swatch__dot{box-shadow:0 0 0 var(--focus-offset) var(--c-bg),0 0 0 calc(var(--focus-offset) + var(--bw)) var(--c-text)}.card__title{margin:0;font-family:var(--f-display);font-size:var(--fs-h3);font-weight:var(--fw-display-sm);line-height:var(--lh-tight);letter-spacing:var(--ls-display);text-transform:none}.card__link{text-decoration:none}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card__link:focus-visible{outline:none}.card:has(.card__link:focus-visible){outline:var(--focus-w) solid var(--c-focus);outline-offset:var(--focus-offset)}.card:hover .card__link{text-decoration:underline;text-decoration-thickness:var(--bw);text-underline-offset:var(--underline-offset)}.card__price{color:var(--c-text-muted)}.notify{display:grid;gap:var(--s-2);max-width:calc(var(--s-7) * 4)}.notify__row{display:grid;gap:var(--s-1)}@media(min-width:750px){.notify__row{grid-template-columns:minmax(0,1fr) auto}}.notify__legal{font-size:var(--fs-small)}.notify__legal a{color:inherit}.card__media{position:relative}.card__worn{display:none}@media(hover:hover)and (pointer:fine){.card__worn{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;transition:opacity var(--d-base) var(--ease);pointer-events:none}.card__worn img{width:100%;height:100%;object-fit:cover}.card:hover .card__worn{opacity:1}}.related{border-top:var(--bw) solid var(--c-line)}.related__title{margin-bottom:var(--s-4)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-card.css.map */