.hut-details .headline {
    grid-area: 1/2/1/span 12;
}

.hut-details .gallery-container {
    grid-area: 2/4/2/span 8;
    grid-template-columns: repeat(2, 1fr);
}

.hut-details .details-container {
    grid-area: 3/4/3/span 8;
}

.hut-details .box {
    grid-area: 4/4/4/span 8;
    padding: var(--m-md);
}

.hut-details .box .content-container ul {
    column-count: 2;
    gap: var(--m-sm);
}

.hut-details .box .content-container ul li {
    break-inside: avoid;
}

.hut-details .box .content-container ul li:not(:last-child) {
    break-inside: avoid;
    margin-bottom: var(--m-xs);
}

.hut-details .btns-container {
    grid-area: 5/4/5/span 8;
}

@media (max-width: 1499.98px) {
    .hut-details .gallery-container {
        grid-area: 2/3/2/span 10;
    }

    .hut-details .details-container {
        grid-area: 3/3/3/span 10;
    }

    .hut-details .box {
        grid-area: 4/3/4/span 10;
    }

    .hut-details .btns-container {
        grid-area: 5/3/5/span 10;
    }
}

@media (max-width: 1199.98px) {
    .hut-details .gallery-container {
        grid-area: 2/2/2/span 12;
    }

    .hut-details .details-container {
        grid-area: 3/2/3/span 12;
    }

    .hut-details .box {
        grid-area: 4/2/4/span 12;
    }

    .hut-details .btns-container {
        grid-area: 5/2/5/span 12;
    }
}

@media (max-width: 991.98px) {
    .hut-details .gallery-container {
        grid-area: 2/4/2/span 8;
        grid-template-columns: 1fr;
    }

    .hut-details .details-container {
        grid-area: 3/4/3/span 8;
        flex-direction: column;
        gap: var(--m-md);
    }

    .hut-details .box {
        grid-area: 4/4/4/span 8;
    }

    .hut-details .box .content-container ul {
        column-count: unset;
    }
}

@media (max-width: 767.98px) {
    .hut-details .gallery-container {
        grid-area: 2/3/2/span 10;
    }

    .hut-details .details-container {
        grid-area: 3/3/3/span 10;
    }

    .hut-details .box {
        grid-area: 4/3/4/span 10;
    }
}

@media (max-width: 575.98px) {
    .hut-details .gallery-container {
        grid-area: 2/2/2/span 12;
    }

    .hut-details .details-container {
        grid-area: 3/2/3/span 12;
    }

    .hut-details .box {
        grid-area: 4/2/4/span 12;
        padding: var(--m-sm) var(--grid-gap);
    }
}