.product-card{position:relative;display:flex;max-width:40vw;flex-direction:column;border-radius:1.2vw;background-color:#f5f5f5;border:.1vw solid #fff}.product-card .swiper{width:100%}.product-card .swiper,.product-card .swiper-img,.product-card .swiper-slides{border-top-left-radius:1.2vw;border-top-right-radius:1.2vw}.product-card .swiper-img{width:100%;height:19vw;-o-object-fit:cover;object-fit:cover;background-color:#717171}.product-card .swiper-prev-btn{position:absolute;left:2vw;top:10vw;z-index:1;transform:translate(-50%);background:rgba(0,0,0,.404);padding:.7vw;border-radius:50%}.product-card .swiper-prev-btn svg{width:1vw;height:1vw;z-index:1;transform:rotate(90deg)}.product-card .swiper-prev-btn svg path{stroke:#fff;stroke-opacity:1}.product-card .swiper-next-btn{position:absolute;right:2vw;top:10vw;z-index:1;transform:translate(50%);background:rgba(0,0,0,.404);padding:.7vw;border-radius:50%}.product-card .swiper-next-btn svg{width:1vw;height:1vw;z-index:1;transform:rotate(-90deg)}.product-card .swiper-next-btn svg path{stroke:#fff;stroke-opacity:1}.like-btn{position:absolute;right:.7vw;top:1vw;z-index:2;background-color:rgba(0,0,0,.122);-webkit-backdrop-filter:blur(1vw);backdrop-filter:blur(1vw);padding:.7vw;border-radius:50%}.like-btn svg{width:1.5vw;height:1.5vw}.like-btn svg path{stroke:#fff;stroke-opacity:1}.like-btn.liked svg path{fill:#f1a328}.add-to-cart-btn{display:flex;border-radius:1vw;margin:1vw 0;align-items:center;justify-content:center;background-color:#f1a328;width:100%;gap:1vw;padding:1vw 0;font-size:1.2vw;color:#fff}.add-to-cart-btn svg{width:1.5vw;height:1.5vw}.add-to-cart-btn svg path{stroke:#fff;stroke-opacity:1}.product-card-body{padding:1vw .8vw}.product-card-body_infos{display:flex;flex-direction:column;gap:.5vw;width:100%}.product-card-body_infos-stars{display:flex;align-items:center;gap:.5vw;font-size:1vw}.product-card-body_infos-stars svg{width:1.3vw;height:1.3vw}.product-card-body_infos-stars svg path{stroke:#1bc588;fill:#1bc588}.product-card-body_infos-name{font-size:1.4vw;font-weight:700;line-height:2vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;height:4vw;-webkit-box-orient:vertical}.product-card-prices{display:flex;flex-direction:column;gap:.5vw}.product-card-prices p{font-size:1vw;color:#77828a;text-decoration:line-through}.product-card-prices span{font-size:1.5vw;font-weight:700}.product-card-colors{display:flex;width:100%;overflow-x:auto}.product-card-colors::-webkit-scrollbar{display:none}.color-item{width:1.8vw;height:1.8vw;border-radius:50%;position:relative;display:flex;margin-right:.5vw;align-items:center;justify-content:center;padding:.3%}.color-item span{width:1.6vw;height:1.6vw;border-radius:50%;border:.1vw solid #000}@media only screen and (max-width:700px){.product-card{border-radius:3vw;max-width:100vw}.product-card .swiper,.product-card .swiper-img,.product-card .swiper-slides{border-top-left-radius:3vw;border-top-right-radius:3vw}.product-card .swiper-img{height:40vw}.product-card .swiper-prev-btn{left:5vw;top:22vw;z-index:1;padding:2vw}.product-card .swiper-prev-btn svg{width:3vw;height:3vw}.product-card .swiper-next-btn{right:5vw;top:22vw;z-index:1;padding:2vw}.product-card .swiper-next-btn svg{width:3vw;height:3vw}.like-btn{background-color:rgba(0,0,0,.122);-webkit-backdrop-filter:blur(1vw);backdrop-filter:blur(1vw);padding:1vw;top:2vw;right:2vw;border-radius:50%}.like-btn svg{width:4vw;height:4vw}.add-to-cart-btn{border-radius:2vw;gap:2vw;padding:2vw 0;font-size:3vw}.add-to-cart-btn svg{width:4vw;height:4vw}.product-card-body{padding:2vw}.product-card-body_infos{gap:2vw}.product-card-body_infos-stars{gap:1vw;font-size:3vw}.product-card-body_infos-stars svg{width:3vw;height:3vw}.product-card-body_infos-name{font-size:3vw;line-height:4vw;height:8vw}.product-card-prices{gap:1.5vw;margin-bottom:3vw}.product-card-prices p{font-size:3vw;color:#77828a;text-decoration:line-through}.product-card-prices span{font-size:4vw;font-weight:700}.product-card-colors{gap:0}.color-item{width:5vw;height:5vw;margin-right:1vw;padding:.1vw}.color-item span{width:4.5vw;height:4.5vw;display:flex;align-items:center;justify-content:center;border-radius:50%;border:.3vw solid #f5f5f5}}