/* Shared banner pilot: Activities, Aqua Mania and Cupecoy only. */
.vsm-site-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #e8eef3;
}

.vsm-site-banner__media,
.vsm-site-banner__image,
.vsm-site-banner iframe {
  display: block;
  width: 100%;
}

.vsm-site-banner--category,
.vsm-site-banner--detail.vsm-site-banner--image {
  height: clamp(300px, 38vw, 560px);
}

.vsm-site-banner--category .vsm-site-banner__media,
.vsm-site-banner--category .vsm-site-banner__image,
.vsm-site-banner--detail.vsm-site-banner--image .vsm-site-banner__media,
.vsm-site-banner--detail.vsm-site-banner--image .vsm-site-banner__image {
  height: 100%;
}

.vsm-site-banner--category .vsm-site-banner__image,
.vsm-site-banner--detail.vsm-site-banner--image .vsm-site-banner__image {
  object-fit: cover;
  object-position: center top;
}

.vsm-site-banner--iframe,
.vsm-site-banner--iframe .vsm-site-banner__media,
.vsm-site-banner--iframe iframe {
  height: 600px;
}

.vsm-site-banner iframe {
  border: 0;
}

@media (max-width: 767px) {
  .vsm-site-banner--category,
  .vsm-site-banner--detail.vsm-site-banner--image {
    height: clamp(220px, 65vw, 300px);
  }
}