#wrapper {
    padding-top: 0 !important
}

#wrapper .header-with-megamenu.new-header {
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 99;
    color: var(--color-text);
    justify-content: space-between
}

#wrapper .header-with-megamenu.new-header .stx-ctas .button a,
#wrapper .header-with-megamenu.new-header .stx-main-bar.stx-main-bar,
#wrapper .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main.stx-megamenu__item--main,
#wrapper .header-with-megamenu.new-header .stx-navigation .stx-site-search.stx-site-search,
#wrapper .header-with-megamenu.new-header .stx-top-bar.stx-top-bar {
    transition: .3s
}

@media (min-width:1025px) {
    #wrapper .header-with-megamenu.new-header .desktop-hidden {
        display: none !important
    }

    #wrapper .header-with-megamenu.new-header .iconLinks a {
        display: flex;
        gap: 5px;
        align-items: center
    }
}

header {
    position: sticky;
    top: 0;
    z-index: 1001
}

/* ── LOGO SIZE RULES REMOVED ── logo-branding.css owns all logo sizing ── */
/* The original rules set height:20px/22px on .stx-logo and max-height:50px
   on .stx-logo img — both are deleted here so logo-branding.css wins cleanly
   without needing !important fights. */

/* Keep: logo-mobile/logo-desktop visibility toggle (single-image pages use
   only .logo-desktop so :only-child = true → neither hide rule fires) */
#wrapper .header-with-megamenu.new-header .stx-logo img.logo-mobile:not(:only-child) {
    display: none
}

@media (min-width:1025px) {
    #wrapper .header-with-megamenu.new-header .stx-logo img.logo-desktop:not(:only-child) {
        display: none
    }

    #wrapper .header-with-megamenu.new-header .stx-logo img.logo-desktop:not(:only-child)+.logo-mobile {
        display: block
    }
}

#wrapper .header-with-megamenu.new-header .stx-hamburger {
    position: relative;
    z-index: 1
}

@media (min-width:1025px) {
    #wrapper .header-with-megamenu.new-header .stx-hamburger {
        display: none
    }
}

#wrapper .header-with-megamenu.new-header .stx-main-bar {
    position: relative;
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: space-between
}

#wrapper .header-with-megamenu.new-header .stx-main-bar>.button a {
    display: block;
    padding: calc(8px / 2) 20px;
    height: 35px;
    font-size: 14px
}

@media (max-width:1024px) {
    #wrapper .header-with-megamenu.new-header .stx-main-bar {
        padding: 0 16px;
        height: 100%
    }
}

@media (min-width:1025px) {
    #wrapper .header-with-megamenu.new-header .stx-main-bar {
        padding: 0 40px;
        min-height: 60px
    }
}

@media (max-width:1440px) {
    #wrapper .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main.stx-megamenu__item--main {
        padding: 0 15px
    }

    #wrapper .header-with-megamenu.new-header .stx-main-bar.stx-main-bar,
    #wrapper .header-with-megamenu.new-header .stx-top-bar.stx-top-bar {
        padding: 0 20px
    }

    #wrapper .header-with-megamenu.new-header .stx-main-bar.stx-main-bar {
        gap: 10px
    }

    #wrapper .header-with-megamenu.new-header .stx-navigation .stx-site-search.stx-site-search {
        padding-right: 20px;
        padding-left: 5px
    }

    #wrapper .header-with-megamenu.new-header .stx-ctas .button a {
        padding: 10px 20px
    }
}

@media (max-width:1200px) {
    #wrapper .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main.stx-megamenu__item--main {
        padding: 0 15px;
        transition: .3s
    }

    #wrapper .header-with-megamenu.new-header .stx-ctas .button a,
    #wrapper .header-with-megamenu.new-header .stx-megamenu .stx-megamenu__item--main label {
        font-size: 14px
    }
}

header .header-with-megamenu.new-header .stx-top-bar a,
header .header-with-megamenu.new-header .stx-top-bar a:hover {
    color: currentColor;
    text-decoration: none
}

header .header-with-megamenu.new-header .stx-top-bar__logo-right-link {
    display: flex
}

header .header-with-megamenu.new-header .stx-top-bar__logo-right-img {
    width: auto
}

@media (max-width:1024px) {
    header .header-with-megamenu.new-header .stx-top-bar {
        display: none
    }
}

@media (min-width:1025px) {
    header .header-with-megamenu.new-header .stx-top-bar {
        display: flex;
        background: #12225c;
        color: #fff;
        align-items: center;
        padding: 0 40px;
        gap: 50px;
        justify-content: space-between;
        height: 30px
    }
}

.stx-regional-switcher {
    height: 100%
}

@media (min-width:1025px) {
    .stx-regional-switcher {
        color: #fff;
        position: relative;
        z-index: 2
    }
}

@media (max-width:1024px) {
    .stx-regional-switcher {
        color: currentColor
    }
}

@media (min-width:1025px) {
    .stx-regional-switcher .stx-back-button--regional {
        display: none
    }
}

.stx-regional-switcher .stx-regional-switcher__link-label-icon {
    width: 15px;
    margin-right: 5px
}

.stx-regional-switcher .stx-regional-switcher__list .stx-regional-switcher__link-icon {
    display: none
}

.stx-regional-switcher .stx-regional-switcher__title {
    font-size: 20px;
    line-height: 26px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px
}

.stx-regional-switcher .stx-regional-switcher__Description {
    font-size: 14px;
    line-height: 20px;
    padding: 0 15px;
    margin-bottom: 15px
}

