/* Final hero media placement and requested vertical sample-card restoration. */

.product-members-page::before {
  content: none !important;
}

.product-members-page > .pointer-events-none.absolute.inset-0:first-child {
  z-index: 0;
}

.product-members-page > .relative {
  z-index: 1;
}

.detail-frame-shell.section-frame-products {
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.94)),
    url("/media/product-exclusive-title-background-20260726.gif") !important;
  background-position: center !important;
  background-size: cover !important;
}

.detail-frame-shell.codex-universe-video-hero {
  overflow: hidden;
  background-image: none !important;
  background-color: #020607 !important;
}

.codex-universe-hero-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}

@media (max-width: 767px) {
  .detail-frame-shell.section-frame-products {
    background-position: center !important;
  }

  .codex-universe-hero-video {
    object-position: center;
  }

  html body #amostras-membros .member-sample-stage {
    height: clamp(30rem, 128vw, 39rem) !important;
    min-height: clamp(30rem, 128vw, 39rem) !important;
  }

  html body #amostras-membros .member-sample-card {
    width: min(68vw, 18rem) !important;
    height: min(104vw, 29rem) !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
  }

  html body #amostras-membros .member-sample-card > img,
  html body #amostras-membros .member-sample-card > video,
  html body #amostras-membros .member-sample-card > .echo-admin-media-layer,
  html body #amostras-membros .member-sample-card [data-echo-admin-native-media="true"] {
    object-fit: cover !important;
    object-position: center !important;
    background: #050302 !important;
  }
}