/* MenkulEX v1.3.10.92.127 | Homepage video controls and headline. Scope: hero only. */
html body.xan-home .xan-hero[data-xan-hero] .mx126-video-controls{
 position:absolute!important;top:auto!important;left:auto!important;right:clamp(92px,7vw,126px)!important;
 bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;z-index:8!important;
 display:flex!important;align-items:center;gap:7px!important;padding:5px 7px!important;
 max-width:calc(100vw - 24px);box-sizing:border-box;border:1px solid rgba(255,255,255,.32)!important;
 border-radius:999px!important;background:rgba(3,55,72,.88)!important;
 -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(0,18,27,.18)!important;
}
html body.xan-home .xan-hero .mx126-video-buttons,html body.xan-home .xan-hero .mx126-video-dots{display:flex;align-items:center;gap:4px!important}
html body.xan-home .xan-hero .mx126-video-buttons>button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;
 padding:5px!important;margin:0!important;border:1px solid rgba(3,71,93,.2)!important;
 border-radius:50%!important;background:#FFD64B!important;color:#03475D!important;
 -webkit-text-fill-color:#03475D!important;opacity:1!important;cursor:pointer;box-sizing:border-box;touch-action:manipulation;
}
html body.xan-home .xan-hero .mx126-video-buttons>button[hidden]{display:none!important}
html body.xan-home .xan-hero .mx126-video-buttons svg{display:block;width:17px!important;height:17px!important;stroke:#03475D!important;color:#03475D!important}
html body.xan-home .xan-hero .mx126-video-dots>button{
 display:grid!important;place-items:center;width:19px!important;height:31px!important;
 min-width:19px!important;padding:0!important;margin:0!important;border:0!important;
 background:transparent!important;cursor:pointer;
}
html body.xan-home .xan-hero .mx126-video-dots>button::after{content:'';display:block;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.78)}
html body.xan-home .xan-hero .mx126-video-dots>button[aria-pressed=true]::after{background:#FFD64B;width:8px;height:8px}
html body.xan-home .xan-hero .mx126-video-controls button:focus-visible{outline:2px solid white!important;outline-offset:2px!important}
html body.xan-home .mx106-video-copy .mx127-home-headline{font-weight:500!important;line-height:1.12!important;max-width:min(95vw,900px)!important;margin:0 0 24px!important;letter-spacing:-.035em!important}
html body.xan-home .mx106-video-copy .mx127-hero-line{display:block!important;white-space:normal;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 14px rgba(0,18,27,.38)!important}
html body.xan-home .mx106-video-copy .mx127-hero-yellow{color:#FFD64B!important;-webkit-text-fill-color:#FFD64B!important;display:inline!important;text-shadow:0 2px 14px rgba(0,18,27,.38)!important}
html body.xan-home .xan-hero[data-mx126-orientation=portrait] .xan-hero-video{object-fit:contain!important;background:#03475D}
@media(max-width:820px){
 html body.xan-home .xan-hero[data-xan-hero] .mx126-video-controls{bottom:calc(116px + env(safe-area-inset-bottom,0px))!important;right:12px!important;gap:5px!important;padding:4px 6px!important}
 html body.xan-home .xan-hero .mx126-video-buttons>button{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
 html body.xan-home .mx106-video-copy .mx127-home-headline{font-size:clamp(29px,6.6vw,40px)!important;margin-bottom:16px!important}
}
@media(max-width:420px){
 html body.xan-home .xan-hero[data-xan-hero] .mx126-video-controls{bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
 html body.xan-home .mx106-video-copy .mx127-home-headline{font-size:clamp(26px,7.6vw,33px)!important;line-height:1.12!important}
}
@media(prefers-reduced-motion:reduce){html body.xan-home .mx126-video-controls *{animation:none!important;transition:none!important}}

/* v128: compact playlist count; do not render 24 separate dots. */
html body.xan-home .xan-hero .mx128-video-counter{font:500 11px/1.3 system-ui,Arial,sans-serif;color:#fff!important;-webkit-text-fill-color:#fff!important;white-space:nowrap;min-width:35px;text-align:center}

/* v130: requested black glyph ONLY for the next-video icon; leave the yellow button untouched. */
html body.xan-home .xan-hero[data-xan-hero] button[data-mx126-next],
html body.xan-home .xan-hero[data-xan-hero] button[data-mx126-next] svg{
 color:#000!important;-webkit-text-fill-color:#000!important;
 stroke:#000!important;
}
html body.xan-home .xan-hero[data-xan-hero] button[data-mx126-next] svg{
 fill:none!important;stroke-width:2!important;
}

/* v131: reduced-motion starts on a still poster, but the user's Play request must show video. */
@media(prefers-reduced-motion:reduce){
 html body.xan-home .xan-hero[data-mx131-user-play="1"] .xan-hero-video{display:block!important;visibility:visible!important}
}