@media (max-width: 900px) {
    .landing-gallery {
        --landing-height: 220px;
        height: 220px;
    }

    .homepage-intro {
        position: absolute;
        top: 55%;
        transform: translate(-50%, -50%);
        width: calc(100% - 24px);
        padding: 0 12px;
        font-size: clamp(0.85rem, 3.8vw, 1.3rem);
    }

    .homepage-list {
        gap: 20px;
        margin: 24px auto;
        padding: 0 12px;
    }

    .homepage-row,
    .homepage-row:nth-child(even) {
        display: flex;
        flex-direction: column;
        gap: 0;
        border: 2px solid var(--home-stack-border);
        border-radius: var(--home-r-xxxl);
        box-shadow: 0 8px 24px var(--home-stack-shadow);
        overflow: hidden;
    }

    .homepage-row:nth-child(even) .homepage-row-text,
    .homepage-row:nth-child(even) .homepage-row-img {
        grid-column: auto;
        grid-row: auto;
    }

    .homepage-row-img {
        order: -1;
        width: 100%;
        height: 160px;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    .homepage-row-text {
        order: 1;
        padding: 16px 18px 20px;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    .homepage-row-text h1 {
        margin: 0 0 8px;
        font-size: 1.3rem;
    }

    .homepage-row-text p {
        margin: 0;
        font-size: 0.92rem;
        line-height: 1.6;
    }

    .homepage-row-text:hover {
        transform: none;
    }
}

@media (max-width: 600px) {
    .countdown-timer {
        gap: 6px;
        font-size: 0.95rem;
    }

    .countdown-timer span {
        min-width: 34px;
        padding: 5px 8px;
    }

    .countdown-wrapper h3 {
        font-size: 1.5rem;
    }

    .homepage-intro {
        width: calc(100% - 16px);
        padding: 0 8px;
        font-size: clamp(0.75rem, 3.5vw, 1.1rem);
    }

    .home-live-banner {
        flex-wrap: wrap;
        gap: 6px 10px;
        padding: 12px 16px;
    }

    .home-live-text {
        flex-basis: 100%;
        order: 5;
        font-size: 0.95rem;
    }

    .home-live-arrow {
        margin-left: auto;
    }
}