.card-product{position:relative;width:100%}.card-product:hover img{transform:scale(1.05)}.card-product:hover .quick-add{opacity:1}.card-product img{width:100%;position:relative;opacity:1;transition-property:opacity;transition-duration:.25s;transition-timing-function:linear;transition:all .5s ease-in-out}.card-product img.preload{opacity:0}.card-product .quick-add{position:absolute;transition:all .5s ease-in-out;bottom:0;opacity:0;left:0;width:100%;background:#e5e5e5;min-height:130px;display:grid;grid-template-columns:1fr 45px}@media (max-width:768px){.card-product .quick-add{opacity:1;position:relative}}.card-product .quick-add__details{padding:1em .75em;display:flex;justify-content:space-between;font-size:.875rem}.card-product .quick-add__details .details__flavour{padding:1em 0}.card-product .quick-add__details .details__flavour ul{list-style:inside}.card-product .quick-add__actions{display:flex;align-items:center;justify-content:center;padding:.25em;border-left:1px solid #d4d4d4}.card-product .quick-add__actions button{width:24px;height:24px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none}.card-product .quick-add__actions button svg{width:24px;height:24px}.card-product .quick-add .variant-wrapper{margin-top:2em;position:absolute;left:0;padding:0 .75em;margin-top:2em;gap:.25em}.card-product .quick-add .variant-wrapper legend{font-size:.75em}.card-product .quick-add .variant-wrapper .variant-options label{background-color:transparent}.card-product .quick-add .variant-wrapper .variant-options label.active{background-color:var(--color-black)}.card-product .quick-add .variant-wrapper .variant-options span{font-size:.75em}.card-product__media{overflow:hidden;position:relative;margin-bottom:.5em}@media (max-width:768px){.card-product__title{display:none}}.card-product__title a{text-decoration:underline}.card-product__title a span{font-size:1.25em;font-weight:500}.card-product__footer{background-color:var(--color-white)}.card-product__footer .button,.card-product__footer .variant-wrapper{margin-top:1em}