.product-card{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid var(--color-line);border-radius:20px;padding:20px;background:#fff;transition:box-shadow .4s var(--ease),transform .4s var(--ease-out),border-color .4s}.product-card[data-quick-view-card]{cursor:pointer}.product-card:hover{box-shadow:0 22px 44px rgba(var(--color-ink-rgb),.1);transform:translateY(-4px);border-color:transparent}.product-card:has(.product-card__link:focus-visible){outline:2px solid var(--color-ink);outline-offset:3px}.product-card__link:focus-visible{outline:0}.product-card__badge{position:absolute;top:16px;left:16px;z-index:3}.product-card__swatch{position:absolute;top:22px;right:20px;z-index:3;width:11px;height:11px;border-radius:50%;background:var(--product-colour)}.product-card__media{position:relative;height:240px;margin-bottom:18px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-card__media:before{content:"";position:absolute;left:50%;top:50%;width:190px;height:190px;border-radius:46% 54% 42% 58%/55% 45%;background:var(--product-colour);opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .5s,transform .7s var(--ease-out)}.product-card:hover .product-card__media:before{opacity:.45;transform:translate(-50%,-50%) scale(1)}.product-card__image{position:relative;z-index:1;width:auto;max-width:100%;max-height:235px;object-fit:contain;transition:transform .7s var(--ease-out)}.product-card__image--placeholder{width:100%;height:100%;max-height:none;background:var(--color-surface)}.product-card:hover .product-card__image{transform:scale(1.08)}.product-card__quick-view{position:absolute;left:50%;bottom:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;background:#fff;box-shadow:0 6px 18px #0000001f;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;transform:translate(-50%,12px);transition:opacity .3s,transform .4s var(--ease-out)}.product-card__quick-view .icon{width:14px;height:14px}.product-card:hover .product-card__quick-view,.product-card__quick-view:focus-visible{opacity:1;transform:translate(-50%)}.product-card__title{font-size:1.125rem;font-weight:600;line-height:1.3;min-height:47px;font-family:var(--font-body-family)}.product-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.product-card__size{font-size:.875rem;color:var(--color-grey);margin-top:4px}.product-card__offer{position:absolute;left:0;bottom:0;z-index:2;padding:4px 10px;border-radius:999px;background:var(--color-lime);font-size:.6875rem;font-weight:600;white-space:nowrap}.product-card:hover .product-card__offer{opacity:0;transition:opacity .2s}.product-card__footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px}.product-card__price{font-size:1.125rem;white-space:nowrap}.product-card__price .price__save{display:none}.product-card__action .icon{width:14px;height:14px}.product-card__form .product-form__error{position:absolute;right:0;bottom:calc(100% + 6px);background:#fff;padding:4px 8px;border-radius:8px;box-shadow:var(--shadow-md)}@media(max-width:560px){.product-card{padding:12px;border-radius:16px}.product-card__badge{top:10px;left:10px;height:22px;padding:0 8px;font-size:.5625rem}.product-card__swatch{top:15px;right:12px;width:9px;height:9px}.product-card__media{height:150px;margin-bottom:10px}.product-card__media:before{width:120px;height:120px}.product-card__image{max-height:148px}.product-card__quick-view{display:none}.product-card__title{font-size:.875rem;min-height:54px}.product-card__size{font-size:.75rem}.product-card__offer{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:.5625rem;padding:2px 7px}.product-card__price{font-size:.9375rem}.product-card__action{width:34px;height:34px;padding:0}.product-card__action-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(hover:none){.product-card__quick-view{display:none}.product-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-product-card.css.map */