.crashed-dishes .main{width:1160px}
.crashed-dishes .enteryxxx{height:1px;top:-90px;right:0}
@keyframes bounceDown {0%,100% {-webkit-transform: translateY(6px);transform: translateY(6px);} 50% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}}
.crashed-dishes .head-area{text-shadow:0 0 10px rgba(0, 0, 0, 0.6);background:linear-gradient(to right,var(--color),var(--color2));padding:70px 0 100px;margin-bottom:30px}
.crashed-dishes .head-area .main{padding:0 100px}
.crashed-dishes .head-area:after{opacity:.1;position:absolute;width:100%;background:url("../img/circles-white.webp") no-repeat center;background-size:cover;content:"";top:0;right:0;height:100%}
.crashed-dishes .head-area .text{line-height:1.9;margin-top:10px}
.crashed-dishes .head-area .bottom-btn{bottom:-1px;right:0}
.crashed-dishes .head-area .bottom-btn>div>svg{display:block;margin:0 auto}
.crashed-dishes .head-area .bottom-btn>.link{margin-top:-32px}
.crashed-dishes .head-area .bottom-btn>.link>a{animation:bounceDown 2s infinite;display:inline-block;padding:5px 10px}
.crashed-dishes .isempty span{margin:10px 0 30px}
.crashed-dishes .entery{display:flex;flex-wrap:wrap}
.crashed-dishes .entery .item{padding:20px;flex:1 0 calc(33.33% - 20px);max-width:calc(33.33% - 20px);margin:10px}
.crashed-dishes .entery .item .pic{width:135px;height:135px}
.crashed-dishes .entery .item .inside{width:calc(100% - 155px)}
.crashed-dishes .entery .item .inside .title{border-bottom:2px #eee dashed;padding-bottom:15px}
.crashed-dishes .entery .item .inside .title a{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:2;height:56px}
.crashed-dishes .entery .item .inside .price{margin:20px 0;text-align:left;padding-left:20px;background:url('../img/toman.png') no-repeat left center;height:22px}
.crashed-dishes .entery .item .inside .price del{margin-left:8px}
.crashed-dishes .entery .item .eraad{padding:10px 15px;margin-top:15px;line-height:1.8}
.crashed-dishes .entery .item:hover .inside .title a{color:var(--color)}
.crashed-dishes .entery .item:hover .pic{transform:scale(.9)}
.crashed-dishes .entery .item:hover{box-shadow:0 0 10px 0 rgba(0, 0, 0, .2)}
.crashed-dishes .entery .item.selled:hover .pic{transform:scale(1)}
.crashed-dishes .entery .item.selled:after{content:"";position:absolute;top:0;right:0;height:100%;width:100%;z-index:100;background:rgba(255, 255, 255, 0.8) url('../img/isselled.png') no-repeat center;background-size:120px}
.crashed-dishes .entery .item.selled .pic,.crashed-dishes .entery .item.selled .inside{filter:grayscale(1)}
@media only screen and (max-width:1140px){
.crashed-dishes .entery .item{flex:1 0 calc(50% - 20px);max-width:calc(50% - 20px)}
}
@media only screen and (max-width:920px){
.crashed-dishes .head-area .main{padding:0}
.crashed-dishes .head-area{padding:30px 0 70px}
.crashed-dishes .head-area .titr{font-size:18px}
.crashed-dishes .head-area .text{font-size:14px;margin-top:5px}
.crashed-dishes{padding-bottom:50px}
.crashed-dishes .isempty img{height:100px}
.crashed-dishes .enteryxxx{top:-65px}
}
@media only screen and (max-width:780px){
.crashed-dishes .head-area{margin-bottom:15px}
.crashed-dishes .entery .item{flex:1 0 100%;max-width:100%;margin:7.5px 0;border-radius:10px;padding:15px}
.crashed-dishes .entery .item .pic{width:100px;height:100px;border-radius:10px}
.crashed-dishes .entery .item .inside{width:calc(100% - 115px)}
.crashed-dishes .entery .item .inside .title{font-size:13px}
.crashed-dishes .entery .item .inside .title a{height:auto}
.crashed-dishes .entery .item .eraad{margin-top:10px;border-radius:10px}
}