.evg-carousel-wrap{position:relative;display:flex;align-items:center;gap:12px}
.evg-carousel{overflow:hidden;width:100%;display:flex;align-items:center;padding:24px 0}
.evg-carousel-inner{display:flex}
.evg-slide{flex:0 0 60%;max-width:60%;margin:0 12px;position:relative;transition:transform .4s ease,opacity .4s ease;transform-origin:center center;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.evg-slide .evg-thumb-img{width:100%;height:auto;display:block}
.evg-slide .evg-play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center}
.evg-slide .evg-play-circle:after{content:'';display:inline-block;margin-left:6px;border-style:solid;border-width:14px 0 14px 20px;border-color:transparent transparent transparent #fff}
.evg-slide-title{text-align:center;padding:10px 6px;font-size:15px;background:transparent}
.evg-slide.inactive{opacity:.4;transform:scale(.85)}
.evg-slide.center{transform:scale(1);opacity:1}
.evg-nav{background:#0b6b38;color:#fff;border:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.evg-nav:focus{outline:2px solid #ffffff33}

/* make side peeks visible */
.evg-carousel{padding:12px 0}
.evg-slide{box-sizing:border-box}

/* modal */
.evg-modal{position:fixed;left:0;top:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;z-index:99999}
.evg-modal[aria-hidden="false"]{display:flex}
.evg-modal-backdrop{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.75)}
.evg-modal-inner{position:relative;max-width:1100px;width:90%;z-index:2}
.evg-player-wrap{position:relative;padding-top:56.25%;background:#000}
.evg-player{position:absolute;left:0;top:0;width:100%;height:100%}
.evg-modal-close{position:absolute;right:-18px;top:-18px;background:#fff;border-radius:50%;width:36px;height:36px;border:0;font-size:22px;line-height:36px;cursor:pointer;z-index:3}

/* responsive tweaks */
@media(max-width:900px){.evg-slide{flex:0 0 80%;max-width:80%}.evg-nav{display:none}}
@media(max-width:600px){.evg-slide{flex:0 0 100%;max-width:100%}}

/* small RTL helpers (if your theme adds body.rtl) */
body.rtl .evg-carousel-wrap { direction: rtl; }
body.rtl .evg-prev { right: 0; left: auto; transform: rotate(180deg); }
body.rtl .evg-next { left: 0; right: auto; transform: rotate(180deg); }