/*
 * Desktop footer layout
 * ---------------------
 * Keep all five footer columns inside one centered, equal-width grid so the
 * left/right gutters and the spacing between sections stay visually balanced.
 */
@media (min-width: 1200px) {
    .momo-marketplace-columns-host {
        box-sizing: border-box !important;
        display: grid !important;
        width: min(calc(100% - 96px), 1280px) !important;
        max-width: 1280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 42px !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        column-gap: 24px !important;
        justify-content: center !important;
        align-items: start !important;
        min-height: 0 !important;
    }

    .momo-marketplace-columns-host > .momo-marketplace-footer-column,
    .momo-marketplace-columns-host > .momo-marketplace-badges--desktop-column {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        grid-column: auto !important;
        justify-self: stretch !important;
    }

    .momo-marketplace-columns-host > .momo-marketplace-footer-column h1,
    .momo-marketplace-columns-host > .momo-marketplace-footer-column h2,
    .momo-marketplace-columns-host > .momo-marketplace-footer-column h3,
    .momo-marketplace-columns-host > .momo-marketplace-footer-column h4,
    .momo-marketplace-columns-host > .momo-marketplace-footer-column h5,
    .momo-marketplace-columns-host > .momo-marketplace-footer-column h6,
    .momo-marketplace-columns-host > .momo-marketplace-footer-column strong,
    .momo-marketplace-badges__title {
        white-space: nowrap !important;
    }

    .momo-marketplace-badges--desktop-column {
        position: static !important;
        align-self: start;
        margin: 0 !important;
        padding: 0 !important;
    }
}

.momo-marketplace-badges {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

/* Font/weight/size are inherited from the cloned THE COMPANY heading. */
.momo-marketplace-badges__title {
    white-space: nowrap;
}

.momo-marketplace-badges__row {
    display: flex;
    width: 150px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.momo-marketplace-logo {
    box-sizing: border-box;
    display: flex;
    width: 150px;
    height: 39px;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
    text-decoration: none !important;
    transition: transform .15s ease, opacity .15s ease;
}

.momo-marketplace-logo:hover,
.momo-marketplace-logo:focus-visible {
    transform: translateY(-1px);
    opacity: .88;
    text-decoration: none !important;
}

.momo-marketplace-logo:focus-visible {
    outline: 2px solid #0f172a;
    outline-offset: 2px;
    border-radius: 3px;
}

.momo-marketplace-logo__image {
    display: block;
    width: 136px;
    height: auto;
    max-width: 136px;
    object-fit: contain;
}

.momo-marketplace-logo--amazon .momo-marketplace-logo__image,
.momo-marketplace-logo--takealot .momo-marketplace-logo__image {
    width: 136px;
    max-width: 136px;
}

@media (max-width: 1199px) {
    .momo-marketplace-badges {
        position: static !important;
        width: 150px;
        margin-top: 18px;
    }
}