/* Sole visual contract for close controls; owners retain only layout positioning. */
html body #azb-account-page-nav button.azb-ui-close.azb-ui-close,
html body #azb-account-drawer button.azb-ui-close.azb-ui-close,
html body > #azb-mini-cart-panel button.azb-ui-close.azb-ui-close,
html body #shipping-method-popup > button.azb-ui-close.azb-ui-close,
html body .azb-reviewsio-modal button.azb-ui-close.azb-ui-close {
    align-items: center !important;
    appearance: none !important;
    background: #f3f4f5 !important;
    border: 1px solid #697078 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #30343a !important;
    cursor: pointer !important;
    display: inline-flex !important;
    flex: 0 0 44px !important;
    height: 44px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    transform: none !important;
    width: 44px !important;
}

html body #azb-account-page-nav button.azb-ui-close.azb-ui-close svg,
html body #azb-account-drawer button.azb-ui-close.azb-ui-close svg,
html body > #azb-mini-cart-panel button.azb-ui-close.azb-ui-close svg,
html body #shipping-method-popup > button.azb-ui-close.azb-ui-close svg,
html body .azb-reviewsio-modal button.azb-ui-close.azb-ui-close svg {
    fill: none !important;
    height: 20px !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-width: 2 !important;
    width: 20px !important;
}

html body #azb-account-page-nav button.azb-ui-close.azb-ui-close:focus,
html body #azb-account-page-nav button.azb-ui-close.azb-ui-close:active,
html body #azb-account-drawer button.azb-ui-close.azb-ui-close:focus,
html body #azb-account-drawer button.azb-ui-close.azb-ui-close:active,
html body > #azb-mini-cart-panel button.azb-ui-close.azb-ui-close:focus,
html body > #azb-mini-cart-panel button.azb-ui-close.azb-ui-close:active,
html body #shipping-method-popup > button.azb-ui-close.azb-ui-close:focus,
html body #shipping-method-popup > button.azb-ui-close.azb-ui-close:active,
html body .azb-reviewsio-modal button.azb-ui-close.azb-ui-close:focus,
html body .azb-reviewsio-modal button.azb-ui-close.azb-ui-close:active {
    background: #f3f4f5 !important;
    border-color: #697078 !important;
    box-shadow: none !important;
    color: #30343a !important;
    outline: 0 !important;
}

html body #azb-account-page-nav button.azb-ui-close.azb-ui-close:focus-visible,
html body #azb-account-drawer button.azb-ui-close.azb-ui-close:focus-visible,
html body > #azb-mini-cart-panel button.azb-ui-close.azb-ui-close:focus-visible,
html body #shipping-method-popup > button.azb-ui-close.azb-ui-close:focus-visible,
html body .azb-reviewsio-modal button.azb-ui-close.azb-ui-close:focus-visible {
    outline: 2px solid #697078 !important;
    outline-offset: 2px !important;
}

@media (hover: hover) {
    html body #azb-account-page-nav button.azb-ui-close.azb-ui-close:hover,
    html body #azb-account-drawer button.azb-ui-close.azb-ui-close:hover,
    html body > #azb-mini-cart-panel button.azb-ui-close.azb-ui-close:hover,
    html body #shipping-method-popup > button.azb-ui-close.azb-ui-close:hover,
    html body .azb-reviewsio-modal button.azb-ui-close.azb-ui-close:hover {
        background: #fdebf1 !important;
        border-color: #e7a8bb !important;
        color: #30343a !important;
    }
}

html body #azb-account-page-nav button.azb-ui-close.azb-ui-close > span {
    display: block !important;
    font-size: 28px !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
}

html body #azb-account-drawer button.azb-ui-close.azb-ui-close {
    margin-left: 12px !important;
}

@media only screen and (min-width: 768px) {
    html body #azb-account-page-nav button.azb-ui-close.azb-ui-close {
        display: none !important;
    }
}
