.home-page section {
    margin-bottom: 75px;
    margin-left: 0;
    margin-right: 0;
    width: fit-content;
}

.home-page .navigation,
.home-page .navigation a {
    color: var(--color-green);
}

.home-page .navigation .cart__count {
    color: var(--color-dark-brown);
}

.home-page .navigation.sticky,
.home-page .navigation.sticky a {
    color: var(--color-dark-brown);
}

.home-page .navigation.sticky .cart__count {
    color: var(--color-creme);
}

.home-page section > div:not(.hero-header) {
    padding-left: var(--grid-gutter);
    padding-right: var(--grid-gutter);
}

.home-page header {
    margin-top: calc(-1 * var(--navigation-height));
    background-color: var(--color-off-white);
    max-width: unset;
    margin-right: unset;
    margin-left: unset;
}

.home-page header section {
    margin-bottom: var(--grid-margin);
}

.home-page .product-slider {
    width: 100vw;
    background-color: var(--color-off-white);
    padding-bottom: calc(2 * var(--grid-margin));
}

.home-page .collection-grid {
    width: 100vw;
    padding-top: var(--grid-gutter);
    padding-left: calc(2 * var(--grid-gutter)) !important;
    padding-right: calc(2 * var(--grid-gutter)) !important;
    padding-bottom: calc(2 * var(--grid-margin));
    background-color: var(--color-off-white);
}

.home-page .blog-grid {
    width: 100vw;
}

@media screen and (max-width: 481px) {
    .home-page .collection-grid {
        padding-left: var(--grid-gutter) !important;
        padding-right: var(--grid-gutter) !important;
    }
}