.avp-widget{width:100%;direction:rtl}
.avp-thumb{position:relative;display:block;width:100%;padding:0;border:0;background:#111;overflow:hidden;cursor:pointer;aspect-ratio:16/9}
.avp-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.avp-thumb:hover img{transform:scale(1.025)}
.avp-placeholder{position:absolute;inset:0;background:#181818}
.avp-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#ff4b16;color:#fff;font-size:28px;padding-left:4px;box-shadow:0 8px 30px rgba(0,0,0,.3)}
.avp-card-title{margin:14px 0 0;font-size:22px;line-height:1.4}
.avp-empty{padding:25px;background:#f4f4f4;text-align:center}

.avp-modal{position:fixed;inset:0;z-index:999999;background:rgba(8,8,8,.98);display:none;color:#fff;direction:rtl}
.avp-modal.is-open{display:flex}
.avp-modal-inner{width:min(1220px,calc(100% - 90px));margin:auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:48px;align-items:center;position:relative}
.avp-video-wrap{min-width:0;display:flex;justify-content:center}
.avp-video-wrap .video-js{width:100%;height:auto;aspect-ratio:16/9;background:#000}
.avp-info{text-align:right}
.avp-title{font-size:32px;line-height:1.35;margin:0 0 24px;font-weight:800}
.avp-desc{font-size:18px;line-height:1.8;color:#eee;white-space:pre-line}
.avp-share-row{display:flex;align-items:center;gap:12px;margin-top:28px}
.avp-share{border:0;background:#ff4b16;color:#fff;padding:11px 16px;cursor:pointer;font-weight:700}
.avp-close{position:fixed;top:28px;left:28px;width:44px;height:44px;border:0;border-radius:50%;background:#b8b8b8;color:#111;font-size:30px;line-height:1;cursor:pointer;z-index:2}
.avp-nav{position:fixed;left:11%;display:none;flex-direction:column;gap:14px}
.avp-nav button{width:48px;height:48px;border-radius:50%;border:0;background:#666;color:#fff;font-size:25px}
body.avp-no-scroll{overflow:hidden}

@media(max-width:900px){
 .avp-modal{overflow:auto}
 .avp-modal-inner{width:calc(100% - 32px);grid-template-columns:1fr;gap:24px;margin:80px auto 35px}
 .avp-title{font-size:25px;margin-bottom:12px}
 .avp-desc{font-size:16px}
 .avp-close{top:16px;left:16px}
}
@media(max-width:600px){
 .avp-modal-inner{width:100%;padding:0 14px}
 .avp-video-wrap .video-js{aspect-ratio:9/16;max-height:68vh}
 .avp-info{padding-bottom:25px}
}