.product-item{cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:15px;flex-direction:column;width:31%;margin-bottom:30px;margin-right:3.5%;display:inline-flex;position:relative;overflow:hidden}.product-item:nth-child(3n){margin-right:0}.product-item .thumbnail{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:auto 60%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:240px;display:inline-flex}.product-item .brand{color:#000;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;padding:0 12px;font-size:14px;overflow:hidden}.product-item .name{color:#2e2e2e;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:3px;padding:0 12px;font-size:12px;overflow:hidden}.product-item .divider{background-color:#000;width:100%;height:.5px;margin:15px 0;display:inline-block}.product-item .ing-list{flex-direction:row;justify-content:center;align-items:center;width:100%;padding:0 12px 20px;display:inline-flex}.product-item .ingredient-item{box-shadow:none;border:1px solid #000;border-radius:15px;margin:0 5px 0 0;padding:.3em 1.2em .2em;font-size:9px}.product-item .ingredient-item[data-level]{color:#fff;background-color:var(--theme-color-red);border:none}.product-item .ing-more{cursor:pointer;margin-left:5px;font-size:9px;text-decoration:underline}.product-item .circle,.product-item .circle svg{width:60px;height:60px;position:relative}.product-item .circle{text-align:center;position:absolute;top:10px;left:10px}.product-item .circle svg circle{fill:none;stroke:#000;stroke-dasharray:164;stroke-dashoffset:164px;width:60px;height:60px;transform:translate(6px,6px)}.product-item .circle svg circle:first-child{stroke:#f3f3f3;stroke-width:2px;stroke-dashoffset:0}.product-item .circle svg circle:nth-child(2){stroke:linear-gradient(180deg,#ae8977 0%,#ae8977 100%);stroke-width:4px;stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)translate(5px,5px);box-shadow:inset 0 0 4px #00000040}.product-item .circle .number{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;background-color:#000;background-repeat:repeat;background-size:100%;-webkit-background-clip:text;background-clip:text;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:8px;display:flex;position:absolute;top:0;left:0}.product-item .circle .number b{font-size:18px;font-weight:500;line-height:1}.product-item a a{z-index:1;width:100%;height:100%;display:inline-block;position:absolute;top:0;left:0}.product-item .save{cursor:pointer;z-index:2;background-image:url(/images/icon-like.png);background-position:50%;background-repeat:no-repeat;background-size:auto 24px;width:50px;height:50px;transition:background-image .2s ease-in-out;display:inline-block;position:absolute;top:0;right:0}.product-item .save.saved{background-image:url(/images/icon-liked.png)}.product-item .compare-bar{z-index:1;background-color:#000;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:auto;padding:10px 15px;display:none;position:absolute;top:0;left:0}.product-item:hover .compare-bar,.product-item.selected .compare-bar{display:inline-flex}.product-item .checkbox{border:2px solid var(--theme-color-purple);cursor:pointer;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:auto 16px;border-radius:50%;width:24px;height:24px;display:inline-block}.product-item.selected .checkbox{background-color:var(--theme-color-purple);background-image:url(/images/icon-tick.png)}.product-item .compare-title{color:#d6c1ed;text-align:left;font-size:12px;line-height:1.6m;flex:1;padding-left:10px}
