.card-product{position:relative;width:100%;background:var(--color-oat);border-radius:20px;padding:1.25em;display:grid;grid-template-rows:auto 1fr auto;height:100%}.card-product:focus img,.card-product:hover img{bottom:8px}.card-product img{width:100%;position:relative;opacity:1;transition-property:opacity,bottom;transition-duration:.25s;transition-timing-function:linear;bottom:0}.card-product img.preload{opacity:0}.card-product__title{display:grid;grid-template-columns:1fr auto;gap:1em}.card-product__title a{text-decoration:none;max-width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-size:1.25em;font-style:italic}.card-product__header{padding-bottom:3.75em;min-height:52px}.card-product__media{display:flex;align-items:center;position:relative;padding:0 10% 2.1875em 10%}.card-product__footer{display:flex;justify-content:space-between;align-items:center}.card-product__colours ul{display:flex;gap:.5em}.card-product__colours ul li{width:1.5em;height:1.5em;border-radius:50%;background-size:2.5em!important}