.availability{display:flex;gap:10px;padding:10px 20px;background-color:#edf7f0;text-transform:uppercase;color:#56ad6a;border-radius:8px;letter-spacing:3px;font-weight:300;font-size:12px;margin-right:auto;align-items:center;justify-content:center}.availability.sold-out{background-color:#ffe0e0;color:#f53636}.availability.sold-out::before{background-color:#f53636}.availability::before{content:"";display:inline-block;width:8px;height:8px;background-color:#56ad6a;border-radius:50%}.product-grid-item{background-color:#fff;text-decoration:none;display:flex;flex-direction:column;width:400px;gap:25px}@media (hover:hover){.product-grid-item{cursor:pointer}.product-grid-item:hover .image .hover-state{opacity:.95}.product-grid-item:hover .image .hover-state .row{top:0}}.product-grid-item .image{width:100%;height:100%;aspect-ratio:1/1;position:relative;display:flex;align-items:center;justify-content:center}.product-grid-item .image .availability{position:absolute;top:10px;right:10px}.product-grid-item .image img{max-height:400px}.product-grid-item .image .hover-state{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;font-weight:300;opacity:0;transition:opacity .2s ease-in-out}.product-grid-item .image .hover-state .row{padding:20px 0;border-bottom:1px solid rgba(0,0,0,.5);display:flex;flex-direction:column;width:100%;align-items:center;position:relative;top:10px;transition:top .3s ease-in-out}.product-grid-item .image .hover-state .row:last-child{border:none}.product-grid-item .image .hover-state .row span:first-child{font-size:10px;text-transform:uppercase}.product-grid-item .titles{text-align:center;padding:0 40px;display:flex;flex-direction:column;gap:25px}.product-grid-item .titles h2,.product-grid-item .titles h4{margin:0;padding:0;letter-spacing:0}.product-grid-item .titles h4{font-weight:300;font-size:12px}.product-grid-item .titles h2{font-size:24px;width:100%;height:50px;display:block;overflow:hidden;text-overflow:ellipsis}.product-grid-item .titles .price{width:100%;display:flex;justify-content:space-evenly}.product-grid-item .titles .price span{font-weight:700;text-transform:uppercase}.product-grid-item .footer{display:flex;border-top:1px solid grey;justify-content:center}.product-grid-item .footer>div{display:flex;align-items:center;justify-content:center;flex-direction:column;width:50%;height:70px;text-align:center;font-weight:300;font-size:12px}.product-grid-item .footer>div span:first-child{text-transform:uppercase;font-size:8px}.product-grid-item .footer .roast-level.has-process{border-left:1px solid grey}.product-grid-item .footer .roast-level .level{display:flex;flex-direction:column;width:160px;gap:5px}.product-grid-item .footer .roast-level .level .dots{display:flex;justify-content:space-between;width:100%}.product-grid-item .footer .roast-level .level .dots>div{width:16px;height:16px;border-radius:50%;border:1px solid #1a1a1a}.product-grid-item .footer .roast-level .level .dots>div.active{background-color:#1a1a1a;box-shadow:inset 0 0 0 1px #fff}.product-grid-item .footer .roast-level .level .level-text{display:flex;font-size:8px;text-transform:uppercase;width:100%}.product-grid-item .footer .roast-level .level .level-text span{font-size:6px}.product-grid-item .footer .roast-level .level .level-text span:first-child{margin-right:auto}.product-grid-item .footer .roast-level .level .level-text span:last-child{margin-left:auto}
/*# sourceMappingURL=product-card.min.css.map */