.card{position:relative;display:flex;flex-direction:column;min-inline-size:0}.card__media{position:relative;overflow:hidden;aspect-ratio:var(--card-image-ratio);background-color:rgb(var(--color-text-rgb) / .04)}.card__media-link{display:block;block-size:100%}.card__image{inline-size:100%;block-size:100%;object-fit:cover}.card__media:not([style]) .card__image{max-inline-size:none}.card__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--duration) ease}@media(hover:hover){.card:not(.card--colour-chosen):hover .card__image--hover{opacity:1}}.card--sold-out .card__media-link,.card--colour-gone .card__media-link{opacity:.6}.card--colour-gone .card__quick-add{visibility:hidden}.card__image--more,.card__photo-dots{display:none}.card__photo-dot{inline-size:calc(var(--u) * .5);block-size:calc(var(--u) * .5);border-radius:50%;background-color:var(--color-text);box-shadow:0 0 0 1px var(--color-background);opacity:.3;transition:opacity var(--duration) ease}.card__photo-dot.is-active{opacity:1}@media(hover:none){.card:not(.card--swipe) .card__image--hover{display:none}.card--swipe .card__media-link{position:relative;z-index:1;display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.card--swipe .card__media-link::-webkit-scrollbar{display:none}.card--swipe .card__image{position:static;display:block;flex:0 0 100%;opacity:1;scroll-snap-align:start;scroll-snap-stop:always}.card--swipe .card__photo-dots{position:absolute;inset-block-end:calc(var(--u) * .8);inset-inline-start:calc(var(--u) * .8);z-index:1;display:flex;gap:calc(var(--u) * .3);pointer-events:none}.card--swipe.card--colour-chosen .card__image:not(:first-child),.card--swipe.card--colour-chosen .card__photo-dots{display:none}}.card__badge{position:absolute;inset-block-start:calc(var(--u) * 1);inset-inline-start:calc(var(--u) * 1)}.card__quick-add{position:absolute;inset-block-end:calc(var(--u) * .4);inset-inline-end:calc(var(--u) * .4);display:flex;align-items:center;justify-content:center;inline-size:var(--tap-size);block-size:var(--tap-size);padding:0;border:0;background:none;cursor:pointer}.card__quick-add-circle{display:flex;align-items:center;justify-content:center;inline-size:calc(var(--u) * 3.6);block-size:calc(var(--u) * 3.6);border:1px solid var(--color-line);border-radius:50%;background-color:var(--color-background);color:var(--color-text)}.card__quick-add[aria-busy=true] .card__quick-add-circle{opacity:.5}.card__quick-add .icon{inline-size:calc(var(--u) * 1.6);block-size:calc(var(--u) * 1.6);stroke-width:1.5}.card__info{padding-inline:var(--card-text-inset);font-size:calc(var(--u) * 1.3)}.card__title{margin-block-start:calc(var(--u) * 1.2);font-size:calc(var(--u) * 1.3);font-weight:var(--font-weight-regular);letter-spacing:var(--title-tracking);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.card__link:focus-visible{outline-offset:-2px}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card__badge,.card__quick-add{z-index:1}.card__fit,.card__status{margin-block-start:calc(var(--u) * .2 + .35em);color:var(--color-muted);font-size:var(--text-sm)}.card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(var(--u) * .2) calc(var(--u) * .8);margin-block-start:calc(var(--u) * .2 + .4em);font-weight:var(--font-weight-medium)}.card__price .price--compare{color:var(--color-muted);font-weight:var(--font-weight-regular)}.price-group{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:calc(var(--u) * .2) calc(var(--u) * .8)}.dots{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-block-start:calc(var(--u) * .8);padding:0;list-style:none}.dots__item{display:flex;align-items:center}.dots__button{display:grid;place-items:center;inline-size:calc(var(--u) * 2.4);block-size:var(--tap-size);margin-block:calc(var(--dot-reach) * -1);padding:0;border:0;background:none;cursor:pointer}.dots__item:first-child .dots__button{margin-inline-start:calc(var(--u) * -.3)}.dots__dot{position:relative;display:block;inline-size:var(--dot-size);block-size:var(--dot-size);border:1px solid rgb(var(--color-text-rgb) / .35);border-radius:50%;background:var(--dot-image, none) center / cover no-repeat var(--dot-color, transparent)}.dots__button[aria-pressed=true] .dots__dot{outline:1px solid var(--color-text);outline-offset:2px}.dots__dot--unavailable:after{content:"";position:absolute;inset-block-start:50%;inset-inline:-1px;border-block-start:1px solid var(--color-muted);rotate:-45deg}.dots__more{margin-inline-start:calc(var(--u) * .4);color:var(--color-muted);font-size:var(--text-xs)}
/*# sourceMappingURL=/cdn/shop/t/101/assets/product-card.css.map */