/* Shared Printbay header, used by every page through Client.master. */
.header,
.header .navbar-site,
.header-black {
    background: #fff !important;
    color: #213e30;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.header .navbar-site {
    border-bottom: 1px solid #dce6df !important;
    box-shadow: none !important;
}

.header .navbar-site > .container,
.header-black > .container {
    width: 100%;
    max-width: 1500px;
}

.header .navbar-brand img {
    width: 190px;
    max-width: 100%;
    height: auto;
}

.header .navbar-site .search-div,
.header .navbar-site .user-menu-btns {
    align-self: center;
}

.header .navbar-site .search-col {
    border: 1px solid #dce6df;
    border-radius: 10px;
    background: #f5f9f6;
}

.header .navbar-site .search_input,
.header .navbar-site .search_input input {
    color: #213e30 !important;
    background: transparent !important;
}

.header .navbar-site .nav-link,
.header .navbar-site .nav-link:visited {
    color: #213e30 !important;
}

.header .navbar-site .nav-link:hover,
.header .navbar-site .nav-link:focus-visible {
    color: #416b4e !important;
}

.header-black {
    border-bottom: 1px solid #dce6df;
    box-shadow: 0 3px 12px rgb(41 76 51 / 5%) !important;
}

.header-black .navbar-printbay {
    min-height: 55px;
    padding: 0 12px !important;
}

.header-black .navbar-printbay .nav-item {
    min-height: 0;
    border-bottom-color: transparent;
}

.header-black .navbar-printbay .navbar-nav .nav-item .nav-link,
.header-black .navbar-printbay .navbar-nav .nav-item .nav-link:visited,
.header-black .menu-flat .master-categ-menu {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    min-height: 48px;
    padding: 12px 11px;
    border-radius: 8px;
    background: transparent;
    color: #213e30 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    font-weight: 550;
    line-height: 1.35;
    text-decoration: none;
}

.header-black .navbar-printbay .navbar-nav .nav-item .nav-link:hover,
.header-black .navbar-printbay .navbar-nav .nav-item .nav-link:focus-visible,
.header-black .menu-flat .master-categ-menu:hover {
    background: #eaf4ed !important;
    color: #416b4e !important;
}

