.video-grid{grid-template-columns:minmax(0,1fr) minmax(260px,360px)}
.reels-viewer{position:relative;width:min(100%,340px);margin:auto;text-align:center}
.reels-gallery{position:relative;width:100%;height:540px;max-height:72vh;overflow:hidden;border-radius:26px;background:#080b09;touch-action:pan-y;direction:ltr;scrollbar-width:none}
.reels-gallery::-webkit-scrollbar{display:none}
.reel-item{position:relative;height:100%;min-height:0;direction:rtl;overflow:hidden}
.reels-gallery .phone{width:100%;height:100%;max-width:none;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;margin:0}
.reels-gallery video{width:100%;height:100%;object-fit:contain;pointer-events:none}
.reel-toolbar{position:absolute;z-index:2;top:max(14px,env(safe-area-inset-top,0px));inset-inline:14px;display:flex;justify-content:space-between;align-items:start;gap:8px;pointer-events:none}
.reel-toolbar button,.reel-toolbar a{pointer-events:auto;min-height:44px;padding:9px 13px;border:1px solid #ffffff70;border-radius:999px;background:#101711d9;color:#fff;font:700 12px var(--f-body);text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-shadow:0 1px 3px #000}
.reel-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;pointer-events:none}
.reel-caption{position:absolute;inset-inline:18px;bottom:max(54px,calc(env(safe-area-inset-bottom,0px) + 30px));color:#fff;font-size:14px;font-weight:700;text-align:right;text-shadow:0 1px 8px #000;pointer-events:none}
.reel-message{position:absolute;bottom:18px;inset-inline:18px;color:#fff;text-align:center;font-size:12px;text-shadow:0 1px 8px #000;pointer-events:none}
.reel-position{position:absolute;bottom:16px;right:16px;z-index:2;border-radius:999px;background:#101711bb;color:#fff;padding:3px 10px;font-size:11px;pointer-events:none}
.reels-navigation{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;color:#334335}
.reels-navigation button,.reels-fullscreen,.reels-close{font:inherit;cursor:pointer;border:1px solid #abb8aa;background:#fff;color:#243228;border-radius:999px;min-width:44px;min-height:44px}
.reels-navigation button:disabled{opacity:.4;cursor:default}
.reels-fullscreen{margin-bottom:10px;padding:8px 16px;font-size:13px}
.reels-close{display:none}.reels-hint{font-size:12px!important;color:#536456;margin:8px 0 0!important}
.reels-locked{overflow:hidden}
.reels-viewer.is-fullscreen{position:fixed;z-index:9999;inset:0;width:100%;height:100dvh;max-width:none;background:#080b09;display:flex;align-items:center;justify-content:center;margin:0}
.is-fullscreen .reels-gallery{width:100%;max-width:540px;height:100%;max-height:none;border-radius:0}
.is-fullscreen .reels-fullscreen,.is-fullscreen .reels-hint{display:none}
.is-fullscreen .reels-close{display:block;position:absolute;top:75px;left:14px;z-index:4;color:#fff;background:#111c;border-color:#ffffff70;font-size:27px;line-height:1}
.is-fullscreen .reels-navigation{position:absolute;z-index:3;left:14px;bottom:24px;flex-direction:column;color:#fff}
.is-fullscreen .reels-navigation button{background:#171d19dd;color:#fff;border-color:#fff7}
@media(max-width:900px){.video-grid{grid-template-columns:1fr}}
@media(max-width:700px){
 #video{padding-bottom:0}.video-grid{gap:40px;padding-inline:0}.video-grid>div:first-child{padding-inline:22px}
 .video-grid .reels-viewer{width:100%;max-width:none;margin:0}
 .reels-viewer .reels-gallery{height:var(--reel-height,100svh);max-height:none;border-radius:0}
 .reels-gallery video{object-fit:cover}
 .reels-viewer .reels-fullscreen,.reels-viewer .reels-close,.reels-viewer .reels-navigation,.reels-viewer .reels-hint{display:none}
 .reel-toolbar{inset-inline:12px}.reel-toolbar button,.reel-toolbar a{font-size:11px;padding-inline:11px}
}
@media(prefers-reduced-motion:reduce){.reels-gallery{scroll-behavior:auto}}
/* Photos uploaded in the clinic's settings show as still reels. */
.reel-item[data-kind="image"] .reel-sound,.reel-item[data-kind="image"] .reel-play{display:none}
.reel-item .phone video{background:#000}