/* Accmaa hero platform reel — stamp 20260814e (real UI capture) */
html body #heroGuest.hero-has-platform-video .hero-platform-video,
html body .hero-premium.hero-has-platform-video .hero-platform-video {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

html body #heroGuest .hero-platform-video__el,
html body .hero-premium .hero-platform-video__el {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    filter: saturate(1.05) contrast(1.04);
    transform: scale(1.02);
}

/* Dim photo slider when live reel is active — keep as soft fallback layer */
html body #heroGuest.hero-has-platform-video:not(.hero-video-autoplay-blocked) .hero-photo-slider,
html body .hero-premium.hero-has-platform-video:not(.hero-video-autoplay-blocked) .hero-photo-slider {
    opacity: 0.18;
}

html body #heroGuest.hero-has-platform-video .hero-photo-overlay,
html body .hero-premium.hero-has-platform-video .hero-photo-overlay {
    background:
        linear-gradient(105deg, rgba(6, 24, 48, 0.78) 0%, rgba(10, 54, 105, 0.55) 42%, rgba(10, 54, 105, 0.28) 70%, rgba(6, 24, 48, 0.45) 100%),
        linear-gradient(180deg, rgba(6, 24, 48, 0.22) 0%, transparent 35%, rgba(6, 24, 48, 0.55) 100%);
    z-index: 1;
}

html body #heroGuest .hero-video-toggle,
html body .hero-premium .hero-video-toggle {
    position: absolute;
    z-index: 8;
    left: 14px;
    bottom: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(212, 175, 55, 0.45);
    background: rgba(6, 24, 48, 0.72);
    color: #f7efd6;
    font-size: 0.78rem;
    font-weight: 600;
    backdrop-filter: blur(8px);
    cursor: pointer;
    pointer-events: auto;
}

html body #heroGuest .hero-video-toggle:hover,
html body .hero-premium .hero-video-toggle:hover {
    border-color: #d4af37;
    background: rgba(10, 54, 105, 0.88);
}

html body #heroGuest .hero-video-toggle i {
    color: #d4af37;
}

@media (max-width: 720px) {
    html body #heroGuest .hero-video-toggle span {
        display: none;
    }
    html body #heroGuest .hero-video-toggle {
        left: 10px;
        bottom: 10px;
        padding: 9px 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body #heroGuest.hero-has-platform-video .hero-platform-video__el {
        display: none !important;
    }
    html body #heroGuest.hero-has-platform-video .hero-photo-slider {
        opacity: 1 !important;
    }
}