.player-status{text-align:center;margin:16px auto;max-width:800px;color:#b42318}.player-status button{padding:9px 16px;margin-left:10px;cursor:pointer}.test-note{font:14px/1.5 Arial,sans-serif;text-align:center;color:#5c4100;background:#fff4d5;padding:12px;border-radius:6px}.vsl-container:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #176bb9;outline-offset:3px}html{scroll-behavior:smooth}#orderSection{scroll-margin-top:24px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vsl-overlay-badge{animation:none!important}}

@media(max-width:1024px){.navigation.restored-open{display:block;position:relative;clear:both;background:#37474f;padding:12px 16px;z-index:20}.navigation.restored-open .nav-wrap{float:none;width:100%}.navigation.restored-open .nav-wrap ul{float:none}.navigation.restored-open .nav-item{float:none;line-height:44px}.navigation.restored-open .nav-link{float:none;display:block;margin:0}.nav-icon[role=button]{cursor:pointer}}

/* VSL Player Container in Normal Page Flow */
.vsl-wrapper {
    width: 100%;
    max-width: 800px;
    margin: 18px auto;
}
.vsl-container {
    position: relative;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    min-width: 0;
}
.vsl-container video {
    width: 100%;
    height: auto;
    display: block;
    min-width: 0;
    max-width: 100%;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

/* Prevent native media scrubbers and controls from rendering */
.vsl-container video::-webkit-media-controls-timeline,
.vsl-container video::-webkit-media-controls-timeline-container,
.vsl-container video::-webkit-media-controls-seek-back-button,
.vsl-container video::-webkit-media-controls-seek-forward-button,
.vsl-container video::-webkit-media-controls-current-time-display,
.vsl-container video::-webkit-media-controls-time-remaining-display,
.vsl-container video::-webkit-media-controls-play-button,
.vsl-container video::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none !important;
}

/* Live stream badge */
.vsl-live-tag {
    position: absolute;
    top: 14px;
    left: 14px;
    background: rgba(220, 38, 38, 0.92);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 15;
    pointer-events: none;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
.vsl-live-tag .vsl-dot {
    width: 7px;
    height: 7px;
    background: #ffffff;
    border-radius: 50%;
    animation: vslLivePulse 1.2s infinite ease-in-out;
}
@keyframes vslLivePulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.3; transform: scale(1.3); }
}

.vsl-close-fs {
    display: none !important;
}
