#products-list-container{margin-top:20px}
.products-list{width:100%}

.products-list > li > a{position:relative;width:100%;height:100%;padding:20px 10px}

.products-list-photo-container{position:relative;width:100%}
.products-list-photo{display:block;position:relative;width:100%;padding-bottom:100%;overflow:hidden;z-index:1}
.products-list-photo > img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:95%;max-height:95%;width:auto;height:auto;object-fit:cover}
.products-list-favourite-container{position:absolute;width:50px;height:50px;top:10px;right:10px;cursor:pointer;z-index:2}
.products-list-favourite-container:hover svg path.p2st0,.products-list-favourite-container.favourite svg path.p2st0{fill:#262626}
.products-list-favourite-container.favourite svg{-webkit-animation-name:heartbeat;animation-name:heartbeat;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.products-list-new{position:absolute;top:20px;left:0;justify-content:center;align-items:center;background:#262626;padding:9px 10px 5px;z-index:10}
.products-list-new > span{display:block;width:100%;font:400 clamp(0.765rem,0.781vw,0.938rem) / 1 Commissioner;color:#fff;text-transform:uppercase;text-align:center}
.products-list-contents{padding:10px 10px 20px;text-align:center}
.products-list-title{font:400 clamp(0.9rem,0.938vw,1.2rem) / 1.3 Commissioner;color:#262626;min-height:50px}
.products-list-price{margin-top:10px;justify-content:center;align-items:center}
.products-list-price-offerPrice{font:400 clamp(1.15rem,1.354vw,1.7rem) / 1 Commissioner;color:#db2129}
.products-list-price-oldPrice{margin-left:15px;font:400 clamp(1rem,1.094vw,1.3rem) / 1 Commissioner;color:#878787;text-decoration:line-through}
.products-list-price-discount{margin-left:15px;font:400 clamp(0.95rem,1.094vw,1.3rem) / 1 Commissioner;color:#fff;padding:12px 10px 7px;background-color:#db2129;border-radius:6px}
.products-list-colors-container{width:100%;margin-bottom:12px}
.products-list-colors{width:100%;display:inline-flex;align-items:center;justify-content:center}
.products-list-colors > li{margin-left:5px}
.products-list-colors > li:first-child{margin-left:0}
.products-list-colors > li > div{position:relative;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;padding:2px;cursor:pointer}
.products-list-colors > li.selected > div{border:1px solid #757575}
.products-list-colors > li > div span{display:block;width:26px;height:26px;border-radius:50%;border:1px solid #e1e1e1}

.pages-container{margin-top:50px;width:100%}
.pages{align-items:center;justify-content:center}
.pages > a{margin-left:5px;position:relative;font:400 clamp(1.15rem,1.042vw,1.25rem) / 38px Commissioner;color:#525252;text-align:center}
.pages > a:not(.paging_pn){width:34px;height:34px}
.pages > a:first-child{margin-left:0}
.pages > a:not(.paging_pn):hover,.pages > a.paging_sel{color:#FF6726}
.pages > a.paging-left{margin-right:15px}
.pages > a.paging-right{margin-left:20px}

.product-item figure {padding-bottom: 100%;}
.product-item > a > div{color:#262626;margin-top:15px;}
.product-item{opacity: 0;transform: translateY(50px);}
@media (min-width:1440px) {

}
@media (min-width:1200px) and (max-width:1439px) {
    .products-list.inner > li{margin-top:70px;margin-right:3.5%;width:31%}
    .products-list.inner > li:nth-child(-n+3){margin-top:0}
    .products-list.inner > li:nth-child(3n){margin-right:0}
}
@media (min-width:1200px) {
    .product-item {
        width: 24%;
        margin-left: 2%;
    }
    .products-container {
        width: 100%;
        max-width: 1500px;
        margin: 0 auto;
    }
    .product-item:nth-child(3n+1) {
        margin-left: 0;
    }
    .product-item:nth-child(n+5){margin-top:3.9vw;}
    .products-list.related > li{margin-top:70px;margin-right:1.3333333333%;width:24%}
    .products-list.related > li:nth-child(-n+4){margin-top:0}
    .products-list.related > li:nth-child(4n){margin-right:0}

}
@media (min-width:765px) and (max-width:1199px) {
    .products-list.related > li{margin-top:40px;margin-right:3%;width:48.5%}
    .products-list.related > li:nth-child(-n+2){margin-top:0}
    .products-list.related > li:nth-child(2n){margin-right:0}

    .product-item {width: 49%;margin-left: 2%;}
    .product-item:nth-child(2n+1) {
        margin-left: 0;
    }
    .product-item:nth-child(n+3) {
        margin-top: 20px;
    }
}
@media (max-width:1199px) {
    .products-list-contents{padding:10px 5px 10px}
    .products-list-new{top:13px}
    .products-list-favourite-container{width:40px;height:40px;top:5px;right:5px}
    .products-list-favourite-container svg{width:100%;height:100%}
    #products-list-container{margin-top:0}
    .products-list.inner > li{margin-top:40px;margin-right:4%;width:48%}
    .products-list.inner > li:nth-child(-n+2){margin-top:0}
    .products-list.inner > li:nth-child(2n){margin-right:0}
    .pages > a.paging_pn img{max-width:35px;height:auto}
    .pages > a.paging-left{margin-right:10px}
    .pages > a.paging-right{margin-left:15px}
}
@media (min-width:0px) and (max-width:764px) {
    .products-list.related > li{margin-top:40px;margin-right:2%;width:49%}
    .products-list.related > li:nth-child(-n+2){margin-top:0}
    .products-list.related > li:nth-child(2n){margin-right:0}

    .product-item {
        width: 49%;
        margin-left: 2%;
    }
    .product-item:nth-child(2n+1) {
        margin-left: 0;
    }
    .product-item:nth-child(n+3) {
        margin-top: 20px;
    }
}
@media (max-width:764px) {
    .products-list.inner > li{margin-top:30px;margin-right:2%;width:49%}
    .products-list-price-oldPrice{margin-left:8px}
    .products-list-price-discount{margin-left:0;margin-top:10px;padding:10px 20px 5px}
    .products-list-colors > li > div{width:28px;height:28px}
    .products-list-colors > li.selected > div{border:1px solid #757575}
    .products-list-colors > li > div span{width:22px;height:22px}
    .pages > a.paging_pn img{max-width:30px;height:auto}
}