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