.customer-video-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.customer-video { min-width: 0; display: flex; flex-direction: column; }
.customer-video-frame { aspect-ratio: 9/16; background: #111; overflow: hidden; border-radius: 6px; margin-bottom: 20px; }
.customer-video-frame video,.customer-video-frame iframe { width: 100%; height: 100%; display: block; border: 0; object-fit: contain; }
.customer-video h3 { font-size: 21px; line-height: 1.25; margin-bottom: 12px; }
.customer-video p { font-size: 16px; line-height: 1.6; margin-bottom: 15px; }
.customer-video .video-source { font-size: 14px; font-weight: 650; margin-top: auto; align-self: start; padding: 6px 0; }
.video-source span { margin-left: 6px; }
.fitting-film { margin-top: 60px; padding-top: 48px; border-top: 1px solid #c7d1c9; }
@media(max-width:1100px) { .customer-video-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px 24px; } }
@media(max-width:600px) { .customer-video-grid { grid-template-columns: minmax(0,1fr); gap: 36px; } .customer-video-frame { max-height: 620px; width: 100%; } .fitting-film { margin-top: 44px; padding-top: 36px; } }