/* ==========================================
   User fixes v4
   - fasilitas lebih rapi
   - kegiatan Makala pakai foto nyata yang tersedia
   ========================================== */

/* Facilities layout refinement */
#fasilitas .section-heading{
  margin-bottom:24px !important;
}
#fasilitas .facility-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,.8fr);
  grid-template-rows:255px 255px;
  gap:14px;
  align-items:stretch;
}
#fasilitas .facility-grid .facility-card{
  height:100%;
  min-height:0;
  border-radius:22px;
  overflow:hidden;
  position:relative;
  box-shadow:0 10px 24px rgba(59,5,12,.06);
}
#fasilitas .facility-grid .facility-card:first-child{
  grid-row:1 / span 2;
}
#fasilitas .facility-grid .facility-card img,
#fasilitas .facility-more .facility-card img,
#kegiatan-makala .activity-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
#fasilitas .facility-grid .facility-card:first-child img{
  object-position:center 55%;
}
#fasilitas .facility-grid .facility-card:nth-child(2) img{
  object-position:center 58%;
}
#fasilitas .facility-grid .facility-card:nth-child(3) img{
  object-position:center 56%;
}

#fasilitas .facility-more{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
#fasilitas .facility-more .facility-card{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  min-height:220px;
  box-shadow:0 8px 20px rgba(59,5,12,.05);
}
#fasilitas .facility-more .facility-card img{
  object-position:center 48%;
}
#fasilitas .facility-more .facility-card:nth-child(1) img{ object-position:center 42%; }
#fasilitas .facility-more .facility-card:nth-child(2) img{ object-position:center 60%; }
#fasilitas .facility-more .facility-card:nth-child(3) img{ object-position:center 52%; }
#fasilitas .facility-more .facility-card:nth-child(4) img{ object-position:center 55%; }
#fasilitas .facility-more .facility-card:nth-child(5) img{ object-position:center 46%; }
#fasilitas .facility-more .facility-card:nth-child(6) img{ object-position:center 52%; }
#fasilitas .facility-more .facility-card:nth-child(7) img{ object-position:center 55%; }

#fasilitas .facility-grid .facility-card div,
#fasilitas .facility-more .facility-card div,
#kegiatan-makala .activity-card div{
  position:absolute;
  left:18px;
  right:18px;
  bottom:16px;
}
#fasilitas .facility-grid .facility-card strong,
#fasilitas .facility-more .facility-card strong,
#kegiatan-makala .activity-card strong{
  display:block;
}
#fasilitas .facility-grid .facility-card span,
#fasilitas .facility-more .facility-card span,
#kegiatan-makala .activity-card span{
  display:block;
  color:#efdce0;
  font-size:.72rem;
  line-height:1.45;
}

/* Kegiatan Makala */
#kegiatan-makala .section-heading{
  margin-bottom:24px !important;
}
#kegiatan-makala .activity-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.9fr);
  grid-template-rows:240px 240px;
  gap:14px;
}
#kegiatan-makala .activity-card{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  min-height:0;
  box-shadow:0 10px 24px rgba(59,5,12,.06);
  background:#ebe6e5;
}
#kegiatan-makala .activity-card:first-child{
  grid-row:1 / span 2;
}
#kegiatan-makala .activity-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:52%;
  background:linear-gradient(transparent, rgba(24,4,7,.82));
}
#kegiatan-makala .activity-card:nth-child(1) img{ object-position:center 55%; }
#kegiatan-makala .activity-card:nth-child(2) img{ object-position:center 52%; }
#kegiatan-makala .activity-card:nth-child(3) img{ object-position:center 52%; }
#kegiatan-makala .activity-card:nth-child(4) img{ object-position:center 50%; }
#kegiatan-makala .activity-card:nth-child(5) img{ object-position:center 50%; }

.activity-section.section{
  padding-top:34px !important;
  padding-bottom:40px !important;
}

/* Floating consult small adjustment */
.consult-float{
  max-width:210px !important;
}
.consult-float__copy b{
  font-size:.86rem !important;
  line-height:1.16 !important;
}

@media(max-width:1050px){
  #fasilitas .facility-grid{
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:260px 185px !important;
  }
  #fasilitas .facility-grid .facility-card:first-child{
    grid-column:1 / span 2;
    grid-row:1 !important;
  }
  #fasilitas .facility-grid .facility-card:nth-child(2){
    grid-column:1;
    grid-row:2;
  }
  #fasilitas .facility-grid .facility-card:nth-child(3){
    grid-column:2;
    grid-row:2;
  }
  #fasilitas .facility-more{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  #kegiatan-makala .activity-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:250px 230px 230px;
  }
  #kegiatan-makala .activity-card:first-child{
    grid-column:1 / span 2;
    grid-row:1;
  }
}
@media(max-width:780px){
  #fasilitas .facility-grid{
    grid-template-columns:1fr !important;
    grid-template-rows:230px 190px 190px !important;
  }
  #fasilitas .facility-grid .facility-card:first-child,
  #fasilitas .facility-grid .facility-card:nth-child(2),
  #fasilitas .facility-grid .facility-card:nth-child(3){
    grid-column:auto !important;
    grid-row:auto !important;
  }
  #fasilitas .facility-more{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  #fasilitas .facility-more .facility-card{
    min-height:180px !important;
  }
  #kegiatan-makala .activity-grid{
    grid-template-columns:1fr !important;
    grid-template-rows:none !important;
  }
  #kegiatan-makala .activity-card,
  #kegiatan-makala .activity-card:first-child{
    min-height:220px;
    grid-column:auto !important;
    grid-row:auto !important;
  }
}