.shop-navigation .nav-container {
    grid-area: 1/3/1/span 10;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: var(--m-30);
    justify-content: space-between;
}

.shop-navigation .nav-container .column {
    width: fit-content;
}

.shop-navigation .nav-container .column:nth-child(3n-1) {
	justify-self: center;
}

.shop-navigation .nav-container .column:nth-child(3n) {
	justify-self: flex-end;
}

.shop-navigation .nav-container .column:nth-child(3n-2) .icon-title-container {
    width: fit-content;
}

.shop-navigation .nav-container .column .icon-title-container .icon-container {
    aspect-ratio: 1/1;
    width: max(32px, 2.34375vw);
}

.shop-navigation .nav-container .column .icon-title-container .headline {
	margin-top: 16px;
}

.shop-navigation .nav-container .column .links-container {
    gap: .25em;
}

.shop-navigation .nav-container .column .links-container br {
    display: none;
}

.shop-navigation .nav-container .column .btns-container .default-btn {
    width: 100%;
}

.shop-navigation .nav-container .column .highlight-sm {
	max-width: 10ch;
    transform: rotate(-6deg);
}

@media (max-width: 991.98px) {
    .shop-navigation .nav-container {
        grid-area: 1/2/1/span 12;
    }
}

@media (max-width: 991.98px) {
    .shop-navigation .nav-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: var(--m-small);
    }
    
    .shop-navigation .nav-container .column:nth-child(3n-2) .icon-title-container {
        width: 100%;
    }
    
    .shop-navigation .nav-container .column .links-container {
        align-items: center;
    }
}