/* Loaded after the storefront bundles; shared by every locale. */
.contact__btn {
    right: 0;
    transform: rotate(-90deg) translateX(100%);
    transform-origin: right bottom;
    white-space: nowrap;
}
a.contact-help {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    max-width: 100%;
    min-height: 44px;
    padding: 8px 0;
    color: #12388f;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}
.contact-help::before {
    content: '?';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-weight: 600;
    text-decoration: none;
}
a.contact-help:hover { color: #092567; }
.contact-help:focus-visible,
.contact__btn:focus-visible,
#supdec-contact-dialog .close:focus-visible,
#supdec-contact-dialog input[type=radio]:focus-visible + label {
    outline: 2px solid #12388f;
    outline-offset: 3px;
}
.contact-help--product { margin-top: 8px; }
.contact-help--order { margin: 0 0 16px; }
.contact-help.contact-help--menu { display: none; }
.mobile__menu .contact-help--menu { display: flex; width: 100%; justify-content: center; padding: 0; color: #fff; text-decoration: none; }
.mobile__menu .contact-help--menu::before { display: none; }
.mobile__menu nav { min-height: 352px; }
.mobile__menu nav li { height: 12.5%; min-height: 44px; }
.mobile__menu--controll { min-height: 88px; }
.is__login .mobile__menu--controll { min-height: 132px; }
.checkout-transition .contact-help--order { margin: 16px auto 0; }
.checkout-transition:not(.is-error) .contact-help--order { display: none; }
/* Match the storefront's collapsed navigation, including landscape phones/tablets. */
@media (max-width: 1199.98px) {
    .contact__btn { display: none; }
    #sidebar .contact-help--menu { display: flex; margin: 12px 20px 0; }
}
body.contact-help-open { overflow: hidden; }
#supdec-contact-dialog { min-height: 0; height: 100%; height: 100dvh; overflow-y: auto; overscroll-behavior: contain; }
#supdec-contact-dialog .modal__contact--wrapper { position: relative; top: auto; transform: none; padding-top: 64px; padding-bottom: 24px; }
#supdec-contact-dialog .close { border: 0; background-color: transparent; padding: 0; min-width: 44px; min-height: 44px; cursor: pointer; }
#supdec-contact-dialog .contact-help-status { margin: 12px 0; line-height: 1.5; }
#supdec-contact-dialog .contact-help-status[hidden] { display: none; }
