.yls-wrapper{max-width:100%;position:relative;overflow:hidden}
/* Make placeholder fill wrapper and enforce 16:9 when wrapper has no explicit height */
.yls-wrapper:not([style*="height:"]){
  aspect-ratio: 16/9;
}
.yls-placeholder{position:absolute;inset:0;cursor:pointer;background:#000;color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
.yls-placeholder .yls-thumb{display:block;width:100%;height:100%;object-fit:cover}
.yls-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}
.yls-badge{position:absolute;top:8px;left:8px;background:#ffd54f;color:#000;padding:6px 10px;border-radius:6px;font-weight:800;font-size:13px;z-index:5;box-shadow:0 3px 8px rgba(0,0,0,0.25)}
.yls-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 20px;background:rgba(0,0,0,0.88);color:#fff;font-size:15px;text-align:center;opacity:0;max-width:90%;border-radius:10px;z-index:6;transition:opacity .15s}
.yls-overlay-inner .yls-title{display:block;font-size:17px;margin-bottom:8px;color:#ffd54f}
.yls-overlay-inner .yls-desc{font-size:14px;margin-bottom:12px;opacity:0.95}
.yls-load-btn{background:#e62117;color:#fff;border:0;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:800}
.yls-placeholder.yls-confirm .yls-overlay{opacity:1}

/* loaded iframe defaults */
.yls-loaded-iframe{width:100%;height:100%;border:0;display:block}

/* keep responsive 16:9 if no explicit height given */
.yls-wrapper:not([style*="height:"]){
  aspect-ratio: 16/9;
}

/* loaded iframe defaults */
.yls-loaded-iframe{width:100%;height:100%;border:0}