/* MachSoft sorter video watch pages — additive, isolated styles only. */
body.sorter-video-watch-page {
  background-color: #2A4562;
  background-image:
    radial-gradient(circle at 18px 18px, rgba(80,255,232,.24) 0 1.5px, transparent 1.9px),
    radial-gradient(circle at 74px 74px, rgba(255,208,82,.18) 0 1.3px, transparent 1.8px),
    linear-gradient(135deg, transparent 0 48%, rgba(214,233,248,.07) 49%, transparent 50%),
    repeating-linear-gradient(0deg, transparent 0 31px, rgba(214,233,248,.10) 31px 32px),
    repeating-linear-gradient(90deg, transparent 0 31px, rgba(214,233,248,.10) 31px 32px),
    linear-gradient(135deg, #2A4562 0%, #3A5A79 58%, #263F5A 100%);
  background-size: 120px 120px,160px 160px,100% 100%,32px 32px,32px 32px,100% 100%;
  background-repeat: repeat,repeat,no-repeat,repeat,repeat,no-repeat;
  background-attachment: scroll;
}
.sorter-video-watch-page .solution-page-main { padding-top: 6rem; }
.sorter-video-watch-page .solution-breadcrumb { max-width: 1100px; padding: 0 8vw 1rem; }
.sorter-video-watch-hero { padding: 0 8vw 2.5rem; background: transparent; color: #fff; }
.sorter-video-watch-hero-inner { max-width: 1100px; margin: 0 auto; }
.sorter-video-watch-copy {
  width: 100%; padding: clamp(1.6rem,4vw,3.2rem); color: #fff;
  background: rgba(0,0,0,.84); border: 1px solid rgba(80,255,232,.16);
  border-radius: 5.8rem 1.8rem 5.8rem 0; box-shadow: 0 16px 38px rgba(0,0,0,.16);
}
.sorter-video-watch-copy h1 { margin: 0 0 1rem; color:#fff; text-align:left; font-size:clamp(2rem,3.1vw,3.1rem); font-weight:600; line-height:1.16; }
.sorter-video-watch-copy .solution-page-kicker { color:#50FFE8; }
.sorter-video-watch-lead { margin:0; max-width:900px; color:#F8FAFC; font-size:1.03rem; line-height:1.75; }
.sorter-video-watch-copy .solution-page-actions { margin-top:1.15rem; }
.sorter-video-player-section { padding:clamp(2.3rem,5vw,4.5rem) 8vw; background:#F8FAFC; color:#172033; }
.sorter-video-player-content { max-width:1100px; margin:0 auto; }
.sorter-video-player-figure { margin:0; }
.sorter-video-player-shell { overflow:hidden; background:#06192A; border:1px solid rgba(8,126,172,.26); border-radius:1rem; box-shadow:0 15px 36px rgba(23,32,51,.17); }
.sorter-video-player { display:block; width:100%; height:auto; max-height:min(72vh,820px); aspect-ratio:16/9; object-fit:contain; background:#06192A; }
.sorter-video-player-figure figcaption { margin:.8rem .15rem 0; color:#41536B; font-size:.88rem; line-height:1.55; }
.sorter-video-detail-section .solution-page-kicker { color:#087EAC; }
.sorter-video-player-note { margin:1.15rem 0 0; color:#52647A; font-size:.9rem; }
.sorter-video-watch-callout { margin:0; }
.sorter-video-watch-page .footer-wave-section { position:relative; z-index:1; }
.sorter-video-watch-page .footer-distributed { position:relative; z-index:1; }
.sorter-video-watch-page .solution-page-callout-inner { max-width:1100px; }
@media (max-width:767.98px) {
  .sorter-video-watch-page .solution-page-main { padding-top:5rem; }
  .sorter-video-watch-page .solution-breadcrumb { padding:.5rem 1rem 1rem; }
  .sorter-video-watch-hero { padding:0 1rem 2rem; }
  .sorter-video-watch-copy { border-radius:3.2rem 1.35rem 3.2rem 0; padding:1.6rem 1.25rem; }
  .sorter-video-watch-copy h1 { font-size:1.9rem; }
  .sorter-video-watch-lead { font-size:.97rem; }
  .sorter-video-player-section { padding:2.25rem 1rem; }
  .sorter-video-player-shell { border-radius:.7rem; }
  .sorter-video-player { max-height:70vh; aspect-ratio:16/9; }
}
@media (prefers-reduced-motion:reduce) {
  body.sorter-video-watch-page { background-attachment:scroll; }
}
html[lang="ar"] .sorter-video-watch-page,
html[lang="ar"] .sorter-video-watch-page .sorter-video-watch-copy,
html[lang="ar"] .sorter-video-watch-page .sorter-video-watch-lead,
html[lang="ar"] .sorter-video-watch-page .sorter-video-player-figure figcaption,
html[lang="ar"] .sorter-video-watch-page .sorter-video-player-note { direction:rtl; text-align:right; }
html[lang="ar"] .sorter-video-watch-page .sorter-video-watch-copy h1,
html[lang="ar"] .sorter-video-watch-page .sorter-video-watch-copy .solution-page-kicker,
html[lang="ar"] .sorter-video-watch-page .sorter-video-detail-section .solution-page-heading { text-align:right; }
html[lang="ar"] .sorter-video-watch-page .sorter-video-player { direction:ltr; }