/* Scoped to the opt-in video component. Matches B2B cream / charcoal / copper palette. */
.mteam-video-feature { margin: 24px 0 28px; width: min(100%,500px); }
.mteam-video-with-content { display: grid; grid-template-columns: minmax(0,1fr) minmax(175px,215px); align-items: center; gap: 26px; margin: 12px 0 30px; }
.mteam-video-with-content > p { margin: 0 !important; }
.mteam-video-with-content .mteam-video-feature { margin:0; }
.mteam-video-trigger { appearance: none; -webkit-appearance:none; cursor:pointer; border:1px solid #d8c8b9 !important; border-radius: 16px !important; background:#f8f4ee !important; color:#292622 !important; box-shadow:0 6px 20px rgba(36,29,24,.08) !important; text-align:right; direction:rtl; display:flex; flex-wrap:nowrap; gap:17px; align-items:center; padding:14px 16px !important; width:100%; transition:transform .2s ease,box-shadow .2s ease; font-family:inherit; line-height:1.35; }
.mteam-video-trigger:hover { box-shadow:0 12px 32px rgba(36,29,24,.16) !important; transform:translateY(-2px); }
.mteam-video-trigger:focus-visible { outline:3px solid #bd763f; outline-offset:3px; }
.mteam-video-trigger * { pointer-events:none; }
.mteam-video-phone { position:relative; display:block; flex:none; overflow:hidden; width:85px; aspect-ratio:9/16; background:linear-gradient(155deg,#656055,#27231f 60%,#15130f); border:5px solid #171717; border-radius:16px; box-shadow:1px 3px 8px rgba(0,0,0,.23); }
.mteam-video-phone::after { content:""; position:absolute; inset:0; border-radius:11px; background:linear-gradient(125deg,rgba(255,255,255,.1),transparent 35%); }
.mteam-video-phone img { width:100%; height:100%; object-fit:cover; display:block; }
.mteam-video-notch { position:absolute; width:38%; height:7px; background:#171717; border-radius:0 0 8px 8px; z-index:2; top:0; left:31%; }
.mteam-video-play { position:absolute; z-index:3; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; background:rgba(22,21,20,.8); width:42px; height:42px; border:2px solid rgba(255,255,255,.8); border-radius:50%; display:grid; place-items:center; font-size:19px; padding-left:2px; }
.mteam-video-caption { display:grid; gap:6px; min-width:0; }
.mteam-video-caption strong { font-size:clamp(16px,1.3vw,20px); font-weight:750; color:#282522 !important; line-height:1.35; }
.mteam-video-caption span { font-size:15px; color:#79634f !important; line-height:1.5; }
.mteam-video-card-slot { margin: 14px 0 0; width:100%; }
.mteam-video-card { padding: 10px 12px !important; gap:12px; border-radius:12px !important; }
.mteam-video-card .mteam-video-phone { width:63px; border-width:4px; border-radius:14px; }
.mteam-video-card .mteam-video-play { width:33px; height:33px; font-size:15px; }
.mteam-video-card .mteam-video-caption strong { font-size:16px; }
.mteam-video-card .mteam-video-caption span { font-size:13px; }
.mteam-video-single .mteam-video-phone { width:100px; }
.mteam-video-legacy-hidden { display:none !important; }
.mteam-video-open { overflow:hidden !important; }
.mteam-video-overlay[hidden] { display:none !important; }
.mteam-video-overlay { position:fixed !important; z-index:2147483000 !important; inset:0; background:rgba(8,8,8,.84); display:grid; place-items:center; padding:22px; }
.mteam-video-dialog { position:relative; width:min(420px,calc(100vw - 36px)); max-height:min(860px,calc(100dvh - 44px)); aspect-ratio:9/16; border-radius:18px; padding:8px; background:#161615; box-shadow:0 20px 70px rgba(0,0,0,.5); }
.mteam-video-dialog.mteam-video-landscape { width:min(880px,calc(100vw - 36px)); aspect-ratio:16/9; }
.mteam-video-screen,.mteam-video-screen iframe,.mteam-video-screen video { display:block; width:100%; height:100%; border:0; border-radius:12px; background:#000; }
.mteam-video-close { position:absolute !important; left:-18px; top:-20px; z-index:5; height:44px; width:44px; border-radius:50% !important; color:#fff !important; background:#363431 !important; border:2px solid #85817c !important; font:30px/1 Arial,sans-serif; cursor:pointer; display:grid; place-items:center; box-shadow:0 3px 13px rgba(0,0,0,.3); }
.mteam-video-close:focus-visible { outline:3px solid #eea66c; outline-offset:3px; }
@media(max-width:720px){
 .mteam-video-with-content { grid-template-columns:1fr; gap:15px; }
 .mteam-video-feature { width:100%; }
 .mteam-video-trigger { padding:12px !important; gap:12px; }
 .mteam-video-single .mteam-video-phone { width:78px; }
 .mteam-video-trigger .mteam-video-caption strong { font-size:17px; }
 .mteam-video-trigger .mteam-video-caption span { font-size:14px; }
 .mteam-video-overlay { padding:18px; }
 .mteam-video-close { left:-10px; top:-17px; }
}
@media(prefers-reduced-motion:reduce){.mteam-video-trigger { transition:none !important; }}