/* Shared presentation for every localized video-replays route. */
.video-replays-page .video-replays-content { max-width: 1480px; }
.video-replays-page .video-replays-content > .row { align-items: start; gap: 1.25rem; }
.video-replays-page .video-replays-sidebar { background: #102c44; border: 1px solid rgba(78, 140, 177, .52); box-shadow: 0 8px 24px rgba(5, 20, 33, .24); color: #d5e6f0; padding: 1.25rem; }
.video-replays-page .video-replays-sidebar .h2 { color: #fff; font-size: 1.25rem !important; font-weight: 700 !important; letter-spacing: .02em; }
.video-replays-page .video-replays-sidebar a { color: #9ad8f5; }
.video-replays-page .video-replays-sidebar a:hover { color: #fff; }
.video-replays-page .video-replays-grid { flex: 1 1 0; max-width: none; }
.video-replays-page .video-replays-intro { border-left: 4px solid #d7ad56; margin: .25rem 0 1.5rem .75rem; padding-left: 1rem; }
.video-replays-page .video-replays-intro h1 { color: #f2eee0; font-family: "Arial Narrow", Arial, sans-serif; font-size: clamp(2rem, 3vw, 3rem); font-weight: 400; letter-spacing: .01em; line-height: 1; margin: 0; text-shadow: 0 2px 5px rgba(0,0,0,.45); }
.video-replays-page .product-wap { background: #fff; border: 1px solid #d5e1e8; box-shadow: 0 8px 24px rgba(6, 22, 35, .22); overflow: hidden; }
.video-replays-page .product-wap > .card { border: 0; }
.video-replays-page .product-wap .card-img { aspect-ratio: 16 / 9; object-fit: cover; }
.video-replays-page .product-wap .card-body { padding: 1rem; }
.video-replays-page .product-wap .card-body > a { color: #173a55; display: block; font-size: 1rem !important; font-weight: 700 !important; line-height: 1.25; text-decoration: none; }
.video-replays-page .product-wap .card-body > a:hover { color: #218a52; }
.video-replays-page .product-wap .card-body li { color: #637687; font-size: .8rem !important; line-height: 1.4; }
.video-replays-page .pagination .page-link { border: 0; border-radius: 0; color: #173a55; }
.video-replays-page .pagination .page-link.active { background: #f36c12; }
.video-replays-page > .bg-light { background: rgba(237, 241, 244, .94) !important; }
@media (max-width: 991.98px) { .video-replays-page .video-replays-content > .row { gap: 0; }.video-replays-page .video-replays-sidebar { margin-bottom: 1.25rem; }.video-replays-page .video-replays-grid { width: 100%; } }