[data-header-account-island-host] {
    position: relative;
    width: 100%;
    min-height: 40px;
}

/* Preserve the legacy row's negative gutters during the fallback-to-island handoff. */
[data-header-account-island-host].header__top.row {
    width: auto;
}

[data-header-account-island-root] {
    display: none;
    flex: 1 1 100%;
    min-width: 0;
    width: 100%;
}

[data-header-account-island-fallback] {
    display: contents;
}

[data-header-account-island-fallback] > [class*='col-'],
[data-header-account-island-fallback] > .col {
    padding-left: 4px;
    padding-right: 4px;
}

@media (min-width: 1024px) {
    [data-header-account-island-fallback] > [class*='col-'],
    [data-header-account-island-fallback] > .col {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (min-width: 768px) {
    .header--below-top:not(.order_cart) [data-header-account-island-fallback] > [class*='col-'],
    .header--below-top:not(.order_cart) [data-header-account-island-fallback] > .col {
        padding-left: 4px;
        padding-right: 4px;
    }
}

[data-header-account-island-host][data-header-account-island-ready='true'] [data-header-account-island-root] {
    display: block;
}

[data-header-account-island-host][data-header-account-island-ready='true'] [data-header-account-island-fallback] {
    display: none !important;
}