/* =====================================================
   Conrad (Theme Mountain)
   Gallery Grid – Force 16:10 aspect ratio
   ===================================================== */

.grid-item {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  height: auto !important;
  overflow: hidden;
}

/* Remove Conrad default 3:2 ratio */
.grid-item::before {
  content: none !important;
}

/* Media inside grid item */
.grid-item img,
.grid-item video,
.grid-item iframe {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  /* object-fit: contain; */
}

/* Conrad internal wrappers */
.grid-item .thumbnail,
.grid-item .media,
.grid-item .content,
.grid-item .overlay {
  width: 100%;
  height: 100%;
}

/* Fallback – older browsers */
@supports not (aspect-ratio: 16 / 10) {
  .grid-item {
    height: 0 !important;
    padding-bottom: 62.5%;
  }

  .grid-item img,
  .grid-item video,
  .grid-item iframe {
    position: absolute;
    top: 0;
    left: 0;
  }
}