.header-black .cd-dropdown-wrapper { height: auto; }
.header-black .cd-dropdown-trigger,
.header-black .cd-dropdown-trigger:visited {
    min-height: 48px;
    padding: 13px 36px 13px 16px;
    border-radius: 8px;
    background: transparent !important;
    color: #213e30 !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
}
.header-black .cd-dropdown-trigger:hover,
.header-black .cd-dropdown-trigger.dropdown-is-active { background: #eaf4ed !important; color: #416b4e !important; }
.header-black .cd-dropdown-trigger::before,
.header-black .cd-dropdown-trigger::after { background: #64766a; }
.header-black .navbar-printbay a:focus-visible,
.header .navbar-site a:focus-visible { outline: 3px solid #669d74; outline-offset: 2px; }

@media (max-width: 767px) {
    .header .navbar-site .navbar-identity { background: #fff; border-bottom-color: #dce6df; }
    .header .navbar-brand img { width: 170px; }
    .header-black .navbar-printbay { min-height: 0; padding: 0 10px !important; }
    .header-black .navbar-printbay .navbar-nav .nav-item .nav-link { min-height: 44px; }
}

/* The two existing WebForms navigation controls form one shared card. */
body { background: #f3f6f4; }
#wrapper { padding-top: 0 !important; }
.header,
.header-black {
    width: calc(100% - 32px);
    max-width: 1450px;
    margin-right: auto;
    margin-left: auto;
    background: #fff !important;
}
.header {
    position: relative;
    z-index: 1031;
    margin-top: 12px;
    border: 1px solid #dce6df;
    border-bottom: 0;
    border-radius: 15px 15px 0 0;
}
.header .navbar-site,
.header .navbar-site.stuck {
    display: flex !important;
    position: relative !important;
    inset: auto !important;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 15px 15px 0 0;
    background: transparent !important;
    box-shadow: none !important;
}
.header .navbar-site.navbar.stuck {
    height: auto !important;
    margin-top: 0 !important;
}
.header .navbar-site.navbar.stuck .navbar-brand img {
    max-width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.header .navbar-site.navbar.stuck .search-li {
    display: list-item !important;
}
.header-black {
    position: relative !important;
    inset: auto !important;
    z-index: 1030;
    margin-top: 0;
    margin-bottom: 20px;
    border: 1px solid #dce6df;
    border-top: 0;
    border-radius: 0 0 15px 15px;
    box-shadow: none !important;
    padding: 0 !important;
}
.header .navbar-site > .container,
.header-black > .container {
    width: 100%;
    max-width: none;
}
.header .navbar-brand { height: 34px !important; margin: 0; padding: 0; align-items: center; }
.header .navbar-brand img { display: block; width: 185px; height: 34px !important; margin: 0 !important; padding: 0 !important; }
.header-black .row { margin: 0; }
.header-black > .container > .row > [class*="col-"] { width: 100%; max-width: none; padding: 0; }
.header-black .pb-header-legacy-projects-item { display: none !important; }

@media (min-width: 992px) {
    .header .navbar-site > .container {
        display: grid;
        grid-template-columns: minmax(180px, 265px) minmax(0, 1fr) max-content;
        align-items: center;
        gap: 20px;
        min-height: 86px;
        padding: 17px 24px;
    }
    .header .navbar-identity { min-width: 0; height: auto !important; min-height: 0; }
    .header .menu-button,
    .header-black .navbar-toggler-menu { display: none !important; }
    .header .navbar-site .navbar-collapse { display: contents !important; }
    .header .search-div,
    .header .user-menu-btns { width: auto; max-width: none; min-width: 0; margin: 0; padding: 0; flex: none; }
    .header .search-div { width: 100%; max-width: 650px; justify-self: start; }
    .header #mymenu .login .nav-link > span { display: block; min-width: 0; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .header #mymenus,
    .header #mymenu { margin: 0 !important; }
    .header #mymenus,
    .header #mymenus > li,
    .header .search-row { width: 100%; }
    .header .search-row { margin: 0; }
    .header .search-row > .search-col { width: 100%; max-width: none; height: 44px; min-height: 44px; padding: 0; }
    .header .search-col {
        position: relative;
        border: 1px solid #dce6df;
        border-radius: 10px;
        background: #f5f9f6;
    }
    .header .search-col { border-width: 1px !important; }
    .header .search-col .RadComboBox { width: 100% !important; height: 100%; margin: 0 !important; }
    .header .search-col .RadComboBox table { width: 100% !important; height: 100%; }
    .header .navbar-site .search-col .RadComboBox.RadComboBox_Bootstrap td.rcbInputCell {
        height: 42px !important;
        padding: 0 !important;
        border-style: none !important;
        border-width: 0 !important;
        border-color: transparent !important;
        border-radius: 0 !important;
        background: transparent !important;
    }
    .header .search-col .rcbInput,
    .header .search-col input.search_input {
        width: 100% !important;
        min-height: 42px;
        margin: 0 !important;
        padding: 8px 77px 8px 43px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 13px !important;
    }
    .header .search-col .lk_search {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 14px;
        width: 20px;
        height: 20px;
        transform: translateY(-50%);
        color: #64766a;
        font-size: 18px;
        line-height: 20px;
    }
    .header .pb-header-search-hint {
        position: absolute;
        top: 50%;
        right: 14px;
        transform: translateY(-50%);
        color: #64766a;
        font-size: 11px;
        pointer-events: none;
    }
    .header #mymenu { display: flex; align-items: center; justify-content: flex-end; gap: 5px; flex-wrap: nowrap; }
    .header #mymenu > .nav-item { flex: 0 0 auto; float: none; margin: 0; }
    .header #mymenu .nav-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 44px;
        padding: 9px 10px;
        border: 1px solid transparent;
        border-radius: 10px;
        color: #213e30 !important;
        font-size: 13px;
        font-weight: 650;
        line-height: 1.25;
        text-decoration: none;
        white-space: nowrap;
    }
    .header #mymenu .nav-link:hover { background: #f5f9f6; border-color: #dce6df; }
    .header #mymenu .dropdown-toggle::after { display: none; }
    .header #mymenu .nav-link i { color: #213e30; font-size: 19px; line-height: 1; }
    .header #mymenu #Li2 .nav-link > span,
    .header #mymenu .pb-header-cart-main { display: inline-flex; align-items: center; gap: 7px; }
    .header #mymenu #Li2 .nav-link i,
    .header #mymenu .pb-header-cart-main i { order: -1; }
    .header #mymenu .login .nav-link { flex-direction: row-reverse; }
    .header .pb-header-cart-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        border-radius: 99px;
        background: #416b4e;
        color: #fff;
        font-size: 10px;
        font-weight: 750;
    }
    .header #mymenu .pb-header-projects-link,
    .header #mymenu .pb-header-projects-link:hover {
        gap: 8px;
        padding: 10px 12px;
        border-color: #ef7435;
        background: #ef7435;
        color: #241408 !important;
    }
    .header #mymenu .pb-header-projects-link:hover { background: #ff8b4e; border-color: #ff8b4e; }
    .header #mymenu .pb-header-projects-link i { color: inherit; font-size: 18px; }

    .header-black > .container { padding: 0 24px; }
    .header-black .navbar-printbay { width: 100%; min-height: 64px; margin: 0; padding: 0 !important; border-top: 1px solid #dce6df; }
    .header-black #navbar-printbay { display: flex !important; align-items: center; justify-content: space-between; min-width: 0; }
    .header-black #navbar-printbay > .navbar-nav:first-child {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 4px;
        flex: 1;
        min-width: 0;
        margin: 0 12px 0 0 !important;
        padding: 0;
    }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem,
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li { flex: 0 0 auto; min-width: 0; }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 45px;
        padding: 8px 6px;
        color: #213e30 !important;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        white-space: nowrap;
    }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li > a::after {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        margin-top: -3px;
        transform: rotate(45deg);
        border-right: 1px solid #64766a;
        border-bottom: 1px solid #64766a;
    }
    .header-black #navbar-printbay > .navbar-nav:first-child pre {
        display: block;
        width: max-content;
        max-width: none;
        margin: 0;
        padding: 0;
        overflow: visible;
        color: inherit;
        font: inherit;
        white-space: nowrap;
    }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li.pb-menu-has-amp {
        flex: 0 1 auto;
        min-width: min-content;
    }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li.pb-menu-has-amp > a {
        min-width: 0;
        white-space: normal;
    }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li.pb-menu-has-amp > a > pre.pb-menu-conditional-break {
        flex: 0 1 auto;
        width: auto;
        min-width: 0;
        max-width: 100%;
        white-space: normal;
    }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li.pb-menu-has-amp > a > pre > span {
        white-space: nowrap;
    }
    .header-black #navbar-printbay > .navbar-nav:last-child { display: flex; align-items: center; gap: 7px; margin: 0 !important; padding: 0; }
    .header-black .pb-header-help-item,
    .header-black .pb-header-quote-item { display: block !important; }
    .header-black .pb-header-help-item { order: 1; }
    .header-black .pb-header-quote-item { order: 2; }
    .header-black .pb-header-help-item > a,
    .header-black .pb-header-quote-item > a { min-height: 42px !important; padding: 9px 11px !important; font-size: 12px !important; white-space: nowrap; }
    .header-black .pb-header-help-item > a { color: #64766a !important; font-weight: 500 !important; }
    .header-black .pb-header-quote-item > a { border: 1px solid #dce6df; border-radius: 9px; color: #213e30 !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header .navbar-site > .container { grid-template-columns: 190px minmax(0, 1fr) max-content; gap: 12px; padding-right: 16px; padding-left: 16px; }
    .header .navbar-brand img { width: 165px; }
    .header #mymenu .nav-link { padding-right: 6px; padding-left: 6px; font-size: 11px; }
    .header-black > .container { padding: 0 16px; }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li > a { font-size: 11px; padding: 8px 2px; }
}

@media (min-width: 992px) and (max-width: 1350px) {
    .header-black #navbar-printbay > .navbar-nav:first-child {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {
    .header-black #navbar-printbay > .navbar-nav:first-child {
        flex-wrap: nowrap;
    }
}

@media (max-width: 991px) {
    .header,
    .header-black { width: calc(100% - 24px); }
    .header .navbar-site > .container { padding: 10px 14px; }
    .header-black > .container { padding: 0 14px; }
    .header-black .navbar-printbay { min-height: 0; padding: 0 !important; }
    .header-black #navbar-printbay > .navbar-nav:first-child { margin: 0 !important; padding: 0; }
    .header-black #navbar-printbay > .navbar-nav:last-child { margin: 0 0 12px !important; }
    .header .pb-header-search-hint { display: none; }
    .header #mymenu .pb-header-projects-link { border-radius: 9px; background: #ef7435; color: #241408 !important; }
    .header .pb-header-cart-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 99px; background: #416b4e; color: #fff; font-size: 10px; }
}

/* Keep the original database-driven menu markup and promotional image. */
.header .search-li { border-left: 0 !important; }
.header-black { overflow: visible !important; }
.header-black .mega-dropdown-menu {
    color: #213e30;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.header-black .mega-dropdown-menu .pb-mega-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 44px;
    margin: 0 0 16px;
    padding: 0 0 12px;
    border-bottom: 1px solid #dce6df;
    list-style: none;
}
.header-black .mega-dropdown-menu .pb-mega-heading strong {
    min-width: 0;
    color: #213e30;
    font-size: 17px;
    font-weight: 650;
    line-height: 1.4;
}
.header-black .mega-dropdown-menu .pb-mega-close {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #64766a;
    cursor: pointer;
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
}
.header-black .mega-dropdown-menu .pb-mega-close:hover {
    background: #f5f9f6;
    color: #416b4e;
}
.header-black .mega-dropdown-menu .menu-cat-row { margin: 0; }
.header-black .mega-dropdown-menu .cat-group-menu { min-width: 0; }
.header-black .mega-dropdown-menu .master-categ-menu {
    display: block !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 0 7px !important;
    padding: 0 0 0 8px !important;
    border: 0 !important;
    border-left: 2px solid #416b4e !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #213e30 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.5 !important;
    text-align: left;
    white-space: normal;
}
.header-black .mega-dropdown-menu .menu-categ-line { display: none !important; }
.header-black .mega-dropdown-menu .prodlimenu,
.header-black .mega-dropdown-menu .prodlimenuin {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    list-style: none !important;
}
.header-black .mega-dropdown-menu .prodlimenu li {
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.header-black .mega-dropdown-menu .prodlimenu li a {
    display: flex !important;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    min-height: 29px;
    width: 100%;
    margin: 0;
    padding: 4px 8px !important;
    border: 0 !important;
    border-radius: 6px;
    background: transparent !important;
    color: #64766a !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    text-align: left;
    text-decoration: none;
    white-space: normal;
}
.header-black .mega-dropdown-menu .prodlimenu li a:hover {
    background: #f5f9f6 !important;
    color: #416b4e !important;
}
.header-black .mega-dropdown-menu .menu-mark {
    display: inline-block;
    flex: 0 0 auto;
    align-self: center;
    position: static;
    height: auto;
    margin: 0 !important;
    padding: 1px 4px !important;
    border: 0 !important;
    border-radius: 4px;
    background: #eaf4ed !important;
    color: #416b4e !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-transform: capitalize;
}
.header-black .mega-dropdown-menu .menu-cat-row > div.col-md-3 img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}
@media (min-width: 992px) {
    .header-black .navbar-printbay,
    .header-black > .container > .row > [class*="col-"],
    .header-black #navbar-printbay,
    .header-black #navbar-printbay > .navbar-nav:first-child,
    .header-black .menuitem,
    .header-black .menuitem > li { position: static !important; }
    .header-black .mega-dropdown-menu {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: 0 !important;
        float: none !important;
        display: none;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: calc(100vh - 105px);
        margin: 0 !important;
        padding: 22px !important;
        overflow-y: auto;
        transform: none !important;
        border: 1px solid #dce6df !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: 0 16px 40px rgb(41 76 51 / 9%) !important;
        z-index: 1050;
    }
    .header-black .mega-dropdown-menu.show { display: block !important; }
    .header-black .mega-dropdown-menu .menu-cat-row {
        display: flex !important;
        align-items: flex-start;
        width: 100%;
        padding: 0 !important;
    }
    .header-black .mega-dropdown-menu .menu-cat-row > span:first-child {
        min-width: 0;
        padding: 0 !important;
    }
    .header-black #menu1 + .mega-dropdown-menu .menu-cat-row > span:first-child {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px 24px;
        flex: 0 0 75% !important;
        width: 75% !important;
        max-width: 75% !important;
    }
    .header-black #menu1 + .mega-dropdown-menu .menu-cat-row > span:first-child > .cat-group {
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
    }
    .header-black #menu1 + .mega-dropdown-menu .menu-cat-row > div.col-md-3 {
        flex: 0 0 25% !important;
        width: 25% !important;
        max-width: 25% !important;
        padding: 0 0 0 16px !important;
    }
    .header-black .menuitem > li.show > a {
        background: #eaf4ed !important;
        color: #416b4e !important;
    }
    .header-black .menuitem > li.show > a::after {
        transform: rotate(225deg) !important;
        margin-top: 3px !important;
    }
}
@media (max-width: 991px) {
    .header-black .mega-dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 0 12px !important;
        padding: 14px !important;
        border: 1px solid #dce6df !important;
        border-radius: 10px !important;
        background: #fff !important;
        box-shadow: none !important;
    }
    .header-black .mega-dropdown-menu .cat-group { margin-bottom: 18px !important; }
}

