
.me-wrapper{overflow:hidden;position:relative;}
.me-track{display:flex;gap:40px;overflow-x:auto;scroll-snap-type:x mandatory;padding-left:7.5%;cursor:grab;}
.me-track::-webkit-scrollbar{display:none;}
.me-slide{flex:0 0 85%;scroll-snap-align:start;}
.me-card{position:relative;height:80vh;border-radius:16px;overflow:hidden;display:block;}
.me-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .2s;}
.me-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);}
.me-content{position:absolute;bottom:60px;left:60px;color:#fff;}
.me-content h2{font-size:40px;}
.me-subtitle{display:block;font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:.8;margin-bottom:10px;}
.me-pagination{display:flex;justify-content:center;gap:8px;margin-top:30px;}
.me-bullet{width:6px;height:6px;border-radius:50%;background:#ccc;cursor:pointer;transition:.3s;}
.me-bullet.active{background:var(--e-global-color-primary,#000);transform:scale(1.3);}

@media screen and (max-width: 720px) {
.me-content{bottom:20px;left:20px;}
.me-card{height:45vh;border-radius:12px;}
}

.me-bg {
  position: absolute;
  inset: -6%;
  background-size: cover;
  background-position: center;
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}