﻿.top-products .entery{background:linear-gradient(to top left,rgba(255, 255, 255, 0.3),#fff);padding:25px}
.top-products .entery .list{overflow:hidden}
.top-products .entery .list .item{transform:translateY(2px);padding:15px;width:25%;border-bottom:2px var(--blur) dashed}
.top-products .entery .list .item .pic-area{width:60px}
.top-products .entery .list .item .pic-area .pic{height:60px}
.top-products .entery .list .item .number{width:30px;padding:6px 0;margin:0 15px}
.top-products .entery .list .item .inside{width:calc(100% - 120px);padding:6px 0}
.top-products .entery .list .item .inside .title a{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.8;height:47px}
.top-products .entery .list .item:hover .inside .title a{color:var(--color)}

@media only screen and (max-width:1140px){
.top-products .entery .list .item{width:33.33%}
}
@media only screen and (max-width:920px){
.top-products{padding:15px 0}
.top-products .main{max-width:100%}
.top-products .title-asli.rt-align::before{display:block}
.top-products .title-asli.rt-align{text-align:right}
.top-products .title-asli.rt-align .name{padding:0 5px 0 20px;background:var(--body)}
.top-products .entery{padding:0 18px;border-radius:0;background:none}
.top-products .entery .list{overflow-x:auto}
.top-products .entery .list .item{transform:translateY(0);width:150px;border:0;background:linear-gradient(to top left,rgba(255, 255, 255, 0.3),#fff);margin:12px 0 0 15px;border-radius:15px;padding:15px;position:relative}
.top-products .entery .list .item .pic-area{width:100%}
.top-products .entery .list .item .pic-area .pic{height:120px}
.top-products .entery .list .item .inside{width:100%;padding:10px 0 0}
.top-products .entery .list .item .number{position:absolute;top:20px;left:20px;background:var(--color);line-height:1;margin:0;padding:3px 8px;width:auto;border-radius:15px 0 15px 10px;font-size:16px;color:#fff}
}