.stx-regional-switcher__trigger {
    cursor: pointer;
    border: 0;
    border-radius: 0;
    outline: 0;
    padding: 0;
    -webkit-appearance: none;
    background: 0 0;
    display: flex;
    align-items: center;
    color: currentColor;
    height: 100%
}

.stx-regional-switcher__trigger:focus {
    outline: 0
}

@media (max-width:1024px) {
    .stx-regional-switcher__trigger {
        width: 100%;
        justify-content: flex-end;
        padding: 16px 0;
        gap: 10px
    }
}

@media (min-width:1025px) {
    .stx-regional-switcher__trigger {
        font-size: 13px;
        line-height: 20px;
        padding: 0
    }

    .stx-regional-switcher__trigger::after {
        content: "";
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../../images/svg/chevron-regional-switcher.html);
        margin-left: 10px;
        margin-top: 2px;
        height: 7px;
        width: 14px
    }
}

@media (max-width:1024px) {
    .stx-regional-switcher__label {
        font-size: 18px;
        line-height: 25px;
        padding: 16px 0
    }
}

@media (min-width:1025px) {
    .stx-regional-switcher__label {
        display: none
    }
}

.stx-regional-switcher__list {
    position: absolute;
    flex-direction: column;
    display: none;
    background: #fff;
    color: #000;
    border: 2px solid #000;
    padding: 15px 0
}

@media (min-width:1025px) {
    .stx-regional-switcher__list {
        right: -150px;
        top: calc(100% + 9px);
        gap: 4px;
        padding: 4px 0;
        min-width: 340px;
        padding-bottom: 15px
    }

    .stx-regional-switcher__list::before {
        border-style: solid;
        height: 0;
        width: 0;
        border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0);
        border-width: 0 6px 8px 6px;
        content: "";
        position: absolute;
        left: calc(50% - 6px);
        top: -7px;
        z-index: 1
    }

    .stx-regional-switcher__list::after {
        border-style: solid;
        height: 0;
        width: 0;
        border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #000 rgba(255, 255, 255, 0);
        border-width: 0 7px 9px 7px;
        content: "";
        position: absolute;
        left: calc(50% - 7px);
        top: -9px
    }
}

@media (max-width:1024px) {
    .stx-regional-switcher__list {
        inset: 0;
        background: #fff;
        padding: 0;
        border: none;
        z-index: 2
    }

    .stx-regional-switcher__list .stx-back-button--regional,
    .stx-regional-switcher__list .stx-regional-switcher__label {
        display: none
    }

    .stx-regional-switcher__list .stx-regional-switcher__title {
        font-size: 24px;
        line-height: 30px
    }

    .stx-regional-switcher__list .stx-regional-switcher__Description {
        font-size: 16px;
        line-height: 22px
    }

    .stx-regional-switcher__list .stx-regional-switcher__link {
        padding: 10px 16px
    }

    .stx-regional-switcher__list .stx-regional-switcher__link.active {
        background: 0 0;
        text-decoration: underline
    }
}

.stx-regional-switcher__link {
    color: currentColor;
    width: 100%;
    min-height: 22px;
    display: flex;
    align-items: center
}

.stx-regional-switcher__link img {
    display: none
}

@media (max-width:1024px) {
    .stx-regional-switcher__link {
        padding: 16px;
        font-size: 16px;
        line-height: 22px
    }

    .stx-regional-switcher__link.active {
        background: #fff
    }
}

@media (min-width:1025px) {
    .stx-regional-switcher__link {
        padding: 0 16px;
        font-size: 14px;
        line-height: 20px
    }

    .stx-regional-switcher__link.active,
    .stx-regional-switcher__link:hover {
        background: #fff
    }
}

.stx-regional-switcher.active .stx-regional-switcher__list {
    display: flex
}

.stx-regional-switcher.active .stx-regional-switcher__trigger::after {
    transform: rotate(180deg)
}

@media (max-width:1024px) {
    .stx-megamenu__regional-switcher .stx-regional-switcher {
        padding: 0 16px
    }
}

@media (min-width:1025px) {
    .stx-megamenu__regional-switcher .stx-regional-switcher {
        display: none
    }
}

.stx-umbrella {
    display: flex;
    color: currentColor;
    height: 100%
}

.stx-umbrella:first-child {
    margin-right: auto
}

.stx-umbrella.right {
    white-space: nowrap;
    display: flex;
    gap: 5px
}

@media (min-width:1025px) {
    .stx-umbrella.right img {
        height: 15px;
        width: 15px;
        filter: invert(1)
    }
}

.stx-umbrella .stx-umbrella__link,
.stx-umbrella .stx-umbrella__link-icon {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .01em;
    height: 100%;
    position: relative;
    align-items: center;
    display: flex
}

.stx-umbrella .stx-umbrella__link-icon.active,
.stx-umbrella .stx-umbrella__link.active {
    font-weight: 700
}

.stx-umbrella .stx-umbrella__link-icon.active::before,
.stx-umbrella .stx-umbrella__link.active::before {
    border-style: solid;
    height: 0;
    width: 0;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0);
    border-width: 0 6px 7px 6px;
    content: "";
    position: absolute;
    left: calc(50% - 6px);
    bottom: 0
}

@media (max-width:1024px) {
    .stx-umbrella {
        flex-direction: column;
        gap: 20px;
        padding: 20px 16px;
        width: 100%
    }
}

@media (min-width:1025px) {
    .stx-umbrella {
        gap: 30px;
        align-items: center
    }
}

@media (min-width:1025px) {
    .stx-umbrella__link {
        font-size: 13px;
        line-height: 20px
    }
}

