.product-list{display:flex;flex-wrap:wrap;gap:24px}.product-list .product-item{width:calc(100% / 4 - 18px);border:#f1f1f1 1px solid;padding:12px;position:relative}.product-list .product-item::after{width:0;content:'';position:absolute;bottom:0;left:0;background:linear-gradient(to right, var(--primary-color), var(--primary-color-light));height:3px;transition:all .5s ease}.product-list .product-item .product-link{width:100%;height:100%}.product-list .product-item .product-link .image-box{width:100%;aspect-ratio:1 / 1;overflow:hidden;position:relative}.product-list .product-item .product-link .image-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:all .5s ease;transform:scale(.8);z-index:1}.product-list .product-item .product-link .image-box .image-hover{z-index:2;opacity:0;transition:all .5s ease;transform:scale(1.2)}.product-list .product-item .product-link .text-wrapper{margin-top:12px;padding:12px 0 0;position:relative;text-align:center}.product-list .product-item .product-link .text-wrapper .dot-list{position:absolute;top:0;right:0;transform:translateY(-100%);padding-left:12px;display:flex;justify-content:center;gap:4px}.product-list .product-item .product-link .text-wrapper .dot-list .dot{width:8px;height:8px;border-radius:50%;background:#f1f1f1;transition:all .3s ease}.product-list .product-item .product-link .text-wrapper .dot-list .dot:first-child{background:var(--primary-color)}.product-list .product-item .product-link .text-wrapper .series-title{margin-bottom:6px}.product-list .product-item .product-link .text-wrapper .title{font-size:22px;display:block}.product-list .product-item .product-link .text-wrapper .keywords{margin-top:12px;font-size:18px;line-height:1.5}.product-list .product-item .product-link .text-wrapper .hover-keywords{display:none}.product-list .product-item:hover::after{width:100%}.product-list .product-item:hover .product-link .image-box img{opacity:0}.product-list .product-item:hover .product-link .image-box .image-hover{opacity:1}.product-list .product-item:hover .product-link .text-wrapper .dot-list .dot:first-child{background:#f1f1f1}.product-list .product-item:hover .product-link .text-wrapper .dot-list .dot:last-child{background:var(--primary-color)}@media screen and (max-width:1200px){.product-list .product-item{width:calc(100% / 2 - 12px)}.product-list .product-item .product-link .text-wrapper .title{font-size:20px}.product-list .product-item .product-link .text-wrapper .keywords{font-size:16px}}@media screen and (max-width:992px){.product-list{padding:0 12px}.product-list .product-item .product-link .text-wrapper .title{font-size:16px}.product-list .product-item .product-link .text-wrapper .keywords{font-size:14px}}