/**
 * Watch Page - Main Import File
 */

@import 'watch/watch-player.css';
@import 'watch/watch-sidebar.css';
@import 'watch/watch-comments.css';
@import 'watch/watch-shows.css';

/* Watch Page Container */
.watch-page {
    padding: 20px 0;
    min-height: calc(100vh - 200px);
}

.watch-layout {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 30px;
}

.watch-main {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ==================== RESPONSIVE ==================== */

@media (max-width: 1024px) {
    .watch-layout {
        grid-template-columns: 1fr 350px;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .watch-layout {
        grid-template-columns: 1fr;
    }

    .watch-sidebar {
        order: 2;
    }
}