@media (max-width:1024px) {
    .stx-umbrella__link {
        font-size: 16px;
        line-height: 22px;
        display: flex;
        align-items: center
    }
}

@media (min-width:1025px) {

    .stx-main-bar .stx-megamenu__umbrella,
    .stx-top-bar .stx-megamenu__umbrella {
        display: none
    }
}

@media (max-width:1024px) {
    .menu-visible .stx-megamenu__umbrella {
        position: sticky;
        top: 0;
        width: 100%;
        background-color: #12225c;
        z-index: 1
    }

    .menu-visible .stx-megamenu__umbrella a {
        font-size: 14px;
        line-height: 20px;
        color: #fff
    }

    .menu-visible .stx-megamenu__umbrella a::before {
        display: none
    }

    .menu-visible .stx-megamenu__umbrella .stx-umbrella {
        gap: 0;
        padding: 0
    }

    .menu-visible .stx-megamenu__umbrella .stx-umbrella a {
        padding: 13px 15px
    }

    .menu-visible .stx-megamenu__umbrella .stx-umbrella>a {
        width: -moz-fit-content;
        width: fit-content;
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .menu-visible .stx-megamenu__umbrella .stx-umbrella>a::after {
        content: "More";
        color: #000;
        display: flex;
        align-items: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../../images/svg/chevron-down-main.svg);
        background-position-x: right;
        background-position-y: center;
        padding-right: 25px;
        height: 10px;
        filter: invert(1);
        margin-left: auto;
        margin-right: 1px;
        margin-top: 0;
        font-size: 13px
    }

    .menu-visible .stx-megamenu__umbrella .stx-umbrella>div {
        display: none
    }

    .menu-visible .stx-megamenu__umbrella .stx-umbrella.has-focus>a::after {
        content: "";
        transform: rotate(180deg);
        padding-right: 0;
        width: 10px
    }

    .menu-visible .stx-megamenu__umbrella .stx-umbrella.has-focus>div {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 46px;
        width: 100%;
        background-color: #12225c
    }

    .menu-visible .stx-megamenu__umbrella .stx-umbrella.has-focus>div .stx-umbrella__link-icon:first-child {
        font-weight: unset
    }
}

.header-with-megamenu.new-header .stx-navigation {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    overflow: visible
}

.header-with-megamenu.new-header .stx-navigation .stx-back-button,
.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons {
    display: none
}

@media (max-width:1024px) {
    .header-with-megamenu.new-header .stx-navigation {
        scroll-behavior: smooth;
        height: auto !important;
        min-height: auto !important;
        width: 100%;
    }
}

@media (min-width:1025px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__submenu-container .stx-megamenu__submenu--nested .stx-megamenu__submenu--nested {
        margin-top: 15px
    }
}

.header-with-megamenu.new-header .stx-navigation .stx-site-search {
    padding-left: 25px;
    padding-right: 50px
}

.header-with-megamenu.new-header .stx-navigation .stx-site-search img {
    width: 20px
}

.menu-visible.header-with-megamenu.new-header .stx-navigation {
    display: flex
}

@media (max-width:576px) {
    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-ctas.stx-ctas {
        flex-direction: column
    }
}

