/* Witzzart M1.2.6: desktop grid and image proportions. Loaded after m125.
   Scoped to experience results; no JavaScript or booking changes. */
@media (min-width: 992px) {
  .airbnb-full-width-container:has(#desktopEventsGrid) { max-width: 1600px !important; width: 100% !important; }
  #desktopEventsGrid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(18px, 2vw, 28px) !important;
    width: 100% !important;
    max-width: none !important;
    justify-content: stretch !important;
    align-items: stretch;
  }
  #desktopEventsGrid > .airbnb-col { width: 100% !important; max-width: none !important; min-width: 0 !important; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #desktopEventsGrid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:20px!important; }
  #desktopEventsGrid > .airbnb-col { width:100%!important;max-width:none!important;min-width:0!important; }
}
/* Banner area is deliberately shorter than the old 3:2 panel; the banner fills the
   frame (cover). Banners are cropped to 16:9 in Create Event, so nothing is lost. */
#desktopEventsGrid .airbnb-card-image-wrapper,
#mobileEventsScroll .airbnb-card-image-wrapper {
  aspect-ratio: 16 / 9 !important;
  padding-top: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  border-radius: 18px 18px 0 0 !important;
  background: linear-gradient(135deg,#f8f5f2,#eae3de) !important;
}
#desktopEventsGrid .airbnb-card-image,
#mobileEventsScroll .airbnb-card-image {
  position: absolute !important;
  inset: 0 !important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
#desktopEventsGrid .airbnb-listing-card,
#mobileEventsScroll .airbnb-listing-card { display:flex;flex-direction:column;min-width:0; }
#desktopEventsGrid .airbnb-card-content,
#mobileEventsScroll .airbnb-card-content { flex:1; }
@media (max-width:575.98px) {
  #desktopEventsGrid .airbnb-card-image-wrapper,
  #mobileEventsScroll .airbnb-card-image-wrapper {
    aspect-ratio: 16 / 10 !important;
    padding-top:0!important;
  }
}