/* Match the reference header while retaining the existing WebForms controls. */
.header .pb-header-icon {
    display: block;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px;
    max-width: 20px;
    flex: 0 0 20px;
    stroke-width: 2;
}
.header #mymenu #Li2 .nav-link > span,
.header #mymenu .pb-header-cart-main { display: inline-flex; align-items: center; gap: 7px; }
.header #mymenu #Li2 .pb-header-icon,
.header #mymenu .pb-header-cart-main .pb-header-icon { order: -1; }
.header #mymenu > .nav-item.dropdown,
.header #mymenu > .nav-item.dropdown:hover {
    border-bottom: 0 !important;
    transition: none !important;
}
.header #mymenu > .nav-item {
    margin: 0 !important;
    padding: 0 !important;
}
.header #mymenu > .nav-item > .nav-link {
    box-sizing: border-box;
    margin: 0 !important;
    border: 1px solid transparent !important;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease !important;
}
.header #mymenu .login { position: relative; }
.header #mymenu .login > .nav-link {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 9px 11px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: #213e30 !important;
    font-size: 13px;
    font-weight: 650;
    white-space: nowrap;
}
.header #mymenu .login > .nav-link > .pb-header-icon { order: -1; }
.header #mymenu .login > .nav-link > .pb-header-chevron {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    color: #64766a;
    transition: transform 160ms ease;
}
.header #mymenu .login.show > .nav-link > .pb-header-chevron { transform: rotate(180deg); }
.header #mymenu .login > .nav-link:hover,
.header #mymenu .login > .nav-link:focus-visible,
.header #mymenu .login.show > .nav-link {
    border-color: #dce6df !important;
    background: #eaf4ed;
}
.header #mymenu .login > .nav-link > span {
    display: block;
    min-width: 0;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header #mymenu .user-dropdown > .user-menu {
    position: absolute !important;
    top: calc(100% + 6px);
    right: 0;
    left: auto;
    width: min(296px, calc(100vw - 32px));
    min-width: 0;
    margin: 0;
    padding: 8px;
    border: 1px solid #dce6df;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 18px 40px rgb(41 76 51 / 14%);
    z-index: 1100;
}
.header #mymenu .user-dropdown > .user-menu > .pb-account-menu-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 5px 6px;
    padding: 10px 3px 14px;
    border-bottom: 1px solid #dce6df;
    list-style: none;
}
.header #mymenu .pb-account-menu-avatar {
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #eaf4ed;
    color: #416b4e;
}
.header #mymenu .pb-account-menu-avatar svg { width: 20px; height: 20px; }
.header #mymenu .pb-account-menu-identity { display: grid; min-width: 0; gap: 2px; }
.header #mymenu .pb-account-menu-identity strong {
    overflow: hidden;
    color: #213e30;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header #mymenu .pb-account-menu-identity small {
    color: #64766a;
    font-size: 11px;
    line-height: 1.5;
}
.header #mymenu .user-dropdown > .user-menu > .dropdown-item {
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    white-space: normal;
}
.header #mymenu .user-dropdown > .user-menu > .dropdown-item > a {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 8px;
    color: #213e30 !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
}
.header #mymenu .user-dropdown > .user-menu > .dropdown-item > a:hover,
.header #mymenu .user-dropdown > .user-menu > .dropdown-item.active > a {
    background: #f5f9f6 !important;
}
.header #mymenu .user-dropdown > .user-menu .mnfas {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
    width: 18px;
    color: #64766a;
    font-size: 17px;
}
.header #mymenu .user-dropdown > .user-menu > .dropdown-item:last-child {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #dce6df;
}
.header #mymenu .user-dropdown.show > .user-menu { display: block; }

