/* Размяна на колоните (Discovery & Curation) */
.discovery-section .section-content { grid-column: 1; }
.discovery-section .section-media { grid-column: 2; }

.curation-section .section-media { grid-column: 1; }
.curation-section .section-content { grid-column: 2; align-self: center; }

/* Секции с една колона (Artists & Experience) */
.artists-section .landing-container,
.experience-section .landing-container {
    grid-template-columns: 1fr;
    justify-items: center;
}

.artists-section .section-content,
.experience-section .section-content {
    text-align: center;
    max-width: 800px;
}

.join-section {
    padding: 100px 0;
    text-align: center;
}

/* ==========================================
   LANDING LAYOUT (PAGE-SPECIFIC)
========================================== */

.landing-section {
    background: var(--color-bg-main);
    padding: 5rem 0;
}

.landing-section + .landing-section {
    margin-top: -40px;
}

/* MAIN GRID */
.landing-container {
    width: min(var(--container-narrow), calc(100% - 96px));
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 520px);
    gap: clamp(36px, 5vw, 72px);

    align-items: start;
}

/* VARIANT */
.landing-container.narrow {
    grid-template-columns: 1fr;
    justify-items: center;
}

/* CONTENT */
.section-content {
    max-width: 58ch;
}

/* MEDIA */
.section-media img {
    width: 100%;
    height: auto;
    max-height: 540px;
    object-fit: cover;
    display: block;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
}

/* Mobile Adaptivity for Home Page - ЗАМЕНИ С ТОВА */
@media (max-width: 1024px) {
    .landing-section {
        padding: 40px 0;
    }

    .landing-container {
        /* Използваме flex, за да избегнем проблемите с фиксираните grid колони */
        display: flex;
        flex-direction: column;

        /* Даваме малко повече въздух на съдържанието (32px общо отстрани) */
        width: min(760px, calc(100% - 32px)) !important;
        margin: 0 auto;
        gap: 32px;
    }

    /* Нулираме изричното разположение на колоните от десктоп версията */
    .discovery-section .section-content,
    .discovery-section .section-media,
    .curation-section .section-media,
    .curation-section .section-content {
        grid-column: auto !important;
        width: 100%;
    }

    .section-media {
        order: 1;
        width: 100%;
    }

    .section-content {
        order: 2;
        align-self: flex-start !important;
        max-width: 100%; /* Уверяваме се, че текстът не е ограничен */
    }

    .section-media img {
        max-height: 400px; /* Малко по-ниски снимки за мобилни */
    }
}