/* =========================================================
   BWET COMPACT MEDIA PASS — 2026-09-17
   Loaded last on public pages. Reduces visual image footprint
   without shrinking logos/icons or changing application logic.
   ========================================================= */

/* Home automatic showcase */
.home-slider{
  min-height:clamp(250px,22vw,330px)!important;
  max-width:1480px!important;
}
.promo-slide-content{
  padding-top:clamp(28px,4vw,48px)!important;
  padding-bottom:clamp(28px,4vw,48px)!important;
}

/* Home service bands */
.division,
.division-media{
  min-height:460px!important;
}
.division-media{
  max-height:460px!important;
}

/* Home leadership portraits */
.founder-grid,
.founder-photo,
.media-director-grid,
.media-director-photo{
  min-height:420px!important;
}
.founder-photo,
.media-director-photo{
  max-height:420px!important;
}

/* Home highlight images */
.gallery .gallery-grid{
  grid-template-rows:300px!important;
}

/* Events / Keep Fit top media */
.events-hero-grid,
.keepfit-hero-grid{
  min-height:360px!important;
}
.events-hero-media,
.keepfit-hero-media{
  min-height:360px!important;
  max-height:360px!important;
}

/* Keep Fit community image */
.community-media{
  min-height:390px!important;
  max-height:410px!important;
}

/* Tourism destination cards */
.destination-row{
  min-height:220px!important;
}
.destination-image{
  min-height:220px!important;
  max-height:240px!important;
}

/* Event/Tour list thumbnails */
.listing-media{
  width:120px!important;
  height:78px!important;
}
.event-row.has-gallery-media,
.trip-row.has-gallery-media{
  grid-template-columns:82px 120px minmax(0,1.15fr) minmax(150px,.5fr) minmax(100px,.32fr) auto!important;
}

/* Event / tourism detail pages */
.detail-hero-grid,
.detail-grid{
  min-height:480px!important;
}
.detail-hero-image,
.detail-hero-media,
.detail-media{
  min-height:480px!important;
  max-height:480px!important;
}
.experience-media-card>img,
.experience-media-card>.experience-video,
.experience-media-card>.experience-video-frame{
  height:250px!important;
}

/* Generic page hero media from the older public shell */
.page-hero-grid{
  min-height:420px!important;
}
.page-hero-media{
  min-height:420px!important;
  max-height:420px!important;
}
.band-media{
  min-height:440px!important;
  max-height:440px!important;
}
.founder-image{
  min-height:460px!important;
  max-height:460px!important;
}

/* Foundation photographic hero */
.hero,
.hero-inner{
  min-height:520px!important;
}
.hero-inner{
  padding-top:72px!important;
  padding-bottom:64px!important;
}

/* Public gallery masonry */
#galleryGrid.gallery-grid{
  grid-auto-rows:68px!important;
}

/* Shop catalogue images */
.product-media{
  aspect-ratio:4/3!important;
  max-height:175px!important;
}
.product-media img{
  object-fit:contain!important;
  object-position:center!important;
  background:#eee8dc!important;
}

/* Transaction thumbnails */
.cart-image{
  width:68px!important;
  height:68px!important;
}
.drawer-item{
  grid-template-columns:58px minmax(0,1fr) auto!important;
}
.drawer-item img{
  width:58px!important;
  height:66px!important;
}

/* Contact brand panel if present on legacy variants */
.contact-brand-panel{
  min-height:340px!important;
}
.contact-brand-logo img{
  width:min(42%,260px)!important;
}

/* Keep image hover effects subtle: image areas stay visually compact. */
.division-media:hover img,
.gallery-item:hover img,
.gallery-card:hover img,
.destination-row:hover .destination-image img,
.product-item:hover .product-media img,
.band-media:hover img{
  transform:none!important;
}

@media(max-width:900px){
  .home-slider{min-height:310px!important}
  .division,
  .division-media{min-height:340px!important}
  .division-media{max-height:340px!important}
  .founder-grid,
  .founder-photo,
  .media-director-grid,
  .media-director-photo{min-height:360px!important}
  .founder-photo,
  .media-director-photo{max-height:360px!important}
  .gallery .gallery-grid{grid-template-rows:250px!important}
  .events-hero-media,
  .keepfit-hero-media{min-height:300px!important;max-height:300px!important}
  .community-media{min-height:340px!important;max-height:360px!important}
  .page-hero-media,
  .detail-hero-image,
  .detail-hero-media,
  .detail-media{min-height:360px!important;max-height:360px!important}
  .detail-hero-grid,
  .detail-grid,
  .page-hero-grid{min-height:360px!important}
  .band-media{min-height:330px!important;max-height:330px!important}
  .founder-image{min-height:380px!important;max-height:380px!important}
  .hero,.hero-inner{min-height:440px!important}
  #galleryGrid.gallery-grid{grid-auto-rows:190px!important}
  .experience-media-card>img,
  .experience-media-card>.experience-video,
  .experience-media-card>.experience-video-frame{height:220px!important}
  .product-media{max-height:190px!important}
  .event-row.has-gallery-media,
  .trip-row.has-gallery-media{grid-template-columns:70px 104px minmax(0,1fr) auto!important}
  .listing-media{width:104px!important;height:70px!important}
}

@media(max-width:620px){
  .home-slider{
    min-height:360px!important;
    width:calc(100% - 14px)!important;
  }
  .promo-slide-content{
    padding-top:130px!important;
    padding-bottom:26px!important;
  }
  .division,
  .division-media{min-height:270px!important}
  .division-media{max-height:270px!important}
  .founder-grid,
  .founder-photo,
  .media-director-grid,
  .media-director-photo{min-height:300px!important}
  .founder-photo,
  .media-director-photo{max-height:300px!important}
  .gallery .gallery-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:210px 210px!important;
  }
  .events-hero-media,
  .keepfit-hero-media{min-height:240px!important;max-height:240px!important}
  .community-media{min-height:280px!important;max-height:300px!important}
  .destination-image{min-height:180px!important;max-height:190px!important}
  .page-hero-media,
  .detail-hero-image,
  .detail-hero-media,
  .detail-media{min-height:280px!important;max-height:280px!important}
  .detail-hero-grid,
  .detail-grid,
  .page-hero-grid{min-height:280px!important}
  .band-media{min-height:270px!important;max-height:270px!important}
  .founder-image{min-height:320px!important;max-height:320px!important}
  .hero,.hero-inner{min-height:390px!important}
  .hero-inner{padding-top:54px!important;padding-bottom:50px!important}
  #galleryGrid.gallery-grid{grid-auto-rows:190px!important}
  .experience-media-card>img,
  .experience-media-card>.experience-video,
  .experience-media-card>.experience-video-frame{height:190px!important}
  .product-media{aspect-ratio:16/10!important;max-height:190px!important}
  .cart-image{width:58px!important;height:58px!important}
  .event-row.has-gallery-media,
  .trip-row.has-gallery-media{grid-template-columns:54px minmax(0,1fr)!important}
  .listing-media{grid-column:2!important;width:100%!important;height:135px!important;margin-bottom:4px!important}
}
