.applications-carousel{display:flex;gap:24px;width:100%;}
.app-slide{position:relative;flex:1;height:615px;border-radius:28px;background-size:cover;background-position:center;overflow:hidden;cursor:pointer;transition:flex .65s cubic-bezier(.2,.8,.2,1);}
.app-slide.is-active{flex:2.35;}
.app-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55));z-index:1;}

.app-index{
  position:absolute;top:24px;right:24px;
  width:56px;height:56px;border-radius:18px;
  background:#fff;color:#2b5a4a;
  font-weight:700;display:flex;align-items:center;justify-content:center;
  z-index:6;
}

.slide-title{
  position:absolute;left:28px;right:28px;bottom:24px;
  color:#fff;font-size:22px;font-weight:600;z-index:2;
}
.app-slide.is-active .slide-title{opacity:0;}

.hover-panel{
  position:absolute;left:0;top:0;
  width:50%;height:100%;
  z-index:5;
  transform:translateX(-102%);
  transition:transform .65s cubic-bezier(.2,.8,.2,1);
  display:flex;align-items:center;
}
.app-slide.is-active .hover-panel{transform:translateX(0);}

.hover-inner{
  padding:56px 44px;max-width:420px;
  opacity:0;
  transform:translateX(-40px);
  transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .65s ease;
}
.app-slide.is-active .hover-inner{
  opacity:1;transform:translateX(0);
}

.panel-btn{display:inline-flex;width:max-content;}
.app-slide:not(.is-active) .panel-btn{display:none;}

.panel-title{font-size:44px;margin:0 0 18px 0;}
.panel-text{margin:0 0 26px 0;line-height:1.55;font-size:16px;max-width:360px;color:#ffffff;}

.app-slide[data-slide="1"]{background-image:url('/wp-content/uploads/2026/01/01.jpg');}
.app-slide[data-slide="2"]{background-image:url('/wp-content/uploads/2026/01/02.jpg');}
.app-slide[data-slide="3"]{background-image:url('/wp-content/uploads/2026/01/03.jpg');}
.app-slide[data-slide="4"]{background-image:url('/wp-content/uploads/2026/01/04.jpg');}

@media (max-width:900px){
.applications-carousel{flex-direction:column;}
.app-slide,.app-slide.is-active{flex:1;height:480px;}
.hover-panel{position:relative;width:100%;transform:none;}
.hover-inner{opacity:1;transform:none;}
.slide-title{display:none;}
}