.ysp-promo{
 display:none;
 position:fixed !important;
 z-index:2147483647 !important;
 left:12px;
 right:12px;
 bottom:12px;
 width:auto;
 max-width:560px;
 margin:0 auto !important;
 box-sizing:border-box;
 min-width:0;
 font-family:Arial,sans-serif;
 overflow:hidden;
 transform:translateZ(0);
}
.ysp-promo.ysp-visible{display:block}
.ysp-promo.ysp-sticky-bottom{position:fixed !important;bottom:12px !important}
.ysp-promo a{
 position:relative;
 display:flex;
 align-items:center;
 gap:12px;
 width:100%;
 max-width:100%;
 min-width:0;
 box-sizing:border-box;
 padding:10px 14px;
 background:#fff;
 color:#111;
 text-decoration:none;
 border:1px solid #ddd;
 border-radius:14px;
 box-shadow:0 8px 30px rgba(0,0,0,.25);
 overflow:hidden;
}
.ysp-promo img{
 flex:0 0 120px;
 width:120px;
 height:68px;
 max-width:120px;
 object-fit:cover;
 border-radius:9px;
}
.ysp-promo span{
 display:flex;
 flex:1 1 auto;
 flex-direction:column;
 gap:5px;
 line-height:1.3;
 min-width:0;
 max-width:100%;
 overflow:hidden;
}
.ysp-promo b,.ysp-title{
 display:-webkit-box;
 max-width:100%;
 overflow:hidden;
 text-overflow:ellipsis;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 overflow-wrap:anywhere;
 word-break:break-word;
}
.ysp-promo small{opacity:.65;white-space:normal}
.ysp-x{
 position:absolute;
 right:4px;
 top:3px;
 border:0;
 border-radius:50%;
 width:24px;
 height:24px;
 background:#eee;
 cursor:pointer;
 font-size:18px;
 line-height:20px;
}
@media(max-width:600px){
 .ysp-promo{left:6px;right:6px;bottom:6px !important;max-width:none;width:auto}
 .ysp-promo a{padding:8px;gap:9px}
 .ysp-promo img{flex-basis:92px;width:92px;max-width:92px;height:55px}
 .ysp-promo b{font-size:13px}
 .ysp-promo small{font-size:11px}
}