.product-card{position:relative}.product-card .discount-badge{position:absolute;bottom:.625rem;inset-inline-end:.5rem;display:inline-block;--tw-bg-opacity:1;background-color:rgb(178 226 71/var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.product-card .image-box{position:relative;margin-bottom:.25rem;overflow:hidden}.product-card .image-box .fav-btn{position:absolute;top:.75rem;inset-inline-end:.75rem;z-index:10;display:flex;height:1.75rem;width:1.75rem;align-items:center;justify-content:center;font-size:1.25rem;line-height:1.75rem}.product-card .image-box .fav-btn svg,.product-card .image-box .fav-btn.is-loading i{display:none}.product-card .image-box .fav-btn.is-loading svg{display:block}.product-card .image-box img.product-image{aspect-ratio:1/1;width:100%;object-fit:contain;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.product-card .image-box .image-placehoder{display:flex;aspect-ratio:1/1;width:100%;align-items:center;justify-content:center}.product-card .image-box .image-placehoder img{width:4rem;object-fit:contain;opacity:.3}.product-card .content{display:block;padding:.75rem;text-align:start}.product-card .content:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.product-card .content .cat{display:block;font-size:.75rem;line-height:1rem;font-weight:600;line-height:1}.product-card .content .name{margin-top:.5rem;margin-bottom:.5rem;display:block;height:2.75rem;overflow:hidden;font-size:1rem;line-height:1.5rem;line-height:1.3;opacity:.9;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.product-card .content .price{display:flex;flex-wrap:wrap;gap:.75rem;font-size:1rem;font-weight:700;line-height:1}.product-card .content .price .sale-price{font-size:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(29 151 9/var(--tw-text-opacity));text-decoration-line:line-through}.product-card:hover .content .name{--tw-text-opacity:1;color:rgb(178 226 71/var(--tw-text-opacity))}.product-card:hover .image-box img.product-image{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}