.hut-teaser .hut-container {
    grid-area: 1/3/1/span 10;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: max(32px, 5vw);
    grid-row-gap: var(--m-md);
}

.hut-teaser .hut-container .text-container {
    grid-column: span 3;
}

.hut-teaser .hut-container .hut-item .hut-icon {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hut-teaser .hut-container .hut-item:nth-of-type(3n-1) {
    margin-top: var(--m-sm);
}

.hut-teaser .hut-container .hut-item .hut-details .hut-detail:not(:last-child)::after {
    content: "|";
    margin: 0 .5ch;
}

/* Hittn Single */
.hut-slider .hut-teaser .hut-container {
    grid-area: 1/4/1/span 8;
    grid-template-columns: 3fr 2fr 3fr;
    grid-column-gap: var(--grid-gap);
}

.hut-slider .hut-teaser .hut-container .text-container {
    grid-area: 1/2/1/span 1;
    align-self: center;
    margin: var(--m-xs) 0 var(--m-lg);
    letter-spacing: .4em;
    max-width: 20ch;
}

.hut-slider .hut-teaser .hut-container .hut-item:nth-of-type(3n-1) {
    margin-top: 0;
}


.hut-slider .hut-teaser .hut-container .hut-item,
.hut-slider .hut-teaser .hut-container .hut-item .img-container {
    width: 100%;
}

.hut-slider .hut-teaser .hut-container .hut-item .hut-details {
    justify-content: center;
}

@media (max-width: 1499.98px) {
	.hut-slider .hut-teaser .hut-container {
		grid-area: 1/3/1/span 10;
	}
}

@media (max-width: 991.98px) {
    .hut-teaser .hut-container {
        grid-area: 1/2/1/span 12;
    }

    .hut-slider .hut-teaser .hut-container {
        grid-area: 1/2/1/span 12;
    }
}

@media (max-width: 767.98px) {
    .hut-slider .hut-teaser .hut-container,
    .hut-teaser .hut-container {
        display: grid;
        grid-template-columns: 1fr;
        justify-self: center;
        max-width: 400px;
        gap: var(--m-lg);
    }

    .hut-teaser .hut-container .hut-item:nth-of-type(3n-1) {
        margin-top: 0;
    }

    .hut-slider .hut-teaser .hut-container .text-container {
        grid-area: 2/1/2/span 1;
        margin: 0;
    }
}

@media (max-width: 575.98px) {
    .hut-slider .hut-teaser .hut-container {
        grid-area: 1/2/1/span 12;
    }
}