/* Make iframes responsive on mobile */
.container .row .col-lg-6 {
  padding: 10px;
}

/* Responsive iframe wrapper */
.col-lg-6 iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  display: block;
  border-radius: 8px;
}

/* Stack videos vertically and center on mobile */
@media (max-width: 768px) {
  .container .row {
    flex-direction: column;
    align-items: center;
  }

  .col-lg-6,
  .col-md-6 {
    width: 100% !important;
    max-width: 100%;
    padding: 8px 12px;
  }

  .col-lg-6 iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    min-height: unset;
  }
}

/* Page header text alignment on mobile */
@media (max-width: 576px) {
  .page-header h1 {
    font-size: 2rem;
  }

  .breadcrumb {
    font-size: 0.85rem;
  }
}