@media (max-width: 991px) {
    #printbay-home-view { margin-top: 20px; }
    .header,
    .header-black { width: calc(100% - 24px); }
    .header { border: 1px solid #dce6df; border-radius: 12px; }
    .header .navbar-site,
    .header .navbar-site.stuck { border-radius: 12px; }
    .header .navbar-site > .container {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        padding: 15px;
    }
    .header .navbar-site .navbar-identity {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-width: 0;
        height: auto !important;
        min-height: 44px;
        margin: 0;
        padding: 0 !important;
        border: 0 !important;
        background: transparent;
    }
    .header .navbar-brand,
    .header .navbar-site.navbar .navbar-identity .logo-title {
        display: flex;
        align-items: center;
        width: auto;
        height: auto !important;
        margin: 0;
        padding: 0 !important;
    }
    .header .navbar-brand img,
    .header .navbar-site.navbar.stuck .navbar-brand img {
        display: block;
        width: clamp(150px, 27vw, 185px);
        max-width: 100% !important;
        height: auto !important;
        max-height: 44px;
        margin: 0 !important;
        padding: 0 !important;
    }
    .header .menu-button {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        margin: 0 !important;
        padding: 9px;
        border: 1px solid #dce6df;
        border-radius: 9px;
        background: #fff;
    }
    .header .menu-button .icon-bar {
        display: block;
        flex: 0 0 3px;
        width: 20px !important;
        height: 3px !important;
        margin: 0 !important;
        transform-origin: center !important;
    }
    .header .menu-button.collapsed .icon-bar { transform: none !important; opacity: 1; }
    .header .menu-button:not(.collapsed) .top-bar { transform: translateY(7px) rotate(45deg) !important; }
    .header .menu-button:not(.collapsed) .middle-bar { opacity: 0; }
    .header .menu-button:not(.collapsed) .bottom-bar { transform: translateY(-7px) rotate(-45deg) !important; }
    .header .navbar-site .navbar-collapse { display: contents !important; }
    .header .search-div,
    .header .user-menu-btns {
        display: block;
        width: 100%;
        min-width: 0;
        max-width: none;
        margin: 0;
        padding: 0;
        flex: none;
    }
    .header #mymenus,
    .header #mymenus > li,
    .header .search-row { display: block; width: 100%; margin: 0 !important; padding: 0; }
    .header .search-row > .search-col {
        position: relative;
        display: block;
        width: 100%;
        max-width: none;
        height: 44px;
        min-height: 44px;
        padding: 0;
        border: 1px solid #dce6df !important;
        border-radius: 10px;
        background: #f5f9f6;
    }
    .header .search-col .RadComboBox,
    .header .search-col .RadComboBox table { width: 100% !important; height: 100%; margin: 0 !important; }
    .header .navbar-site .search-col .RadComboBox.RadComboBox_Bootstrap td.rcbInputCell {
        height: 42px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }
    .header .search-col .rcbInput,
    .header .search-col input.search_input {
        width: 100% !important;
        min-height: 42px;
        margin: 0 !important;
        padding: 8px 14px 8px 43px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 14px !important;
    }
    .header .search-col .lk_search {
        position: absolute;
        display: block !important;
        z-index: 2;
        top: 50%;
        left: 14px;
        width: 20px;
        height: 20px;
        transform: translateY(-50%);
        color: #64766a;
        font-size: 18px;
        line-height: 20px;
    }
    .header #mymenu {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-items: center;
        gap: 6px;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
        padding: 0;
        float: none;
    }
    .header #mymenu > .nav-item { width: 100%; min-width: 0; margin: 0; padding: 0; float: none; }
    .header #mymenu .nav-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: 100%;
        min-height: 44px;
        min-width: 0;
        padding: 8px 5px;
        border-radius: 9px;
        color: #213e30 !important;
        font-size: 12px;
        font-weight: 650;
        line-height: 1.25;
        white-space: nowrap;
    }
    .header #mymenu .dropdown-toggle::after { display: none; }
    .header #mymenu .login > .nav-link { padding: 8px 7px; }
    .header #mymenu .login > .nav-link > span { max-width: clamp(45px, 13vw, 110px); }
    .header #mymenu .pb-header-projects-item { flex: 0 0 auto; }
    .header #mymenu .pb-header-projects-link {
        min-height: 44px;
        padding: 9px 10px;
        border: 1px solid #ef7435;
        background: #ef7435;
        color: #241408 !important;
    }
    .header #mymenu .pb-header-cart-main { gap: 5px; }
    .header #mymenu .pb-header-cart-link { position: relative; }
    .header #mymenu .pb-header-cart-badge {
        position: absolute;
        top: 3px;
        right: 5px;
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        line-height: 18px;
    }

    .header-black:has(#navbar-printbay:not(.show):not(.collapsing)) { display: none; }
    body:has(.header-black #navbar-printbay.show) .header,
    body:has(.header-black #navbar-printbay.collapsing) .header { border-radius: 12px 12px 0 0; }
    .header-black {
        margin-top: -1px;
        margin-bottom: 20px;
        border: 1px solid #dce6df;
        border-radius: 0 0 12px 12px;
    }
    .header-black > .container { padding: 0 14px; }
    .header-black .navbar-printbay { width: 100%; margin: 0; padding: 0 !important; }
    .header-black .navbar-toggler-menu { display: none !important; }
    .header-black #navbar-printbay { width: 100%; }
    .header-black #navbar-printbay > .navbar-nav:first-child {
        display: block;
        width: 100%;
        margin: 0 !important;
        padding: 12px 0;
    }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li { display: block; width: 100%; }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 47px;
        margin: 0 0 5px;
        padding: 10px 12px;
        border-radius: 9px;
        background: #f5f9f6;
        color: #213e30 !important;
        font-size: 13px;
        font-weight: 600;
        text-align: left;
        white-space: normal;
    }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li > a > pre {
        display: block;
        max-width: calc(100% - 22px);
        margin: 0;
        padding: 0;
        overflow: visible;
        color: inherit;
        font: inherit;
        white-space: normal;
    }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li > a::after {
        content: "";
        display: block;
        flex: 0 0 6px;
        width: 6px;
        height: 6px;
        transform: rotate(45deg);
        border-right: 1px solid #64766a;
        border-bottom: 1px solid #64766a;
    }
    .header-black #navbar-printbay > .navbar-nav:last-child {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        width: 100%;
        margin: 0 !important;
        padding: 10px 0 14px;
        border-top: 1px solid #dce6df;
    }
    .header-black #navbar-printbay > .navbar-nav:last-child > .nav-item { display: block !important; }
    .header-black #navbar-printbay > .navbar-nav:last-child > .pb-header-legacy-projects-item { display: none !important; }
    .header-black .pb-header-help-item { order: 1; }
    .header-black .pb-header-quote-item { order: 2; }

    .header-black #navbar-printbay > .navbar-nav:first-child:has(.mega-dropdown-menu.show) > .menuitem > li:not(.show),
    .header-black #navbar-printbay:has(.mega-dropdown-menu.show) > .navbar-nav:last-child { display: none !important; }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li.show > a {
        justify-content: flex-start;
        width: auto;
        min-height: 34px;
        margin: 0 0 4px;
        padding: 5px 0;
        background: transparent !important;
        color: #416b4e !important;
    }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li.show > a::after { display: none; }
    .header-black #navbar-printbay > .navbar-nav:first-child > .menuitem > li.show > a::before {
        content: "‹";
        margin-right: 7px;
        font-size: 22px;
        line-height: 1;
    }
    .header-black .mega-dropdown-menu,
    .header-black .mega-dropdown-menu.show {
        position: static !important;
        float: none !important;
        display: block;
        width: 100% !important;
        max-height: none !important;
        margin: 0 0 12px !important;
        padding: 14px !important;
        overflow: visible !important;
        border: 1px solid #dce6df !important;
        border-radius: 10px !important;
        background: #fff !important;
        box-shadow: none !important;
    }
    .header-black .mega-dropdown-menu:not(.show) { display: none !important; }
    .header-black .mega-dropdown-menu .pb-mega-heading { margin-bottom: 15px; }
    .header-black .mega-dropdown-menu .menu-cat-row {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .header-black .mega-dropdown-menu .menu-cat-row > span:first-child {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        gap: 22px 16px;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }
    .header-black .mega-dropdown-menu .menu-cat-row > span:first-child > .cat-group {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }
    .header-black .mega-dropdown-menu .menu-cat-row > div.col-md-3,
    .header-black .mega-dropdown-menu .menu-cat-row > div.col-xl-3 {
        display: block !important;
        width: 100% !important;
        max-width: 340px !important;
        margin: 18px 0 0 !important;
        padding: 0 !important;
    }
    .header-black .mega-dropdown-menu .menu-cat-row > div.col-md-3 .inner-box-content,
    .header-black .mega-dropdown-menu .menu-cat-row > div.col-xl-3 .inner-box-content { display: block !important; }
    .header-black .mega-dropdown-menu .master-categ-menu { font-size: 13px !important; }
    .header-black .mega-dropdown-menu .prodlimenu li a {
        min-height: 38px;
        padding: 8px !important;
        font-size: 12px !important;
    }
}
@media (max-width: 480px) {
    .header #mymenu .nav-link { gap: 3px; padding-right: 3px; padding-left: 3px; font-size: 11px; }
    .header #mymenu .login > .nav-link > span { max-width: 55px; }
    .header #mymenu .pb-header-projects-link { padding-right: 6px; padding-left: 6px; }
    .header-black .mega-dropdown-menu .menu-cat-row > span:first-child { grid-template-columns: minmax(0, 1fr); }
}

