/* Patient information video library — Figma 1682:5443. */
.patient-videos-intro { position: relative; margin-top: -53px; }
.patient-videos-intro h1 { max-width: none; font-weight: 500; }
.patient-videos-intro .sumer-heading::before { top: -17px; }
.patient-videos-intro p { max-width: 461px; padding-top: 30px; font-size: 18px; line-height: 1.41; }
.patient-featured { display: grid; grid-template-columns: minmax(0,803fr) minmax(0,403fr); gap: 69px; margin-top: 73px; }
.patient-video-preview { position: relative; display: flex; align-items: center; justify-content: center; background: #3b302e; border: 0; padding: 0; width: 100%; aspect-ratio: 405 / 220; cursor: pointer; }
.patient-featured-preview { aspect-ratio: auto; min-height: 546px; }
.patient-play { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 9px #ffffff24; transition: transform .2s; }
.patient-play img { width: 22px; height: 22px; }
.patient-featured-preview .patient-play { width: 92px; height: 92px; box-shadow: 0 0 0 14px #ffffff24; }
.patient-featured-preview .patient-play img { width: 34px; height: 34px; }
.patient-video-preview:hover .patient-play { transform: scale(1.08); }
.patient-duration { position: absolute; right: 20px; bottom: 20px; padding: 5px 10px; background: #0009; color: #fff; font-size: 13px; }
.patient-featured-info { background: #fcf3f0; padding: 32px; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; min-width: 0; }
.patient-featured-label { display: flex; gap: 10px; align-items: center; font-size: 12px; font-weight: 500; letter-spacing: 2.4px; text-transform: uppercase; color: #9a4e43; }
.patient-featured-label > span { background: #fff; padding: 4px 9px; font-size: 11px; letter-spacing: 1.1px; color: #4a4442; }
.patient-videos-page main .patient-featured-info h2 { font-size: 32px; line-height: 38.4px; font-weight: 400; max-width: 277px; margin: 0; }
.patient-featured-description { max-width: 277px; font-size: 15px; line-height: 22px; color: #6b5f5d; }
.patient-featured-doctor { display: flex; align-items: center; gap: 14px; padding-block: 16px; border-block: 1px solid #ebd9d3; width: 100%; }
.patient-featured-doctor > img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.patient-featured-doctor h3 { margin: 0 0 2px; font-size: 19px; line-height: 1.3; font-weight: 400; }
.patient-featured-doctor p { font-size: 13px; line-height: 1.4; color: #6b5f5d; }
.patient-featured-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.patient-featured-actions a { min-height: 50px; padding-inline: 22px; }
.patient-featured-actions .sumer-icon { width: 17px; height: 17px; }
.patient-library { margin-top: 155px; }
.patient-library-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 28px; }
.patient-eyebrow { font-size: 13px; font-weight: 500; color: #9a4e43; letter-spacing: 2.6px; text-transform: uppercase; }
.patient-videos-page main .patient-library-heading h2 { font-size: 42px; font-weight: 400; line-height: 48.3px; padding-top: 12px; margin: 0; }
.patient-video-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); column-gap: 30px; row-gap: 70px; margin-top: 24px; }
.patient-video-card { min-width: 0; min-height: 347px; }
.patient-video-copy { margin-top: 16px; }
.patient-category { color: #9a4e43; font-size: 12px; font-weight: 500; letter-spacing: 1.92px; text-transform: uppercase; }
.patient-video-copy h3 { font-size: 22px; line-height: 28.6px; margin: 8px 0; }
.patient-video-doctor { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #4a4442; line-height: 1.35; }
.patient-video-doctor > span { display: flex; align-items: center; justify-content: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; background: #f4e1db; }
.patient-video-doctor img { width: 16px; height: 16px; }
.patient-empty { text-align: center; padding: 40px 0; color: #6b5f5d; }
.patient-videos-page .contact-form-section { padding-top: 224px; }
.patient-videos-page .contact-monogram { top: 95px; }
.patient-preview-dialog { position: fixed; inset: 0; margin: auto; width: min(1200px,calc(100% - 40px)); padding: 0; border: 0; background: #000; color: #23272d; box-shadow: 0 24px 70px #00000066; }
.patient-preview-dialog::backdrop { background: #212b35a6; }
.patient-videos-page button:focus-visible { outline: 2px solid #9a4e43; outline-offset: 4px; }
@media (max-width: 1279px) {
 .patient-featured { gap: 32px; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); }
 .patient-featured-info { padding: 28px; }
 .patient-featured-label { letter-spacing: 1.4px; flex-wrap: wrap; }
 .patient-video-grid { gap: 48px 24px; }
}
@media (max-width: 1023px) {
 .patient-videos-intro h1 { font-size: 36px; }
 .patient-featured { margin-top: 56px; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 24px; }
 .patient-featured-info { padding: 24px; }
 .patient-videos-page main .patient-featured-info h2 { font-size: 28px; line-height: 1.2; }
 .patient-featured-preview { min-height: 520px; }
 .patient-featured-doctor { gap: 10px; }
 .patient-featured-doctor h3 { font-size: 18px; }
 .patient-library { margin-top: 80px; }
 .patient-library-heading { align-items: flex-start; flex-direction: column; }
 .patient-videos-page main .patient-library-heading h2 { font-size: 36px; }
 .patient-video-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .patient-videos-page .contact-form-section { padding-top: 160px; }
 .patient-videos-page .contact-monogram { top: 40px; }
}
@media (max-width: 767px) {
 .patient-videos-intro { margin-top: -65px; }
 .patient-videos-intro h1 { font-size: 30px; line-height: 1.25; }
 .patient-videos-intro p { font-size: 16px; line-height: 1.5; padding-top: 24px; }
 .patient-featured { grid-template-columns: 1fr; gap: 0; margin-top: 36px; }
 .patient-featured-preview { min-height: 0; aspect-ratio: 803/546; }
 .patient-featured-preview .patient-play { width: 68px; height: 68px; box-shadow: 0 0 0 10px #ffffff24; }
 .patient-featured-info { gap: 18px; }
 .patient-featured-info h2, .patient-featured-description { max-width: none; }
 .patient-featured-actions { flex-direction: row; flex-wrap: wrap; }
 .patient-library { margin-top: 48px; }
 .patient-videos-page main .patient-library-heading h2 { font-size: 32px; }
 .patient-video-grid { grid-template-columns: 1fr; gap: 32px; margin-top: 20px; }
 .patient-video-card { min-height: 0; }
 .patient-video-copy h3 { font-size: 22px; }
 .patient-videos-page .contact-form-section { padding-top: 130px; }
 .patient-videos-page .contact-monogram { top: 30px; }
}
@media (prefers-reduced-motion: reduce) { .patient-play { transition: none; } }
/* Live YouTube covers; the player loads only when a visitor selects a video. */
.patient-video-preview { overflow: hidden; }
.patient-video-thumbnail { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.patient-play { position: relative; z-index: 1; }
.patient-featured-info { overflow-wrap: anywhere; }
.patient-featured-info .patient-featured-description { max-height: 110px; overflow-y: auto; }
.patient-preview-dialog { max-height: calc(100dvh - 40px); overflow: hidden; }
.patient-player { width: min(1200px,calc(100vw - 40px)); aspect-ratio: 16/9; max-height: calc(100dvh - 40px); background: #000; }
.patient-player iframe { width: 100%; height: 100%; border: 0; }