.site-footer.storefront-shared-footer {
    width: 100%;
    margin: 80px 0 0;
    padding: 0;
    border-top: 1px solid #dce1d7;
    background: #e9e7df;
    color: #252b21;
}

.storefront-footer-main,
.storefront-footer-bottom {
    width: min(1240px, calc(100% - 36px));
    margin-inline: auto;
}

.storefront-footer-main {
    min-height: 132px;
    padding-block: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
}

.storefront-footer-brand {
    color: #315f0b;
    font-family:
        Georgia,
        Tahoma,
        serif;
    font-size: 1.4rem;
    font-weight: 900;
    letter-spacing: 0.09em;
    text-decoration: none;
}

.storefront-footer-identity p {
    margin: 5px 0 0;
    color: #6f766b;
    font-size: 0.84rem;
}

.storefront-footer-navigation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.storefront-footer-navigation a {
    padding: 7px 12px;
    border-radius: 999px;
    color: #535b4f;
    text-decoration: none;
    font-size: 0.83rem;
    font-weight: 800;
}

.storefront-footer-navigation a:hover,
.storefront-footer-navigation a:focus-visible {
    background: rgba(79, 148, 20, 0.11);
    color: #315f0b;
}

.storefront-footer-bottom {
    min-height: 51px;
    padding-block: 13px;
    border-top:
        1px solid rgba(121, 129, 116, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: #6f766b;
    font-size: 0.72rem;
}

@media (max-width: 680px) {
    .storefront-footer-main,
    .storefront-footer-bottom {
        width: min(100% - 24px, 1240px);
        align-items: flex-start;
        flex-direction: column;
    }

    .storefront-footer-main {
        min-height: 0;
    }

    .storefront-footer-bottom {
        justify-content: flex-start;
    }
}