deferred-media {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  width: 100%;
  height: 100%;
  position: relative;
}
deferred-media [data-media-loading-icon] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
deferred-media [data-media-loading-icon] svg {
  color: var(--body-color);
  width: 50px;
  height: 50px;
}
deferred-media iframe,
deferred-media model-viewer,
deferred-media video {
  width: 100%;
  max-width: 100%;
  pointer-events: none;
}
deferred-media iframe,
deferred-media video {
  background-color: #000;
  border: 0;
}
deferred-media[data-show-controls="false"] iframe.pointer-events-none {
  pointer-events: none !important;
}
deferred-media .deferred-media-poster-image,
deferred-media div[data-media-wrapper] {
  grid-row: 1/2;
  grid-column: 1/2;
}
deferred-media .deferred-media-poster-image {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  order: 1;
}
deferred-media
  .deferred-media-poster-image:has(.media-ratio--adapt_to_first_image),
deferred-media .deferred-media-poster-image:has(.media-ratio--original) {
  height: 100%;
}
deferred-media .deferred-media-poster-image .media-ratio--adapt_to_first_image,
deferred-media .deferred-media-poster-image .media-ratio--original {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
}
deferred-media div[data-media-wrapper] {
  order: 2;
}
deferred-media
  div[data-media-wrapper].external-media-ratio--adapt_to_first_image,
deferred-media div[data-media-wrapper].external-media-ratio--original,
deferred-media div[data-media-wrapper].external-media-ratio--square,
deferred-media div[data-media-wrapper].external-media-ratio--tall,
deferred-media div[data-media-wrapper].external-media-ratio--wide {
  position: relative;
  width: 100%;
  height: 100%;
}
deferred-media
  div[data-media-wrapper].external-media-ratio--adapt_to_first_image
  .shopify-model-viewer-ui,
deferred-media
  div[data-media-wrapper].external-media-ratio--adapt_to_first_image
  iframe,
deferred-media
  div[data-media-wrapper].external-media-ratio--adapt_to_first_image
  video,
deferred-media
  div[data-media-wrapper].external-media-ratio--original
  .shopify-model-viewer-ui,
deferred-media div[data-media-wrapper].external-media-ratio--original iframe,
deferred-media div[data-media-wrapper].external-media-ratio--original video,
deferred-media
  div[data-media-wrapper].external-media-ratio--square
  .shopify-model-viewer-ui,
deferred-media div[data-media-wrapper].external-media-ratio--square iframe,
deferred-media div[data-media-wrapper].external-media-ratio--square video,
deferred-media
  div[data-media-wrapper].external-media-ratio--tall
  .shopify-model-viewer-ui,
deferred-media div[data-media-wrapper].external-media-ratio--tall iframe,
deferred-media div[data-media-wrapper].external-media-ratio--tall video,
deferred-media
  div[data-media-wrapper].external-media-ratio--wide
  .shopify-model-viewer-ui,
deferred-media div[data-media-wrapper].external-media-ratio--wide iframe,
deferred-media div[data-media-wrapper].external-media-ratio--wide video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

deferred-media .type-youtube iframe {
  width: 470% !important;
  height: 100% !important;
  position: absolute !important;
  max-width: none !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: auto;
}


.deferred-media-poster-image {
  /* padding-top: 0px !important; */
}


.deferred-media-poster-image ~ .type-youtube iframe {
   width: 100% !important;
}