@media (min-width: 1199px) {
    .header-container {
        max-width: 1650px;
    }

    .main-page-container {
        max-width: 1650px;
        margin: 0 auto;
        
    }

}

@media (max-width: 1199px) {
    .editor-container {
        flex-direction: column;
        align-items: center;
        height: 200vh;
    }

    .editor-preview {
        width: 100%;
        max-height: 100vh;
    }
}

@media (max-width: 767px) {

    .event-title {
        font-size: 1.5rem;
    }

    .event-header {
        padding: 1.25rem;
        padding-bottom: 0;
    }


    .header-container {
        flex-direction: column;
        gap: 1.25rem;
        margin-bottom: 1rem;
    }
    
    .event-detail-container {
        padding: 1rem 0.75rem;
    }

    .event-meta {
        gap: 0.75rem;
        flex-direction: column;
    }

    .actions-bar {
        gap: 1rem;
    }

    .actions-group {
        justify-content: space-between;
    }

    .events-grid {
        grid-template-columns: 1fr;
    }
    
    .event-form-container {
        padding: 1rem;
    }

    .form-section {
        padding: 1.5rem;
    }

    .section-header {
        flex-direction: column;
        gap: 1rem;
        padding: 1.5rem;
    }

    .form-section-sessions {
        padding: 0;
    }

    .session-form {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        
        padding-left: 3rem;
    }

    .session-form:last-child {
        margin-bottom: 1rem;
    }

    
    .speaker-section {
        padding: 1rem;
    }

    .drag-handle {
        border-radius: 0;
        width: 2rem;
    }

    .main-page-container {
        padding: 0 1rem;
    }

    .hero-title {
        font-size: 2.2rem;
    }
    
    .word-animate {
        margin: 0 0.2rem;
    }

    .schedule-gallery {
        padding: 0 0 3rem;
        margin: 0 0 1rem;
        overflow-x: scroll;
        overflow-y: hidden;
        
        /* Плавная прокрутка */
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        
        /* Скрыть скроллбар */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE и Edge */
    }
    
    .schedule-gallery::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }

    .gallery-container {
        min-height: clamp(20rem, 40vw, 35rem);
        width: 400vw; /* Фиксированная ширина - в 4 раза шире экрана */
        min-width: 400vw; /* Не даём сжиматься */
        max-width: 400vw; /* Не даём растягиваться */
        
        /* Предотвращение случайной вертикальной прокрутки */
        touch-action: pan-x;
    }

    .schedule-image img {
        max-width: 18rem; /* Увеличиваем размер для широкой галереи */
        max-height: 14rem;
        width: auto;
        height: auto;
        border-radius: 1rem;
    }

    .schedule-image::before {
        border-radius: 1.2rem;
    }

    /* МОБИЛЬНЫЕ ПОЗИЦИИ - используют мобильные переменные */
    .img-1 {
        left: var(--mobile-img1-left);
        top: var(--mobile-img1-top);
    }

    .img-2 {
        left: var(--mobile-img2-left);
        top: var(--mobile-img2-top);
    }

    .img-3 {
        left: var(--mobile-img3-left);
        top: var(--mobile-img3-top);
    }

    .img-4 {
        left: var(--mobile-img4-left);
        top: var(--mobile-img4-top);
    }

    .img-5 {
        left: var(--mobile-img5-left);
        top: var(--mobile-img5-top);
    }

    .img-6 {
        left: var(--mobile-img6-left);
        top: var(--mobile-img6-top);
    }

    .img-7 {
        left: var(--mobile-img7-left);
        top: var(--mobile-img7-top);
    }

    .img-8 {
        left: var(--mobile-img8-left);
        top: var(--mobile-img8-top);
    }

    .img-9 {
        left: var(--mobile-img9-left);
        top: var(--mobile-img9-top);
    }

    /* Мобильные hover эффекты менее интенсивные */
    .schedule-image:hover {
        transform: scale(1.08) translateY(-1.5rem) rotate(0deg) !important;
    }

    .editor-sidebar {
        width: 100%;
    }
}