/* pdp_video */

.lqsp-video-section {
  font-family: var(--loq-font-family);
}

.lq-video-inner {
  max-width: var(--loq-container, 1376px);
  margin: 0 auto;
  padding: 0 var(--loq-gutter, 16px);
}

@media (min-width: 768px) {
  .lq-video-inner {
    padding: 0 var(--loq-gutter-lg, 24px);
  }
}

.lq-video-header {
  margin-bottom: 20px;
}

.lq-video-title {
  font-family: var(--loq-font-family);
  font-weight: var(--loq-font-semibold, 600);
  color: var(--loq-text, #0D1214);
  font-size: 1.5rem;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .lq-video-title { font-size: 1.75rem; }
}

.lq-video-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
  background: #000;
}

.lq-video-frame video,
.lq-video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.lq-video-native {
  object-fit: cover;
}

/* Direct GDS v1 consumer: pdp video */
html[data-gds-version="1"] .lqsp-video-section { color:var(--gds-color-text);font-family:var(--gds-font-body); }
html[data-gds-version="1"] .lqsp-video-section :is(iframe,video) { border-radius:var(--gds-media-radius); }

/* Module-owned conventional heading consumes the GDS type scale. */
html[data-gds-version="1"] .lqsp-video-section h2 {
  color: var(--gds-color-text);
  font-family: var(--gds-font-heading);
  font-size: var(--gds-font-size-h2);
  font-weight: var(--gds-font-weight-heading);
  line-height: var(--gds-line-height-heading);
}
html[data-gds-version="1"] .lqsp-video-section h3 {
  color: var(--gds-color-text);
  font-family: var(--gds-font-heading);
  font-size: var(--gds-font-size-h3);
  font-weight: var(--gds-font-weight-heading);
  line-height: var(--gds-line-height-heading);
}