:root {
    /*! put your custom css here */

    --color-xx-light-grey: #F4F4F4;
    --color-border-grey  : #C8C8C8;
    --color-grey         : #605B5B;
    --color-black        : #000000;
    --color-black-10     : #0000001A;
    --color-black-15     : #00000026;
    --color-black-20     : #00000033;
    --color-white-80     : #FFFFFFCC;
    --color-white        : #FFFFFF;
    --color-orange       : #FF9600;
    --color-light-beige  : #FFEFD9;

    --font-body: Metric, Arial, sans-serif;

    --dxp-g-root-font-family                  : var(--font-body);
    --dxp-s-form-checkbox-radius-border       : 0;
    --dxp-s-button-border-color-hover         : var(--color-orange);
    --dxp-s-form-element-text-font-family     : var(--font-body);
    --dxp-s-form-element-label-font-weight    : bold;
    --dxp-s-body-font-family                  : var(--font-body);
    --slds-c-checkbox-color-background-checked: var(--color-black);
    --slds-c-checkbox-color-border-checked    : var(--color-black);
    --slds-c-checkbox-mark-color-foreground   : var(--color-white);
    --lwc-colorBackgroundButtonBrand          : var(--color-black);
    --lwc-colorTextButtonBrand                : var(--color-white);
    --dxp-s-form-element-placeholder-text-color: var(--color-grey);

    --slds-fontSize-form-element__label: 1.1875rem;

    --dxp-s-text-heading-extra-small-font-weight: 500;

    --com-c-builder-layout-header-min-height: 6rem;

    --dxp-c-l-max-content-width: 1280px;
    --dxp-c-my-account-aside-width      : 293px;

    a {
        text-underline-offset: 30%;
    }

    .font-family-aero,
    .font-family-aero * {
        font-family: Aero, Arial, sans-serif !important;
    }

    .uppercase,
    .uppercase * {
        text-transform: uppercase;
    }

    /* headings */
    @media only screen and (max-width: 767px) {
        --dxp-s-text-heading-extra-large-font-size      : 28px;
        --dxp-s-text-heading-large-font-size            : 22px;
        --dxp-s-text-heading-medium-font-size           : 24px;
        --dxp-s-text-heading-small-font-size            : 22px;
        --dxp-s-text-heading-extra-small-font-size      : 20px;
        --dxp-s-text-heading-extra-extra-small-font-size: 18px;

        .dxp-text-heading-extra-large {
            font-size: 28px !important;
        }

        .dxp-text-heading-large {
            font-size: 22px !important;
        }

        .dxp-text-heading-medium {
            font-size: 24px !important;
        }

        .dxp-text-heading-small {
            font-size: 22px !important;
        }

        .dxp-text-heading-extra-small {
            font-size: 20px !important;
        }

        .dxp-text-heading-extra-extra-small {
            font-size: 18px !important;
        }

    }

    .margin-auto {
        margin-right: auto;
        margin-left: auto;
    }

    /* buttons .slds-button */

    /* Primary button */
    .slds-button_brand {
        text-transform: uppercase;
        font-weight   : 500;
    }

    /* Secondary button */
    .slds-button_outline-brand {
        font-weight: 400;
        border     : 1px solid var(--slds-g-color-palette-neutral-95);
        box-shadow : 0 2px 10px 0 rgba(0, 0, 0, 10%);
    }

    .slds-button_outline-brand:hover,
    .slds-button_outline-brand:focus {
        box-shadow: none;
        border    : 1px solid var(--dxp-s-button-color-focus);
    }

    /* Tertiary button */
    .slds-button_neutral {
        font-weight              : 400;
        text-decoration          : underline;
        text-decoration-color    : black;
        text-decoration-thickness: 1px;
        text-underline-offset    : 8px;
    }

    button.slds-button_neutral {
        text-decoration: none;
    }

    .slds-button_neutral:hover,
    .slds-button_neutral:focus {
        text-decoration      : underline;
        text-decoration-color: var(--dxp-s-button-color-focus);
    }

    /* Mega nav */

    .header-navigation .interactions-component {
        position: unset !important;
    }

    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large a:has(.menu-item),
    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large [data-component-id*=linkList] .is-root .is-leaf a,
    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large [data-component-id*=linkList] [slot=header] a {
        text-decoration: none;
    }

    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large a:has(.menu-item):hover,
    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large [data-component-id*=linkList] .is-root .is-leaf a:hover,
    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large [data-component-id*=linkList] [slot=header] a:hover {
        text-decoration: underline;
    }

    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large .menu-item p,
    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large [data-component-id*=linkList] [slot=header] p {
        font-size     : 17px !important;
        font-weight   : 500;
        line-height   : 1.38;
        letter-spacing: 0.025em;
        text-align    : left;
        text-transform: uppercase;
        margin-bottom : 0;
    }

    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large [data-component-id*=linkList] .is-root .is-leaf p {
        font-size     : 17px !important;
        font-weight   : 400;
        line-height   : 1.38;
        letter-spacing: 0.025em;
        text-align    : left;
        margin-top    : 16px;
        margin-bottom : 16px;
    }

    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large>slot>dxp_layout-columns {
        margin-top: 40px;
    }

    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large .menu-item {
        margin-top   : 0;
        margin-bottom: 16px;
    }

    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large .main-menu-footer {
        margin-top    : auto;
        padding-bottom: 8px;
        border-bottom : 1px solid var(--slds-g-color-neutral-base-80);
    }

    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large .main-menu-footer .columns {
        flex: 1 1 auto;
    }

    [data-component-id*=linkList].list-inline ul,
    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large .main-menu-footer [data-component-id*=linkList] ul {
        display     : flex;
        flex-wrap   : wrap;
        margin-left : -12px;
        margin-right: -12px;
    }

    [data-component-id*=linkList].list-inline ul li,
    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large .main-menu-footer [data-component-id*=linkList] ul li {
        padding: 0 12px 12px !important;
        flex   : auto;
    }

    [data-component-id*=linkList].list-inline .is-root .is-leaf p,
    [data-component-id*=linkList].list-inline .is-root .is-leaf p,
    .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large .main-menu-footer [data-component-id*=linkList] .is-root .is-leaf p {
        margin-top   : 0;
        margin-bottom: 0;
    }

    @media only screen and (max-width: 767px) {
        .mega-menu-navbar dxp_layout-columns {
            margin-bottom: 0;
        }

        .mega-menu-navbar>ul>li a:has(p.dxp-text-body) {
            display        : flex;
            justify-content: space-between;
            align-items    : center;
            padding-top    : 4px;
            padding-bottom : 4px;
            height         : 24px;
        }

        .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large>slot>dxp_layout-columns {
            margin-top: 0;
        }

        .mega-menu-navbar .mobile-menu-bottom-container c-country-selector>div>lightning-combobox {
            float: left !important;
        }

        .mega-menu-navbar .mobile-menu-bottom-container c-country-selector>div>lightning-combobox label {
            display: none;
        }

        .mega-menu-navbar .mobile-menu-bottom-container c-country-selector>div>lightning-combobox button {
            padding-left: 0 !important;
        }

        .mega-menu-navbar .mobile-menu-bottom-container commerce-link-list p {
            padding-top   : 4px;
            padding-bottom: 4px;
        }

        .mega-menu-navbar .mobile-menu-bottom-container commerce-link-list p a {
            display: block;
            height : 18px;
        }

        .mega-menu-navbar .mobile-menu-bottom-container h3 {
            font-size  : 14px !important;
            text-align : right;
            font-weight: 400;
        }
    }

    @media only screen and (min-width: 768px) {
        .mega-menu-navbar>ul>li .slds-dropdown.slds-dropdown_large>slot>dxp_layout-columns {
            max-height: calc(100vh - 180px);
            overflow  : scroll;
        }
    }

    /* mobile menu is open */
    body:has(.mega-menu-navbar:not(.edit-mode).mobile-navbar .hamburger-toggle.open) {
        overflow: hidden;
    }

    body:has(.mega-menu-navbar:not(.edit-mode).mobile-navbar .hamburger-toggle.open) .header {
        height: 100vh;
    }

    body:has(.mega-menu-navbar:not(.edit-mode).mobile-navbar .hamburger-toggle.open) .header>commerce_builder-layout-header {
        height : 100%;
        display: block;
    }

    body:has(.mega-menu-navbar:not(.edit-mode).mobile-navbar .hamburger-toggle.open) .header>commerce_builder-layout-header>commerce-layout-header {
        display       : flex;
        height        : 100%;
        flex-direction: column;
    }

    .hamburger-toggle.open+ul>li {
        width: 100%;
    }

    .hamburger-toggle.open+ul>li .slds-button {
        display: block;
        width  : 100%;
    }

    .hamburger-toggle.open+ul>li:not(.slds-is-open)>.mobile-menu-panel {
        display: none;
    }

    header.tablet,
    header.mobile {
        min-height: unset;
    }

    header.mobile {
        height        : 100%;
        padding-top   : 0;
        padding-bottom: 0;
    }

    header.mobile .header-content {
        height        : 100%;
        padding-top   : 0;
        padding-bottom: 0;
    }

    header.mobile .header-content .layout-header-mobile {
        height       : 100%;
        align-content: flex-start;
    }

    header .header-badge-icons button {
        width          : 30px;
        height         : 30px;
        padding        : 0;
        display        : flex;
        align-items    : center;
        justify-content: center;
    }

    header .header-badge-icons button .slds-media>span {
        display: flex;
    }

    header .header-badge-icons button:hover {
        background-color: var(--color-xx-light-grey);
    }

    header .hamburger-toggle svg,
    header .search-toggle svg {
        width : 26px;
        height: 26px;
        fill  : var(--color-black);
    }

    header .search-toggle button {
        padding-top   : 0;
        padding-bottom: 0;
    }

    header .hamburger-toggle button:hover svg,
    header .search-toggle button:hover svg {
        fill: var(--dxp-s-button-color-focus);
    }

    header c-nort-search-toggle:has(.search-toggle.open)+commerce_builder-search-input::before {
        content         : '';
        display         : block;
        position        : absolute;
        height          : 100%;
        width           : 100vw;
        left            : calc(50% - 50vw);
        background-color: var(--color-white);
    }

    header c-nort-search-toggle:has(.search-toggle.open)+commerce_builder-search-input commerce-search-input {
        position: relative;
    }

    header c-nort-search-toggle.component-wrapper-spacer {
        margin-bottom: 0;
    }

    header .slds-form-element__help {
        margin: 0;
    }

    commerce_cart-badge .slds-dropdown-trigger a,
    commerce-wishlist-shortcut a span,
    commerce_my_account-user-profile-menu .menu-button .slds-media_center {
        width              : 26px;
        height             : 26px;
        padding            : 0;
        display            : flex;
        align-items        : center;
        justify-content    : center;
        border-radius      : 50%;
        border             : 1px solid;
        background-position: center;
        background-repeat  : no-repeat;
    }

    commerce_cart-badge {
        display: flex;
        padding: 0;
    }

    commerce_cart-badge .slds-dropdown-trigger a {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjE1MDg4IDFIMi4yNjA1NEwyLjkwNTY1IDMuNjkyMzFNMi45MDU2NSAzLjY5MjMxTDQuNzE1MDkgMTFIMTIuNzYwNUwxNS4yMTUxIDMuNjkyMzFIMi45MDU2NVoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjcxNTEgMTFINC43MTUwOVYxM0gxMy4yMTUxIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjUuNzE1MDkiIGN5PSIxNC41IiByPSIxIiBzdHJva2U9ImJsYWNrIi8+CjxjaXJjbGUgY3g9IjExLjcxNTEiIGN5PSIxNC41IiByPSIxIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=");
    }

    commerce-wishlist-shortcut a span {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQwNzQgMS42MzU5M0wxNC41MDIzIDEuNzM1OTNDMTUuODM2MiAzLjI0OTI0IDE1Ljg0IDUuNjg4MjggMTQuNDY5NSA3LjQzMjcyTDE0LjMzMzQgNy42MDU5Nkw4IDE0LjI4MjhMMS42NjY2NiA3LjYwNTk3TDEuNTMwNTQgNy40MzI3MkMwLjEyOTEzNCA1LjY0ODkzIDAuMTY1MDA4IDMuMTM2MDUgMS41ODkwMSAxLjYzNTkzQzIuOTk1NTQgMC4xNTQyMjggNS4zMzE4NSAwLjExMzI2NyA3LjAwMTY5IDEuNTY0MzZMNy42NDQ3OSAyLjIwNzAxTDcuOTk4MjIgMi41NjAyTDguMzUxNjUgMi4yMDcwMUw4Ljk5NDU4IDEuNTY0NTRDMTAuNjY4MiAwLjExMzAwNyAxMy4wMDExIDAuMTU0NDMzIDE0LjQwNzQgMS42MzU5M1oiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==");
    }

    commerce_my_account-user-profile-menu .menu-button .slds-media_center {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxOSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOS4yMTQ1OCIgY3k9IjUuMDAwMSIgcj0iNC40OTk5OCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjk5OTk5NiIvPgo8cGF0aCBkPSJNMTcuNzE0OCAxOS4wMDA3QzE3LjcxNDggMjQuMjk4MiAxMy44NjEgMjguNTAwNyA5LjIxNDgxIDI4LjUwMDdDNC41Njg2NiAyOC41MDA3IDAuNzE0ODQyIDI0LjI5ODIgMC43MTQ4NDIgMTkuMDAwN0MwLjcxNDg0MiAxMy43MDMyIDQuNTY4NjYgOS41MDA3MyA5LjIxNDgxIDkuNTAwNzNDMTMuODYxIDkuNTAwNzMgMTcuNzE0OCAxMy43MDMyIDE3LjcxNDggMTkuMDAwN1oiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC45OTk5OTYiLz4KPC9zdmc+Cg==");
        background-position: 60%;
    }

    commerce_cart-badge .slds-dropdown-trigger:hover,
    commerce_cart-badge .slds-dropdown-trigger:focus,
    commerce-wishlist-shortcut a:hover,
    commerce-wishlist-shortcut a:focus,
    commerce_my_account-user-profile-menu .menu-button:hover,
    commerce_my_account-user-profile-menu .menu-button:focus,
    .header [data-component-id*=countrySelector] .slds-dropdown-trigger button:hover,
    .header [data-component-id*=countrySelector] .slds-dropdown-trigger button:focus {
        background-color: var(--color-xx-light-grey);
    }

    commerce_cart-badge .slds-dropdown-trigger,
    commerce-wishlist-shortcut a,
    commerce_my_account-user-profile-menu .menu-button {
        width          : 30px;
        height         : 30px;
        display        : flex;
        align-items    : center;
        justify-content: center;
    }

    commerce_cart-badge .slds-dropdown-trigger .icon-container,
    commerce-wishlist-shortcut svg,
    commerce_my_account-user-profile-menu .menu-button svg {
        display: none;
    }

    @media only screen and (max-width: 767px) {
        commerce-layout-header header {
            display    : flex;
            box-shadow : 0px 4px 4px rgba(0, 0, 0, .25);
        }

        commerce-layout-header header .header-content {
            width: 100%;
        }

        commerce-layout-header header.mobile .header-content {
            padding: 0 !important;
            margin-top: 1rem;
        }

        commerce-layout-header header.mobile .header-content .layout-header-mobile {
            margin-left : -4px;
            margin-right: -4px;
        }

        commerce-layout-header header.mobile .header-content .layout-header-mobile>div {
            width         : fit-content !important;
            padding-top   : 0;
            padding-bottom: 0;
        }

        commerce-layout-header header.mobile .header-content .layout-header-mobile .header-navigation {
            order: 99;
        }

        commerce-layout-header header.mobile .header-content .layout-header-mobile .header-navigation:has(~ .header-search .search-toggle.open) nav>ul {
            margin-top: 34px;
        }

        commerce-layout-header header.mobile .header-content .layout-header-mobile .header-badge-icons {
            position: relative;
        }

        commerce-layout-header header.mobile c-nort-search-toggle {
            margin-bottom: 0;
        }

        commerce-layout-header header.mobile c-nort-search-toggle:has(.search-toggle.open)+commerce_builder-search-input {
            margin-left : 19px;
            margin-right: 19px;
            width       : calc(100% - 38px);
        }

        commerce-wishlist-shortcut,
        commerce_cart-badge {
            padding: 0;
        }

        commerce-layout-header header.mobile .hamburger-toggle.open svg,
        commerce-layout-header header.mobile .search-toggle.open svg {
            background-color: var(--color-xx-light-grey);
        }

        commerce-layout-header header.mobile .hamburger-toggle>button svg,
        commerce-layout-header header.mobile .search-toggle>button svg {
            margin-left: 0;
        }

        commerce-layout-header header.mobile .header-logo {
            margin-right: auto;
        }
    }

    @media only screen and (max-width: 1024px) {
        .header-logo {
            max-width    : 100px;
            padding-right: 0;
        }

        .header-navigation {
            padding-right: 0;
            padding-left : 0;
        }

        .header-badge-icons {
            position     : relative !important;
            margin-left  : auto;
            padding-right: 0;
            padding-left : 0;
            padding-top  : 0;
        }

        .header-search {
            margin-left  : 0 !important;
            padding-right: 0;
        }

        .header-search .component-wrapper-spacer {
            margin: 0;
        }
    }

    header .hamburger-toggle button:hover svg,
    header .search-toggle button:hover svg {
        fill: var(--dxp-s-button-color-focus);
    }

    .header-badge-icons {
        height: unset !important;
        width : auto;
        gap   : .5rem;
    }

    .c-nort-search-toggle {
        margin: 0 .5rem;
    }

    .header .language-switcher {
        display: none;
    }

    .header .country-switcher {
        margin: 0;
    }

    .header [data-component-id*=countrySelector] .slds-dropdown-trigger button::after {
        display: none;
    }

    .header [data-component-id*=countrySelector] .slds-dropdown-trigger > div > button::before {
        width: 26px;
        height: 26px;
        border: 1px solid #000;
    }

    .header-account > div {
        display: flex;
        gap : .5rem;
        align-items: center;
    }

    .header c-country-selector {
        margin: 0;
    }

    body:has(.mega-menu-navbar.edit-mode) [data-layout-site-region=content],
    body:has(.mega-menu-navbar.edit-mode) [data-layout-site-region=footer] {
        max-width : 1px;
        max-height: 1px;
        overflow  : hidden;
    }

    .header-navigation {
        width: auto;
    }

    .header-navigation:has(.mega-menu-navbar.edit-mode) {
        width: 100%;
    }

    .header-navigation:has(.mega-menu-navbar.edit-mode.mobile-navbar) {
        width: 100%;
    }

    .header-navigation .mega-menu-navbar.edit-mode {
        width: 100%;
    }

    @media only screen and (max-width: 767px) {
        .mega-menu-navbar:not(.edit-mode) .mobile-menu-panel commerce_builder-link-list.accordion:not(.open)>commerce-link-list {
            display: none;
        }

        .mobile-menu-panel commerce_builder-link-list.accordion>[slot=header] a {
            display        : flex;
            justify-content: space-between;
            align-items    : center;
            text-decoration: underline;
        }

        .mobile-menu-panel commerce_builder-link-list.accordion>[slot=header] a::after {
            content            : '';
            width              : 24px;
            height             : 24px;
            background-repeat  : no-repeat;
            background-size    : 14px;
            background-position: center;
            display            : block;
            margin-left        : 8px;
            padding            : 5px;
        }

        .mobile-menu-panel commerce_builder-link-list.accordion.open>[slot=header] a::after {
            background-color: var(--color-xx-light-grey);
        }

        .mobile-menu-panel dxp_base-link a dxp_base-text-block *,
        .mobile-menu-panel commerce_builder-link-list.accordion>commerce-link-list a,
        .mobile-menu-panel commerce_builder-link-list.accordion>commerce-link-list p,
        .mobile-menu-panel commerce_builder-link-list.accordion>[slot=header] a {
            font-size            : 14px;
            font-weight          : 400;
            line-height          : 18.2px;
            text-decoration-color: var(--dxp-g-neutral-contrast);
        }

        .mobile-menu-panel commerce_builder-link-list.accordion>commerce-link-list p {
            display: block;
            height : 18px;
        }

        .mobile-menu-panel commerce_builder-link-list.accordion>commerce-link-list p a {
            padding-top   : 4px;
            padding-bottom: 4px;
        }

        .mobile-menu-panel commerce_builder-link-list.accordion>commerce-link-list p a {
            text-decoration: none;
        }

        .mobile-menu-panel commerce_builder-link-list.accordion>commerce-link-list p a:hover {
            text-decoration: underline;
        }

        .mobile-menu-panel dxp_base-link a dxp_base-text-block.uppercase,
        .mobile-menu-panel dxp_base-link a dxp_base-text-block.uppercase * {
            text-transform: unset;
        }

        .mobile-menu-panel .component-wrapper-spacer {
            margin-bottom: 0;
        }

        .mobile-menu-panel commerce_builder-link-list.accordion>commerce-link-list {
            margin-left: 12px;
        }
    }

    /* header search and search toggle */

    .header-search:not(:has(.search-toggle.open)) {
        width: auto !important;
    }

    .header-search {
        width      : auto;
        margin-left: auto;
    }

    .header-search .search-toggle {
        width: fit-content;
    }

    @media only screen and (min-width: 1200px) {
        .header-search .search-toggle {
            display: none;
        }
    }

    .custom-search-input {
        border-bottom: 1px solid var(--color-black);
        width        : 250px;
        float        : right;
    }

    .custom-search-input .input-search-button {
        padding-right      : 0;
        padding-left       : 0;
        width              : 1.875rem;
        height             : 1.875rem;
        background-position: center;
        background-repeat  : no-repeat;
        background-image   : url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxOSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAuNDczNiIgY3k9IjguNDc5ODIiIHI9IjYuMzg3OTQiIHRyYW5zZm9ybT0icm90YXRlKDEzLjcyMTIgMTAuNDczNiA4LjQ3OTgyKSIgc3Ryb2tlPSJibGFjayIvPgo8bGluZSB4MT0iNi4zNzQ2OSIgeTE9IjEzLjk2MDkiIHgyPSIxLjQxODczIiB5Mj0iMjAuMDM3NiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=")
    }

    .custom-search-input .input-search-button .slds-icon {
        display: none;
    }

    @media only screen and (max-width: 767px) {
        .header-search .custom-search-input {
            box-shadow: inset 0px 2px 10px rgba(0, 0, 0, .1);
            border    : 0;
        }

        .header-search .suggestions-combobox-container {
            border-bottom: 1px solid var(--color-black);
        }

        .custom-search-input .input-search-button {
            width : 2.5rem;
            height: 2.5rem;
        }

        .custom-search-input .input-container {
            height: 2.5rem;
        }
    }

    @media only screen and (max-width: 1199px) {
        .header-search:not(:has(.search-toggle.open)) .custom-search-input {
            display: none;
        }

        .header-search:has(.search-toggle.open) .custom-search-input {
            position  : absolute;
            left      : -0.5rem;
            width     : auto;
            padding   : 10px 20px;
            right     : -0.4rem;
            top       : calc(100% + 20px);
            background: #fff;
        }

        .header-search.input-container {
            border-bottom: 1px solid #000;
        }
    }

    /* Country and language selectors */

    [data-component-id*=countrySelector] .slds-listbox.slds-dropdown:empty {
        display: none;
    }

    [data-component-id*=countrySelector] .slds-dropdown-trigger button {
        font-size       : 16px;
        font-weight     : 500;
        letter-spacing  : 0.025em;
        color           : #fff;
        background-color: transparent;
        border          : none !important;
        position        : relative;
    }

    [data-component-id*=countrySelector] .slds-dropdown-trigger button .slds-truncate {
        margin-left: 26px;
    }

    [data-component-id*=countrySelector] .slds-dropdown-trigger button::before {
        content            : '';
        display            : block;
        width              : 18px;
        height             : 18px;
        background-position: center;
        background-repeat  : no-repeat;
        background-size    : cover;
        border-radius      : 50%;
        position           : absolute;
        top                : 50%;
        transform          : translateY(-50%);
    }

    [data-component-id*=countrySelector] .slds-listbox.slds-dropdown .slds-listbox__option {
        position: relative;
    }

    [data-component-id*=countrySelector] .slds-listbox.slds-dropdown .slds-listbox__option::before {
        content            : '';
        display            : block;
        width              : 18px;
        height             : 18px;
        background-position: center;
        background-repeat  : no-repeat;
        background-size    : cover;
        border-radius      : 50%;
        position           : absolute;
    }

    [data-component-id*=countrySelector] .slds-dropdown-trigger button::after {
        content      : '';
        display      : block;
        width        : 12px;
        height       : 12px;
        position     : absolute;
        border-right : #fff solid 2px;
        border-bottom: #fff solid 2px;
        top          : 40%;
        right        : 0;
        transform    : translateY(-50%) rotate(45deg);
        transition   : all .3s;
    }

    [data-component-id*=countrySelector] .slds-dropdown-trigger.slds-is-open button::after {
        transform: translateY(-50%) rotate(-135deg);
    }

    [data-component-id*=countrySelector] .slds-dropdown-trigger button+.slds-input__icon-group {
        display: none;
    }

    .lang-switcher {
        display        : flex;
        flex-direction : row-reverse;
        justify-content: flex-end;
    }

    [data-component-id*=countrySelector] .slds-form-element__label {
        display: none;
    }

    /* Footer */

    .footer-menu-main [data-component-id*=linkList] .is-root .is-leaf a,
    .footer-menu-main [data-component-id*=linkList] [slot=header] a {
        text-decoration: none;
    }

    .footer-menu-main [data-component-id*=linkList] .is-root .is-leaf a:hover,
    .footer-menu-main [data-component-id*=linkList] [slot=header] a:hover {
        text-decoration                          : underline;
        --com-c-link-list-anchor-text-hover-color: white;
    }

    .footer-menu-terms ul {
        display     : flex;
        flex-wrap   : wrap;
        margin-left : -12px;
        margin-right: -12px;
    }

    .footer-menu-terms ul li {
        padding: 12px !important;
        flex   : auto;
    }

    .footer-menu-terms ul li a {
        text-decoration: none;
    }

    .footer-menu-terms ul li a:hover {
        text-decoration                          : underline;
        --com-c-link-list-anchor-text-hover-color: white;
    }

    /* Footer Logo */
    .footer-site-logo-slogan-container {
        display       : flex;
        align-items   : center;
        width         : 100%;
        flex-direction: row;
    }

    .footer-site-logo-slogan-container .column-content {
        flex-direction                 : row !important;
        flex                           : unset !important;
        align-items                    : center;
        --dxp-c-l-component-spacer-size: 0;
    }

    .footer-site-logo-slogan-container .column-content>dxp_data_provider-image-data-provider:has(.footer-site-logo) {
        width  : fit-content;
        padding: 0 20px 0 0;
    }

    .footer-site-logo {
        margin-bottom: 0;
    }

    .footer-site-slogan {
        width: fit-content;
    }

    /* Footer Social */

    .footer-social-links a:has(.social-icon)::before {
        content            : '';
        display            : block;
        width              : 24px;
        height             : 24px;
        background-position: center;
        background-repeat  : no-repeat;
        background-size    : contain;
    }

    .footer-social-links svg.social-icon {
        display: none;
    }

    @media only screen and (max-width: 767px) {
        body:has(header.mobile) commerce_builder-layout-footer commerce_builder-link-list.accordion:not(.open)>commerce-link-list {
            display: none;
        }

        commerce_builder-layout-footer commerce_builder-link-list.accordion>[slot=header] a {
            display        : flex;
            justify-content: space-between;
            align-items    : center;
        }

        commerce_builder-layout-footer commerce_builder-link-list.accordion>[slot=header] a::after {
            content            : '';
            width              : 24px;
            height             : 24px;
            background-repeat  : no-repeat;
            background-size    : 14px;
            background-position: center;
            display            : block;
            margin-left        : 8px;
            padding            : 5px;
        }

        commerce_builder-layout-footer commerce_builder-link-list.accordion>commerce-link-list a,
        commerce_builder-layout-footer commerce_builder-link-list.accordion>commerce-link-list p,
        commerce_builder-layout-footer commerce_builder-link-list.accordion>[slot=header] a {
            font-size            : 14px;
            font-weight          : 400;
            line-height          : 18.2px;
            text-decoration-color: var(--dxp-g-neutral-contrast);
            text-decoration      : underline;
        }

        commerce_builder-layout-footer commerce_builder-link-list.accordion>commerce-link-list {
            margin-left: 12px;
        }
    }

    .slds-radio_faux,
    .slds-checkbox_faux {
        width : 24px;
        height: 24px;
    }

    .slds-radio_faux {
        border: 1px solid var(--color-black) !important;
    }

    .slds-radio [type=radio]:checked+.slds-radio--faux:after,
    .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio--faux:after,
    .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:after,
    .slds-radio [type=radio]:checked+.slds-radio_faux:after,
    .slds-radio [type=radio]:checked~.slds-radio--faux:after,
    .slds-radio [type=radio]:checked~.slds-radio_faux:after {
        width: 16px;
        height: 16px;
    }

    .slds-checkbox [type=checkbox]:checked+.slds-checkbox--faux:after,
    .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox--faux:after,
    .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after,
    .slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux:after,
    .slds-checkbox [type=checkbox]:checked~.slds-checkbox--faux:after,
    .slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux:after {
        border-width: 1.37px;
        height      : 0.57rem;
        width       : 0.92rem;
        top         : 40%;
        left        : 50%;
    }

    .product-details-actions .slds-p-around_medium {
        padding-left : 0;
        padding-right: 0;
    }

    .product-details-actions .view-inventory-text {
        text-decoration: none;
        border-bottom  : 1px solid;
        color          : var(--color-black);
    }

    .product-details-actions .slds-button {
        font-weight  : 400;
        border-bottom: 1px solid;
        font-size    : 18px;
        margin       : 1.24rem 0;
        padding      : 0;
    }

    .product-detail-sticky-block {
        position        : sticky;
        bottom          : 0;
        background-color: var(--color-white);
    }

    @media only screen and (min-width: 768px) {
        .pdp-main-section>.columns-content {
            align-items: flex-start;
        }

        .pdp-main-section>.columns-content>community_layout-column:first-child {
            position: sticky;
            top     : 0;
            z-index : 10;
        }
    }

    /* grids */

    .no-last-column>.columns-content>.columns>dxp_layout-column:last-child,
    .no-last-column>.columns-content>.columns>dxp_layout-column-spacer:has(+ dxp_layout-column:last-child) {
        display: none;
    }

    .cta-icon-text-grid dxp_layout-column .column-content:not(:has([data-region-name=column])),
    .cta-icon-text-grid dxp_layout-column .column-content [data-region-name=column] {
        display       : flex;
        flex-direction: row;
        align-items   : center;
        gap           : 12px;
    }

    .cta-icon-text-grid>.columns-content>.columns {
        width       : fit-content;
        margin-left : auto;
        margin-right: auto;
    }

    .cta-icon-text-grid dxp_layout-column {
        margin-left : auto;
        margin-right: auto;
        flex        : auto !important;
    }

    .cta-icon-text-grid dxp_layout-column .column-content .component-wrapper-spacer {
        margin-bottom: 0;
    }

    /* breadcrumbs */

    .breadcrumb-list {
        gap: 8px;
    }

    .breadcrumb-list,
    .breadcrumb-list li * {
        font-size     : 16px;
        line-height   : 1.1875;
        letter-spacing: 0.025em;
        font-weight   : 500;
        color         : var(--color-black);
    }

    .breadcrumb-list li a {
        font-weight    : 400;
        color          : var(--color-grey);
        text-decoration: none;
    }

    .breadcrumb-list li a:hover {
        text-decoration: underline;
    }

    .breadcrumb-list li p {
        margin-left: 8px !important;
    }

    /* product category */

    commerce_search-filters-panel .filters-header {
        font-size: 0;
    }

    commerce_search-filters-panel .filters-header .clear-button {
        display: block;
        width  : 100%;
    }

    commerce_search-filters-panel .filters-header .clear-button .slds-button {
        font-size       : 16px;
        text-decoration : none;
        line-height     : 1;
        border-radius   : 0;
        text-align      : center;
        text-transform  : uppercase;
        font-weight     : 500;
        width           : 100%;
        display         : block;
        background-color: var(--color-black);
        border-color    : var(--color-black);
        color           : var(--color-white);
    }

    commerce_search-filters-panel .filters-header .clear-button .slds-button:hover,
    commerce_search-filters-panel .filters-header .clear-button .slds-button:focus {
        text-decoration : none;
        background-color: var(--color-orange);
        border-color    : var(--color-orange);
        color           : var(--color-white);
    }

    commerce_search-filters-panel .filters-header .clear-button .slds-button[disabled],
    commerce_search-filters-panel .filters-header .clear-button .slds-button::after {
        display: none;
    }

    commerce_search-filters-panel section .section-header figure button {
        padding: 0 !important;
        width  : 24px;
        height : 24px;
    }

    commerce_search-filters-panel section .section-header figure button svg {
        width : 16px;
        height: 16px;
        color : var(--color-black);
    }

    commerce_search-input-facet {
        display             : flex;
        flex-wrap           : wrap;
        --sectionSpacerWidth: 4px;
        margin-right        : calc(var(--sectionSpacerWidth) / 2 * -1);
        margin-left         : calc(var(--sectionSpacerWidth) / 2 * -1);
    }

    #search-filters-selected-section .selected-filter commerce-pill {
        box-shadow      : 0 2px 10px 0 var(--color-black-10);
        background-color: var(--color-light-beige);
    }

    #search-filters-selected-section .selected-filter .slds-pill {
        border-radius   : 0 !important;
        background-color: var(--color-light-beige);
        border          : none !important;
    }

    #search-filters-selected-section .selected-filter .slds-pill__label {
        padding: 0 !important;
    }

    #search-filters-selected-section .selected-filter .slds-pill__remove {
        padding: 0 0 0 8px !important;
    }

    #search-filters-selected-section .selected-filter .slds-button_icon {
        padding: 0;
        width  : 24px;
        height : 24px;
    }

    #search-filters-selected-section .selected-filter .slds-button_icon svg {
        width : 16px;
        height: 16px;
        color : var(--color-black);
    }

    commerce_search-input-facet commerce_search-facet-item {
        padding-right: calc(var(--sectionSpacerWidth) / 2);
        padding-left : calc(var(--sectionSpacerWidth) / 2);
        flex         : 0 0 100%;
        align-items  : center;
    }

    #search-facet-section-Size__c commerce_search-input-facet commerce_search-facet-item {
        flex: 0 0 50%;
    }

    commerce_search-input-facet commerce_search-facet-item .slds-checkbox_faux {
        border-radius                         : 0 !important;
        --dxp-s-form-checkbox-color-background: var(--color-xx-light-grey);
    }

    commerce_search-input-facet commerce_search-facet-item .slds-form-element__label.facet-item-name {
        font-weight: 400;
        margin-left: 2px;
    }

    commerce_builder-search-results-layout>.search-container>.content-container {
        gap: 40px;
    }

    commerce_builder-search-results-layout>.search-container .category-header {
        padding-bottom: 36px !important;
    }

    .add-to-compare .compare-form-element {
        margin-bottom: 0;
    }

    .add-to-compare .compare-form-element .slds-checkbox__label {
        display    : flex;
        align-items: center;
    }

    .add-to-compare .compare-form-element .slds-checkbox__label .slds-form-element__label {
        margin-bottom: 0;
    }

    .add-to-compare .compare-form-element .slds-checkbox_faux {
        background-color: var(--color-xx-light-grey);
        border          : 1px solid var(--color-grey);
        border-radius   : 0;
        width           : 24px;
        height          : 24px;
    }

    .add-to-compare .compare-form-element .slds-checkbox_faux::after {
        height: 8px !important;
        width : 16px !important;
    }

    .add-to-compare .compare-form-element .slds-form-element__label {
        font-weight  : 400;
        font-size    : 16px;
        line-height  : 1.125;
        margin-bottom: 8px;
        order        : -1;
    }

    .product-expandable-section .title {
        padding-top   : 16px;
        padding-bottom: 16px;
    }

    .product-expandable-section details {
        border-bottom: 1px solid #E3E3E3;
    }

    .slds-form-element .slds-form-element__help {
        font-size: .875rem;
    }

    c-nort-add-to-compare .slds-form-element__control:has(button) {
        text-align  : right;
        margin-right: 24px;
    }

    commerce_builder-search-sort-menu>div {
        padding-right: 12px;
        padding-left : 12px;
        border-bottom: 1px solid var(--color-border-grey);
    }

    commerce_builder-search-sort-menu .dxp-text-body,
    commerce_builder-search-sort-menu lightning-button-menu button {
        font-weight: 400 !important;
    }

    .product-card lightning-button .slds-button.slds-button_brand {
        padding         : 8px 12px !important;
        color           : var(--color-black);
        background-color: var(--color-white-80);
        border          : 1px solid var(--color-white);
        box-shadow      : 0 2px 10px 0 var(--color-black-10);
    }

    .product-card lightning-button .slds-button.slds-button_brand:hover {
        background-color: var(--color-white);
    }

    .product-card lightning-button [kx-scope=button-brand]:hover::before,
    .product-card lightning-button [kx-scope=button-brand]:hover::after,
    .product-card lightning-button [kx-scope^=button-][kx-type=ripple]::before,
    .product-card lightning-button [kx-scope^=button-][kx-type=ripple]::after {
        display: none !important;
    }

    .filter-sort-toggle {
        display: none;
    }

    commerce_builder-search-results-layout>.search-container>.content-container .left-container .component-wrapper-spacer {
        margin-bottom: 0 !important;
    }

    @media only screen and (max-width: 1024px) {
        .filter-sort-toggle {
            display: block;
        }

        .filter-sort-toggle button {
            font-weight  : 400;
            color        : var(--color-black);
            padding-right: 12px;
            padding-left : 12px;
            border-bottom: 1px solid var(--color-border-grey);
        }

        .filter-sort-toggle button svg {
            width : 16px;
            height: 16px;
            color : var(--color-black);
        }

        .filter-sort-toggle:not(.open) button svg.chevrondown {
            display: block;
        }

        .filter-sort-toggle:not(.open) button svg.chevronup {
            display: none;
        }

        .filter-sort-toggle.open button svg.chevrondown {
            display: none;
        }

        .filter-sort-toggle.open button svg.chevronup {
            display: block;
        }

        commerce_builder-search-results-layout>.search-container>.content-container {
            gap           : 0;
            flex-direction: column !important;
        }

        commerce_builder-search-results-layout>.search-container>.content-container .left-container {
            max-width: unset !important;
        }

        commerce_builder-search-results-layout>.search-container>.content-container .sort-menu-list .heading-wrapper {
            display: none !important;
        }

        commerce_builder-search-results-layout:has(.filter-sort-toggle.open) commerce-search-filters .panel-wrapper {
            position  : unset !important;
            visibility: visible !important;
        }

        commerce_builder-search-results-layout:has(.filter-sort-toggle.open) commerce-search-filters .panel-wrapper .panel-container {
            position: unset !important;
            width   : 100% !important;
        }

        commerce_builder-search-results-layout>.search-container>.content-container .left-container .footer button {
            font-weight     : 500;
            text-transform  : uppercase;
            border-radius   : 0;
            align-items     : center;
            padding-top     : var(--sds-c-button-spacing-block-end);
            padding-right   : var(--dxp-s-button-padding);
            padding-bottom  : var(--sds-c-button-spacing-block-end);
            padding-left    : var(--dxp-s-button-padding);
            transition      : var(--dxp-c-button-brand-transition);
            border          : 1px solid var(--color-black);
            background-color: var(--color-black);
            color           : var(--color-white);
            cursor          : pointer;
        }

        commerce_builder-search-results-layout>.search-container>.content-container .left-container .footer button:hover {
            border          : 1px solid var(--color-orange);
            background-color: var(--color-orange);
            color           : var(--color-white);
        }

        commerce_builder-search-results-layout>.search-container>.content-container .left-container .footer .see-items-button {
            display: none;
        }
    }

    commerce-search-filters > .panel-wrapper {
        max-height: 82vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    /* card pages */
    .grey-border-with-shadow .slds-card,
    .grey-border-with-shadow .comm-login-form__container {
        border    : none !important;
        box-shadow: -4.53px -5.66px 33.97px -6.79px var(--color-black-15) !important;
        padding   : 48px !important;
    }

    /* tabs */

    .faq-tabs .slds-vertical-tabs,
    .faq-tabs .slds-vertical-tabs__nav {
        border: none !important;
        background: transparent !important;;
    }

    .faq-tabs .dxp-tab p {
        text-underline-offset: 6px;
    }

    .faq-tabs dxp_layout-tab-bar .dxp-tab-bar-active-tab-styles p {
        font-weight: 500;
    }

    .faq-tabs details summary + .content {
        margin-top: 12px;
    }

    @media only screen and (min-width: 768px) {
        .faq-tabs .dxp-tabs-container dxp_layout-tab-bar li {
            padding-left: 0 !important;
        }

        .faq-tabs .dxp-tabs-container dxp_layout-tab .slds-vertical-tabs__content {
            padding-right: 0;
        }
    }

    /* forms */

    .comm-login-form__login-button:hover {
        background-color: var(--color-orange) !important;
    }

    input.slds-input:not(:disabled),
    input.slds-combobox__input {
        border       : none !important;
        border-bottom: 1px solid var(--color-border-grey) !important;
    }

    .slds-form-element__label.slds-no-flex {
        --dxp-s-form-element-label-font-weight: 500;
        --dxp-s-form-element-label-line-height: 1.1;
        --dxp-s-form-element-label-font-size: var(--slds-fontSize-form-element__label);
        --dxp-s-form-element-label-letter-spacing: .025em;
    }

    community_login-login-form .comm-login-form__forgot-password {
        font-size: 14px !important;
    }

    community_login-login-form .slds-border_top.slds-p-top_medium.slds-form-element.slds-m-top_large {
        border     : none !important;
        padding-top: 8px !important;
    }

    .submit-button,
    .submit-button:enabled {
        font-family     : var(--font-body) !important;
        font-size       : var(--dxp-s-button-font-size) !important;
        font-style      : var(--dxp-s-button-font-style) !important;
        text-decoration : var(--dxp-s-button-text-decoration) !important;
        line-height     : var(--dxp-s-button-line-height) !important;
        letter-spacing  : var(--dxp-s-button-letter-spacing) !important;
        border-radius   : 0 !important;
        text-transform  : uppercase !important;
        font-weight     : 500 !important;
        border          : 1px solid var(--color-xx-light-grey) !important;
        background-color: var(--color-white) !important;
        box-shadow      : 0 2px 10px 0 var(--color-black-10) !important;
        color           : var(--color-black) !important;
        display         : inline-flex;
        padding         : 18px 42px !important;
    }

    .submit-button:enabled {
        border          : 1px solid var(--color-black) !important;
        background-color: var(--color-black) !important;
        color           : var(--color-white) !important;
        transition      : var(--dxp-c-button-brand-transition);
    }

    .submit-button:enabled:hover {
        border          : 1px solid var(--color-orange) !important;
        background-color: var(--color-orange) !important;
        color           : var(--color-white) !important;
        transition      : var(--dxp-c-button-brand-transition);
    }

    .pdf-button-feature .dxp-content-layout-image {
        display: none;
    }

    .pdf-button-feature .dxp-block-flexible-container {
        min-height: auto;
    }

    .typeform-container iframe {
        width : 100%;
        height: 600px;
    }

    .banner-button-corner .main-content-container {
        padding: 0;
    }

    .hero-banner-wrapper {
        --dxp-c-l-section-min-height    : 450px;
        --dxp-c-l-section-vertical-align: center;
        --dxp-c-m-section-min-height    : 350px;
        --dxp-c-m-section-vertical-align: center;
        --dxp-c-s-section-min-height    : 350px;
    }

    .hero-banner-wrapper community_layout-column {
        flex: 1;
    }

    @media only screen and (min-width: 1025px) {
        .tile-hover-text {
            position: relative;
        }

        .tile-hover-text:hover dxp_base-text-block {
            background-color: rgba(0, 0, 0, .5);
            opacity         : 1;
        }

        .tile-hover-text dxp_base-text-block {
            position   : absolute;
            top        : 0;
            left       : 0;
            width      : 100%;
            height     : 100%;
            opacity    : 0;
            padding    : .5rem;
            transition : all .3s ease;
            margin     : 0;
            display    : flex;
            align-items: center;
        }

        .tile-hover-text dxp_base-text-block p {
            color: #fff;
        }

        .tile-hover-text .interactions-component {
            position: static;
        }

        .tile-hover-text .dxp-content-layout-image {
            height      : auto;
            aspect-ratio: 1;
        }

        .tile-hover-text .dxp-block-flexible-container {
            min-height: auto;
        }
    }

    commerce_my_account-my-account-layout > .slds-grid {
        max-width: var(--dxp-c-section-columns-max-width, var(--dxp-c-l-max-content-width, var(--dxp-c-max-content-width, var(--dxp-s-section-columns-max-width))));
        margin   : auto;
    }

    aside.navigation {
        --dxp-c-select-text-font-size: 1rem;
    }

    @media only screen and (min-width: 768px) {
        aside.navigation {
            border: 0;
            width : var(--dxp-c-my-account-aside-width);
        }

        aside.navigation + .content {
            max-width: calc(100% - var(--dxp-c-my-account-aside-width));
            padding-right: 0;
            padding-left: 0;
            margin-left: 32px;
        }
    }

    @media only screen and (max-width: 767px) {
        commerce_my_account-my-account-layout .dxp-text-heading-large {
            font-size: 1.5rem !important;
        }

        commerce_my_account-my-account-layout .slds-text-title {
            --dxp-c-title-font-size: 1.5rem;
        }
    }

    aside.navigation .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action {
        box-shadow: none;
        font-weight: 500;
        font-size: 20px;
    }

    aside.navigation .slds-nav-vertical__item.slds-is-active:before,
    aside.navigation .slds-nav-vertical__item:hover:before {
        background: var(--color-xx-light-grey);
        border-bottom: 2px solid var( --color-orange);
    }

    aside.navigation .slds-nav-vertical__item .slds-nav-vertical__action{
        text-decoration: none;
        text-shadow: none;
    }

    aside.navigation .slds-nav-vertical__item .slds-nav-vertical__action:hover {
        box-shadow: none;
    }

    .custom-card-header .slds-form-element__label {
        display: none;
    }

    .custom-card .slds-input .lightning-primitive-icon {
        position: absolute;
        top     : 0;
        right   : 0;
        display: block;
        width              : 30px;
        height             : 30px;
        background-size: 14px;
        background-position: center;
        background-repeat  : no-repeat;
        background-image   : url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxOCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAuMjc5MSIgY3k9IjguNTMwNiIgcj0iNi4zODc5NCIgdHJhbnNmb3JtPSJyb3RhdGUoMTMuNzIxMiAxMC4yNzkxIDguNTMwNikiIHN0cm9rZT0iYmxhY2siLz4KPGxpbmUgeDE9IjYuMTgwMzUiIHkxPSIxNC4wMTE3IiB4Mj0iMS4yMjQ0IiB5Mj0iMjAuMDg4NCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    }
    .custom-card .slds-input__icon {
        display: none;
    }

    .custom-card .slds-input {
        border-color: var(--color-black)!important;
        padding     : 0 2rem 0 .75rem;
        min-width: 230px;
    }

    .custom-card .slds-form-element__control {
        flex: 1;
    }

    .custom-card lightning-combobox > div {
        display: flex;
        align-items: center;
        border-bottom: 1px solid var(--color-border-grey);
        padding: 0 1.3333rem;
    }

    .custom-card label {
        font-weight: 400;
        font-family: var(--font-body);
    }

    .custom-card-filter .slds-dropdown-trigger button::after {
        content      : '';
        display      : block;
        width        : 8px;
        height       : 8px;
        position     : absolute;
        border-right : #000 solid 1px;
        border-bottom: #000 solid 1px;
        top          : 40%;
        right        : 0;
        transform    : translateY(-50%) rotate(45deg);
        transition   : all .3s;
    }

    .custom-card-filter .slds-dropdown-trigger.slds-is-open button::after {
        transform: translateY(-50%) rotate(-135deg);
    }

    .custom-card-filter .slds-combobox__input {
        max-width: 150px;
    }

    .custom-card lightning-button-menu lightning-primitive-icon + lightning-primitive-icon {
        display: none;
    }

    .custom-card .slds-card {
        border    : 0;
        box-shadow: none;
    }

    .custom-card .slds-table thead th {
        background: none;
        padding: .75rem .5rem;
        font-weight: 500;
        font-size: 18px;
        color: var(--color-black);
        text-transform: capitalize;
    }

    .custom-card .slds-table tbody td {
        font-size: 16px;
    }

    .custom-card .slds-table thead .resize-handle {
        display: none;
    }

    .custom-card .slds-table {
        border: 0;
    }

    .status {
        padding      : .5rem;
        font-weight  : 500;
        display      : inline-block;
        white-space  : nowrap;
        border: 1px solid transparent;
        line-height : 10px;
    }

    .status.shipped {
        border-color: var(--color-orange);
        background-color: var(--color-orange);
    }

    .status.cancelled {
        border-color: var(--color-border-grey);
    }

    .status.entered {
        border-color: #FFD599;
        background-color: #FFD599;
    }

    .status.in-progress {
        border-color:  var(--color-orange);
    }

    .status.return-complete {
        border-color: #605B5B;
    }

    lightning-card .edit-mode-link button {
        width: 30px;
        height: 30px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxMiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDIuNjU5NjdMMC40NTQyMjcgMi40NTA2OEw1LjMyNjMyIDAuMjA4OTkzTDUuNzgwNTUgMEw1Ljk4OTU0IDAuNDU0MjI3TDcuMjcwNTMgMy4yMzgzM0wxMS41OTM4IDEyLjYzNDZMMTEuNjU5NyAxMi43Nzc4TDExLjYzMTYgMTIuOTMyOUwxMC43OTY3IDE3LjUzMzlMMTAuNjY5MSAxOC4yMzY3TDEwLjA1MjQgMTcuODc2M0w2LjAxNTIzIDE1LjUxN0w1Ljg3OTE2IDE1LjQzNzVMNS44MTMyOCAxNS4yOTQzTDEuNDg5OTggNS44OThMMC4yMDg5OTMgMy4xMTM5TDAgMi42NTk2N1pNMS4zMjY0NCAzLjE1MDE0TDIuMTg5NDQgNS4wMjU3OUw2LjE1MzA4IDMuMjAyMDlMNS4yOTAwOCAxLjMyNjQ0TDEuMzI2NDQgMy4xNTAxNFpNNi41NzEwNyA0LjExMDU0TDIuNjA3NDIgNS45MzQyNEw2LjY1NTg2IDE0LjczMzFMOS45NDAyNyAxNi42NTI1TDEwLjYxOTUgMTIuOTA5NEw2LjU3MTA3IDQuMTEwNTRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
        background-size: 13px;
        background-repeat: no-repeat;
        background-position: center;
    }

    lightning-card .edit-mode-link button svg {
        display: none;
    }

    commerce_my_account-my-account-layout lightning-card {
        --slds-c-card-sizing-border: 0 0 1px;
        --slds-c-card-shadow       : none;

        --slds-c-card-heading-font-size  : 1.5625rem;
        --slds-c-card-heading-font-weight: 500;

        --dxp-c-title-font-size: 1.125rem;
        --dxp-c-title-text-color: #605B5B;
        --slds-c-card-body-spacing-block-start: 0;
        --slds-c-card-body-spacing-block-end  : 0;

        --dxp-s-form-element-label-font-size: 1.5625rem;
        --dxp-s-form-element-label-color: #605B5B;

        --dxp-c-input-color-background-disabled: transparent;

        --dxp-c-input-text-font-size: 1.125rem;
        --dxp-s-text-heading-large-font-size: 1.75rem;
        --slds-c-card-color-border: var(--color-border-grey);

        --dxp-s-form-element-label-font-family: var(--font-body);

        --slds-c-card-header-spacing-block-start: 1.5rem;
        --slds-c-card-header-spacing-block-end: 1.5rem;
        --slds-c-card-header-spacing-inline-start: 1.5rem;
        --slds-c-card-header-spacing-inline-end: 1.5rem;
        --sds-c-card-body-spacing-block-start: 0;
        --sds-c-card-body-spacing-block-end: 1.5rem;
        --slds-c-card-body-spacing-inline-start: 1.5rem;
        --slds-c-card-body-spacing-inline-end: 1.5rem;

        --slds-c-card-text-color: #000;
    }

    @media only screen and (max-width: 767px) {
        commerce_my_account-my-account-layout lightning-card {
            --slds-c-card-body-spacing-inline-start: 0;
            --slds-c-card-body-spacing-inline-end  : 0;
            --slds-c-card-header-spacing-block-start: 0;
            --slds-c-card-header-spacing-block-end:  0;
            --slds-c-card-header-spacing-inline-start: 0;
            --slds-c-card-header-spacing-inline-end  : 0;
        }
    }

    commerce_my_account-my-account-layout lightning-card.slds-form-element {
        margin-bottom: 2rem;
    }

    commerce_my_account-my-account-layout lightning-card .slds-card__header {
        margin: 0;
    }

    commerce_my_account-my-account-layout lightning-card .slds-form-element__label.slds-no-flex,
    commerce_my_account-my-account-layout lightning-card .slds-form-element__label {
        --dxp-s-form-element-label-font-size: 1.125rem;
        --dxp-s-form-element-label-font-weight: 400;
    }

    commerce_my_account-my-account-layout lightning-card lightning-combobox,
    commerce_my_account-my-account-layout lightning-card lightning-primitive-input-checkbox,
    commerce_my_account-my-account-layout lightning-card lightning-textarea {
        --dxp-s-form-element-label-font-size: 1.125rem;
        --dxp-s-form-element-label-color: #605B5B;
        --dxp-c-input-border-block-end: 1px solid var(--color-border-grey);
        --dxp-c-textarea-border-block-end: 1px solid var(--color-border-grey);
        --dxp-s-form-element-label-font-weight: 400;
        --dxp-s-form-element-label-line-height: 1.1;
    }

    commerce_my_account-my-account-layout lightning-card .slds-input[disabled] {
        color: inherit;
        padding-left: 0;
    }

    lightning-card lightning-combobox .slds-dropdown-trigger button::after {
        content      : '';
        display      : block;
        width        : 10px;
        height       : 10px;
        position     : absolute;
        border-right : #000 solid 1px;
        border-bottom: #000 solid 1px;
        top          : 40%;
        right        : 10px;
        transform    : translateY(-50%) rotate(45deg);
        transition   : all .3s;
    }

    lightning-card lightning-combobox .slds-dropdown-trigger.slds-is-open button::after {
        transform: translateY(-50%) rotate(-135deg);
    }

    lightning-card lightning-combobox lightning-icon {
        display: none;
    }

    lightning-card .edit-mode-link {
        position: absolute;
        top     : 10px;
        right   : 10px;
    }

    commerce_my_account-my-account-layout lightning-card[data-edit=true] {
        --slds-c-card-color-border: var(--color-orange);
    }

    .slds-grid_gap_medium {
        gap: .75rem 0;
    }

    .slds-grid_gap_large {
        gap: 2.25rem 0;
    }

    .manage-team-table .slds-table thead th {
        background: none;
        font-weight: 400;
        font-size: 1.125rem;
        color: var(--color-black);
    }

    .manage-team-table .slds-cell-fixed,
    .manage-team-table .slds-table_header-fixed_container {
        background: none;
    }

    .quick-shop-button button {
        text-transform: capitalize;
    }

    .nav-browse-featured p a {
        font-size  : 17px;
        font-weight: 500;
        text-decoration: none;
    }

    .nav-browse-featured a:hover {
        text-decoration: underline;
    }

    .slds-button-underline button {
        --dxp-s-button-font-weight: 400;
    }

    .slds-button-underline button::after {
        --slds-kx-button-underline-scale-x: 1;
        --slds-c-button-text-color-hover: currentColor;
        bottom: 45%;
    }

    .slds-button-underline button:hover::after {
        --slds-kx-button-underline-scale-x: 0;
    }

    .slds-button-white {
        --sds-c-button-outline-brand-color-background: var(--color-white);
    }

    .manage-team-table .slds-card__body,
    .manage-team-table .slds-p-around_medium {
        padding: 0;
    }

    .manage-team-table .slds-card__body {
        margin-bottom: 2rem;
    }

    .slds-col-auto .lightning-input {
        margin: 1rem 0 1rem 1rem;
        width : 27px;
    }

    .slds-col-auto {
        width: 30px;
        flex: none;
    }

    .slds-button-neutral-shadow button {
        --slds-c-button-spacing-inline-end: 2.625rem;
        --slds-c-button-spacing-inline-start: 2.625rem;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, .1);
    }

    .manage-team-table-actions,
    .mobile-table table thead th:first-child {
        display: none;
    }

    @media screen and (max-width: 767px) {
        .mobile-table table,
        .mobile-table .slds-scrollable_y {
            width  : 100%!important;
        }

        .mobile-table table,
        .mobile-table thead,
        .mobile-table tbody,
        .mobile-table th,
        .mobile-table td,
        .mobile-table tr {
            display: block;
            width  : 100%;
        }

        .mobile-table thead {
            display: none;
        }

        .mobile-table tr {
            border-top   : 2.5px solid #C8C8C8;
            position: relative;
        }

        .mobile-table tr:hover td,
        .mobile-table tr:hover th {
            background: none!important;
            box-shadow: none!important;;
        }

        .mobile-table td,
        .mobile-table th {
            padding   : 1rem 1rem 0;
            text-align: left;
            position  : relative;
            display: flex;
            justify-content: space-between;
            border: 0;
        }

        .mobile-table td::before,
        .mobile-table th::before {
            content      : attr(data-label);
            font-weight  : 500;
            display      : block;
            color        : #000;
        }

        .mobile-table td[data-label=""]::before,
        .mobile-table th[data-label=""]::before {
            display: none;
        }

        .manage-team-table .manage-team-table-name {
            background-color: #F4F4F4;
            padding : 1rem;
            font-size: 1.5rem;
            font-weight: 500;
        }

        .manage-team-table .manage-team-table-name::before,
        .manage-team-table .manage-team-table-order-history::before,
        .manage-team-table .manage-team-table-actions::before {
            display: none;
        }

        .manage-team-table .manage-team-table-order-history {
            display: flex;
            justify-content: center;
        }

        .mobile-table .manage-team-table-actions {
            display: flex;
            padding: 0;
        }

        .mobile-table .manage-team-table-actions > lightning-primitive-cell-factory {
            position: absolute;
            right   : 0;
            top     : 0;
            z-index: 1;
        }

        .manage-team-table-actions .slds-icon-utility-threedots-vertical {
            position: absolute;
            top     : 0;
            right   : 0;
            left  : 0;
            bottom: 0;
            pointer-events: none;
            display    : flex;
            align-items: center;
            justify-content: center;
        }

        .manage-team-table-actions lightning-button-menu .slds-button {
            opacity: 0;
        }

        .manage-team-table-actions .slds-dropdown-trigger {
            padding: .5rem;
        }

        .mobile-table .slds-dropdown {
            font-size: 1rem;
        }
    }

    @media screen and (min-width: 768px) {
        .content-container > webruntime-component-container:has(> .my-account-fullwidth-section),
        .content-container > .my-account-fullwidth-section {
            margin-left: calc(var(--dxp-c-my-account-aside-width) * -1);
            margin-right: auto;
            width: calc(100% + var(--dxp-c-my-account-aside-width));
        }
    }


    .have-a-question-section c-nort-icons img {
        object-fit: cover;
        object-position: center;
        height: 100%;
    }

    .expandable-section-primary details lightning-primitive-icon {
        display: none;
    }


    .expandable-section-primary {
        --dxp-c-l-text-block-font-weight: 500;
        --dxp-s-body-font-size: 1.25rem;
    }

    .expandable-section-primary details lightning-icon::after {
        content      : '';
        display      : block;
        width        : 10px;
        height       : 10px;
        position     : absolute;
        border-right : #000 solid 1px;
        border-bottom: #000 solid 1px;
        top          : 50%;
        right        : 1rem;
        transform    : translateY(-50%) rotate(45deg);
        transition   : all .3s;
    }

    .expandable-section-primary details[open] lightning-icon::after {
        transform: translateY(0) rotate(-135deg);
    }

    .expandable-section-primary .title {
        padding-top   : 16px;
        padding-bottom: 16px;
    }

    .expandable-section-primary details summary {
        border-bottom: 1px solid #E3E3E3;
        position: relative;
    }

    .expandable-section-primary details[open] summary {
        border-bottom: 1px solid var(--color-orange);
        background-color: var(--color-xx-light-grey);
    }
}