@media (max-width: 900px) {
    .card-sticky {
        grid-template-columns: 1fr !important;
        gap: 0rem;
        padding: 1.5rem;
    }
    .film-poster {
        max-width: 300px;
    }
    .film-card {
        padding: 1rem;
    }
    .random-btn, .sound-toggle {
        width: 45px;
        height: 45px;
        font-size: 1.2rem;
    }
    .hero-section {
        padding: 0;
    }
    .cinema-footer {
        padding: 1rem 1rem 6rem;
    }
    /* Дополнительные фиксы для планшетов и телефонов */
    .film-card,
    .card-sticky,
    .film-poster {
        position: relative;
        will-change: transform;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    .film-poster img {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    .card-content {
        width: 100%;
        overflow-x: hidden;
        word-break: break-word;
    }
}

@media (max-width: 600px) {
    .film-details {
        flex-wrap: wrap;
    }
    .friends-list {
        gap: 0.8rem;
    }
    .title-main {
        font-size: clamp(2.4rem, 12vw, 4rem);
    }
    .hero-scroll-hint {
        font-size: 0.7rem;
        bottom: 1rem;
    }
    /* Фиксы для маленьких телефонов (iPhone SE, Android) */
    .film-card {
        padding: 0.5rem;
    }
    .card-sticky {
        padding: 1rem !important;
        gap: 0rem !important;
    }
    .film-poster {
        max-width: 240px !important;
    }
    .card-content {
        padding: 0 0.25rem;
    }
    .film-title {
        font-size: 1.2rem;
    }
    .film-synopsis, .film-quote {
        font-size: 0.75rem;
        line-height: 1.4;
    }
    .detail-item {
        font-size: 0.7rem;
        white-space: normal;
    }
    .watch-trailer, .like-btn {
        padding: 0.4rem 0.6rem;
        font-size: 0.8rem;
    }
}

.gallery-nav {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1000;
    padding: 0 1rem;
}