.media-embed {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
  margin: 20px 0;
}

.media-embed__video,
.media-embed__short {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background: #1a1a1a;
}

.media-embed__video {
  width: 280px;
  max-width: 100%;
  aspect-ratio: 16 / 9;
}

.media-embed__short {
  width: 148px;
  aspect-ratio: 9 / 16;
}

.media-embed__frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.blog-article-text p:has(iframe) {
  display: inline-block;
  width: 280px;
  max-width: 100%;
  margin: 0 12px 12px 0;
  vertical-align: top;
}

.blog-details-area .details-img iframe:not(.media-embed__frame),
.blog-article-text iframe,
.product-details-area .bottom-description iframe:not(.media-embed__frame) {
  width: 100% !important;
  max-width: 420px;
  height: auto !important;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: 12px;
    margin: 10px 7px 10px 0;
}

@media (max-width: 575px) {
  .media-embed {
    gap: 10px;
    margin: 16px 0;
  }

  .media-embed__video,
  .blog-article-text p:has(iframe) {
    width: min(280px, 100%);
  }

  .media-embed__short {
    width: 132px;
  }
}