/* Amenities At A Glance — custom toggle (no Swiper)
   Designed to match static layout: left toggle column + right gray polygon panel.
*/

.aag_card{
  position:relative;
  display:flex;
  justify-content:space-between;
  margin-bottom:4.635vw;
}

/* Left toggle column */
.aag_left{
  width:30%;
  padding:0 0 0 7.292vw;
  position:relative;
  box-sizing:border-box;
}

.aag_btn{
  display:block;
  width:100%;
  text-align:left;
  background:none;
  border:0;
  padding:0;
  margin:0 0 3.5vw 0;
  cursor:pointer;
}

.aag_btn h4{
  margin:0 0 .55vw 0;
}

.aag_btn.is-active h4{
  opacity:1;
}

.aag_btn:not(.is-active) h4{
  opacity:.55;
}

/* Right panel + polygon */
.aag_right{
  position:relative;
  width:66%;
  height:44.479vw;
  overflow:hidden;
}

.aag_right:before{
  content:"";
  position:absolute;
  inset:0;
  background-color:#EDEEEF;
  -webkit-clip-path:polygon(32% 0px, 100% 0%, 100% 100%, 0 85%);
  clip-path:polygon(32% 0px, 100% 0%, 100% 100%, 0 85%);
  z-index:0;
}

/* Panels */
.aag_panel{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
  z-index:1;
}

.aag_panel.is-active{
  opacity:1;
  pointer-events:auto;
}

.aag_panel_inner{
  height:100%;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  padding:4vw 7.292vw 0 0;
  box-sizing:border-box;
}

/* Image (background) */
.aag_img{
  width:64%;
  height:32.552vw;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}

.aag_img.is-full-4th{
  background-position:top;
  width:75%;
  position:relative;
  top:-2vw;
  left:3vw;
}

/* Responsive */
@media (max-width: 991px){
  .aag_card{ flex-direction:column; }
  .aag_left{ width:100%; padding:0 6vw; margin-bottom:6vw; }
  .aag_right{ width:100%; height:70vw; }
  .aag_panel_inner{ padding:6vw 6vw 0 0; }
  .aag_img{ width:78%; height:52vw; }
}