.card{border:1px solid #e0e0e0;background-color:#fff;position:relative;height:22rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem;justify-content:space-evenly;transition:all .3s ease;overflow:hidden;border-radius:.5rem}.card:hover{transform:translateY(-5px)}.card .imagecontainer{width:100%;height:14rem;display:flex;justify-content:center;align-items:center;border-radius:8px}.card .imagecontainer .img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.card h2{font-size:1rem;font-weight:500;text-align:center;text-transform:capitalize;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;padding:0 .5rem;letter-spacing:.4px}.card-discount{position:absolute;top:0;right:0;background-color:#008ecc;color:#fff;height:3.3125rem;width:3.1875rem;border-radius:0 0 0 1rem;display:flex;padding-left:.3rem;flex-direction:column;justify-content:center;align-items:center}.card-discount p{font-weight:700;font-size:1rem}.card-discount p .off-text{font-weight:400;font-size:.7rem}@media(max-width:767px){.card-discount p{font-size:.7rem}}@media(max-width:379px){.card-discount p{font-size:.6rem}}.card .product-price{margin-top:0}.card.card-compact{width:100%;height:100%;max-height:15rem;padding:1rem;gap:.3rem}.card.card-compact .imagecontainer{height:7rem}.card.card-compact h2{font-size:.875rem;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.2}@media(max-width:768px){.card.card-compact h2{font-size:.875rem}}.card.card-compact-discount{height:2rem;width:2rem;font-size:1rem;font-weight:700}.card.productlistpage{height:16rem;width:100%;padding:.5rem;gap:.2rem}.card.productlistpage .imagecontainer{height:10rem}.card.productlistpage h2{font-size:14px;line-height:18px;height:36px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;letter-spacing:.6px}.card.productlistpage .product-price{height:1rem;margin-top:.2rem}.card.productlistpage-discount{width:2rem;height:2rem;font-size:1rem;font-weight:700}@media(max-width:767px){.card.productlistpage{height:12rem;padding:.3rem;gap:.05rem;justify-content:space-evenly}.card.productlistpage .imagecontainer{height:6.5rem;margin-bottom:.1rem}.card.productlistpage h2{font-size:10px;line-height:14px}.card.productlistpage .product-price{height:.6rem;margin-top:.02rem}}@media(max-width:379px){.card.productlistpage{height:9.5rem;padding:.2rem;gap:.03rem}.card.productlistpage .imagecontainer{height:4.5rem;margin-bottom:.08rem}.card.productlistpage h2{font-size:8px;line-height:12px}.card.productlistpage .product-price{height:.4rem;margin-top:.01rem}.card{width:100%;height:15rem;padding:.5rem;gap:.25rem}.card h2{font-size:.75rem;padding:13px 8px}.card-discount{width:2.5rem;height:2.5rem;font-size:.75rem;font-weight:700}.card .product-price{height:1.2rem}.card.card-compact{width:100%!important;height:13rem}.card.card-compact .imagecontainer{height:7.5rem}}@media(max-width:767px)and (min-width:380px){.card{height:16rem;padding:.75rem;gap:.3rem;justify-content:space-between}.card .imagecontainer{height:10rem}.card h2{font-size:.875rem;font-weight:500}.card-discount{width:2.8125rem;height:2.8125rem;font-size:.75rem}.card .product-price{height:1.2rem}.card.card-compact{width:100%!important;height:14rem}.card.card-compact .imagecontainer{height:8rem}}@media(min-width:768px)and (max-width:1024px){.card{height:18rem;justify-content:space-between;padding:1rem;gap:.4rem}.card .imagecontainer{height:10rem}.card h2{font-size:1rem;font-weight:500}.card-discount{width:3rem;height:3rem;font-size:.875rem}.card .product-price{height:1.3rem}.card.card-compact{width:100%!important;height:16rem}}.product-note-modal{padding:10px}.product-note-modal h3{margin-bottom:15px;font-size:18px;font-weight:600}.product-note-modal p{font-size:14px;line-height:1.5}