.m3c-product-videos { clear: both; width: 100%; max-width: none; box-sizing: border-box; margin: 2rem 0; padding: clamp(1rem, 3vw, 1.5rem); background: #f5f7fa; border: 1px solid #dce3eb; border-radius: 16px; text-align: left; }
.m3c-product-videos h2 { margin: 0 0 .5rem; font-size: clamp(1.35rem, 2.5vw, 1.8rem); }
.m3c-product-videos p { margin: .5rem 0 1rem; font-size: 1rem; line-height: 1.5; }
.m3c-product-video { display: block; width: 100%; margin-inline: auto; height: auto; object-fit: contain; background: #101820; border-radius: 10px; }
.m3c-video-playlist { display: grid; gap: .5rem; padding: 0; margin: 0; list-style: none; }
.m3c-video-playlist a { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .75rem 1rem; min-height: 44px; box-sizing: border-box; border: 1px solid #bdc9d7; border-radius: 8px; color: #174e7a; background: #fff; text-decoration: none; font-size: 1rem; font-weight: 600; }
.m3c-video-playlist a[aria-current="true"] { background: #1261a6; border-color: #1261a6; color: #fff; }
.m3c-video-playlist a:hover { text-decoration: underline; }
.m3c-video-playlist a:focus-visible { outline: 3px solid #1261a6; outline-offset: 3px; }
.m3c-video-duration { font-variant-numeric: tabular-nums; font-weight: 400; }
.m3c-product-videos .m3c-video-status { font-size: .9rem; color: #465364; margin: .75rem 0; }