.recommends .main{padding:0 100px}
.recommends:before{background:linear-gradient(to right,transparent,var(--color),transparent);position:absolute;width:100%;height:50%;top:25%;right:0;content:"";z-index:-1}
.recommends .entery{padding:30px;margin-bottom:5px}
.recommends .entery .titr{right:270px;top:0;padding:10px 20px;border-radius:0 0 15px 15px}
.recommends .entery .rt-offerx{width:calc(100% - 440px)}
.recommends .entery .rt-offerx .item{padding:0 80px}
.recommends .entery .rt-offerx .item .photo{width:200px}
.recommends .entery .rt-offerx .item .photo .pic{height:260px}
.recommends .entery .rt-offerx .item .inside{width:calc(100% - 240px);margin-top:60px}
.recommends .entery .rt-offerx .item .inside .title a{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-align:justify;line-height:2;}
.recommends .entery .rt-offerx .item .inside .price{margin:20px 0 30px;text-align:left;padding-left:20px;background:url('../img/toman.png') no-repeat left center;height:22px}
.recommends .entery .rt-offerx .item .inside .price del{margin-left:8px}
.recommends .entery .rt-offerx .item .inside .rt-more{padding:11px 15px}
.recommends .entery .rt-offerx .item .inside .rt-more i{margin:2px 22px 0 0}
.recommends .entery .rt-offerx .item .inside .rt-more:before{content:"";position:absolute;left:-40px;top:-30px;width:80px;height:90px;float:left;background-color:rgba(255,255,255,.15);border-radius:0 0 50%}
.recommends .entery .rt-offerx .owl-nav .owl-prev,.recommends .entery .rt-offerx .owl-nav .owl-next{top:calc(50% - 20px)}
.recommends .entery .rt-offerx .owl-nav .owl-prev{right:20px}
.recommends .entery .rt-offerx .owl-nav .owl-next{left:0}
.recommends .entery .rt-offerx .owl-dots{width:400px;left:-440px;top:0;border-right:3px #eee dashed;padding-right:30px}
.recommends .entery .rt-offerx .owl-dots .owl-dot{box-shadow:none;background:none;width:100%;height:auto;border-radius:0;margin:0}
.recommends .entery .rt-offerx .owl-dots .owl-dot span{padding:12px 20px;margin:7.5px 0;line-height:1.8;background:linear-gradient(to right,transparent,#f5f5f5)}
.recommends .entery .rt-offerx .owl-dots .owl-dot span:before{content:"";width:8px;height:8px;background-color:rgba(0, 0, 0, 0.2);display:inline-block;margin-left:10px;border-radius:50%}
.recommends .entery .rt-offerx .owl-dots .owl-dot.active span{background:var(--color4);color:var(--color)}
.recommends .entery .rt-offerx .owl-dots .owl-dot.active span:before{background-color:var(--color)}
.recommends .entery .rt-offerx .item.out .inside .rt-more,.recommends .entery .rt-offerx .item.out .inside .price{display:none !important}
.recommends .entery .rt-offerx .item.out .photo{filter:grayscale(1)}
.recommends .entery .rt-offerx .item.out .inside:after{margin-top:20px;content:"ناموجود";float:right;font-size:16px;font-weight:bold;color:#777}


.recommends .entery .rt-offerx .owl-dots .owl-dot.active span{opacity:1 !important}
.recommends .entery .rt-offerx .owl-dots .owl-dot span:hover{opacity:.7}
.recommends .entery .rt-offerx .item .inside .rt-more:hover:before{border-radius:0;left:0;width:120%}
.recommends .entery .rt-offerx .item:hover .inside .title a{color:var(--color2)}
.recommends .entery .rt-offerx .item:hover .photo .pic{transform:scale(.8)}



@media only screen and (max-width:1345px){
.recommends .main{padding:0}
}
@media only screen and (max-width:1135px){
.recommends .entery .rt-offerx .owl-dots{width:300px;left:-340px}
.recommends .entery .rt-offerx{width:calc(100% - 340px)}
.recommends .entery .titr{right:270px}
.recommends .entery .rt-offerx .owl-nav{display:none}
.recommends .entery .rt-offerx .item{padding:0}
}
@media only screen and (max-width:920px){
.recommends .main{max-width:100%}
.recommends .entery{padding:25px 18px 20px;border-radius:0}
.recommends .entery .rt-offerx .owl-dots{width:140px;left:-160px;padding-right:15px}
.recommends .entery .rt-offerx{width:calc(100% - 160px)}
.recommends .entery .rt-offerx .owl-dots .owl-dot span{padding:7px 10px;font-size:12px}
.recommends .entery .rt-offerx .owl-dots .owl-dot span:before{width:5px;height:5px;margin-left:6px}
.recommends .entery .titr{right:18px;padding:6px 12px;font-size:14px}
.recommends .entery .rt-offerx .item .inside .title{font-size:13px}
.recommends .entery .rt-offerx .item .inside .price{font-size:15px;height:21px;margin:10px 0 15px}
.recommends .entery .rt-offerx .item .inside .price del{font-size:12px;margin-left:4px}
.recommends .entery .rt-offerx .item .inside .rt-more{font-size:13px;border-radius:8px;padding:8px 10px}
.recommends .entery .rt-offerx .item .inside .rt-more i{margin-right:12px}
.recommends .entery .rt-offerx .item .inside .rt-more::before{left:-50px}
.recommends .entery .rt-offerx .item .photo{width:100px;margin:30px 0}
.recommends .entery .rt-offerx .item .photo .pic{height:135px}
.recommends .entery .rt-offerx .item .inside{width:calc(100% - 120px);margin-top:50px}
.recommends .entery .rt-offerx .item.out .inside:after{margin-top:10px;font-size:14px}
}
@media only screen and (max-width:480px){
.recommends .entery .rt-offerx .item .photo{margin:30px calc(50% - 50px) 15px}
.recommends .entery .rt-offerx .item .inside{width:100%;margin-top:0}
.recommends .entery .rt-offerx .owl-dots{height:100%;padding-top:10px}
.recommends .entery .rt-offerx .owl-nav{display:block}
.recommends .entery .rt-offerx .owl-nav .owl-prev,.recommends .entery .rt-offerx .owl-nav .owl-next{z-index:99999;top:inherit;right:inherit;bottom:20px;width:35px;height:35px}
.recommends .entery .rt-offerx .owl-nav .owl-prev i,.recommends .entery .rt-offerx .owl-nav .owl-next i{font-size:17px}
.recommends .entery .rt-offerx .owl-nav .owl-next{left:-135px}
.recommends .entery .rt-offerx .owl-nav .owl-prev{left:-90px}
}