@media (max-width:1024px) {
    .menu-visible.header-with-megamenu.new-header .stx-navigation {
        display: flex;
        flex-direction: column;
        overflow-y: auto
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-ctas.stx-ctas .button a {
        font-size: 17px !important
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        padding-bottom: 50px
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-umbrella.right {
        display: contents
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-umbrella.right .iconLinks a {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-umbrella.right .iconLinks a:hover {
        color: #000
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-umbrella.right .iconLinks img {
        width: 25px;
        height: 25px
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-regional-switcher__trigger,
    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-umbrella__link-icon {
        font-size: 14px;
        line-height: 20px
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-regional-switcher {
        padding: 0
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-regional-switcher .stx-regional-switcher__trigger {
        display: flex;
        flex-direction: column;
        padding: 0
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-regional-switcher .stx-regional-switcher__trigger .stx-regional-switcher__link-label-icon {
        width: auto;
        height: 20px
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .iconLinks,
    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-megamenu__regional-switcher {
        flex-basis: 100%
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-ctas {
        align-self: auto;
        display: flex;
        flex-direction: row;
        width: 100%;
        padding-bottom: 25px
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu {
        flex-direction: column;
        margin-left: 0;
        width: 100%;
        top: 0;
        overflow: visible
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-umbrella {
        display: flex;
        flex-direction: row;
        background-color: #000;
        color: #fff
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-umbrella a {
        font-size: 16px;
        line-height: 22px
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-main--megamenu__inner_iconlinks {
        display: none
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-main--megamenu__inner {
        position: relative !important
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title {
        font-size: 16px;
        line-height: 22px;
        padding-top: 15px;
        padding-bottom: 5px
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title a::after {
        color: #000;
        content: "";
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../../images/svg/chevron-megamenu-column-label-link.html);
        position: absolute;
        margin-left: 5px;
        margin-top: 7px;
        height: 9px;
        width: 6px
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--nested a {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 0;
        width: -moz-fit-content;
        width: fit-content
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--nested a:hover {
        text-decoration: underline
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--nested:last-child a {
        padding-bottom: 20px
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main label {
        font-size: 18px !important;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main label::after {
        content: "";
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../../images/svg/chevron-megamenu-column-label-link.html);
        height: 10px;
        width: 10px
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main .mimic-hover label::after,
    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main.active label::after {
        transform: rotate(180deg)
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main .mimic-hover>.stx-megamenu__inner,
    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main.active>.stx-megamenu__inner {
        display: contents
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main .mimic-hover>.stx-megamenu__inner .stx-megamenu__submenu-container,
    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main.active>.stx-megamenu__inner .stx-megamenu__submenu-container {
        display: flex;
        flex-direction: column
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-site-search {
        display: none !important;
        border: 1px solid #000;
        border-radius: 100px;
        padding: 10px 20px;
        margin: 24px
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-site-search::after {
        content: "Search";
        margin-left: 12px;
        position: relative;
        top: -3px
    }
}

@media (max-width:1024px) {
    .header-with-megamenu.new-header .stx-navigation {
        display: none;
        position: absolute;
        top: 49px;
        left: 0;
        overflow: hidden
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item {
        padding-left: 24px
    }
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu {
    display: flex;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1025px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item .stx-megamenu__item {
        font-size: 14px;
        line-height: 20px
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item .stx-megamenu__submenu-container {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        display: grid;
        gap: 40px;
        flex: 1
    }
}

@media (min-width:1025px) and (max-width:1200px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item .stx-megamenu__submenu-container {
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:1025px) {

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item .mimic-hover>.stx-megamenu__inner,
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item.active>.stx-megamenu__inner {
        display: flex;
        flex-direction: row;
        justify-content: center
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item .mimic-hover>.stx-megamenu__inner .stx-megamenu__container,
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item.active>.stx-megamenu__inner .stx-megamenu__container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 40px;
        width: 100%;
        max-width: calc(1200px + (2 * 15px));
        padding: 0 15px
    }
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-main--megamenu__inner {
    padding-bottom: 50px;
    width: 100%
}

@media (max-width:1024px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-main--megamenu__inner .stx-megamenu__submenu-container {
        margin-left: 10px
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-main--megamenu__inner .stx-megamenu__submenu-container .stx-megamenu__item {
        padding-left: 10px
    }
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu a,
.header-with-megamenu.new-header .stx-navigation .stx-megamenu a:hover {
    color: currentColor;
    text-decoration: none
}

@media (max-width:1024px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu {
        flex: 1;
        position: relative;
        overflow-y: auto
    }
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main {
    position: initial !important
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title {
    font-weight: 600;
    color: rgba(0, 0, 0, .75);
    font-size: 14px;
    line-height: 20px
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title a {
    color: #000;
    font-size: 16px;
    line-height: 22px
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title a::after {
    color: currentColor;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../../images/svg/chevron-megamenu-column-label-link.html);
    position: absolute;
    margin-left: 5px;
    margin-top: 7px;
    height: 9px;
    width: 6px
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title:hover a {
    text-decoration: unset
}

@media (max-width:1024px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title a::after {
        margin-left: 5px
    }
}

@media (min-width:1025px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title~.stx-megamenu__item {
        padding-left: 0
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__inner-title a:hover {
        text-decoration: underline
    }
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__submenu,
.header-with-megamenu.new-header .stx-navigation .stx-megamenu__submenu-folder {
    display: inline-flex;
    flex-direction: column
}

@media (min-width:1025px) {

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__submenu,
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__submenu-folder {
        gap: 10px
    }
}

@media (max-width:1024px) {

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__submenu,
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__submenu-folder {
        gap: 0
    }
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__link {
    display: flex;
    align-items: center
}

@media (max-width:1024px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__link {
        justify-content: space-between;
        padding: 16px 0;
        font-size: 18px;
        line-height: 25px
    }
}

@media (min-width:1025px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__link {
        justify-content: flex-start;
        gap: 8px;
        padding: 0;
        width: -moz-fit-content;
        width: fit-content
    }
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__link--overview {
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width:1025px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__link--overview {
        display: none
    }
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item {
    padding: 0 16px
}

@media (min-width:1025px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main {
        padding: 0 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main .stx-megamenu__inner {
        width: 100%
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main .stx-megamenu__inner .stx-megamenu__inner {
        width: 100%
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main,
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main>label {
        cursor: pointer
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main.active {
        text-decoration: underline;
        color: rgba(0, 0, 0, .55)
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main>.stx-megamenu__inner {
        cursor: default
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main>.stx-megamenu__inner::after {
        content: "";
        position: fixed;
        width: 100%;
        height: 100%;
        opacity: .75;
        z-index: -1;
        pointer-events: none;
        /* OVERLAY DISABLED — was causing full-screen dark blue tint on hover */
        display: none;
        background: none;
        background-color: transparent;
    }
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main label {
    padding: 15px 0
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main .button-with-image-gradient {
    width: 282px;
    transition: .3s;
    justify-content: flex-end;
    flex-direction: row-reverse;
    color: #fff
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main .button-with-image-gradient img {
    width: 30px;
    height: 30px;
    margin-right: 25px;
    transition: filter .3s
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main .stx-main--megamenu__inner_iconlinks {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff
}

@media (max-width:1024px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main>.stx-megamenu__link {
        border-bottom: 1px solid #e3e3e5
    }
}

@media (min-width:1025px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main>.stx-megamenu__link:hover {
        text-decoration: underline
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main>.stx-megamenu__link.with-children::after {
        display: none
    }
}

@media (min-width:1025px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--nested {
        padding-right: 0;
        width: 100%
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--nested>.stx-megamenu__link.mimic-hover:not(.with-children),
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--nested>.stx-megamenu__link:hover:not(.with-children) {
        text-decoration: underline
    }
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item.active>.stx-megamenu__inner {
    display: flex
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner {
    position: absolute;
    display: none;
    min-height: 100%;
    flex-direction: column
}

@media (max-width:1024px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner {
        top: 0;
        left: 0;
        width: 100%;
        color: var(--color-text);
        background: #fff;
        padding: 0 16px
    }
}

@media (min-width:1025px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner {
        top: 100%;
        left: 0;
        padding: 16px 0;
        background: #fff;
        color: #000
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner .stx-megamenu__inner {
        top: 0;
        left: 100%;
        width: 100%
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner .stx-megamenu__submenu {
        flex: 1
    }
}

@media (min-width:1025px) and (min-width:1440px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner .stx-megamenu__submenu {
        max-width: 256px
    }
}

@media (min-width:1025px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner--nested {
        flex-wrap: wrap;
        flex-direction: row;
        align-content: flex-start
    }
}

.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__marketing-image-link img {
    width: 250px
}

@media (max-width:576px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__marketing-image-link img {
        width: 100%
    }
}

@media (max-width:1024px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu.stx-megamenu--no-marketing-image-on-mobile .stx-megamenu__marketing-image-link {
        display: none
    }
}

.header-with-megamenu.new-header .stx-ctas {
    display: flex;
    align-items: center;
    gap: 20px;
    z-index: 1;
    white-space: nowrap
}

@media (max-width:1024px) {
    .header-with-megamenu.new-header .stx-ctas {
        flex-direction: column;
        padding: 16px;
        align-self: flex-end
    }

    .header-with-megamenu.new-header .stx-ctas .button,
    .header-with-megamenu.new-header .stx-ctas .button a {
        width: 100%
    }

    .header-with-megamenu.new-header .stx-ctas .button a {
        height: 44px
    }
}

@media (min-width:1025px) {
    .header-with-megamenu.new-header .stx-ctas {
        flex-direction: row;
        align-self: center
    }

    .header-with-megamenu.new-header .stx-ctas .button a {
        height: 40px
    }
}

.header-with-megamenu.new-header.menu-visible .navTrigger i:nth-child(2) {
    margin: 7px 0;
    transition: margin .1s;
    transition-delay: 0s
}

.header-with-megamenu.new-header .navTrigger {
    width: 20px
}

.header-with-megamenu.new-header .navTrigger::after {
    display: none
}

.dark-theme .header-with-megamenu.new-header .navTrigger i,
.transparent-theme .header-with-megamenu.new-header .navTrigger i {
    background-color: #fff
}

.header-with-megamenu.new-header .navTrigger>span {
    display: flex;
    justify-content: center;
    line-height: 12px;
    font-size: 12px
}

#wrapper .header-with-megamenu.new-header .stx-main-bar::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: -10px;
    left: 0;
    background: linear-gradient(0deg, transparent, rgba(0, 0, 0, .1))
}

#wrapper .header-with-megamenu.new-header .stx-main-bar>.button a {
    padding: 8px 20px
}

.stx-regional-switcher__list {
    border-radius: unset
}

@media (max-width:1024px) {
    .stx-regional-switcher__link.active {
        background: #f2f2f2
    }
}

@media (min-width:1025px) {

    .stx-regional-switcher__link.active,
    .stx-regional-switcher__link:hover {
        background: #f2f2f2
    }
}

.header-with-megamenu.new-header .stx-navigation .stx-site-search a {
    display: flex
}

@media (max-width:1024px) {
    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-umbrella.right .iconLinks a {
        color: #000
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main label {
        border-bottom: 1px solid #d9d9d9
    }
}

@media (min-width:1025px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main>.stx-megamenu__inner::after {
        /* KILLED — was full-screen #12225c navy overlay on megamenu hover */
        display: none !important;
        content: none !important;
        background: none !important;
        background-color: transparent !important;
        background-image: none !important;
    }
}

.header-with-megamenu.new-header .stx-ctas .button a {
    justify-content: center;
    display: flex;
    align-items: center
}

.header-with-megamenu.new-header.menu-visible .navTrigger i:nth-child(2) {
    margin: 7px 0;
    transition: margin .1s
}

.header-with-megamenu.new-header .navTrigger i {
    background-color: #000;
    height: 2px;
    border-radius: 0
}

.header-with-megamenu.new-header .navTrigger i:nth-child(2) {
    margin: 3px 0;
    transition: margin .3s;
    transition-delay: .6s
}

/* Responsive overrides for mobile layout */
html, body {
    min-width: 0;
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
}

img, picture, video, canvas, svg {
    max-width: 100%;
    height: auto;
    display: block;
}

body, #wrapper, .container, .container-fluid, .row, .component, .component-content {
    min-width: 0 !important;
    max-width: 100% !important;
}

table, .payments-table, .simple-table {
    width: 100% !important;
    table-layout: auto !important;
}

.cc-message-container,
.cc-banner .cc-compliance,
.cc-window.cc-banner {
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 16px !important;
}

@media (max-width: 1024px) {
    .header-with-megamenu.new-header {
        height: auto !important;
    }

    .header-with-megamenu.new-header .stx-main-bar {
        padding: 0 16px !important;
        height: auto !important;
    }

    .header-with-megamenu.new-header .stx-navigation {
        display: none !important;
        position: fixed !important;
        top: 49px !important;
        left: 0 !important;
        width: 100% !important;
        max-height: calc(100vh - 49px) !important;
        overflow-y: auto !important;
        background: #fff !important;
        z-index: 9999 !important;
    }

    .header-with-megamenu.new-header.menu-visible .stx-navigation {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
    }

    .header-with-megamenu.new-header .navTrigger {
        display: flex !important;
        cursor: pointer !important;
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu {
        width: 100% !important;
        position: relative !important;
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item,
    .header-with-megamenu.new-header .stx-navigation .stx-umbrella {
        width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .header-with-megamenu.new-header .stx-navigation .stx-ctas {
        width: 100% !important;
        padding: 16px !important;
    }

    .header-with-megamenu.new-header .stx-navigation .stx-site-search {
        display: none !important;
    }

    .header-with-megamenu.new-header.menu-visible {
        overflow: visible !important;
    }
}
@media (max-width: 992px) {
    html, body {
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    .header-with-megamenu.new-header,
    .header-with-megamenu.new-header header,
    .header-with-megamenu.new-header .stx-navigation,
    .header-with-megamenu.new-header .stx-megamenu,
    .header-with-megamenu.new-header .stx-umbrella,
    .header-with-megamenu.new-header .stx-ctas {
        width: 100% !important;
        min-width: 0 !important;
    }

    img, video, iframe, embed, object {
        max-width: 100% !important;
        height: auto !important;
    }

    table,
    .admin-table,
    .comparison-table,
    .form-grid,
    .section-grid {
        max-width: 100% !important;
        width: 100% !important;
        overflow-x: auto !important;
    }

    .admin-table th,
    .admin-table td,
    table th,
    table td {
        white-space: nowrap !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   PREMIUM HEADER OVERRIDES — appended to headerwithmegamenu CSS
   These rules override everything above in this file.
   ═══════════════════════════════════════════════════════════════════════════ */

/* 1. OVERFLOW GUARD */
html, body { overflow-x: hidden !important; width: 100% !important; max-width: 100vw !important; }
*, *::before, *::after { box-sizing: border-box !important; }
#wrapper { padding-top: 0 !important; margin-top: 0 !important; overflow-x: hidden !important; }

/* 2. KILL WHITE GAP SHADOW */
.header-with-megamenu.new-header .stx-main-bar::after,
#wrapper .header-with-megamenu.new-header .stx-main-bar::after {
    display: none !important; content: none !important;
}

/* 3. PREMIUM DARK HEADER */
header,
#wrapper .header-with-megamenu.new-header,
.header-with-megamenu.new-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1001 !important;
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    overflow-x: clip !important;
    background: linear-gradient(135deg, #08142e 0%, #0f2d7a 55%, #1a4aaa 100%) !important;
    box-shadow: 0 4px 28px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.07) !important;
    border-bottom: 1px solid rgba(255,255,255,0.09) !important;
}

/* 4. MAIN BAR — transparent, no overflow */
#wrapper .header-with-megamenu.new-header .stx-main-bar,
.header-with-megamenu.new-header .stx-main-bar,
#wrapper .header-with-megamenu.new-header .stx-main-bar.stx-main-bar {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    overflow-x: clip !important;
    background: transparent !important;
    background-color: transparent !important;
    min-height: unset !important;
    gap: unset !important;
}

/* 5. TOP BAR */
.header-with-megamenu.new-header .stx-top-bar {
    background: rgba(0,0,0,0.3) !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
.header-with-megamenu.new-header .stx-top-bar a,
.header-with-megamenu.new-header .stx-top-bar label,
.header-with-megamenu.new-header .stx-top-bar button,
.header-with-megamenu.new-header .stx-top-bar .stx-umbrella__link-icon {
    color: rgba(255,255,255,0.82) !important;
}

/* 6. LOGO CONTAINER */
#wrapper .header-with-megamenu.new-header .stx-logo,
.header-with-megamenu.new-header .stx-logo {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.25), 0 0 0 1px rgba(30,149,203,0.2) !important;
    transition: box-shadow 0.25s ease, transform 0.2s ease !important;
    overflow: hidden !important;
    position: relative !important;
    /* BIG logo card */
    width: clamp(160px, 16vw, 230px) !important;
    height: clamp(64px, 7vw, 96px) !important;
    padding: 8px 12px !important;
    /* Kill old height rules */
    min-height: unset !important;
    max-height: unset !important;
}
#wrapper .header-with-megamenu.new-header .stx-logo:hover,
.header-with-megamenu.new-header .stx-logo:hover {
    box-shadow: 0 8px 32px rgba(30,149,203,0.35), 0 0 0 2px rgba(30,149,203,0.45) !important;
    transform: translateY(-2px) !important;
}

/* 7. LOGO IMAGE — fills the card */
#wrapper .header-with-megamenu.new-header .stx-logo img,
.header-with-megamenu.new-header .stx-logo img,
#wrapper .header-with-megamenu.new-header .stx-logo img.logo-desktop {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
}

/* 8. NAVIGATION — transparent on desktop */
.header-with-megamenu.new-header .stx-navigation {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
}

/* 9. NAV LABELS — white text on dark header */
.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main > label {
    color: rgba(255,255,255,0.92) !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
}
.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main:hover > label,
.header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main.active > label {
    color: #ffffff !important;
}

/* 10. CTA BUTTONS */
.header-with-megamenu.new-header .stx-ctas {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
}

/* 11. HAMBURGER — white bars on dark header */
.header-with-megamenu.new-header .navTrigger i {
    background-color: #ffffff !important;
    height: 2px !important;
    border-radius: 2px !important;
}
.header-with-megamenu.new-header .navTrigger > span {
    color: #ffffff !important;
}

/* 12. DESKTOP ≥1200px */
@media (min-width: 1200px) {
    .header-with-megamenu.new-header .stx-main-bar {
        min-height: 88px !important;
        padding: 0 40px !important;
        gap: 28px !important;
    }
    .header-with-megamenu.new-header .stx-logo {
        width: 220px !important;
        height: 88px !important;
        padding: 10px 18px !important;
        border-radius: 0 !important;
        border: none !important;
        border-right: 1px solid rgba(255,255,255,0.12) !important;
        box-shadow: none !important;
        background: rgba(255,255,255,0.07) !important;
    }
    .header-with-megamenu.new-header .stx-logo:hover {
        background: rgba(255,255,255,0.13) !important;
        transform: none !important;
        box-shadow: none !important;
    }
    .header-with-megamenu.new-header .stx-logo img {
        filter: none !important;
    }
    .header-with-megamenu.new-header .navTrigger,
    .header-with-megamenu.new-header .stx-hamburger { display: none !important; }
    .header-with-megamenu.new-header .stx-navigation {
        background: transparent !important;
        background-color: transparent !important;
    }
}

/* 13. DESKTOP 1025px–1199px */
@media (min-width: 1025px) and (max-width: 1199px) {
    .header-with-megamenu.new-header .stx-main-bar {
        min-height: 80px !important;
        padding: 0 28px !important;
        gap: 20px !important;
    }
    .header-with-megamenu.new-header .stx-logo {
        width: 200px !important;
        height: 80px !important;
        padding: 10px 14px !important;
        border-radius: 0 !important;
        border: none !important;
        border-right: 1px solid rgba(255,255,255,0.12) !important;
        box-shadow: none !important;
        background: rgba(255,255,255,0.07) !important;
    }
    .header-with-megamenu.new-header .stx-logo:hover {
        background: rgba(255,255,255,0.13) !important;
        transform: none !important;
        box-shadow: none !important;
    }
    .header-with-megamenu.new-header .stx-logo img {
        filter: none !important;
    }
    .header-with-megamenu.new-header .navTrigger,
    .header-with-megamenu.new-header .stx-hamburger { display: none !important; }
    .header-with-megamenu.new-header .stx-navigation {
        background: transparent !important;
        background-color: transparent !important;
    }
}

/* 14. TABLET 768px–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    .header-with-megamenu.new-header { height: auto !important; overflow: visible !important; overflow-x: clip !important; }
    .header-with-megamenu.new-header .stx-main-bar {
        min-height: 72px !important; height: 72px !important;
        padding: 0 20px !important; gap: 14px !important;
    }
    .header-with-megamenu.new-header .stx-logo {
        width: clamp(150px, 22vw, 200px) !important;
        height: 56px !important;
        padding: 8px 12px !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        box-shadow: 0 3px 14px rgba(0,0,0,0.2) !important;
        border: 1px solid rgba(255,255,255,0.25) !important;
    }
    .header-with-megamenu.new-header .stx-logo img { filter: none !important; }
    .header-with-megamenu.new-header .stx-navigation {
        position: fixed !important; top: 72px !important; left: 0 !important;
        width: 100% !important; max-width: 100vw !important;
        max-height: calc(100vh - 72px) !important;
        overflow-y: auto !important; overflow-x: hidden !important;
        background: #08142e !important; z-index: 1000 !important;
        box-shadow: 0 8px 32px rgba(0,0,0,0.35) !important;
        display: none !important;
    }
    .header-with-megamenu.new-header.menu-visible .stx-navigation {
        display: flex !important; flex-direction: column !important;
    }
    .header-with-megamenu.new-header .navTrigger {
        display: flex !important; flex-shrink: 0 !important; margin-left: auto !important;
        background: rgba(255,255,255,0.1) !important;
        border: 1px solid rgba(255,255,255,0.2) !important;
        border-radius: 8px !important;
        width: 44px !important; height: 44px !important;
        align-items: center !important; justify-content: center !important;
        flex-direction: column !important; gap: 5px !important;
        padding: 10px !important; cursor: pointer !important;
    }
}

/* 15. MOBILE 480px–767px */
@media (min-width: 480px) and (max-width: 767px) {
    .header-with-megamenu.new-header { height: auto !important; overflow: visible !important; overflow-x: clip !important; }
    .header-with-megamenu.new-header .stx-main-bar {
        min-height: 68px !important; height: 68px !important;
        padding: 0 16px !important; gap: 12px !important; max-width: 100vw !important;
    }
    .header-with-megamenu.new-header .stx-logo {
        width: clamp(140px, 38vw, 180px) !important;
        height: 52px !important; padding: 7px 10px !important;
        border-radius: 8px !important; background: #ffffff !important;
        box-shadow: 0 3px 12px rgba(0,0,0,0.2) !important;
        border: 1px solid rgba(255,255,255,0.25) !important; flex-shrink: 0 !important;
    }
    .header-with-megamenu.new-header .stx-logo img { filter: none !important; }
    .header-with-megamenu.new-header .stx-navigation {
        position: fixed !important; top: 68px !important; left: 0 !important;
        width: 100% !important; max-width: 100vw !important;
        max-height: calc(100vh - 68px) !important;
        overflow-y: auto !important; overflow-x: hidden !important;
        background: #08142e !important; z-index: 1000 !important;
        box-shadow: 0 8px 32px rgba(0,0,0,0.35) !important;
        display: none !important; -webkit-overflow-scrolling: touch;
    }
    .header-with-megamenu.new-header.menu-visible .stx-navigation {
        display: flex !important; flex-direction: column !important;
    }
    .header-with-megamenu.new-header .navTrigger {
        display: flex !important; flex-shrink: 0 !important; margin-left: auto !important;
        background: rgba(255,255,255,0.1) !important;
        border: 1px solid rgba(255,255,255,0.2) !important;
        border-radius: 8px !important;
        width: 44px !important; height: 44px !important;
        align-items: center !important; justify-content: center !important;
        flex-direction: column !important; gap: 5px !important;
        padding: 10px !important; cursor: pointer !important;
    }
}

/* 16. MOBILE ≤479px */
@media (max-width: 479px) {
    .header-with-megamenu.new-header { height: auto !important; overflow: visible !important; overflow-x: clip !important; }
    .header-with-megamenu.new-header .stx-main-bar {
        min-height: 64px !important; height: 64px !important;
        padding: 0 12px !important; gap: 10px !important; max-width: 100vw !important;
    }
    .header-with-megamenu.new-header .stx-logo {
        width: clamp(130px, 42vw, 165px) !important;
        height: 48px !important; padding: 6px 8px !important;
        border-radius: 7px !important; background: #ffffff !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
        border: 1px solid rgba(255,255,255,0.25) !important; flex-shrink: 0 !important;
    }
    .header-with-megamenu.new-header .stx-logo img { filter: none !important; }
    .header-with-megamenu.new-header .stx-navigation {
        position: fixed !important; top: 64px !important; left: 0 !important;
        width: 100% !important; max-width: 100vw !important;
        max-height: calc(100vh - 64px) !important;
        overflow-y: auto !important; overflow-x: hidden !important;
        background: #08142e !important; z-index: 1000 !important;
        box-shadow: 0 8px 32px rgba(0,0,0,0.35) !important;
        display: none !important; -webkit-overflow-scrolling: touch;
    }
    .header-with-megamenu.new-header.menu-visible .stx-navigation {
        display: flex !important; flex-direction: column !important;
    }
    .header-with-megamenu.new-header .navTrigger {
        display: flex !important; flex-shrink: 0 !important; margin-left: auto !important;
        background: rgba(255,255,255,0.1) !important;
        border: 1px solid rgba(255,255,255,0.2) !important;
        border-radius: 8px !important;
        width: 44px !important; height: 44px !important;
        align-items: center !important; justify-content: center !important;
        flex-direction: column !important; gap: 5px !important;
        padding: 10px !important; cursor: pointer !important;
    }
}

/* 17. MOBILE NAV DRAWER — dark theme */
@media (max-width: 1024px) {
    .header-with-megamenu.new-header .stx-top-bar { display: none !important; }
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main > label {
        color: #ffffff !important; font-size: 16px !important; font-weight: 500 !important;
        padding: 16px 20px !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    }
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__link,
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu a,
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--nested a {
        color: rgba(255,255,255,0.85) !important;
    }
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner {
        background: #08142e !important; color: #fff !important;
    }
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner-title {
        color: rgba(255,255,255,0.6) !important;
    }
    .header-with-megamenu.new-header .stx-navigation .stx-ctas {
        flex-direction: column !important; padding: 20px 16px !important;
        width: 100% !important; gap: 12px !important;
    }
    .header-with-megamenu.new-header .stx-navigation .stx-ctas .button,
    .header-with-megamenu.new-header .stx-navigation .stx-ctas .button a {
        width: 100% !important; text-align: center !important;
    }
    .header-with-megamenu.new-header .stx-navigation .stx-ctas .button a {
        height: 50px !important; display: flex !important;
        align-items: center !important; justify-content: center !important;
        font-size: 15px !important; font-weight: 600 !important; border-radius: 8px !important;
    }
    body.menu-open { overflow: hidden !important; position: fixed !important; width: 100% !important; }
    .header-with-megamenu.new-header.menu-visible { overflow: visible !important; }
}

/* iPhone SE / short viewport mobile menu fit */
@media (max-width: 380px) and (max-height: 700px) {
    .header-with-megamenu.new-header .stx-navigation {
        max-height: calc(100dvh - 64px) !important;
    }

    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main > label,
    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-megamenu .stx-megamenu__item--main.stx-megamenu__item--main label {
        font-size: 15px !important;
        line-height: 19px !important;
        padding: 11px 20px !important;
    }

    .header-with-megamenu.new-header .stx-navigation .stx-ctas,
    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-ctas {
        gap: 8px !important;
        padding: 12px 16px 14px !important;
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-ctas.stx-ctas .button a,
    .header-with-megamenu.new-header .stx-navigation .stx-ctas .button a {
        height: 42px !important;
        min-height: 42px !important;
        font-size: 13px !important;
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons {
        padding-bottom: 18px !important;
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-umbrella.right .iconLinks a {
        gap: 5px !important;
        font-size: 12px !important;
        line-height: 16px !important;
    }

    .menu-visible.header-with-megamenu.new-header .stx-navigation .stx-bottom-buttons .stx-umbrella.right .iconLinks img {
        width: 20px !important;
        height: 20px !important;
    }
}

/* 18. DESKTOP MEGAMENU DROPDOWN */
@media (min-width: 1025px) {
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__inner {
        background: #ffffff !important; color: #000 !important;
        box-shadow: 0 12px 40px rgba(0,0,0,0.2) !important;
        border-top: 3px solid #1e95cb !important;
    }
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main > .stx-megamenu__inner {
        position: absolute !important; left: 0 !important; right: 0 !important;
        width: 100% !important; max-width: 100vw !important; overflow: hidden !important;
    }
    .header-with-megamenu.new-header .stx-navigation .stx-megamenu__item--main {
        padding: 0 18px !important;
    }
}
/* ═══════════════════════════════════════════════════════════════════════════ */