/* Actual house photographs introduce the amenities; the complete list remains
   compact and every existing gallery shortcut stays available. */
#kemudahan .amenities-grid{display:block}
#kemudahan .amenities-featured,#kemudahan .amenities-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px}
#kemudahan .amenities-details{margin-top:20px}
#kemudahan .amenity{min-width:0;border-radius:var(--radius);box-shadow:var(--shadow-card)}
#kemudahan .amenity--featured{display:block;padding:18px}
#kemudahan .amenity-copy{min-width:0;margin-top:12px}
#kemudahan .amenity--featured h3,#kemudahan .amenity--featured h2{margin:0 0 8px;font-size:1.05rem;line-height:1.45}
#kemudahan .amenity-copy>p{margin:0;font-size:.875rem;line-height:1.6}
#kemudahan .amenity-copy>.amenity-photo{margin-top:8px;font-size:.8125rem;line-height:1.45}
#kemudahan .amenity-copy>.amenity-photo+.amenity-photo{margin-top:0}
#kemudahan .amenity--featured>.amenity-photo{width:100%;justify-self:stretch;grid-column:1/-1}
#kemudahan .amenity--featured>.amenity-photo[data-amenity-preview]{display:block;min-width:0;margin:0;text-decoration:none;border-radius:var(--radius-control)}
#kemudahan [data-amenity-preview] picture{display:block;overflow:hidden;border-radius:var(--radius-control);background:var(--surface)}
#kemudahan [data-amenity-preview] img{width:100%;aspect-ratio:16/10;object-fit:cover}
#kemudahan [data-amenity-preview][data-portrait] img{object-fit:contain}
#kemudahan .amenity-photo-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding-top:8px;font-size:.8rem;line-height:1.45;text-decoration:underline;text-underline-offset:4px}
#kemudahan .amenity-photo-caption>.icon{width:17px;height:17px}
#kemudahan .amenity:not(.amenity--featured){display:grid;grid-template-columns:28px minmax(0,1fr);align-content:start;gap:6px 14px;padding:22px}
#kemudahan .amenity:not(.amenity--featured)>.icon{grid-row:1/3;margin:0;width:26px;height:26px}
#kemudahan .amenity:not(.amenity--featured)>h3,#kemudahan .amenity:not(.amenity--featured)>h2{margin:0;font-size:1rem;line-height:1.5}
#kemudahan .amenity:not(.amenity--featured)>p,#kemudahan .amenity:not(.amenity--featured)>.amenity-photo{grid-column:2;min-width:0}
#kemudahan .amenity:not(.amenity--featured)>.amenity-photo{margin-top:4px}
@media(max-width:900px){
  #kemudahan .amenities-featured{grid-template-columns:1fr;gap:14px}
  #kemudahan .amenities-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
  #kemudahan .amenity--featured{padding:18px}
  #kemudahan .amenity:not(.amenity--featured){padding:18px}
}
@media(min-width:601px) and (max-width:900px){
  #kemudahan .amenity--featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:start}
  #kemudahan .amenity--featured>.amenity-photo{grid-column:auto}
  #kemudahan .amenity-copy{margin-top:0}
}
@media(max-width:600px){
  #kemudahan .amenities-details{grid-template-columns:1fr}
  #kemudahan .amenity--featured{padding:16px}
  #kemudahan .amenity:not(.amenity--featured){padding:16px;grid-template-columns:24px minmax(0,1fr);gap:6px 12px}
  #kemudahan .amenity:not(.amenity--featured)>.icon{width:24px;height:24px}
}
