/* Hide native play button and controls */
video::-webkit-media-controls {
    display: none !important;
}

video::-webkit-media-controls-start-playback-button {
    display: none !important;
}

video::-webkit-media-controls-play-button {
    display: none !important;
}

video::-webkit-media-controls-panel {
    display: none !important;
}

/* Shop Video (Page 17) */
/* Now moved to .slide-background in index.html with inline styles */
/* .atmosphere-photo-container removed from HTML */

/* Flow Video Style (Page 20-22) */
.flow-img {
    /* User requested 1.2x scale */
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9 !important;

    /* CONTAIN to ensure no cropping (top/bottom visible) */
    object-fit: contain !important;

    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

    /* Margin to prevent text overlap */
    margin-top: 60px !important;
    margin-bottom: 20px !important;

    /* Force Hardware Acceleration */
    transform: translate3d(0, 0, 0);
    will-change: transform;

    /* Ensure no black background */
    background: #fff;

    /* 15% Zoom */
    transform: scale(1.15) !important;
    transform-origin: center top !important;
}

/* Flow Card Style */
.flow-card {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    width: 92%;
    margin: 10px auto 20px;
    overflow: hidden;
    padding-bottom: 20px;
}