#site-header{position:absolute; top:0; left:0; right:0; background:transparent; padding:5px 30px; z-index:999;}
.container {max-width:1366px; margin-inline:max(5%,(100% - 1366px)/2); margin-bottom:40px; margin-top:80px;}
.darkcorners-animation-bg {position: fixed; inset: 0; z-index: -1; overflow: hidden;}
.darkcorners-animation-image {position: absolute; inset: -50px; will-change: transform;}
.darkcorners-animation-image img {width: 100%; height: 100%; object-fit: cover;}
.darkcorners-animation-overlay {position: absolute; inset: 0; background: rgba(19, 23, 34, 0.5); z-index: 2;}
.movie-grid, .related-grid{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px;}
.movie-card{display:flex; flex-direction:column; text-decoration:none; color:#fff; transition:.2s; min-width:0;}
.movie-card:hover{transform:translateY(-3px);}
.movie-card-poster{position:relative; width:100%; overflow:hidden; aspect-ratio:2/3; border-radius:6px;}
.movie-card-poster img{width:100%; height:100%; object-fit:cover; display:block;}
.movie-card-poster::after{content:"▶"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0.8); opacity:0; font-size:28px; transition:.2s;}
.movie-card:hover .movie-card-poster::after{opacity:1; transform:translate(-50%,-50%) scale(1);}
.movie-card-title{margin-top:6px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; text-align:center;}
.audio-pagination {display: flex; align-items: center; justify-content: center; gap: 14px; margin: 30px 0;}
.page-btn {width: 42px; height: 42px; border: none; border-radius: 10px; background: #1f1f1f; color: #fff; cursor: pointer; font-size: 18px; transition: 0.2s;}
.page-btn:hover:not(:disabled) {background: #ffcc00; color: #000; transform: translateY(-2px);}
.page-btn:disabled {opacity: 0.4; cursor: not-allowed;}
.page-current {display: flex; align-items: center; gap: 10px; color: #ccc;}
.page-input-wrap {width: 60px;}
.page-input {width: 100%; height: 36px; border-radius: 8px; border: 1px solid #333; background: #111; color: #fff; text-align: center;}
.page-input:focus {outline: none; border-color: #ffcc00;}
@media(max-width:1200px){.movie-grid, .related-grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:768px){.movie-grid, .related-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:480px){.movie-grid, .related-grid{grid-template-columns:repeat(2,1fr);}}