.card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;line-height:normal}.card__media{position:relative;aspect-ratio:var(--card-ratio, 3 / 4);overflow:hidden;overflow:clip;background:var(--color-tile)}.card__photo{display:block;width:100%;height:100%}.card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--card-focus, center)}.card__img--hover{opacity:0}.card__placeholder{fill:var(--color-disabled)}@media(hover:hover)and (min-width:990px){.card__img{transition:transform .8s ease}.card__img--hover{transition:opacity .5s ease,transform .8s ease}.card:hover .card__img{transform:scale(1.03)}.card:hover .card__img--hover.is-loaded{opacity:1}.card.is-other-colour .card__img--hover{display:none}}[data-motion=false] .card__img{transform:none!important}@media(prefers-reduced-motion:reduce){.card__img{transform:none!important}}.card__tag{position:absolute;top:10px;left:10px;z-index:1;padding:3px 7px;background:var(--color-ink);color:var(--color-on-ink);font-size:11px;white-space:nowrap;pointer-events:none}.card__tag--sold{background:var(--color-page);color:var(--color-ink)}.card__heart{position:absolute;top:0;right:0;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-ink)}.card__heart[aria-pressed=true] .icon path{fill:currentColor}.card__panel{position:absolute;right:8px;bottom:8px;left:8px;z-index:2;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--color-page);font-size:13px;visibility:hidden;opacity:0}.card--sold .card__panel{gap:6px}@media(hover:hover)and (min-width:990px){.card:hover .card__panel{visibility:visible;opacity:1}}@media(min-width:990px){.card.is-open .card__panel,.card--sold:focus-within .card__panel{visibility:visible;opacity:1}.card.is-dismissed:not(.is-open) .card__panel{visibility:hidden;opacity:0}}@media(max-width:989px){.card__panel{display:none}}.card__hint{color:var(--color-text-secondary);font-size:12px}.card__sizes{display:flex;flex-wrap:wrap;gap:4px}.size-btn{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:38px;padding:0 8px;border:1px solid var(--color-line-strong);background:transparent;color:var(--color-ink);font-size:13px;line-height:normal}.size-btn--wide{padding:0 16px}@media(hover:hover){button.size-btn:hover{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-on-ink)}}.size-btn--sold{border-color:var(--color-disabled-border);color:var(--color-disabled);text-decoration:line-through;cursor:default}.card[aria-busy=true] .card__sizes{opacity:.5;pointer-events:none}.card__error{font-size:12px}.card__restock{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px}.card__info{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:0 2px}.card__link{display:flex;flex-direction:column;gap:3px;min-width:0;color:var(--color-ink);font-size:14px}.card__price{display:flex;flex-wrap:wrap;column-gap:8px}.card__price s{color:var(--color-text-secondary)}.card__low{color:var(--color-low-stock);font-size:12px}.card__matched{color:var(--color-text-secondary);font-size:12px}.card__colours{display:flex;align-items:center;gap:4px;margin-top:2px}.card__dot{display:block;flex:none;width:10px;height:10px;background:var(--color-line-strong)}.card__dot--light{box-shadow:inset 0 0 0 1px var(--color-line)}.card__colour-count{margin-left:3px;color:var(--color-text-secondary);font-size:12px}.card__plus{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;margin:-9px -4px 0 0}.card__plus-box{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--color-ink);color:var(--color-on-ink)}.card__plus[aria-busy=true] .card__plus-box{opacity:.6}@media(max-width:989px){.card .sale-word{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.swatches{min-width:0;margin:0;padding:0;border:0}.swatches__legend{float:left;display:flex;gap:6px;padding:0}.swatches__label{color:var(--color-text-secondary)}.swatches__list{display:flex;flex-wrap:wrap;gap:6px}.swatch{position:relative;display:flex;flex:none;width:44px;height:44px;padding:6px;border:1px solid var(--color-line);cursor:pointer}.swatch:has(.swatch__input:checked){border-color:var(--color-ink)}.swatch:has(.swatch__input:focus-visible){outline:1.5px solid var(--color-ink);outline-offset:2px}.swatch__input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none}.swatch__fill{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background:var(--color-tile)}.swatch__photo{width:100%;height:100%;object-fit:cover}.swatch--light .swatch__fill{box-shadow:inset 0 0 0 1px var(--color-line)}.swatch--sold .swatch__fill{opacity:.6}.swatch--sold:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - .5px),var(--color-ink) calc(50% - .5px),var(--color-ink) calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none}.swatch--text{width:auto;min-width:44px}.swatch--text .swatch__fill{padding:0 6px;background:none;font-size:12px;white-space:nowrap}.swatches--26{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.swatches--26 .swatches__legend{margin-right:6px}.swatches--26 .swatch{width:26px;height:26px;padding:3px;border-color:transparent}.swatches--26 .swatch--text{width:auto;min-width:26px}.swatches--26 .swatch--text .swatch__fill{font-size:11px}.swatches--40 .swatch{width:40px;height:40px;padding:5px}.swatches--40 .swatches__legend,.swatches--44 .swatches__legend{float:none;margin-bottom:8px;font-size:14px}.sheet{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:calc(100% - 48px);margin:0;padding:10px 20px calc(34px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;background:var(--color-page);color:var(--color-ink);line-height:normal}.sheet[open]{display:flex;flex-direction:column;gap:16px;animation:sheet-in .25s ease}.sheet::backdrop{background:var(--overlay, rgba(20, 17, 15, .4))}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet__handle{flex:none;align-self:center;width:40px;height:4px;border-radius:2px;background:var(--color-line-strong)}.quick-add__body{display:flex;flex-direction:column;gap:16px}.quick-add__product{display:flex;gap:14px}.quick-add__img{display:block;flex:none;width:72px;height:96px;object-fit:cover;background:var(--color-tile)}.quick-add__info{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0;font-size:14px}.quick-add__name{font-size:17px;line-height:normal}.quick-add__price{display:flex;flex-wrap:wrap;column-gap:8px}.quick-add__price s,.quick-add__muted{color:var(--color-text-secondary)}.quick-add__low{color:var(--color-low-stock);font-size:12px}.quick-add__low:empty{display:none}.quick-add__close{margin:-8px -10px 0 0}.quick-add__size{display:flex;flex-direction:column;gap:6px}.quick-add__size-head{display:flex;justify-content:space-between;gap:12px;font-size:14px}.quick-add__guide{text-decoration:underline;text-underline-offset:2px}.quick-add__sizes{min-width:0;margin:0;padding:0;border:0}.quick-add__size-list{display:flex;flex-wrap:wrap;gap:4px}.qa-size{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:46px;padding:0 6px;border-bottom:1.5px solid transparent;color:var(--color-text-secondary);font-size:15px;cursor:pointer}.qa-size:has(.qa-size__input:checked){border-bottom-color:var(--color-ink);color:var(--color-ink)}.qa-size:has(.qa-size__input:focus-visible){outline:1.5px solid var(--color-ink);outline-offset:-2px}.qa-size__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none}.qa-size--sold{color:var(--color-disabled);text-decoration:line-through;cursor:default}.quick-add__prompt{font-size:13px}.quick-add__prompt:empty{position:absolute}.quick-add__size.is-prompting .qa-size:not(.qa-size--sold){outline:1px solid var(--color-ink);outline-offset:-1px;animation:qa-size-pulse .45s ease 2}.quick-add__size.is-prompting .qa-size:has(.qa-size__input:focus-visible){outline:3px solid var(--color-ink);outline-offset:-3px}@keyframes qa-size-pulse{50%{background:var(--color-button-light)}}.quick-add__error{font-size:13px}.quick-add__cta{width:100%}.quick-add__cta[aria-busy=true]{opacity:.8}.quick-add__added{font-size:14px;text-transform:uppercase;letter-spacing:.04em}.quick-add__added em{font-family:var(--font-accent);font-style:italic;text-transform:none;letter-spacing:inherit;font-size:18px}.quick-add__added:focus{outline:none}.quick-add__keep{height:44px;font-size:14px;text-decoration:underline;text-underline-offset:2px}@media(min-width:990px){.sheet{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-product-card.css.map */