.product-box{position:relative;height:auto;display:flex;flex-direction:column;max-width:220px;width:100%;border:2px solid #eee;border-radius:10px;padding:5px 15px 15px;cursor:pointer;background-color:var(--backgroundColor2)}.product-box .label{text-align:center;font-weight:700;font-size:14px}.product-box .label .name{text-transform:uppercase;color:#f8ae00;overflow:hidden;margin-bottom:5px}.product-box .label .validity{color:#0061af}.product-box .ribbons .ribbon picture{position:absolute;z-index:1}.product-box .ribbons .ribbon picture.topleft{top:0;left:0}.product-box .ribbons .ribbon picture.topmiddle{top:0;left:50%;transform:translateX(-50%)}.product-box .ribbons .ribbon picture.topright{top:0;right:0}.product-box .ribbons .ribbon picture.bottomleft{bottom:-20px;left:0}.product-box .ribbons .ribbon picture.bottommiddle{bottom:-20px;left:50%;transform:translateX(-50%)}.product-box .ribbons .ribbon picture.bottomright{bottom:-20px;right:0}.product-box .ribbons .ribbon picture.center{top:50%;left:50%;transform:translate(-50%,-50%)}.product-box .ribbons .ribbon picture.rightmiddle{right:0;top:50%;transform:translateY(-50%)}.product-box .ribbons .ribbon picture.leftmiddle{left:0;top:50%;transform:translateY(-50%)}.product-box .ribbons .ribbon picture img{max-width:100%}.product-box .picture{position:relative;margin-bottom:15px;padding:0 15px}.product-box .picture a{display:block;position:relative;overflow:hidden}.product-box .picture a:before{content:"";display:block;padding-top:100%}.product-box .picture a img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:100%;max-height:100%;padding:15px}.product-box .details{height:100%;display:flex;flex-direction:column}.product-box .details .energy-label{margin-bottom:5px;height:26px}.product-box .details .energy-label img{max-width:40px;max-height:100%}.product-box .details .name{display:block;margin-bottom:20px;text-decoration:none;color:var(--textColor);overflow:hidden;text-overflow:ellipsis;max-width:230px}.product-box .details .availability{font-weight:700;text-transform:uppercase;font-size:10px;margin-bottom:5px;margin-top:auto}.product-box .details .availability.available{color:var(--successColor)}.product-box .details .availability.low-stock,.product-box .details .availability.unavailable{color:var(--dangerColor)}.product-box .details .price{display:flex;flex-direction:column}.product-box .details .price .old-prices{order:2}.product-box .details .price .old-prices .previous-price{font-size:12px;text-decoration:line-through}.product-box .details .price .old-prices .advised-price{color:var(--mutedTextColor);font-size:12px}.product-box .details .price .actual-price{font-weight:600;font-size:26px;color:var(--titleTextColor)}.product-box .details .price .info-icon{display:none}.product-box .details .actions{margin-top:20px}.product-box .details .actions .add-to-cart button{cursor:pointer;outline:0;border:none;border-radius:20px;width:100%;color:#fff;padding:8px 15px;background:#008df3;background:linear-gradient(90deg,#008df3 30%,#1bdef0 100%);text-transform:uppercase;font-weight:700;font-size:12px;text-align:left;transition:.3s}.product-box .details .actions .add-to-cart button:hover{opacity:.6}.product-box .details .actions .add-to-cart button i.icon{font-size:14px;margin-right:10px}.product-box .details .actions .reserve-and-pick-up{margin-top:10px}.product-box .details .actions .reserve-and-pick-up button{cursor:pointer;position:relative;outline:0;border:1px solid #ccc;border-radius:20px;width:100%;color:var(--mutedTextColor);padding:8px 15px;background:#fff;text-transform:uppercase;font-weight:700;white-space:nowrap;font-size:12px;text-align:left}.product-box .details .actions .reserve-and-pick-up button i.icon{font-size:14px;margin-right:10px;color:var(--titleTextColor)}.product-box .details .actions .reserve-and-pick-up button i.info-icon{position:absolute;margin-left:auto;right:10px;top:7px;font-size:16px}.product-box .details .actions .unavailable button{cursor:ban;outline:0;border:none;border-radius:20px;width:100%;color:#fff;padding:8px 15px;background:#a00f22;background:linear-gradient(90deg,#a00f22 30%,#df2f47 100%);text-transform:uppercase;font-weight:700;font-size:12px;text-align:left;transition:.3s}.product-box .details .actions .unavailable button:hover{opacity:.6}.product-box .details .actions .unavailable button i.icon{font-size:14px;margin-right:10px}