/* Utility links use the reference's soft filled hover state. */
.header #mymenu #Li2 > .nav-link:hover,
.header #mymenu #Li2 > .nav-link:focus-visible,
.header #mymenu #my_basket > .nav-link:hover,
.header #mymenu #my_basket > .nav-link:focus-visible {
    border: 1px solid #dce6df !important;
    border-radius: 10px !important;
    background: #f5f9f6 !important;
    box-shadow: none !important;
}
.header #mymenu #Li2,
.header #mymenu #my_basket { position: relative; border-bottom: 0 !important; }
.header #mymenu #Li2 > .lang-menu,
.header #mymenu #my_basket > .dropdown-cart {
    position: absolute !important;
    top: calc(100% + 6px);
    min-width: 170px;
    max-width: calc(100vw - 32px);
    z-index: 1100;
}
.header #mymenu #Li2 > .lang-menu { left: 0; right: auto; }
.header #mymenu #my_basket > .dropdown-cart { right: 0; left: auto; }
@media (min-width: 481px) and (max-width: 991px) {
    .header #mymenu .pb-header-cart-main { position: relative; }
    .header #mymenu .pb-header-cart-badge { top: -9px; right: -22px; }
}
@media (min-width: 600px) and (max-width: 991px) {
    .header #mymenu .login > .nav-link > span { max-width: 110px; }
}
@media (max-width: 480px) {
    .header #mymenu { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
    .header #mymenu > .nav-item { width: 100%; }
    .header #mymenu > .nav-item > .nav-link {
        width: 100%;
        min-height: 62px;
        padding: 8px 3px;
        font-size: 11px;
        text-align: center;
        white-space: normal;
    }
    .header #mymenu #Li2 > .nav-link,
    .header #mymenu #my_basket > .nav-link,
    .header #mymenu .pb-header-projects-link { flex-direction: column; }
    .header #mymenu .pb-header-cart-main { position: static; flex-direction: column; gap: 3px; }
    .header #mymenu .login > .nav-link { flex-direction: column; }
    .header #mymenu .login > .nav-link > span { max-width: 100%; }
    .header #mymenu .login > .nav-link > .pb-header-chevron { display: none; }
}