li.grid-product-container{display:flex;flex-direction:column;flex:1}li.grid-product-container div.incentive{display:inline-block;box-shadow:0 0 2px 2px var(--color-primary-400);border-radius:.5rem;font-weight:600;font-size:1.125rem;padding:.25rem .5rem;margin-bottom:1rem}li.grid-product-container div.image-container{position:relative;background:#fff;margin-bottom:1.5rem;margin-top:1px;box-shadow:0 0 1px 1px var(--color-border);aspect-ratio:3/2}li.grid-product-container div.image-container a{display:block}li.grid-product-container div.image-container img{aspect-ratio:3 / 2;object-fit:cover;width:100%}li.grid-product-container div.image-container a.button.add{position:absolute;font-size:1.25rem;background:var(--color-primary);color:#fff;padding:.25rem 2rem;border-radius:9999px;bottom:-1.5rem;left:-.25rem}li.grid-product-container div.image-container a.button.add:hover{background:var(--color-primary-500)}li.grid-product-container div.image-container a.button.add:before{content:"+";margin-right:.5rem;font-weight:600}li.grid-product-container div.image-container div.discount{background:var(--color-primary);color:var(--color-text-light);position:absolute;font-size:14px;top:16px;left:16px;padding:0 .5em}li.grid-product-container div.rating-container{margin-top:.5rem;height:1.5rem}li.grid-product-container div.rating-container[data-loading=skeleton]{animation:skeleton-loading 2s linear infinite alternate;width:80%;max-width:13rem}li.grid-product-container div.rating-container div.no-reviews,li.grid-product-container div.rating-container.no-reviews{font-size:1rem}li.grid-product-container div.rating-container div.stars{height:1.5rem}li.grid-product-container div.rating-container div.stars:before{display:inline-block}li.grid-product-container div.rating-container div.stars span{display:inline-block;line-height:1.5rem;font-weight:500}li.grid-product-container div.rating-container div.stars span span.review-text{margin:0}@media(max-width:480px){li.grid-product-container div.rating-container div.stars span span.review-text{display:none}}li.grid-product-container h2{font-size:1.125rem;margin-bottom:0}li.grid-product-container .price{font-size:1.5rem;font-weight:600}@media(max-width:800px){li.grid-product-container div.image-container a.button.add{font-size:1rem;padding:.25rem 1rem}li.grid-product-container .price{font-size:1.125rem}li.grid-product-container h2{font-size:1rem;font-weight:500}}@keyframes skeleton-loading{0%{background-color:var(--color-background-alt)}to{background-color:var(--color-background)}}
