/* Depozit Policarbonat - header styles
   Extracted verbatim from snippets/sections/header.html.twig (#dp-header-clean-single-source)
   to keep the HTML payload cacheable. Do not reformat: order and specificity must stay identical. */

:root {
    --dp-z-header: 100;
    --dp-z-mega: 500;
    --dp-z-mobile-base: 600;
    --dp-z-mobile-top: 610;
    --dp-z-mobile-nav: 620;
    --dp-z-header-ui: 660;
    --dp-z-mobile-overlay: 700;
    --dp-z-mobile-results: 820;
    --dp-z-mobile-search: 830;
    --dp-z-popup: 900;
    --dp-z-modal: 1000;
}
#header,
#header > #header_wrapper,
#header > #header_wrapper.header__wrapper {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
    right: 0 !important;
    box-sizing: border-box !important;
}
#header > #header_wrapper { background: #fff !important; }
#header > #header_wrapper::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 100vw !important;
    transform: translateX(-50%) !important;
    background: #fff !important;
    pointer-events: none !important;
    z-index: -1 !important;
}
#header_menu_wrapper {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

.top-bar {
    position: relative !important;
    z-index: 100000 !important;
    margin-top: 0 !important;
    min-height: 72px !important;
    box-sizing: border-box !important;
    background: #1f2937 !important;
}

.top-bar__container {
    min-height: 72px !important;
    height: 72px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.top-bar__right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 22px !important;
    height: 100% !important;
}

.top-bar__b2b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 40px !important;
    height: 40px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    background: transparent !important;
    border: 0 !important;
    color: #fff !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

.top-bar__b2b > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 0 0 10px !important;
    white-space: nowrap !important;
}

.top-bar__b2b > i,
.top-bar__b2b > span i {
    flex: 0 0 auto !important;
}

@media screen and (max-width: 900px) {
    .top-bar {
        margin-top: -35px !important;
    }

    .top-bar__container {
        height: auto !important;
        min-height: 72px !important;
    }

    .top-bar__right {
        gap: 10px !important;
    }

    .top-bar__b2b > span {
        display: none !important;
    }
}

#b2bModal {
    position: fixed !important;
    inset: 0 !important;
    z-index: var(--dp-z-mobile-base) !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px !important;
    box-sizing: border-box !important;
}

#b2bModal.active {
    display: flex !important;
}

#b2bModal .b2b-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, .62) !important;
    backdrop-filter: blur(2px) !important;
}

#b2bModal .b2b-window {
    position: relative !important;
    z-index: 2 !important;
    width: min(1400px, calc(100vw - 40px)) !important;
    height: min(800px, calc(100vh - 40px)) !important;
    max-width: 1400px !important;
    max-height: calc(100vh - 40px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    color: #182235 !important;
    border-radius: 22px !important;
    box-shadow: 0 25px 80px rgba(0,0,0,.30) !important;
    box-sizing: border-box !important;
}

#b2bModal .b2b-close {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    z-index: 20 !important;
    width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #1f2937 !important;
    font-size: 28px !important;
    line-height: 50px !important;
    text-align: center !important;
    cursor: pointer !important;
    box-shadow: 0 6px 20px rgba(15,23,42,.12) !important;
}

#b2bModal .b2b-header {
    position: relative !important;
    min-height: 128px !important;
    height: 128px !important;
    display: grid !important;
    grid-template-columns: 1fr 70px !important;
    align-items: center !important;
    padding: 22px 72px 20px 34px !important;
    border-bottom: 1px solid #e7edf4 !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

#b2bModal .b2b-header-left {
    display: none !important;
}

#b2bModal .b2b-header-center {
    min-width: 0 !important;
    text-align: left !important;
}

#b2bModal .b2b-header-center h2 {
    margin: 0 !important;
    color: #172033 !important;
    font-size: clamp(30px, 3vw, 44px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
}

#b2bModal .b2b-header-center h2 span {
    color: #e52329 !important;
}

#b2bModal .b2b-header-center p {
    margin: 10px 0 0 !important;
    color: #667085 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
}

#b2bModal .b2b-content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(390px, 430px) !important;
    height: calc(100% - 128px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
}

#b2bModal .b2b-map {
    position: relative !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px !important;
    background: #f8fafc !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

#b2bModal .b2b-map,
#b2bModal .b2b-map::before,
#b2bModal .b2b-map::after {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

#b2bModal .b2b-map > svg {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    overflow: visible !important;
    flex: 0 1 auto !important;
}

#b2bModal .b2b-map path[id^="RO-"] {
    fill: #d8dadd !important;
    stroke: #fff !important;
    stroke-width: .7 !important;
    transition: fill .15s ease !important;
}

#b2bModal .b2b-map path[id^="RO-"]:hover,
#b2bModal .b2b-map path[id^="RO-"].selected {
    fill: #009640 !important;
}

#b2bModal .county-title {
    position: absolute !important;
    left: 28px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    max-width: 190px !important;
    padding: 14px 18px !important;
    border: 1px solid #dce5ee !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 8px 25px rgba(15,23,42,.08) !important;
    box-sizing: border-box !important;
}

#b2bModal .county-title span {
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

#b2bModal .county-title strong {
    color: #009640 !important;
    font-size: 23px !important;
    line-height: 1.15 !important;
}

#b2bModal .b2b-card {
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    padding: 28px 34px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
    color: #172033 !important;
    box-sizing: border-box !important;
}

#b2bModal .b2b-avatar {
    display: block !important;
    width: 108px !important;
    height: 108px !important;
    margin: 0 auto 16px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

#b2bModal .b2b-card h3 {
    margin: 0 0 7px !important;
    color: #172033 !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

#b2bModal .b2b-card > p {
    margin: 0 0 18px !important;
    color: #667085 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

#b2bModal .b2b-info {
    width: 100% !important;
    margin: 0 auto 18px !important;
    padding: 12px 16px !important;
    border-radius: 16px !important;
    background: #f6f8fb !important;
    color: #172033 !important;
    box-sizing: border-box !important;
}

#b2bModal .b2b-info > div {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    color: #172033 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
}

#b2bModal .b2b-info > div + div {
    border-top: 1px solid #e5eaf0 !important;
}

#b2bModal .b2b-buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
}

#b2bModal .b2b-buttons a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
}

#b2bModal .b2b-buttons .btn-primary {
    background: linear-gradient(90deg,#126487,#3488df) !important;
    color: #fff !important;
}

#b2bModal .b2b-buttons .btn-whatsapp {
    background: #25D366 !important;
    color: #fff !important;
    border: 1px solid #25D366 !important;
}

#b2bModal .b2b-buttons .btn-whatsapp:hover {
    background: #1ebe5d !important;
}

#b2bModal .b2b-buttons i {
    margin-right: 8px !important;
    font-size: 18px !important;
} 

#b2bModal .b2b-buttons .btn-secondary {
    background: #fff !important;
    color: #172033 !important;
    border: 1px solid #ccd5df !important;
}

#b2bModal .b2b-pin {
    overflow: visible !important;
}

#b2bModal .b2b-pin-abbr {
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    fill: #fff !important;
    text-anchor: middle !important;
}

#b2bModal .b2b-pin-label {
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    fill: #111827 !important;
    text-anchor: middle !important;
}

@media (min-width: 901px) {
    #b2bModal .b2b-window {
        width: min(1500px, calc(100vw - 36px)) !important;
        max-width: 1500px !important;
    }

    #b2bModal .b2b-map {
        padding: 0 !important;
    }

    #b2bModal .b2b-map > svg {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        flex: 1 1 auto !important;
    }

    #b2bModal .b2b-card {
        width: 100% !important;
        max-width: none !important;
        justify-self: stretch !important;
        align-self: stretch !important;
        padding: 30px 34px !important;
    }

    #b2bModal .b2b-info span {
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
    }

    #b2bModal .b2b-buttons {
        flex-shrink: 0 !important;
    }
}

@media (min-width: 901px) {
    #b2bModal .b2b-window {
        width: min(1500px, calc(100vw - 36px)) !important;
        max-width: 1500px !important;
        overflow: hidden !important;
    }

    #b2bModal .b2b-content {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: calc(100% - 128px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #b2bModal .b2b-map {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: calc(100% - 430px) !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        background: #f8fafc !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    #b2bModal .b2b-map > svg {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        flex: 1 1 auto !important;
        overflow: visible !important;
    }

    #b2bModal .b2b-card {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        width: 430px !important;
        max-width: 430px !important;
        min-width: 430px !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 30px 34px !important;
        border: 0 !important;
        border-left: 1px solid #edf1f5 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #ffffff !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
        z-index: 10 !important;
    }

    #b2bModal .b2b-avatar {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #b2bModal .b2b-card h3,
    #b2bModal .b2b-card > p {
        text-align: center !important;
    }

    #b2bModal .b2b-info {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #b2bModal .b2b-info span {
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }
}

@media (min-width: 901px) {
    #b2bModal .b2b-content {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: calc(100% - 128px) !important;
        overflow: hidden !important;
    }

    #b2bModal .b2b-map {
        position: absolute !important;
        inset: 0 430px 0 0 !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    #b2bModal .b2b-map > svg {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        display: block !important;
    }

    #b2bModal > .b2b-window > .b2b-content > .b2b-card {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        width: 430px !important;
        min-width: 430px !important;
        max-width: 430px !important;
        height: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        border-left: 1px solid #edf1f5 !important;
        border-radius: 0 !important;
        background: #fff !important;
        z-index: 20 !important;
        overflow-y: auto !important;
    }
}

@media (max-width: 900px) {
    #b2bModal {
        padding: 8px !important;
    }

    #b2bModal .b2b-window {
        width: calc(100vw - 16px) !important;
        height: calc(100vh - 16px) !important;
        border-radius: 16px !important;
    }

    #b2bModal .b2b-header {
        min-height: 112px !important;
        height: 112px !important;
        grid-template-columns: 1fr !important;
        padding: 24px 62px 20px 24px !important;
    }

    #b2bModal .b2b-header-left {
        display: none !important;
    }

    #b2bModal .b2b-content {
        grid-template-columns: 1fr !important;
        grid-template-rows: minmax(300px, 1fr) auto !important;
        height: calc(100% - 112px) !important;
        overflow: auto !important;
    }

    #b2bModal .b2b-map {
        min-height: 360px !important;
        border-right: 0 !important;
        border-bottom: 1px solid #e6edf5 !important;
        padding: 18px !important;
    }

    #b2bModal .b2b-map > svg {
        width: 90% !important;
        max-height: 100% !important;
    }

    #b2bModal .county-title {
        left: 12px !important;
        top: 12px !important;
        transform: none !important;
    }

    #b2bModal .b2b-card {
        padding: 28px 22px !important;
    }
}

@media (max-width: 520px) {
    #b2bModal .b2b-header-center h2 {
        font-size: 28px !important;
    }

    #b2bModal .b2b-header-center p {
        font-size: 15px !important;
        margin-top: 10px !important;
    }

    #b2bModal .b2b-map {
        min-height: 300px !important;
    }

    #b2bModal .county-title {
        max-width: 145px !important;
        padding: 10px 12px !important;
    }

    #b2bModal .county-title strong {
        font-size: 18px !important;
    }

    #b2bModal .b2b-avatar {
        width: 110px !important;
        height: 110px !important;
    }

    #b2bModal .b2b-card h3 {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 767px) {
    html.ux-mobile,
    html.ux-mobile body {
        overflow-x: hidden !important;
    }

    body.dpmp-active {
        padding-top: 124px !important;
        padding-bottom: 86px !important;
        background: #f6f8fb !important;
    }

    #header .top-bar,
    #header_wrapper > [data-menu-toggle],
    #header_wrapper > .mobile-menu,
    #header_wrapper [data-header-actions],
    #header_wrapper .search-inline {
        display: none !important;
    }

    #header_wrapper {
        height: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    #dpmp-mobile {
        display: block !important;
        position: relative;
        z-index: var(--dp-z-mobile-base);
    }

    #dpmp-mobile .dpmp-top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 184px;
        box-sizing: border-box;
        padding: 8px 14px 10px;
        background: rgba(255,255,255,.98);
        border-bottom: 1px solid #e7ecf2;
        box-shadow: 0 3px 18px rgba(20,35,55,.07);
        display: flex;
        flex-direction: column;
        align-items: stretch;
        z-index: var(--dp-z-mobile-top);
    }

    #dpmp-mobile .dpmp-brand {
        height: 42px;
        width: 100%;
        display: flex;
        align-items: center;
        flex: 0 0 42px;
    }

    #dpmp-mobile .dpmp-search {
        position: absolute;
        top: 128px;
        left: 14px;
        right: 14px;
        height: 48px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        padding: 0 10px 0 14px;
        background: #fff;
        border: 1px solid #dfe6ee;
        border-radius: 15px;
        box-shadow: 0 5px 18px rgba(15,35,60,.08);
        color: #596a7d;
        font-size: 13px;
    }

    #dpmp-mobile .dpmp-search b {
        flex: 1;
        font-weight: 500;
    }

    #dpmp-mobile .dpmp-search .search-icon {
        width: 30px;
        height: 30px;
        border-radius: 9px;
        background: #f2f6fa;
        color: #17263a;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
    }

    #dpmp-mobile .dpmp-bottom {
        position: fixed;
        left: 0;
        right: 0;
        top: 52px;
        bottom: auto;
        width: 100vw;
        height: 68px;
        box-sizing: border-box;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        overflow: hidden;
        background: rgba(255,255,255,.99);
        border: 0;
        border-top: 1px solid #e0e6ed;
        border-bottom: 1px solid #e0e6ed;
        border-radius: 0;
        box-shadow: 0 5px 18px rgba(13,34,57,.14);
        z-index: var(--dp-z-mobile-nav);
    }

    #dpmp-mobile .dpmp-nav {
        position: relative;
        width: 100%;
        min-width: 0;
        border: 0;
        background: transparent;
        color: #657387;
        padding: 0;
        font: 600 9px/1.05 Arial,sans-serif;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    #dpmp-mobile .dpmp-nav .ico {
        font-size: 21px;
        line-height: 1;
        font-weight: 400;
    }

    #dpmp-mobile .dpmp-nav.active {
        color: #1477d4;
    }

    #dpmp-mobile .dpmp-nav.active:before {
        content: "";
        position: absolute;
        top: 0;
        left: 27%;
        right: 27%;
        height: 3px;
        background: #1477d4;
        border-radius: 0 0 5px 5px;
    }

    #dpmp-mobile .dpmp-badge {
        display: none;
        position: absolute;
        top: 7px;
        right: calc(50% - 19px);
        min-width: 17px;
        height: 17px;
        padding: 0 4px;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: #18a957;
        color: #fff;
        font-size: 9px;
        font-weight: 800;
    }

    #dpmp-mobile .dpmp-sheet {
        position: fixed !important;
        inset: 0 !important;
        display: none !important;
        align-items: flex-start !important;
        justify-content: center !important;
        padding: 74px 10px 20px !important;
        box-sizing: border-box !important;
        background: rgba(8,21,36,.42) !important;
        z-index: var(--dp-z-mobile-overlay) !important;
    }

    #dpmp-mobile .dpmp-sheet.open {
        display: flex !important;
    }

    #dpmp-mobile .dpmp-panel {
        width: min(100%, 430px) !important;
        max-height: min(72vh, 620px) !important;
        overflow: hidden !important;
        background: #fff !important;
        border-radius: 0 0 18px 18px !important;
        box-shadow: 0 12px 34px rgba(0,0,0,.22) !important;
        transform-origin: top center !important;
        animation: dpmpPopupDrop .20s ease-out both !important;
    }

    @keyframes dpmpPopupDrop {
        from {
            opacity: 0;
            transform: translateY(-18px) scaleY(.96);
        }
        to {
            opacity: 1;
            transform: translateY(0) scaleY(1);
        }
    }

    #dpmp-mobile .dpmp-handle {
        width: 38px !important;
        height: 4px !important;
        margin: 8px auto 0 !important;
        border-radius: 10px !important;
        background: #d5dce5 !important;
    }

    #dpmp-mobile .dpmp-head {
        height: 58px !important;
        padding: 0 14px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        border-bottom: 1px solid #edf1f5 !important;
    }

    #dpmp-mobile .dpmp-head h3 {
        margin: 0 !important;
        color: #142238 !important;
        font-size: 18px !important;
        line-height: 1.2 !important;
    }

    #dpmp-mobile .dpmp-close {
        width: 36px !important;
        height: 36px !important;
        border: 1px solid #e3e8ef !important;
        border-radius: 10px !important;
        background: #f7f9fb !important;
        color: #25364a !important;
        font-size: 20px !important;
        padding: 0 !important;
    }

    #dpmp-mobile .dpmp-content {
        max-height: calc(min(72vh, 620px) - 58px) !important;
        overflow: auto !important;
        padding: 11px 11px 16px !important;
        box-sizing: border-box !important;
    }

    #dpmp-mobile .dpmp-section-label {
        margin: 2px 2px 10px;
        color: #7b8898;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .7px;
        text-transform: uppercase;
    }

    #dpmp-mobile .dpmp-category-grid {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 8px !important;
    }

    #dpmp-mobile .dpmp-cat {
        display: block;
        overflow: hidden;
        color: #16263a;
        text-decoration: none;
        background: #fff;
        border: 1px solid #e2e8ef;
        border-radius: 17px;
        box-shadow: 0 7px 18px rgba(19,40,65,.07);
    }

    #dpmp-mobile .dpmp-cat-media {
        height: 82px !important;
        overflow: hidden !important;
        background: #edf2f6 !important;
    }

    #dpmp-mobile .dpmp-cat img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    #dpmp-mobile .dpmp-cat .ct {
        min-height: 40px !important;
        padding: 8px !important;
        box-sizing: border-box !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
    }

    #dpmp-mobile .dpmp-cat .arr {
        float: right;
        color: #1477d4;
        font-size: 19px;
    }

    #dpmp-mobile .dpmp-quick {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 10px;
        margin-top: 16px;
    }

    #dpmp-mobile .dpmp-quick a,
    #dpmp-mobile .dpmp-action {
        color: #17263a;
        text-decoration: none;
        font-weight: 800;
        border: 1px solid #e3e9ef;
        border-radius: 15px;
        background: #f7f9fb;
    }

    #dpmp-mobile .dpmp-quick a {
        min-height: 62px;
        padding: 10px;
        display: flex;
        align-items: center;
        gap: 8px;
        box-sizing: border-box;
        font-size: 12px;
    }

    #dpmp-mobile .dpmp-action-list {
        display: grid;
        gap: 10px;
    }

    #dpmp-mobile .dpmp-action {
        padding: 15px;
        display: flex;
        align-items: center;
        gap: 13px;
    }

    #dpmp-mobile .dpmp-action .ai {
        width: 42px;
        height: 42px;
        border-radius: 12px;
        background: #eaf3fc;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    #dpmp-mobile .dpmp-popup-loading,
    #dpmp-mobile .dpmp-popup-empty {
        min-height: 170px !important;
        padding: 32px 18px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        color: #68778a !important;
        font: 500 14px/1.5 Arial,sans-serif !important;
    }

    #dpmp-mobile .dpmp-home-popup {
        padding: 10px 4px 8px !important;
        color: #26374a !important;
        text-align: center !important;
    }

    #dpmp-mobile .dpmp-popup-icon {
        width: 56px !important;
        height: 56px !important;
        margin: 0 auto 14px !important;
        border-radius: 16px !important;
        background: #edf5fc !important;
        color: #1477d4 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 27px !important;
    }

    #dpmp-mobile .dpmp-home-popup h4 {
        margin: 0 0 8px !important;
        color: #17263a !important;
        font: 800 18px/1.25 Arial,sans-serif !important;
    }

    #dpmp-mobile .dpmp-home-popup p {
        margin: 0 auto 18px !important;
        max-width: 430px !important;
        color: #718096 !important;
        font: 400 14px/1.55 Arial,sans-serif !important;
    }

    #dpmp-mobile .dpmp-home-info {
        display: grid !important;
        gap: 9px !important;
        text-align: left !important;
    }

    #dpmp-mobile .dpmp-home-info > div {
        padding: 12px 14px !important;
        border: 1px solid #e3e9ef !important;
        border-radius: 13px !important;
        background: #f8fafc !important;
    }

    #dpmp-mobile .dpmp-home-info b,
    #dpmp-mobile .dpmp-home-info span {
        display: block !important;
    }

    #dpmp-mobile .dpmp-home-info b {
        margin-bottom: 3px !important;
        color: #17263a !important;
        font: 800 13px/1.2 Arial,sans-serif !important;
    }

    #dpmp-mobile .dpmp-home-info span {
        color: #718096 !important;
        font: 400 12px/1.3 Arial,sans-serif !important;
    }

    #dpmp-mobile .dpmp-content > * {
        max-width: 100% !important;
    }

    #dpmp-mobile .dpmp-content h1 {
        font-size: 22px !important;
        line-height: 1.2 !important;
        margin-top: 4px !important;
    }

    #dpmp-mobile .dpmp-content h2 {
        font-size: 19px !important;
        line-height: 1.25 !important;
    }

    #dpmp-mobile .dpmp-content h3 {
        font-size: 17px !important;
        line-height: 1.25 !important;
    }

    #dpmp-mobile .dpmp-content input,
    #dpmp-mobile .dpmp-content select,
    #dpmp-mobile .dpmp-content textarea {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #dpmp-mobile .dpmp-content form {
        max-width: 100% !important;
    }

    #dpmp-mobile .dpmp-content img {
        max-width: 100% !important;
        height: auto !important;
    }

    #dpmp-mobile .dpmp-note {
        margin: 0 0 14px;
        color: #6d7b8d;
        font-size: 13px;
        line-height: 1.5;
    }
}

@media screen and (max-width: 359px) {
    #dpmp-mobile .dpmp-cat-media { height: 100px; }
    #dpmp-mobile .dpmp-nav { font-size: 8px; }
}

@media screen and (max-width: 767px) {
    #dpmp-mobile .dpmp-search {
        padding: 0 8px 0 14px !important;
        gap: 6px !important;
        overflow: visible !important;
        z-index: var(--dp-z-mobile-search) !important;
    }
    #dpmp-mobile .dpmp-search-input {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: 100% !important;
        height: 44px !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        color: #172438 !important;
        font: 500 15px/44px Arial, sans-serif !important;
        padding: 0 !important;
        margin: 0 !important;
        -webkit-appearance: none !important;
    }
    #dpmp-mobile .dpmp-search-input::placeholder { color: #7a8798 !important; opacity: 1 !important; }
    #dpmp-mobile .dpmp-search-input::-webkit-search-cancel-button { display: none !important; }
    #dpmp-mobile .dpmp-search-clear,
    #dpmp-mobile .dpmp-search-submit {
        flex: 0 0 36px !important;
        width: 36px !important;
        height: 36px !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        font-family: Arial, sans-serif !important;
    }
    #dpmp-mobile .dpmp-search-clear {
        background: #f2f5f8 !important;
        color: #657387 !important;
        font-size: 21px !important;
    }
    #dpmp-mobile .dpmp-search-submit {
        background: #17263a !important;
        color: #fff !important;
        font-size: 20px !important;
    }
    #dpmp-mobile .dpmp-search-results {
        position: fixed !important;
        top: calc(var(--dp-m-topbar-h) + var(--dp-m-utility-h)) !important;
        left: 10px !important;
        right: 10px !important;
        max-height: calc(100dvh - var(--dp-m-header-total) - 8px) !important;
        overflow: auto !important;
        background: #fff !important;
        border: 1px solid #e1e7ee !important;
        border-radius: 0 0 18px 18px !important;
        box-shadow: 0 16px 36px rgba(13,34,57,.18) !important;
        z-index: var(--dp-z-mobile-results) !important;
        -webkit-overflow-scrolling: touch !important;
    }
    #dpmp-mobile .dpmp-search-section-title {
        padding: 13px 14px 8px !important;
        color: #7b8898 !important;
        font: 800 11px/1 Arial, sans-serif !important;
        letter-spacing: .7px !important;
        text-transform: uppercase !important;
        border-top: 1px solid #edf1f5 !important;
    }
    #dpmp-mobile .dpmp-search-section-title:first-child { border-top: 0 !important; }
    #dpmp-mobile .dpmp-search-product {
        display: flex !important;
        align-items: center !important;
        gap: 11px !important;
        min-height: 70px !important;
        padding: 9px 13px !important;
        box-sizing: border-box !important;
        color: #172438 !important;
        text-decoration: none !important;
        border-bottom: 1px solid #edf1f5 !important;
        background: #fff !important;
    }
    #dpmp-mobile .dpmp-search-product:active { background: #f5f8fb !important; }
    #dpmp-mobile .dpmp-search-product-image {
        flex: 0 0 52px !important;
        width: 52px !important;
        height: 52px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        background: #f5f7f9 !important;
        border: 1px solid #e1e6eb !important;
    }
    #dpmp-mobile .dpmp-search-product-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        display: block !important;
    }
    #dpmp-mobile .dpmp-search-product-copy { min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 4px !important; }
    #dpmp-mobile .dpmp-search-product-title { font: 600 13px/1.25 Arial, sans-serif !important; color: #172438 !important; }
    #dpmp-mobile .dpmp-search-product-subtitle { font: 400 11px/1.2 Arial, sans-serif !important; color: #8a96a6 !important; }
    #dpmp-mobile .dpmp-search-category {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        min-height: 50px !important;
        padding: 8px 13px !important;
        color: #172438 !important;
        text-decoration: none !important;
        border-bottom: 1px solid #edf1f5 !important;
        font: 600 13px/1.25 Arial, sans-serif !important;
    }
    #dpmp-mobile .dpmp-search-category-icon {
        width: 36px !important;
        height: 36px !important;
        border-radius: 8px !important;
        background: #f0f4f7 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    #dpmp-mobile .dpmp-search-category-icon img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        display: block !important;
    }
    #dpmp-mobile .dpmp-search-category b { margin-left: auto !important; color: #1477d4 !important; font-size: 20px !important; }
    #dpmp-mobile .dpmp-search-all {
        display: block !important;
        padding: 14px !important;
        color: #1477d4 !important;
        text-decoration: none !important;
        text-align: center !important;
        font: 700 12px/1.2 Arial, sans-serif !important;
        background: #f7f9fb !important;
    }
    #dpmp-mobile .dpmp-search-loading,
    #dpmp-mobile .dpmp-search-empty,
    #dpmp-mobile .dpmp-search-hint {
        padding: 25px 15px !important;
        color: #718096 !important;
        text-align: center !important;
        font: 500 13px/1.4 Arial, sans-serif !important;
    }
    #dpmp-mobile .dpmp-spinner {
        width: 16px !important;
        height: 16px !important;
        display: inline-block !important;
        vertical-align: -3px !important;
        margin-right: 7px !important;
        border: 2px solid #dce4ec !important;
        border-top-color: #1477d4 !important;
        border-radius: 50% !important;
        animation: dpmpSpin .7s linear infinite !important;
    }
    @keyframes dpmpSpin { to { transform: rotate(360deg); } }
}

@media screen and (max-width: 767px) {
    .drawer-user-login,
    [class*="drawer-user-login"] {
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
        position:absolute !important;
        width:0 !important;
        height:0 !important;
        min-width:0 !important;
        min-height:0 !important;
        max-width:0 !important;
        max-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        box-shadow:none !important;
        overflow:hidden !important;
    }
}

@media screen and (min-width: 768px) {

    #dp-header-account-popup {
        position: fixed !important;
        display: none;
        z-index: var(--dp-z-popup) !important;
        width: 280px !important;
        max-width: calc(100vw - 24px) !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        background-color: #ffffff !important;
        color: #17263a !important;
        border: 1px solid #e1e7ed !important;
        border-radius: 14px !important;
        box-shadow: 0 18px 45px rgba(15,23,42,.16), 0 4px 12px rgba(15,23,42,.08) !important;
        overflow: hidden !important;
        opacity: 1 !important;
        visibility: visible !important;
        box-sizing: border-box !important;
        font-family: inherit !important;
    }

    #dp-header-account-popup.dp-account-open {
        display: block !important;
    }

    #dp-header-account-popup .dp-account-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 16px 17px !important;
        background: #ffffff !important;
        border-bottom: 1px solid #edf1f5 !important;
    }

    #dp-header-account-popup .dp-account-title {
        margin: 0 !important;
        padding: 0 !important;
        color: #17263a !important;
        font-size: 16px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
    }

    #dp-header-account-popup .dp-account-close {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: #f4f6f8 !important;
        color: #657387 !important;
        font-size: 20px !important;
        line-height: 30px !important;
        text-align: center !important;
        cursor: pointer !important;
    }

    #dp-header-account-popup .dp-account-content {
        padding: 8px !important;
        background: #ffffff !important;
    }

    #dp-header-account-popup .dp-account-content ul,
    #dp-header-account-popup .dp-account-content ol {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #dp-header-account-popup .dp-account-content li {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    #dp-header-account-popup .dp-account-content a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 10px 11px !important;
        border: 0 !important;
        border-radius: 9px !important;
        background: #ffffff !important;
        color: #25364a !important;
        text-decoration: none !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;
        box-sizing: border-box !important;
        transition: background .15s ease, color .15s ease !important;
    }

    #dp-header-account-popup .dp-account-content a:hover {
        background: #f4f7fa !important;
        color: #1477d4 !important;
    }

    #dp-header-account-popup .dp-account-content a[href="#"] {
        cursor: pointer !important;
    }

    #dp-header-account-popup .dp-account-content .drawer__title,
    #dp-header-account-popup .dp-account-content .drawer__close,
    #dp-header-account-popup .dp-account-content [data-drawer-close] {
        display: none !important;
    }

    #dp-header-account-popup .dp-account-content form {
        margin: 0 !important;
        padding: 0 !important;
    }

    #dp-header-account-popup .dp-account-content p {
        margin: 0 !important;
        padding: 8px 11px !important;
        color: #718096 !important;
        font-size: 12px !important;
    }

    #dp-header-account-popup .dp-account-login {
        padding: 16px 12px 14px !important;
        text-align: center !important;
        background: #ffffff !important;
    }

    #dp-header-account-popup .dp-account-login-icon {
        width: 42px !important;
        height: 42px !important;
        margin: 2px auto 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        background: #f1f5f9 !important;
        font-size: 19px !important;
    }

    #dp-header-account-popup .dp-account-login-title {
        margin: 0 0 5px !important;
        color: #17263a !important;
        font-size: 15px !important;
        line-height: 1.3 !important;
        font-weight: 800 !important;
    }

    #dp-header-account-popup .dp-account-login-text {
        margin: 0 auto 14px !important;
        max-width: 235px !important;
        color: #718096 !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    #dp-header-account-popup .dp-account-login-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 40px !important;
        padding: 9px 14px !important;
        border-radius: 9px !important;
        background: #2b5aa3 !important;
        color: #ffffff !important;
        text-decoration: none !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        box-sizing: border-box !important;
    }

    #dp-header-account-popup .dp-account-login-button:hover {
        background: #244f92 !important;
        color: #ffffff !important;
    }

    #dp-header-account-popup::before {
        content: "" !important;
        position: absolute !important;
        top: -7px !important;
        left: var(--dp-account-arrow-left, 50%) !important;
        width: 13px !important;
        height: 13px !important;
        background: #ffffff !important;
        border-left: 1px solid #e1e7ed !important;
        border-top: 1px solid #e1e7ed !important;
        transform: translateX(-50%) rotate(45deg) !important;
        box-sizing: border-box !important;
    }

    .cart-dropdown,
    [class*="cart-dropdown"],
    .cart-preview {
        z-index: var(--dp-z-modal) !important;
        background: #ffffff !important;
        background-color: #ffffff !important;
        color: #17263a !important;
        border: 1px solid #e1e7ed !important;
        border-radius: 16px !important;
        box-shadow: 0 18px 45px rgba(15,23,42,.16), 0 4px 12px rgba(15,23,42,.08) !important;
        box-sizing: border-box !important;
    }

    .cart-dropdown > *,
    [class*="cart-dropdown"] > *,
    .cart-preview > * {
        background-color: #ffffff !important;
        box-sizing: border-box !important;
    }

}

@media (min-width: 768px) {
    #dp-desktop-cart-popup {
        position: fixed !important;
        top: 0;
        left: 0;
        width: min(410px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: min(720px, calc(100vh - 24px)) !important;
        display: none !important;
        flex-direction: column !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        color: #17263a !important;
        border: 1px solid #e1e7ed !important;
        border-radius: 16px !important;
        box-shadow: 0 18px 45px rgba(15,23,42,.16), 0 4px 12px rgba(15,23,42,.08) !important;
        box-sizing: border-box !important;
        z-index: var(--dp-z-modal) !important;
    }

    #dp-desktop-cart-popup.dp-desktop-cart-open {
        display: flex !important;
    }

    #dp-desktop-cart-popup .dp-desktop-cart-head {
        flex: 0 0 58px !important;
        height: 58px !important;
        min-height: 58px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 0 16px 0 18px !important;
        background: #fff !important;
        border-bottom: 1px solid #edf1f5 !important;
        box-sizing: border-box !important;
    }

    #dp-desktop-cart-popup .dp-desktop-cart-title {
        margin: 0 !important;
        padding: 0 !important;
        color: #17263a !important;
        font-size: 18px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
    }

    #dp-desktop-cart-popup .dp-desktop-cart-close {
        flex: 0 0 34px !important;
        width: 34px !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: #f3f6f9 !important;
        color: #26374a !important;
        font-size: 22px !important;
        line-height: 34px !important;
        text-align: center !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }

    #dp-desktop-cart-popup .dp-desktop-cart-close:hover {
        background: #e9eef4 !important;
    }

    #dp-desktop-cart-popup .dp-desktop-cart-content {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    #dp-desktop-cart-popup .dp-desktop-cart-loading,
    #dp-desktop-cart-popup .dp-desktop-cart-empty,
    #dp-desktop-cart-popup .dp-desktop-cart-error {
        min-height: 170px !important;
        padding: 32px 22px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        text-align: center !important;
        color: #667085 !important;
        box-sizing: border-box !important;
    }

    #dp-desktop-cart-popup .dp-desktop-cart-loading strong,
    #dp-desktop-cart-popup .dp-desktop-cart-empty strong,
    #dp-desktop-cart-popup .dp-desktop-cart-error strong {
        color: #17263a !important;
        font-weight: 700 !important;
    }

    #dp-desktop-cart-popup .dp-desktop-cart-spinner {
        width: 24px !important;
        height: 24px !important;
        margin-bottom: 4px !important;
        border: 3px solid #dce4ec !important;
        border-top-color: #1477d4 !important;
        border-radius: 50% !important;
        animation: dpDesktopCartSpin .7s linear infinite !important;
        box-sizing: border-box !important;
    }

    #dp-desktop-cart-popup .dp-desktop-cart-content > * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    @keyframes dpDesktopCartSpin {
        to { transform: rotate(360deg); }
    }
}

/* ===== DP a11y: touch targets minime (WCAG 2.5.8) pentru butoanele-icon din carduri ===== */
@media (max-width: 991.98px) {
    .grid-image__save-wishlist,
    .slider-image__save-wishlist {
        min-width: 32px !important;
        min-height: 32px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* ===== DP empty cart state (dropdown + drawer + desktop popup) ===== */
.dp-cart-empty {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 360px !important;
    min-height: 220px !important;
    margin: 0 auto !important;
    padding: 30px 22px !important;
    box-sizing: border-box !important;
    color: #667085 !important;
    background: #ffffff !important;
}
.dp-cart-empty__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    margin: 0 0 6px !important;
    border-radius: 50% !important;
    background: #eef3f8 !important;
    color: #1477d4 !important;
}
.dp-cart-empty__title {
    margin: 0 !important;
    padding: 0 !important;
    color: #17263a !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}
.dp-cart-empty__hint {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 280px !important;
    color: #667085 !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
}
.dp-cart-empty__actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 300px !important;
    margin-top: 14px !important;
}
.dp-cart-empty__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 11px 16px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-align: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}
.dp-cart-empty__btn--primary {
    background: #166534 !important;
    color: #ffffff !important;
    border: 1px solid #166534 !important;
}
.dp-cart-empty__btn--primary:hover {
    background: #12522a !important;
}
.dp-cart-empty__btn--wa {
    background: #ffffff !important;
    color: #128c54 !important;
    border: 1px solid #d6eede !important;
}
.dp-cart-empty__btn--wa:hover {
    background: #eafaf0 !important;
}

@media (max-width: 767px) {
    #dp-desktop-cart-popup {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {

    body:has(#b2bModal.active) #dpmp-mobile {
        display: none !important;
    }

    body:has(#b2bModal.active) #header_wrapper {
        z-index: 1 !important;
    }

    #b2bModal {
        position: fixed !important;

        inset: 0 !important;

        width: 100vw !important;
        height: 100dvh !important;

        padding: 0 !important;
        margin: 0 !important;

        display: none !important;

        align-items: stretch !important;
        justify-content: stretch !important;

        z-index: var(--dp-z-modal) !important;

        box-sizing: border-box !important;
    }

    #b2bModal.active {
        display: flex !important;
    }

    #b2bModal .b2b-overlay {
        position: absolute !important;

        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        z-index: 0 !important;
    }

    #b2bModal .b2b-window {
        position: relative !important;

        z-index: 2 !important;

        width: 100vw !important;
        max-width: 100vw !important;

        height: 100dvh !important;
        max-height: 100dvh !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }

    #b2bModal .b2b-close {
        position: absolute !important;

        top: 9px !important;
        right: 10px !important;

        z-index: 100 !important;

        width: 42px !important;
        height: 42px !important;

        padding: 0 !important;
        margin: 0 !important;

        border-radius: 50% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #b2bModal .b2b-header {
        position: relative !important;

        flex: 0 0 78px !important;

        width: 100% !important;

        height: 78px !important;
        min-height: 78px !important;

        padding: 10px 58px 8px 18px !important;

        display: flex !important;
        align-items: center !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }

    #b2bModal .b2b-header-left {
        display: none !important;
    }

    #b2bModal .b2b-header-center {
        width: 100% !important;

        min-width: 0 !important;

        text-align: left !important;
    }

    #b2bModal .b2b-header-center h2 {
        margin: 0 !important;

        font-size: 22px !important;
        line-height: 1 !important;

        font-weight: 800 !important;
    }

    #b2bModal .b2b-header-center h2 span {
        display: inline !important;
    }

    #b2bModal .b2b-header-center p {
        margin: 5px 0 0 !important;

        font-size: 12px !important;
        line-height: 1.15 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #b2bModal .b2b-content {
        position: relative !important;

        flex: 1 1 auto !important;

        width: 100% !important;

        height: auto !important;

        min-height: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        -webkit-overflow-scrolling: touch !important;

        box-sizing: border-box !important;
    }

    #b2bModal .b2b-map {
        position: relative !important;

        flex: 0 0 235px !important;

        width: 100% !important;

        height: 235px !important;
        min-height: 235px !important;

        padding: 8px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;

        overflow: hidden !important;

        border: 0 !important;
        border-bottom: 1px solid #e6edf5 !important;
    }

    #b2bModal .b2b-map > svg {
        display: block !important;

        width: 78% !important;

        max-width: 320px !important;

        height: auto !important;

        max-height: 210px !important;

        margin: auto !important;
    }

    #b2bModal .county-title {
        position: absolute !important;

        left: 10px !important;
        top: 8px !important;

        transform: none !important;

        max-width: 135px !important;

        padding: 7px 9px !important;

        box-sizing: border-box !important;

        z-index: 10 !important;
    }

    #b2bModal .county-title span {
        font-size: 10px !important;
    }

    #b2bModal .county-title strong {
        font-size: 15px !important;

        line-height: 1.1 !important;
    }

    #b2bModal .b2b-card {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        flex: 0 0 auto !important;

        width: 100% !important;

        min-height: 0 !important;

        padding: 18px 20px 24px !important;

        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    #b2bModal .b2b-avatar {
        width: 78px !important;
        height: 78px !important;

        min-width: 78px !important;
        min-height: 78px !important;

        margin: 0 auto 8px !important;
    }

    #b2bModal .b2b-card h3 {
        margin: 0 0 3px !important;

        font-size: 21px !important;
        line-height: 1.1 !important;

        text-align: center !important;
    }

    #b2bModal .b2b-card p {
        margin: 0 0 10px !important;

        font-size: 14px !important;

        text-align: center !important;
    }

    #b2bModal .b2b-info {
        width: 100% !important;

        max-width: 340px !important;

        box-sizing: border-box !important;
    }

    #b2bModal .b2b-card button,
    #b2bModal .b2b-card a {
        max-width: 340px !important;

        box-sizing: border-box !important;
    }

}

@media screen and (max-width: 380px) {

    #b2bModal .b2b-header {
        flex-basis: 70px !important;

        height: 70px !important;
        min-height: 70px !important;

        padding-left: 14px !important;
        padding-right: 54px !important;
    }

    #b2bModal .b2b-header-center h2 {
        font-size: 20px !important;
    }

    #b2bModal .b2b-header-center p {
        font-size: 11px !important;
    }

    #b2bModal .b2b-map {
        flex-basis: 215px !important;

        height: 215px !important;
        min-height: 215px !important;
    }

    #b2bModal .b2b-map > svg {
        width: 75% !important;

        max-height: 190px !important;
    }

    #b2bModal .b2b-card {
        padding-top: 14px !important;
    }

    #b2bModal .b2b-avatar {
        width: 70px !important;
        height: 70px !important;

        min-width: 70px !important;
        min-height: 70px !important;
    }

    #b2bModal .b2b-card h3 {
        font-size: 19px !important;
    }

}

:root{
    --dp-navy:#102c49;
    --dp-blue:#245fae;
    --dp-blue-dark:#18487f;
    --dp-text:#18324c;
    --dp-muted:#6b7e91;
    --dp-line:#e2e9f0;
    --dp-soft:#f5f8fb;
}

@media screen and (min-width:1024px){

    #header_menu_wrapper{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:10px 18px 12px !important;
        box-sizing:border-box !important;
        background:#f5f8fb !important;
        border-top:1px solid #e8edf3 !important;
        border-bottom:1px solid #dde5ed !important;
        box-shadow:none !important;
        overflow:visible !important;
    }

    #header_menu{
        position:relative !important;
        width:100% !important;
        max-width:1760px !important;
        min-height:68px !important;
        margin:0 auto !important;
        padding:0 10px !important;
        box-sizing:border-box !important;
        background:rgba(255,255,255,.98) !important;
        border:1px solid var(--dp-line) !important;
        border-radius:16px !important;
        box-shadow:0 10px 28px rgba(16,44,73,.075) !important;
        overflow:visible !important;
    }

    #header_menu > .header__menu-list{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:4px !important;
        width:100% !important;
        min-height:68px !important;
        margin:0 !important;
        padding:6px !important;
        list-style:none !important;
        box-sizing:border-box !important;
        overflow:visible !important;
    }

    #header_menu .header__menu-logo{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        align-self:stretch !important;
        flex:0 0 180px !important;
        height:auto !important;
        margin:0 10px 0 0 !important;
        padding:0 18px 0 8px !important;
        box-sizing:border-box !important;
        background:transparent !important;
        border-right:1px solid #e6ebf1 !important;
    }

    #header_menu .header__menu-logo > a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        height:52px !important;
        margin:0 !important;
        padding:4px 8px !important;
        background:#fff !important;
        border:0 !important;
        border-radius:11px !important;
        box-shadow:none !important;
    }

    #header_menu .header__menu-logo-image{
        display:block !important;
        width:auto !important;
        height:auto !important;
        max-width:145px !important;
        max-height:46px !important;
        margin:0 !important;
        object-fit:contain !important;
    }

    #header_menu > .header__menu-list > .header__menu-item{
        position:relative !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex:0 1 auto !important;
        min-width:0 !important;
        height:54px !important;
        margin:0 !important;
        padding:0 !important;
        background:transparent !important;
        border:0 !important;
    }

    #header_menu > .header__menu-list > .header__menu-item > a{
        position:relative !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:7px !important;
        min-width:0 !important;
        height:46px !important;
        margin:0 !important;
        padding:0 clamp(10px,1.05vw,18px) !important;
        box-sizing:border-box !important;
        color:var(--dp-text) !important;
        background:transparent !important;
        border:1px solid transparent !important;
        border-radius:11px !important;
        font-family:inherit !important;
        font-size:clamp(12px,.82vw,14px) !important;
        line-height:1 !important;
        font-weight:750 !important;
        letter-spacing:.01em !important;
        text-transform:none !important;
        text-decoration:none !important;
        white-space:nowrap !important;
        box-shadow:none !important;
        transition:
            background-color .18s ease,
            border-color .18s ease,
            color .18s ease,
            transform .18s ease,
            box-shadow .18s ease !important;
    }

    #header_menu > .header__menu-list > .header__menu-item:first-of-type{
        margin-right:5px !important;
    }

    #header_menu > .header__menu-list > .header__menu-item:first-of-type > a{
        min-width:132px !important;
        padding:0 18px !important;
        color:#fff !important;
        background:linear-gradient(135deg,var(--dp-blue) 0%,var(--dp-blue-dark) 100%) !important;
        border-color:rgba(22,71,126,.35) !important;
        box-shadow:0 6px 15px rgba(36,95,174,.18) !important;
    }

    #header_menu > .header__menu-list > .header__menu-item:first-of-type > a::before{
        content:"" !important;
        display:inline-block !important;
        width:16px !important;
        height:12px !important;
        flex:0 0 16px !important;
        background:
            linear-gradient(#fff,#fff) 0 0/16px 2px no-repeat,
            linear-gradient(#fff,#fff) 0 5px/12px 2px no-repeat,
            linear-gradient(#fff,#fff) 0 10px/16px 2px no-repeat !important;
        border-radius:2px !important;
        opacity:.96 !important;
    }

    #header_menu > .header__menu-list > .header__menu-item:first-of-type > a:hover{
        color:#fff !important;
        background:linear-gradient(135deg,#1d5193 0%,#123b69 100%) !important;
        border-color:#17477f !important;
        transform:translateY(-1px) !important;
        box-shadow:0 8px 18px rgba(36,95,174,.23) !important;
    }

    #header_menu > .header__menu-list > .header__menu-item:not(:first-of-type) > a:hover{
        color:#174d88 !important;
        background:#edf4fc !important;
        border-color:#dbe7f4 !important;
        transform:translateY(-1px) !important;
    }

    #header_menu > .header__menu-list > .header__menu-item:not(:first-of-type) > a::before{
        content:"" !important;
        position:absolute !important;
        left:50% !important;
        bottom:5px !important;
        width:0 !important;
        height:2px !important;
        border-radius:999px !important;
        background:var(--dp-blue) !important;
        transform:translateX(-50%) !important;
        transition:width .18s ease !important;
    }

    #header_menu > .header__menu-list > .header__menu-item:not(:first-of-type) > a:hover::before{
        width:22px !important;
    }

    #header_menu .header__menu-content{
        margin-top:10px !important;
        padding-top:0 !important;
        background:#fff !important;
        border:1px solid #dce5ee !important;
        border-radius:16px !important;
        box-shadow:0 20px 55px rgba(15,42,68,.16) !important;
        overflow:hidden !important;
    }

    #header_menu_wide{
        background:rgba(10,28,46,.22) !important;
        backdrop-filter:blur(2px) !important;
        -webkit-backdrop-filter:blur(2px) !important;
    }
}

@media screen and (min-width:1024px) and (max-width:1280px){
    #header_menu_wrapper{
        padding-left:10px !important;
        padding-right:10px !important;
    }

    #header_menu .header__menu-logo{
        flex-basis:145px !important;
        margin-right:5px !important;
        padding-right:10px !important;
    }

    #header_menu .header__menu-logo-image{
        max-width:120px !important;
    }

    #header_menu > .header__menu-list > .header__menu-item > a{
        padding-left:8px !important;
        padding-right:8px !important;
        font-size:11px !important;
    }

    #header_menu > .header__menu-list > .header__menu-item:first-of-type > a{
        min-width:112px !important;
        padding-left:12px !important;
        padding-right:12px !important;
    }
}

@media screen and (max-width:1023px){

    #header_wrapper{
        padding-left:12px !important;
        padding-right:12px !important;
    }

    #header .header__menu-toggle{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:44px !important;
        min-width:44px !important;
        height:44px !important;
        margin:0 !important;
        padding:0 !important;
        background:#eef4fb !important;
        border:1px solid #d9e5f2 !important;
        border-radius:12px !important;
        box-shadow:none !important;
    }

    #header .header__menu-toggle-line,
    #header .header__menu-toggle-line::before,
    #header .header__menu-toggle-line::after{
        background:#174a82 !important;
        border-radius:999px !important;
    }

    #header .mobile-menu{
        padding:10px !important;
        background:#f5f8fb !important;
    }

    #header .mobile-menu__root{
        margin:0 !important;
        padding:8px !important;
        background:#fff !important;
        border:1px solid #dfe7ef !important;
        border-radius:16px !important;
        box-shadow:0 14px 34px rgba(16,44,73,.10) !important;
        overflow:hidden !important;
    }

    #header .mobile-menu__menu-item{
        margin:0 !important;
        border-bottom:1px solid #edf1f5 !important;
    }

    #header .mobile-menu__menu-item:last-child{
        border-bottom:0 !important;
    }

    #header .mobile-menu__menu-item > a,
    #header .mobile-menu-item-content{
        min-height:54px !important;
        padding:7px 9px !important;
        box-sizing:border-box !important;
        border-radius:10px !important;
    }

    #header .mobile-menu__menu-item > a:hover{
        background:#edf4fc !important;
    }

    #header .mobile-menu-thumb{
        width:42px !important;
        min-width:42px !important;
        height:42px !important;
        border-radius:9px !important;
        object-fit:cover !important;
        border:1px solid #e2e9f0 !important;
    }

    #header .mobile-menu-title{
        color:#18344f !important;
        font-size:14px !important;
        font-weight:750 !important;
    }

    #header .mobile-menu-arrow{
        color:#245fae !important;
        font-size:22px !important;
    }
}

#header_menu a:focus-visible,
#header .mobile-menu a:focus-visible,
#header .header__menu-toggle:focus-visible{
    outline:3px solid rgba(36,95,174,.30) !important;
    outline-offset:2px !important;
}

@media (prefers-reduced-motion:reduce){
    #header_menu a{
        transition:none !important;
        transform:none !important;
    }
}

@media (min-width:1024px){

  #header_menu_wrapper{
    padding:8px 18px 10px !important;
    background:rgba(247,249,252,.96) !important;
    border:0 !important;
    box-shadow:0 1px 0 rgba(16,44,73,.08) !important;
  }

  #header_menu{
    width:min(1840px,calc(100% - 8px)) !important;
    max-width:none !important;
    min-height:66px !important;
    margin:0 auto !important;
    padding:0 8px !important;
    background:rgba(255,255,255,.98) !important;
    border:1px solid #e1e8f0 !important;
    border-radius:18px !important;
    box-shadow:0 8px 26px rgba(18,45,73,.07) !important;
  }

  #header_menu > .header__menu-list{
    display:grid !important;
    grid-template-columns:190px minmax(132px,1.08fr) repeat(7,minmax(92px,1fr)) !important;
    align-items:center !important;
    gap:4px !important;
    min-height:66px !important;
    padding:5px !important;
  }

  #header_menu .header__menu-logo{
    width:auto !important;
    min-width:0 !important;
    height:54px !important;
    margin:0 10px 0 0 !important;
    padding:0 16px 0 6px !important;
    border-right:1px solid #e6ebf1 !important;
  }

  #header_menu .header__menu-logo > a{
    height:48px !important;
    padding:2px 8px !important;
    border-radius:12px !important;
  }

  #header_menu .header__menu-logo-image{
    max-width:142px !important;
    max-height:43px !important;
  }

  #header_menu > .header__menu-list > .header__menu-item{
    width:100% !important;
    height:52px !important;
  }

  #header_menu > .header__menu-list > .header__menu-item > a{
    width:100% !important;
    height:44px !important;
    padding:0 10px !important;
    justify-content:center !important;
    color:#17334f !important;
    border-radius:11px !important;
    font-size:clamp(11px,.78vw,14px) !important;
    font-weight:750 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  #header_menu > .header__menu-list > .header__menu-item:first-of-type > a{
    color:#fff !important;
    background:linear-gradient(135deg,#2868ba 0%,#174b86 100%) !important;
    border:1px solid #1d5799 !important;
    box-shadow:0 6px 14px rgba(34,94,165,.20) !important;
  }

  #header_menu > .header__menu-list > .header__menu-item:first-of-type > a::before{
    position:static !important;
    display:inline-block !important;
    width:16px !important;
    height:12px !important;
    flex:0 0 16px !important;
    transform:none !important;
    background:
      linear-gradient(#fff,#fff) 0 0/16px 2px no-repeat,
      linear-gradient(#fff,#fff) 0 5px/11px 2px no-repeat,
      linear-gradient(#fff,#fff) 0 10px/16px 2px no-repeat !important;
  }

  #header_menu > .header__menu-list > .header__menu-item:first-of-type > a:hover{
    background:linear-gradient(135deg,#205b9f 0%,#113c6d 100%) !important;
    box-shadow:0 8px 18px rgba(34,94,165,.25) !important;
  }

  #header_menu > .header__menu-list > .header__menu-item:not(:first-of-type) > a:hover{
    color:#1c5c9f !important;
    background:#f0f5fb !important;
    border-color:#e1eaf4 !important;
  }

  #header_menu > .header__menu-list > .header__menu-item:last-child > a{
    color:#174f8d !important;
    background:#f2f7fd !important;
    border:1px solid #dce9f6 !important;
  }

  #header_menu > .header__menu-list > .header__menu-item:last-child > a:hover{
    color:#fff !important;
    background:#173f6d !important;
    border-color:#173f6d !important;
  }

  #header_menu .header__menu-content{
    margin-top:8px !important;
    border-radius:16px !important;
    border:1px solid #dce5ef !important;
    box-shadow:0 20px 50px rgba(14,39,65,.16) !important;
  }
}

@media (min-width:1024px) and (max-width:1450px){
  #header_menu > .header__menu-list{
    grid-template-columns:155px minmax(112px,1.05fr) repeat(7,minmax(78px,1fr)) !important;
    gap:2px !important;
  }

  #header_menu .header__menu-logo{
    margin-right:5px !important;
    padding-right:9px !important;
  }

  #header_menu .header__menu-logo-image{
    max-width:122px !important;
  }

  #header_menu > .header__menu-list > .header__menu-item > a{
    padding:0 6px !important;
    font-size:11px !important;
  }
}

@media (max-width:1023px){
  #header_wrapper{
    padding:8px 12px !important;
    background:#fff !important;
    border-bottom:1px solid #e4eaf1 !important;
    box-shadow:0 5px 18px rgba(17,43,70,.06) !important;
  }

  #header .header__logo-image{
    max-height:46px !important;
    width:auto !important;
  }

  #header .header__menu-toggle{
    width:44px !important;
    height:44px !important;
    border-radius:13px !important;
    background:#eef4fb !important;
    border:1px solid #d8e4f1 !important;
  }

  #header .mobile-menu{
    padding:10px !important;
    background:#f4f7fa !important;
  }

  #header .mobile-menu__root{
    padding:7px !important;
    background:#fff !important;
    border:1px solid #dfe7ef !important;
    border-radius:18px !important;
    box-shadow:0 18px 42px rgba(16,44,73,.13) !important;
  }

  #header .mobile-menu__menu-item{
    border-bottom:1px solid #edf1f5 !important;
  }

  #header .mobile-menu__menu-item > a{
    min-height:56px !important;
    border-radius:11px !important;
  }

  #header .mobile-menu-title{
    font-size:14px !important;
    font-weight:750 !important;
    color:#17334f !important;
  }
}

@media (min-width:1024px){

  #header_menu_wrapper{
    padding:0 !important;
    background:#ffffff !important;
    border-top:1px solid #edf1f5 !important;
    border-bottom:1px solid #dfe6ee !important;
    box-shadow:0 4px 16px rgba(16,43,70,.045) !important;
  }

  #header_menu{
    width:min(1760px,calc(100% - 36px)) !important;
    max-width:none !important;
    min-height:64px !important;
    margin:0 auto !important;
    padding:0 !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  #header_menu > .header__menu-list{
    min-height:64px !important;
    padding:5px 0 !important;
    gap:4px !important;
    align-items:center !important;
  }

  #header_menu .header__menu-logo{
    height:54px !important;
    margin-right:12px !important;
    padding:0 18px 0 4px !important;
    border-right:1px solid #e6ebf1 !important;
    background:#fff !important;
  }

  #header_menu .header__menu-logo > a{
    height:50px !important;
    padding:2px 8px !important;
    background:#fff !important;
    border-radius:10px !important;
    box-shadow:none !important;
  }

  #header_menu .header__menu-logo-image{
    max-width:138px !important;
    max-height:44px !important;
  }

  #header_menu > .header__menu-list > .header__menu-item{
    height:50px !important;
  }

  #header_menu > .header__menu-list > .header__menu-item > a{
    height:42px !important;
    padding:0 12px !important;
    color:#17334f !important;
    background:transparent !important;
    border:1px solid transparent !important;
    border-radius:10px !important;
    font-size:12px !important;
    font-weight:750 !important;
    box-shadow:none !important;
  }

  #header_menu > .header__menu-list > .header__menu-item:first-of-type > a{
    min-width:132px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#2868ba 0%,#184b84 100%) !important;
    border-color:#1e5798 !important;
    box-shadow:0 5px 14px rgba(36,95,174,.18) !important;
  }

  #header_menu > .header__menu-list > .header__menu-item:first-of-type > a:hover{
    color:#fff !important;
    background:linear-gradient(135deg,#205b9f 0%,#123d6d 100%) !important;
  }

  #header_menu > .header__menu-list > .header__menu-item:not(:first-of-type) > a:hover{
    color:#1e5e9e !important;
    background:#f2f6fb !important;
    border-color:#e0e9f2 !important;
    transform:none !important;
  }

  #header_menu > .header__menu-list > .header__menu-item:last-child > a{
    color:#1b568f !important;
    background:#f6f9fd !important;
    border-color:#e1eaf4 !important;
  }

  #header_menu > .header__menu-list > .header__menu-item:last-child > a:hover{
    color:#174a7d !important;
    background:#eef4fb !important;
  }

  #header_menu .header__menu-content{
    margin-top:6px !important;
    background:#fff !important;
    border:1px solid #dce5ee !important;
    border-radius:14px !important;
    box-shadow:0 20px 48px rgba(15,40,66,.15) !important;
  }

  #header_menu_wide{
    background:rgba(10,28,46,.18) !important;
    backdrop-filter:blur(2px) !important;
    -webkit-backdrop-filter:blur(2px) !important;
  }
}

@media (min-width:1024px) and (max-width:1280px){
  #header_menu{
    width:calc(100% - 20px) !important;
  }

  #header_menu .header__menu-logo{
    margin-right:6px !important;
    padding-right:10px !important;
  }

  #header_menu .header__menu-logo-image{
    max-width:120px !important;
  }

  #header_menu > .header__menu-list > .header__menu-item > a{
    padding-left:8px !important;
    padding-right:8px !important;
    font-size:11px !important;
  }
}

@media (max-width:1023px){
  #header_wrapper{
    padding:8px 12px !important;
    background:#fff !important;
    border-bottom:1px solid #e4eaf1 !important;
    box-shadow:0 4px 16px rgba(16,43,70,.05) !important;
  }

  #header .header__menu-toggle{
    width:44px !important;
    height:44px !important;
    border-radius:12px !important;
    background:#eef4fb !important;
    border:1px solid #d8e4f1 !important;
  }

  #header .mobile-menu{
    padding:10px !important;
    background:#f5f8fb !important;
  }

  #header .mobile-menu__root{
    padding:7px !important;
    background:#fff !important;
    border:1px solid #dfe7ef !important;
    border-radius:16px !important;
    box-shadow:0 18px 42px rgba(16,44,73,.12) !important;
  }
}

@media (min-width:1024px){
  #header_menu_wrapper{
    padding:0 !important;background:#fff !important;
    border-top:1px solid #edf1f5 !important;border-bottom:1px solid #dfe6ee !important;
    box-shadow:0 5px 18px rgba(16,43,70,.05) !important;overflow:visible !important;
  }
  #header_menu{
    width:min(1780px,calc(100% - 32px)) !important;max-width:none !important;
    min-height:68px !important;margin:0 auto !important;padding:0 !important;
    background:#fff !important;border:0 !important;border-radius:0 !important;
    box-shadow:none !important;overflow:visible !important;
  }
  #header_menu .dp-v6-nav{
    display:flex !important;align-items:center !important;justify-content:space-between !important;
    gap:4px !important;min-height:68px !important;margin:0 !important;padding:5px 0 !important;
    overflow:visible !important;list-style:none !important;
  }
  #header_menu .header__menu-logo{
    display:flex !important;align-items:center !important;flex:0 0 175px !important;
    height:56px !important;margin:0 10px 0 0 !important;padding:0 16px 0 4px !important;
    border-right:1px solid #e4eaf1 !important;
  }
  #header_menu .header__menu-logo a{display:flex !important;align-items:center !important;height:52px !important;}
  #header_menu .header__menu-logo-image{max-width:142px !important;max-height:46px !important;object-fit:contain !important;}
  .dp-v6-item{position:relative !important;display:flex !important;align-items:center !important;flex:1 1 auto !important;height:56px !important;}
  .dp-v6-link{
    display:flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;
    width:100% !important;min-height:44px !important;padding:0 clamp(9px,.85vw,16px) !important;
    border:1px solid transparent !important;border-radius:11px !important;background:transparent !important;
    color:#17334f !important;font-size:clamp(11px,.78vw,14px) !important;font-weight:760 !important;
    line-height:1 !important;white-space:nowrap !important;text-decoration:none !important;
    transition:.18s ease !important;
  }
  .dp-v6-link span{font-size:13px !important;color:#71859a !important;transition:transform .18s ease !important;}
  .dp-v6-item:hover>.dp-v6-link{color:#1f5f9f !important;background:#f2f6fb !important;border-color:#e1e9f2 !important;}
  .dp-v6-has-menu:hover>.dp-v6-link span{transform:rotate(180deg) !important;}
  .dp-v6-offers>.dp-v6-link{color:#b42318 !important;background:#fff7f6 !important;border-color:#fee4e2 !important;}
  .dp-v6-item:last-child>.dp-v6-link{color:#fff !important;background:#173f6d !important;border-color:#173f6d !important;}
  .dp-v6-dropdown{
    position:absolute !important;top:calc(100% + 2px) !important;left:50% !important;
    width:min(440px,calc(100vw - 32px)) !important;padding:20px !important;
    transform:translate(-50%,10px) !important;opacity:0 !important;visibility:hidden !important;
    pointer-events:none !important;background:#fff !important;border:1px solid #dce5ee !important;
    border-radius:16px !important;box-shadow:0 22px 55px rgba(15,40,66,.17) !important;
    z-index:var(--dp-z-mega) !important;transition:opacity .16s ease,transform .16s ease,visibility .16s ease !important;
  }
  .dp-v6-has-menu:hover>.dp-v6-dropdown,.dp-v6-has-menu:focus-within>.dp-v6-dropdown{
    opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translate(-50%,0) !important;
  }
  .dp-v6-dropdown-head{padding:0 2px 15px !important;border-bottom:1px solid #edf1f5 !important;}
  .dp-v6-dropdown-head strong{display:block !important;color:#122f4b !important;font-size:20px !important;font-weight:800 !important;}
  .dp-v6-dropdown-head small{display:block !important;margin-top:5px !important;color:#718096 !important;font-size:13px !important;line-height:1.4 !important;}
  .dp-v6-links{display:grid !important;grid-template-columns:1fr 1fr !important;gap:7px !important;padding:14px 0 6px !important;}
  .dp-v6-links a{
    display:flex !important;align-items:center !important;min-height:42px !important;padding:9px 11px !important;
    border-radius:10px !important;background:#f7f9fc !important;color:#17334f !important;font-size:13px !important;
    font-weight:700 !important;text-decoration:none !important;border:1px solid #edf1f5 !important;
  }
  .dp-v6-links a:hover{background:#eef4fb !important;color:#1d5d9d !important;border-color:#dce8f4 !important;}
  .dp-v6-all{display:flex !important;align-items:center !important;justify-content:center !important;min-height:44px !important;
    margin-top:9px !important;border-radius:10px !important;background:#245fae !important;color:#fff !important;
    font-size:13px !important;font-weight:800 !important;text-decoration:none !important;}
  .dp-v6-dropdown--info{right:0 !important;left:auto !important;width:390px !important;transform:translateY(10px) !important;}
  .dp-v6-info:hover>.dp-v6-dropdown--info,.dp-v6-info:focus-within>.dp-v6-dropdown--info{transform:translateY(0) !important;}
}
@media (min-width:1024px) and (max-width:1300px){
  #header_menu{width:calc(100% - 18px) !important;}
  #header_menu .header__menu-logo{flex-basis:135px !important;margin-right:4px !important;padding-right:8px !important;}
  #header_menu .header__menu-logo-image{max-width:115px !important;}
  .dp-v6-link{padding-left:6px !important;padding-right:6px !important;font-size:11px !important;}
}
@media (max-width:1023px){
  
  #header_menu_wrapper{display:none !important;}
}

  @media (min-width:1024px){
    .dp-v6-dropdown:has(.dp-v6-links a:nth-child(5)){width:min(500px,calc(100vw - 32px)) !important;}
    .dp-v6-links a::after{content:"→";margin-left:auto;color:#7d91a5;font-weight:800;}
  }

@media (min-width:1024px){
  .dp-v6-dropdown:has(.dp-v8-card-grid){
    width:min(620px,calc(100vw - 32px)) !important;
    padding:18px !important;
  }
  .dp-v8-card-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:14px 0 6px !important;
  }
  .dp-v8-category-card{
    display:grid !important;
    grid-template-columns:88px minmax(0,1fr) !important;
    align-items:center !important;
    min-height:82px !important;
    padding:7px !important;
    border:1px solid #e3eaf2 !important;
    border-radius:13px !important;
    background:#fff !important;
    color:#17334f !important;
    text-decoration:none !important;
    overflow:hidden !important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
  }
  .dp-v8-category-card::after{display:none !important;content:none !important;}
  .dp-v8-category-card:hover{
    transform:translateY(-2px) !important;
    border-color:#b9d0e8 !important;
    box-shadow:0 10px 24px rgba(18,54,86,.10) !important;
    background:#fff !important;
  }
  .dp-v8-category-media{
    display:flex !important;align-items:center !important;justify-content:center !important;
    width:80px !important;height:66px !important;border-radius:9px !important;
    overflow:hidden !important;background:#f2f6fa !important;color:#2a66a8 !important;
    font-size:25px !important;font-weight:800 !important;
  }
  .dp-v8-category-media img{
    display:block !important;width:100% !important;height:100% !important;
    object-fit:cover !important;transition:transform .22s ease !important;
  }
  .dp-v8-category-card:hover .dp-v8-category-media img{transform:scale(1.055) !important;}
  .dp-v8-category-body{
    display:flex !important;flex-direction:column !important;justify-content:center !important;
    min-width:0 !important;padding:4px 7px 4px 11px !important;
  }
  .dp-v8-category-body strong{
    display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;
    overflow:hidden !important;color:#17334f !important;font-size:13px !important;
    font-weight:800 !important;line-height:1.25 !important;
  }
  .dp-v8-category-body small{
    display:block !important;margin-top:7px !important;color:#2b68ad !important;
    font-size:11px !important;font-weight:750 !important;
  }
}

@media (min-width:1024px){

  #header_menu_wrapper{
    padding:10px 14px 12px !important;
    background:linear-gradient(180deg,#f7f9fc 0%,#f3f6fa 100%) !important;
    border-top:1px solid #edf1f5 !important;
    border-bottom:1px solid #dde6ef !important;
    box-shadow:0 6px 18px rgba(16,43,70,.045) !important;
  }

  #header_menu{
    width:min(1780px,calc(100% - 12px)) !important;
    min-height:70px !important;
    padding:0 10px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid #e1e8f0 !important;
    border-radius:18px !important;
    box-shadow:
      0 10px 28px rgba(18,45,73,.07),
      inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
  }

  #header_menu .dp-v6-nav{
    min-height:70px !important;
    padding:6px 0 !important;
    gap:6px !important;
  }

  #header_menu .header__menu-logo{
    flex:0 0 190px !important;
    height:58px !important;
    margin-right:12px !important;
    padding:0 18px 0 8px !important;
    border-right:1px solid #e5ebf1 !important;
  }

  #header_menu .header__menu-logo > a{
    width:100% !important;
    height:52px !important;
    justify-content:flex-start !important;
    padding:4px 8px !important;
    border-radius:12px !important;
    background:#fff !important;
  }

  #header_menu .header__menu-logo-image{
    max-width:146px !important;
    max-height:44px !important;
  }

  .dp-v6-item{
    height:56px !important;
  }

  .dp-v6-link{
    position:relative !important;
    min-height:46px !important;
    padding:0 clamp(11px,.9vw,17px) !important;
    border:1px solid transparent !important;
    border-radius:12px !important;
    background:transparent !important;
    color:#17334f !important;
    font-size:clamp(11px,.78vw,14px) !important;
    font-weight:760 !important;
    letter-spacing:0 !important;
    box-shadow:none !important;
    transition:
      background .18s ease,
      border-color .18s ease,
      color .18s ease,
      transform .18s ease,
      box-shadow .18s ease !important;
  }

  .dp-v6-item:hover > .dp-v6-link,
  .dp-v6-item:focus-within > .dp-v6-link{
    color:#174f8c !important;
    background:linear-gradient(180deg,#f7faff 0%,#eef4fb 100%) !important;
    border-color:#d7e4f1 !important;
    transform:translateY(-1px) !important;
    box-shadow:0 5px 12px rgba(36,95,174,.07) !important;
  }

  .dp-v6-item:not(.dp-v6-offers):not(:last-child) > .dp-v6-link::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:5px !important;
    width:0 !important;
    height:2px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#2f6fba,#7aa9dc) !important;
    transform:translateX(-50%) !important;
    transition:width .18s ease !important;
  }

  .dp-v6-item:not(.dp-v6-offers):not(:last-child):hover > .dp-v6-link::after,
  .dp-v6-item:not(.dp-v6-offers):not(:last-child):focus-within > .dp-v6-link::after{
    width:24px !important;
  }

  .dp-v6-link span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:16px !important;
    height:16px !important;
    color:#7890a6 !important;
    font-size:11px !important;
    background:#f4f7fa !important;
    border-radius:50% !important;
  }

  .dp-v6-has-menu:hover > .dp-v6-link span{
    color:#245fae !important;
    background:#e9f1fa !important;
  }

  .dp-v6-offers{
    flex:0 0 140px !important;
  }

  .dp-v6-offers > .dp-v6-link{
    color:#b42318 !important;
    background:linear-gradient(180deg,#fff8f7 0%,#fff2f0 100%) !important;
    border-color:#ffd9d4 !important;
    box-shadow:inset 0 0 0 1px rgba(180,35,24,.02) !important;
  }

  .dp-v6-offers > .dp-v6-link::before{
    content:"" !important;
    width:7px !important;
    height:7px !important;
    margin-right:7px !important;
    border-radius:50% !important;
    background:#e04438 !important;
    box-shadow:0 0 0 4px rgba(224,68,56,.10) !important;
  }

  .dp-v6-offers:hover > .dp-v6-link{
    color:#9d1c12 !important;
    background:#fff0ee !important;
    border-color:#ffc9c2 !important;
  }

  .dp-v6-info > .dp-v6-link{
    color:#304d69 !important;
  }

  .dp-v6-item:last-child{
    flex:0 0 150px !important;
  }

  .dp-v6-item:last-child > .dp-v6-link{
    color:#fff !important;
    background:linear-gradient(135deg,#1f5d9f 0%,#123f72 100%) !important;
    border-color:#174d87 !important;
    box-shadow:0 6px 16px rgba(22,72,128,.18) !important;
  }

  .dp-v6-item:last-child > .dp-v6-link::before{
    content:"" !important;
    width:8px !important;
    height:8px !important;
    margin-right:7px !important;
    border:2px solid rgba(255,255,255,.92) !important;
    border-radius:50% !important;
  }

  .dp-v6-item:last-child:hover > .dp-v6-link{
    color:#fff !important;
    background:linear-gradient(135deg,#194f89 0%,#0e345f 100%) !important;
    border-color:#123f72 !important;
    box-shadow:0 9px 20px rgba(22,72,128,.24) !important;
  }

  .dp-v6-dropdown{
    top:calc(100% + 8px) !important;
    border:1px solid #dbe5ef !important;
    border-radius:18px !important;
    box-shadow:
      0 26px 60px rgba(15,40,66,.18),
      0 2px 8px rgba(15,40,66,.05) !important;
  }

  .dp-v6-dropdown::before{
    content:"" !important;
    position:absolute !important;
    top:-7px !important;
    left:50% !important;
    width:14px !important;
    height:14px !important;
    background:#fff !important;
    border-left:1px solid #dbe5ef !important;
    border-top:1px solid #dbe5ef !important;
    transform:translateX(-50%) rotate(45deg) !important;
  }

  .dp-v6-dropdown--info::before{
    left:auto !important;
    right:38px !important;
    transform:rotate(45deg) !important;
  }

  .dp-v6-dropdown-head strong{
    font-size:21px !important;
    letter-spacing:-.2px !important;
  }

  .dp-v6-dropdown-head small{
    color:#7a8b9b !important;
  }

  #header_menu::after{
    content:"" !important;
    position:absolute !important;
    left:20px !important;
    right:20px !important;
    bottom:-1px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,#dbe5ef 20%,#dbe5ef 80%,transparent) !important;
    pointer-events:none !important;
  }
}

@media (min-width:1024px) and (max-width:1320px){
  #header_menu{
    width:calc(100% - 12px) !important;
  }

  #header_menu .header__menu-logo{
    flex-basis:145px !important;
    margin-right:5px !important;
    padding-right:8px !important;
  }

  #header_menu .header__menu-logo-image{
    max-width:118px !important;
  }

  .dp-v6-link{
    padding-left:7px !important;
    padding-right:7px !important;
    font-size:11px !important;
  }

  .dp-v6-offers{flex-basis:112px !important;}
  .dp-v6-item:last-child{flex-basis:120px !important;}
}

@media (max-width:1023px){
  #header .mobile-menu{
    background:#f5f8fb !important;
    padding:10px !important;
  }

  #header .mobile-menu__root{
    background:#fff !important;
    border:1px solid #dfe7ef !important;
    border-radius:18px !important;
    box-shadow:0 18px 42px rgba(16,44,73,.12) !important;
  }

  #header .mobile-menu__menu-item{
    border-bottom:1px solid #edf1f5 !important;
  }

  #header .mobile-menu__menu-item > a,
  #header .mobile-menu-item-content{
    min-height:56px !important;
    border-radius:11px !important;
  }
}

@media (min-width:1024px){

  #header_menu_wrapper{
    padding:8px 14px 10px !important;
    background:#f5f8fb !important;
    border-top:1px solid #edf1f5 !important;
    border-bottom:1px solid #dfe6ee !important;
    box-shadow:0 4px 14px rgba(16,43,70,.04) !important;
  }

  #header_menu{
    width:min(1780px,calc(100% - 10px)) !important;
    min-height:68px !important;
    padding:0 12px !important;
    background:#fff !important;
    border:1px solid #e1e8f0 !important;
    border-radius:16px !important;
    box-shadow:0 7px 20px rgba(18,45,73,.055) !important;
  }

  #header_menu .dp-v6-nav{
    display:grid !important;
    grid-template-columns:
      170px
      minmax(120px,1.15fr)
      minmax(105px,1fr)
      minmax(120px,1.05fr)
      minmax(85px,.85fr)
      minmax(95px,.9fr)
      minmax(105px,1fr)
      118px
      minmax(105px,1fr)
      132px !important;
    align-items:center !important;
    gap:4px !important;
    min-height:68px !important;
    padding:5px 0 !important;
    overflow:visible !important;
  }

  #header_menu .header__menu-logo{
    width:auto !important;
    min-width:0 !important;
    height:54px !important;
    margin:0 8px 0 0 !important;
    padding:0 14px 0 4px !important;
    border-right:1px solid #e5ebf1 !important;
  }

  #header_menu .header__menu-logo > a{
    height:50px !important;
    padding:2px 6px !important;
    justify-content:flex-start !important;
  }

  #header_menu .header__menu-logo-image{
    max-width:132px !important;
    max-height:42px !important;
  }

  .dp-v6-item{
    width:100% !important;
    height:52px !important;
    margin:0 !important;
  }

  .dp-v6-link{
    width:100% !important;
    min-height:42px !important;
    padding:0 8px !important;
    justify-content:center !important;
    gap:5px !important;
    color:#18334e !important;
    background:transparent !important;
    border:1px solid transparent !important;
    border-radius:9px !important;
    font-size:12px !important;
    font-weight:760 !important;
    line-height:1 !important;
    box-shadow:none !important;
    transform:none !important;
    white-space:nowrap !important;
  }

  .dp-v6-item:hover > .dp-v6-link,
  .dp-v6-item:focus-within > .dp-v6-link{
    color:#1c5d9d !important;
    background:#f1f5fa !important;
    border-color:#e0e8f1 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .dp-v6-link::after{
    display:none !important;
    content:none !important;
  }

  .dp-v6-link span{
    display:inline !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    margin-left:2px !important;
    background:transparent !important;
    border-radius:0 !important;
    color:#7890a6 !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  .dp-v6-has-menu:hover > .dp-v6-link span{
    background:transparent !important;
    color:#245fae !important;
  }

  .dp-v6-offers{
    width:100% !important;
  }

  .dp-v6-offers > .dp-v6-link{
    color:#b42318 !important;
    background:#fff8f7 !important;
    border:1px solid #ffd9d4 !important;
    border-radius:10px !important;
    box-shadow:none !important;
  }

  .dp-v6-offers > .dp-v6-link::before{
    display:none !important;
    content:none !important;
  }

  .dp-v6-offers:hover > .dp-v6-link{
    color:#9d1c12 !important;
    background:#fff1ef !important;
    border-color:#ffc8c1 !important;
  }

  .dp-v6-item:last-child{
    width:100% !important;
  }

  .dp-v6-item:last-child > .dp-v6-link{
    color:#fff !important;
    background:#1f5d9f !important;
    border:1px solid #1f5d9f !important;
    border-radius:10px !important;
    box-shadow:none !important;
  }

  .dp-v6-item:last-child > .dp-v6-link::before{
    display:none !important;
    content:none !important;
  }

  .dp-v6-item:last-child:hover > .dp-v6-link{
    color:#fff !important;
    background:#184d86 !important;
    border-color:#184d86 !important;
    box-shadow:none !important;
  }

  .dp-v6-info > .dp-v6-link{
    color:#18334e !important;
    background:transparent !important;
    border-color:transparent !important;
  }

  .dp-v6-dropdown{
    top:calc(100% + 7px) !important;
    border-radius:16px !important;
  }

  #header_menu::after{
    display:none !important;
    content:none !important;
  }
}

@media (min-width:1024px) and (max-width:1360px){
  #header_menu .dp-v6-nav{
    grid-template-columns:
      145px
      minmax(102px,1.04fr)
      minmax(90px,.92fr)
      minmax(100px,.96fr)
      70px
      78px
      88px
      minmax(128px,1.14fr)
      minmax(132px,1.18fr)
      118px !important;
    gap:4px !important;
  }

  #header_menu .header__menu-logo-image{
    max-width:112px !important;
  }

  .dp-v6-link{
    padding-left:5px !important;
    padding-right:5px !important;
    font-size:11px !important;
  }
}

@media (max-width:1023px){
  
  #header_menu_wrapper{display:none !important;}
}

@media (min-width:1024px){
  .dp-v6-item[data-dp-key="policarbonat"] .dp-v6-dropdown{
    width:min(650px,calc(100vw - 32px)) !important;
  }
  .dp-v6-item[data-dp-key="policarbonat"] .dp-v8-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  .dp-v6-item[data-dp-key="policarbonat"] .dp-v8-category-card{
    min-height:102px !important;
    grid-template-columns:108px minmax(0,1fr) !important;
    padding:8px !important;
    border-radius:14px !important;
  }
  .dp-v6-item[data-dp-key="policarbonat"] .dp-v8-category-media{
    width:100px !important;
    height:84px !important;
    border-radius:10px !important;
  }
  .dp-v6-item[data-dp-key="policarbonat"] .dp-v8-category-body strong{
    font-size:14px !important;
    line-height:1.3 !important;
  }
  .dp-v6-item[data-dp-key="policarbonat"] .dp-v8-category-body small{
    margin-top:9px !important;
    font-size:12px !important;
  }
}

@media (min-width:1024px){
  .dp-v6-offers{
    min-width:150px !important;
  }
  .dp-v6-offers > .dp-v6-link{
    padding-left:14px !important;
    padding-right:14px !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }
}
@media (min-width:1024px) and (max-width:1360px){
  .dp-v6-offers{
    min-width:132px !important;
  }
  .dp-v6-offers > .dp-v6-link{
    font-size:11px !important;
    padding-left:9px !important;
    padding-right:9px !important;
  }
}

@media (min-width:1024px){

  #header_menu .dp-v6-nav{
    grid-template-columns:
      160px
      minmax(108px,1.02fr)
      minmax(94px,.9fr)
      minmax(108px,.96fr)
      minmax(70px,.7fr)
      minmax(80px,.76fr)
      minmax(90px,.82fr)
      minmax(158px,1.26fr)
      minmax(142px,1.16fr)
      128px !important;
    gap:6px !important;
  }

  .dp-v6-link{
    padding-left:7px !important;
    padding-right:7px !important;
    font-size:11.5px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .dp-v6-offers{
    min-width:0 !important;
    width:100% !important;
  }

  .dp-v6-offers > .dp-v6-link{
    padding-left:10px !important;
    padding-right:10px !important;
    font-size:11.5px !important;
    white-space:nowrap !important;
  }

  .dp-v6-info{
    min-width:0 !important;
    width:100% !important;
  }

  .dp-v6-info > .dp-v6-link{
    padding-left:14px !important;
    padding-right:14px !important;
    justify-content:center !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  .dp-v6-item:last-child{
    min-width:0 !important;
    width:100% !important;
  }

  .dp-v6-item:last-child > .dp-v6-link{
    padding-left:12px !important;
    padding-right:12px !important;
    white-space:nowrap !important;
  }

  .dp-v6-info > .dp-v6-dropdown--info{
    left:auto !important;
    right:0 !important;
    width:390px !important;
    transform:translateY(10px) !important;
  }

  .dp-v6-info:hover > .dp-v6-dropdown--info,
  .dp-v6-info:focus-within > .dp-v6-dropdown--info{
    transform:translateY(0) !important;
  }
}

@media (min-width:1024px) and (max-width:1450px){
  #header_menu .dp-v6-nav{
    grid-template-columns:
      138px
      104px
      88px
      102px
      68px
      76px
      84px
      138px
      104px
      112px !important;
    gap:3px !important;
  }

  #header_menu .header__menu-logo{
    padding-right:8px !important;
    margin-right:4px !important;
  }

  #header_menu .header__menu-logo-image{
    max-width:108px !important;
  }

  .dp-v6-link{
    padding-left:4px !important;
    padding-right:4px !important;
    font-size:10.5px !important;
  }

  .dp-v6-offers > .dp-v6-link,
  .dp-v6-info > .dp-v6-link,
  .dp-v6-item:last-child > .dp-v6-link{
    font-size:10.5px !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }
}

@media (min-width:1024px) and (max-width:1180px){
  #header_menu{
    width:calc(100% - 8px) !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }

  #header_menu .dp-v6-nav{
    grid-template-columns:
      120px
      96px
      80px
      92px
      62px
      68px
      76px
      126px
      94px
      102px !important;
    gap:2px !important;
  }

  #header_menu .header__menu-logo-image{
    max-width:96px !important;
  }

  .dp-v6-link{
    font-size:10px !important;
  }
}

@media(max-width:767px){
  html,body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  #dpmp-mobile{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    z-index:var(--dp-z-mobile-base) !important;
  }

  #dpmp-mobile .dpmp-top{
    width:100% !important;
    max-width:100vw !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  #dpmp-mobile .dpmp-nav{
    min-width:0 !important;
  }

  #dpmp-mobile [data-panel="categories"]{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  #dpmp-mobile .dpmp-sheet{
    width:100% !important;
    max-width:100vw !important;
    max-height:calc(100dvh - 184px) !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
  }

  #dpmp-mobile .dpmp-category-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    padding:10px !important;
  }

  #dpmp-mobile .dpmp-cat{
    min-width:0 !important;
    overflow:hidden !important;
  }

  #dpmp-mobile .dpmp-cat-title{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  #dpmp-mobile img{
    max-width:100% !important;
  }
}

@media(max-width:420px){
  #dpmp-mobile .dpmp-category-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:767px){

  :root{
    --dp-m-topbar-h:44px;
    --dp-m-logo-h:36px;
    --dp-m-search-h:49px;
    --dp-m-utility-h:98px;
    --dp-m-nav-gap:4px;
    --dp-m-nav-h:58px;
    --dp-m-header-total:204px;
    --dp-m-navy:#0b2947;
    --dp-m-navy2:#10395f;
    --dp-m-blue:#2468ad;
    --dp-m-gold:#b99a63;
    --dp-m-line:#e4eaf0;
    --dp-m-bg:#f7f9fc;
  }

  html,body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  body.dpmp-active{
    padding-top:var(--dp-m-header-total) !important;
    padding-bottom:max(12px,env(safe-area-inset-bottom)) !important;
    background:#f7f9fb !important;
  }

  #header .top-bar{
    display:block !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:var(--dp-z-header-ui) !important;
    height:var(--dp-m-topbar-h) !important;
    min-height:var(--dp-m-topbar-h) !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 85% -40%,rgba(185,154,99,.15),transparent 40%),
      linear-gradient(135deg,var(--dp-m-navy),var(--dp-m-navy2)) !important;
    border:0 !important;
    box-shadow:none !important;
  }

  #header .top-bar__container{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 6px !important;
    box-sizing:border-box !important;
  }

  #header .top-bar__left{
    display:none !important;
  }

  #header .top-bar__right{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,.92fr) minmax(0,1fr) !important;
    align-items:center !important;
    gap:2px !important;
    box-sizing:border-box !important;
  }

  #header .top-bar__right > a,
  #header .top-bar__b2b{
    position:static !important;
    width:100% !important;
    height:36px !important;
    min-height:36px !important;
    margin:0 !important;
    padding:0 3px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    font:700 clamp(8px,2.35vw,10.5px)/1 Arial,sans-serif !important;
    letter-spacing:0 !important;
    box-sizing:border-box !important;
  }

  #header .top-bar__right > a:nth-of-type(1){
    grid-column:1 !important;
    grid-row:1 !important;
  }

  #header .top-bar__b2b{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  #header .top-bar__right > a:nth-of-type(2){
    grid-column:3 !important;
    grid-row:1 !important;
  }

  #header .top-bar__right > a > i,
  #header .top-bar__b2b > i{
    display:inline-flex !important;
    flex:0 0 auto !important;
    margin:0 !important;
    color:#76d043 !important;
    font-size:10px !important;
  }

  #header .top-bar__b2b > span{
    display:none !important;
  }

  #header .top-bar__right::after{
    display:none !important;
    content:none !important;
  }

  #dpmp-mobile .dpmp-top{
    display:flex !important;
    position:fixed !important;
    top:var(--dp-m-topbar-h) !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:var(--dp-m-utility-h) !important;
    min-height:var(--dp-m-utility-h) !important;
    margin:0 !important;
    padding:4px 12px 5px !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:4px !important;
    background:rgba(255,255,255,.99) !important;
    border-bottom:1px solid #e3e9f0 !important;
    box-shadow:0 4px 14px rgba(13,41,70,.06) !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    z-index:var(--dp-z-header-ui) !important;
  }

  #dpmp-mobile .dpmp-brand{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 var(--dp-m-logo-h) !important;
    width:100% !important;
    height:var(--dp-m-logo-h) !important;
    margin:0 !important;
    padding:0 !important;
  }

  #dpmp-mobile .dpmp-brand-link{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  #dpmp-mobile .dpmp-brand-logo{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:148px !important;
    max-height:34px !important;
    margin:0 auto !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  #dpmp-mobile .dpmp-search{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    flex:0 0 var(--dp-m-search-h) !important;
    min-width:0 !important;
    width:100% !important;
    height:var(--dp-m-search-h) !important;
    margin:0 !important;
    padding:4px 6px 4px 12px !important;
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    background:#fff !important;
    border:1px solid #d9e2eb !important;
    border-radius:13px !important;
    box-shadow:0 3px 10px rgba(14,40,66,.06) !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    z-index:var(--dp-z-mobile-search) !important;
  }

  #dpmp-mobile{
    display:block !important;
    position:relative !important;
    z-index:var(--dp-z-mobile-base) !important;
  }

  #dpmp-mobile .dpmp-bottom{
    position:fixed !important;
    top:calc(var(--dp-m-topbar-h) + var(--dp-m-utility-h) + var(--dp-m-nav-gap)) !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    width:100% !important;
    height:var(--dp-m-nav-h) !important;
    padding:5px 6px !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:3px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    background:rgba(255,255,255,.98) !important;
    border-top:1px solid rgba(255,255,255,.7) !important;
    border-bottom:1px solid var(--dp-m-line) !important;
    box-shadow:0 7px 22px rgba(17,44,70,.09) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    z-index:var(--dp-z-mobile-nav) !important;
  }

  #dpmp-mobile .dpmp-nav{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    height:48px !important;
    padding:4px 2px !important;
    border:1px solid transparent !important;
    border-radius:11px !important;
    background:transparent !important;
    color:#6d7e90 !important;
    font:700 clamp(7px,2.2vw,9px)/1 Arial,sans-serif !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    transition:background .16s ease,border-color .16s ease,color .16s ease !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  #dpmp-mobile .dpmp-nav .ico{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:24px !important;
    height:22px !important;
    font-size:19px !important;
    line-height:1 !important;
    color:#1b3c5a !important;
  }

  #dpmp-mobile .dpmp-nav.active,
  #dpmp-mobile .dpmp-nav:active{
    color:#174f88 !important;
    background:linear-gradient(180deg,#f0f6fd,#e8f1fb) !important;
    border-color:#d6e5f4 !important;
  }

  #dpmp-mobile .dpmp-nav.active:before{
    display:none !important;
    content:none !important;
  }

  #dpmp-mobile [data-panel="categories"]{
    color:#154f88 !important;
    background:linear-gradient(180deg,#f4f8fd,#edf4fc) !important;
    border-color:#dbe8f5 !important;
  }

  #dpmp-mobile [data-panel="categories"] .ico{
    color:#2468ad !important;
  }

  #dpmp-mobile .dpmp-badge{
    top:1px !important;
    right:calc(50% - 20px) !important;
    min-width:16px !important;
    height:16px !important;
    font-size:8px !important;
  }

  #dpmp-mobile .dpmp-sheet{
    position:fixed !important;
    inset:var(--dp-m-header-total) 0 0 0 !important;
    width:100% !important;
    height:calc(100dvh - var(--dp-m-header-total)) !important;
    max-width:100vw !important;
    max-height:none !important;
    padding:8px 8px max(12px,env(safe-area-inset-bottom)) !important;
    align-items:flex-start !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:rgba(5,20,34,.46) !important;
    backdrop-filter:blur(5px) !important;
    -webkit-backdrop-filter:blur(5px) !important;
    box-sizing:border-box !important;
    z-index:var(--dp-z-mobile-overlay) !important;
  }

  #dpmp-mobile .dpmp-panel{
    width:min(100%,480px) !important;
    max-width:100% !important;
    max-height:100% !important;
    overflow:hidden !important;
    border:1px solid #dbe4ed !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 24px 60px rgba(5,23,39,.24) !important;
  }

  #dpmp-mobile .dpmp-handle{
    margin-top:7px !important;
  }

  #dpmp-mobile .dpmp-head{
    height:52px !important;
    padding:0 12px !important;
  }

  #dpmp-mobile .dpmp-head h3{
    color:#102f4d !important;
    font-size:17px !important;
    letter-spacing:-.2px !important;
  }

  #dpmp-mobile .dpmp-close{
    width:34px !important;
    height:34px !important;
    border-radius:10px !important;
  }

  #dpmp-mobile .dpmp-content{
    max-height:calc(100dvh - var(--dp-m-header-total) - 74px) !important;
    padding:10px !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
  }

  #dpmp-mobile .dpmp-category-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
    padding:2px !important;
  }

  #dpmp-mobile .dpmp-cat{
    min-width:0 !important;
    border-radius:14px !important;
    border-color:#e0e7ee !important;
    box-shadow:0 7px 18px rgba(17,44,70,.06) !important;
    background:linear-gradient(180deg,#fff,#fafbfd) !important;
  }

  #dpmp-mobile .dpmp-cat-media{
    height:clamp(76px,25vw,106px) !important;
    background:#eef3f7 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  #dpmp-mobile .dpmp-cat-fallback{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    border-radius:12px !important;
    background:#fff !important;
    border:1px solid #dce5ee !important;
    color:#245eae !important;
    font-size:23px !important;
    font-weight:800 !important;
    box-shadow:0 5px 14px rgba(16,48,78,.07) !important;
  }

  #dpmp-mobile .dpmp-cat-content{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:7px !important;
    min-height:48px !important;
    padding:9px 10px !important;
    box-sizing:border-box !important;
  }

  #dpmp-mobile .dpmp-cat-title{
    min-width:0 !important;
    color:#17344f !important;
    font-size:clamp(10px,3vw,12px) !important;
    font-weight:800 !important;
    line-height:1.25 !important;
  }

  #dpmp-mobile .dpmp-cat-arrow{
    color:#9b7e50 !important;
    font-size:20px !important;
    line-height:1 !important;
  }

  #dpmp-mobile .dpmp-cat .ct{
    min-height:47px !important;
    padding:8px 9px !important;
    color:#17344f !important;
    font-size:clamp(10px,3vw,12px) !important;
    line-height:1.25 !important;
  }

  #dpmp-mobile .dpmp-cat .arr{
    color:#9b7e50 !important;
  }

  #dpmp-mobile .dpmp-content,
  #dpmp-mobile .dpmp-content *{
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  #dpmp-mobile .dpmp-content iframe,
  #dpmp-mobile .dpmp-content table{
    max-width:100% !important;
  }
}

@media(max-width:390px){
  :root{
    --dp-m-topbar-h:42px;
    --dp-m-logo-h:34px;
    --dp-m-search-h:47px;
    --dp-m-utility-h:94px;
    --dp-m-nav-gap:4px;
    --dp-m-nav-h:56px;
    --dp-m-header-total:196px;
  }

  #dpmp-mobile .dpmp-brand{
    flex-basis:var(--dp-m-logo-h) !important;
    width:100% !important;
  }

  #dpmp-mobile .dpmp-brand-logo{
    max-width:136px !important;
    max-height:32px !important;
  }

  #header .top-bar__container{
    padding-left:7px !important;
    padding-right:7px !important;
  }

  #dpmp-mobile .dpmp-bottom{
    padding-left:4px !important;
    padding-right:4px !important;
  }

  #dpmp-mobile .dpmp-nav{
    height:46px !important;
    border-radius:9px !important;
  }

  #dpmp-mobile .dpmp-nav .ico{
    font-size:18px !important;
  }

  #dpmp-mobile .dpmp-category-grid{
    grid-template-columns:1fr !important;
  }

  #dpmp-mobile .dpmp-cat{
    display:grid !important;
    grid-template-columns:96px minmax(0,1fr) !important;
    align-items:stretch !important;
  }

  #dpmp-mobile .dpmp-cat-media{
    height:82px !important;
    overflow:hidden !important;
  }

  #dpmp-mobile .dpmp-cat-media > img,
  #dpmp-mobile .dpmp-cat-image{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
  }

  #dpmp-mobile .dpmp-cat .ct{
    display:flex !important;
    align-items:center !important;
    min-height:82px !important;
  }
}

@media(max-width:767px) and (max-height:620px){
  :root{
    --dp-m-topbar-h:40px;
    --dp-m-utility-h:54px;
    --dp-m-nav-h:54px;
    --dp-m-header-total:148px;
  }

  #dpmp-mobile .dpmp-content{
    max-height:calc(100dvh - 196px) !important;
  }
}

@media(max-width:767px){

  #dpmp-mobile .dpmp-bottom{
    height:60px !important;
    padding:6px 6px 5px !important;
    align-items:stretch !important;
  }

  #dpmp-mobile .dpmp-nav{
    height:49px !important;
    min-height:49px !important;
    padding:5px 2px 4px !important;
    gap:3px !important;
    overflow:visible !important;
    justify-content:flex-start !important;
  }

  #dpmp-mobile .dpmp-nav .ico{
    position:relative !important;
    top:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:26px !important;
    min-width:26px !important;
    height:24px !important;
    min-height:24px !important;
    margin:0 auto 1px !important;
    padding:0 !important;
    overflow:visible !important;
    line-height:24px !important;
    transform:none !important;
  }

  #dpmp-mobile [data-panel="categories"]{
    overflow:visible !important;
  }

  #dpmp-mobile [data-panel="categories"] .ico{
    top:1px !important;
    width:28px !important;
    height:24px !important;
    min-width:28px !important;
    min-height:24px !important;
    margin-bottom:1px !important;
    overflow:visible !important;
    transform:scale(.96) !important;
    transform-origin:center center !important;
  }

  #dpmp-mobile .dpmp-nav > span:last-child,
  #dpmp-mobile .dpmp-nav .label{
    display:block !important;
    width:100% !important;
    min-height:10px !important;
    margin:0 !important;
    padding:0 !important;
    line-height:10px !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  #dpmp-mobile .dpmp-badge{
    top:0 !important;
    right:calc(50% - 22px) !important;
  }
}

@media(max-width:390px){
  #dpmp-mobile .dpmp-bottom{
    height:58px !important;
    padding-top:5px !important;
  }

  #dpmp-mobile .dpmp-nav{
    height:47px !important;
    min-height:47px !important;
  }

  #dpmp-mobile .dpmp-nav .ico{
    height:22px !important;
    min-height:22px !important;
    line-height:22px !important;
  }

  #dpmp-mobile [data-panel="categories"] .ico{
    width:26px !important;
    min-width:26px !important;
    height:22px !important;
    min-height:22px !important;
  }
}

@media(max-width:767px){

  #dpmp-mobile [data-panel="wishlist"] .dpmp-badge,
  #dpmp-mobile [data-panel="favorites"] .dpmp-badge,
  #dpmp-mobile [data-panel="cart"] .dpmp-badge,
  #dpmp-mobile [data-panel="wishlist"] [class*="badge"],
  #dpmp-mobile [data-panel="favorites"] [class*="badge"],
  #dpmp-mobile [data-panel="cart"] [class*="badge"],
  #dpmp-mobile [data-panel="wishlist"] [class*="count"],
  #dpmp-mobile [data-panel="favorites"] [class*="count"],
  #dpmp-mobile [data-panel="cart"] [class*="count"]{
    position:absolute !important;
    top:1px !important;
    right:calc(50% - 20px) !important;
    bottom:auto !important;
    left:auto !important;
    width:auto !important;
    min-width:14px !important;
    max-width:24px !important;
    height:14px !important;
    min-height:14px !important;
    max-height:14px !important;
    margin:0 !important;
    padding:0 3px !important;
    border:2px solid #fff !important;
    border-radius:999px !important;
    overflow:hidden !important;
    background:#e23b37 !important;
    box-shadow:none !important;
    transform:none !important;
    font-size:7px !important;
    line-height:10px !important;
  }

  #dpmp-mobile [data-panel="wishlist"] > :not(.ico):not(.label):not(.dpmp-badge),
  #dpmp-mobile [data-panel="favorites"] > :not(.ico):not(.label):not(.dpmp-badge),
  #dpmp-mobile [data-panel="cart"] > :not(.ico):not(.label):not(.dpmp-badge){
    max-width:24px !important;
    max-height:16px !important;
  }

  #dpmp-mobile [data-panel="wishlist"]::before,
  #dpmp-mobile [data-panel="wishlist"]::after,
  #dpmp-mobile [data-panel="favorites"]::before,
  #dpmp-mobile [data-panel="favorites"]::after,
  #dpmp-mobile [data-panel="cart"]::before,
  #dpmp-mobile [data-panel="cart"]::after{
    display:none !important;
    content:none !important;
  }

  #dpmp-mobile .dpmp-consult,
  #dpmp-mobile [class*="consult"]{
    box-sizing:border-box !important;
  }

  #dpmp-mobile .dpmp-consult{
    min-height:40px !important;
    margin:7px 8px !important;
    padding:6px 10px !important;
    border:1px solid #e0e7ee !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 5px 14px rgba(11,41,71,.06) !important;
  }

  #header,
  #dpmp-mobile,
  #dpmp-mobile .dpmp-bottom{
    max-width:100vw !important;
    overflow-x:clip !important;
  }
}

@media (min-width:1024px){
  #header_menu .header__menu-logo{
    display:flex !important;align-items:center !important;justify-content:center !important;
    flex:0 0 190px !important;height:58px !important;margin:0 12px 0 0 !important;
    padding:0 18px 0 8px !important;border-right:1px solid #e4eaf1 !important;
    box-sizing:border-box !important;overflow:hidden !important;
  }
  #header_menu .header__menu-logo > a{
    display:flex !important;align-items:center !important;justify-content:center !important;
    width:100% !important;height:54px !important;margin:0 !important;padding:3px 6px !important;
    background:transparent !important;border:0 !important;border-radius:0 !important;
    box-shadow:none !important;overflow:hidden !important;
  }
  #header_menu .header__menu-logo-image.dp-new-logo{
    display:block !important;width:auto !important;height:auto !important;
    max-width:155px !important;max-height:48px !important;margin:0 auto !important;padding:0 !important;
    object-fit:contain !important;object-position:center !important;transform:none !important;
    opacity:1 !important;filter:none !important;
  }
}
@media (min-width:1024px) and (max-width:1350px){
  #header_menu .header__menu-logo{flex-basis:155px !important;margin-right:6px !important;padding-left:5px !important;padding-right:10px !important;}
  #header_menu .header__menu-logo-image.dp-new-logo{max-width:130px !important;max-height:44px !important;}
}
@media (max-width:1023px){
  #header_menu .header__menu-logo,#header_menu .header__menu-logo-image.dp-new-logo{display:none !important;}
}
.header__menu-logo-image.dp-new-logo{aspect-ratio:auto !important;}

@media (min-width:1351px){
  #header_menu .header__menu-logo{
    flex:0 0 235px !important;
    width:235px !important;
    height:64px !important;
    margin:0 14px 0 0 !important;
    padding:0 18px 0 6px !important;
    overflow:visible !important;
  }

  #header_menu .header__menu-logo > a{
    width:100% !important;
    height:62px !important;
    padding:2px 4px !important;
    overflow:visible !important;
  }

  #header_menu .header__menu-logo-image.dp-new-logo{
    width:auto !important;
    height:auto !important;
    max-width:205px !important;
    max-height:58px !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:none !important;
  }
}

@media (min-width:1024px) and (max-width:1350px){
  #header_menu .header__menu-logo{
    flex:0 0 185px !important;
    width:185px !important;
    height:60px !important;
    margin-right:8px !important;
    padding:0 10px 0 4px !important;
    overflow:visible !important;
  }

  #header_menu .header__menu-logo > a{
    height:58px !important;
    padding:2px !important;
    overflow:visible !important;
  }

  #header_menu .header__menu-logo-image.dp-new-logo{
    width:auto !important;
    height:auto !important;
    max-width:165px !important;
    max-height:54px !important;
    object-fit:contain !important;
    transform:none !important;
  }
}

@media (max-width:1023px){
  #header_menu .header__menu-logo{
    display:none !important;
  }
}

@media (min-width:1024px){

  #header_menu_wrapper{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:12px 20px 16px !important;

    background:#ffffff !important;
    border:0 !important;
    box-shadow:none !important;

    overflow:visible !important;
    box-sizing:border-box !important;
  }

  #header_menu{
    position:relative !important;

    width:min(1840px,calc(100% - 12px)) !important;
    max-width:none !important;
    min-height:78px !important;

    margin:0 auto !important;
    padding:0 14px !important;

    background:#ffffff !important;

    border:1px solid #dfe6ee !important;
    border-radius:22px !important;

    box-shadow:
      0 14px 34px rgba(13,41,70,.10),
      0 2px 8px rgba(13,41,70,.05) !important;

    overflow:visible !important;
    box-sizing:border-box !important;
  }

  #header_menu::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:inherit !important;
    pointer-events:none !important;

    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.95) 0%,
        rgba(255,255,255,.82) 100%
      ) !important;

    z-index:0 !important;
  }

  #header_menu .dp-v6-nav{
    position:relative !important;
    z-index:2 !important;

    display:grid !important;

    grid-template-columns:
      255px
      minmax(118px,1.05fr)
      minmax(102px,.95fr)
      minmax(124px,1.05fr)
      minmax(72px,.75fr)
      minmax(86px,.82fr)
      minmax(98px,.9fr)
      minmax(164px,1.25fr)
      minmax(112px,.95fr)
      142px !important;

    align-items:center !important;
    gap:8px !important;

    min-height:76px !important;

    margin:0 !important;
    padding:6px 0 !important;

    list-style:none !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  #header_menu .header__menu-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    width:100% !important;
    min-width:0 !important;
    height:64px !important;

    margin:0 !important;
    padding:0 22px 0 8px !important;

    border-right:1px solid #e6ebf1 !important;
    background:transparent !important;

    overflow:visible !important;
    box-sizing:border-box !important;
  }

  #header_menu .header__menu-logo > a{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    width:100% !important;
    height:62px !important;

    margin:0 !important;
    padding:2px 0 !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    overflow:visible !important;
  }

  #header_menu .header__menu-logo-image.dp-new-logo{
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:220px !important;
    max-height:58px !important;

    margin:0 !important;

    object-fit:contain !important;
    object-position:left center !important;

    transform:none !important;
    filter:none !important;
  }

  .dp-v6-item{
    width:100% !important;
    height:56px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .dp-v6-link{
    position:relative !important;

    width:100% !important;
    min-height:46px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;

    padding:0 9px !important;

    background:transparent !important;
    color:#18344f !important;

    border:1px solid transparent !important;
    border-radius:12px !important;

    box-shadow:none !important;

    font-size:16px !important;
    font-weight:780 !important;
    line-height:1 !important;
    letter-spacing:.005em !important;
    white-space:nowrap !important;

    text-decoration:none !important;

    transition:
      background .18s ease,
      color .18s ease,
      border-color .18s ease,
      transform .18s ease !important;
  }

  .dp-v6-link span{
    display:inline !important;

    width:auto !important;
    height:auto !important;

    margin-left:2px !important;
    padding:0 !important;

    background:transparent !important;
    color:#70879d !important;

    border:0 !important;
    border-radius:0 !important;

    font-size:10px !important;
    line-height:1 !important;
  }

  .dp-v6-item:hover > .dp-v6-link,
  .dp-v6-item:focus-within > .dp-v6-link{
    background:#f3f7fb !important;
    color:#174f88 !important;

    border-color:#e0e8f0 !important;

    transform:translateY(-1px) !important;
  }

  .dp-v6-has-menu:hover > .dp-v6-link span{
    color:#245fae !important;
  }

  .dp-v6-link::before,
  .dp-v6-link::after{
    display:none !important;
    content:none !important;
  }

  .dp-v6-offers > .dp-v6-link{
    color:#bc2417 !important;
    background:#fff8f6 !important;

    border:1px solid #ffd9d3 !important;

    border-radius:13px !important;

    font-weight:820 !important;
  }

  .dp-v6-offers:hover > .dp-v6-link{
    color:#9f1c12 !important;
    background:#fff2ef !important;

    border-color:#ffc6be !important;
  }

  .dp-v6-item:last-child > .dp-v6-link{
    color:#ffffff !important;

    background:
      linear-gradient(
        145deg,
        #2b6cb2 0%,
        #1d5796 100%
      ) !important;

    border:1px solid #1d5796 !important;

    border-radius:13px !important;

    box-shadow:
      0 8px 18px rgba(36,95,174,.18) !important;
  }

  .dp-v6-item:last-child:hover > .dp-v6-link{
    color:#ffffff !important;

    background:
      linear-gradient(
        145deg,
        #245f9f 0%,
        #174a80 100%
      ) !important;

    border-color:#174a80 !important;

    transform:translateY(-1px) !important;
  }

  .dp-v6-info > .dp-v6-link{
    background:transparent !important;
    color:#18344f !important;
  }

  .dp-v6-dropdown{
    top:calc(100% + 10px) !important;

    border:1px solid #dce5ee !important;
    border-radius:18px !important;

    background:#ffffff !important;

    box-shadow:
      0 24px 60px rgba(13,41,70,.16),
      0 6px 18px rgba(13,41,70,.08) !important;
  }

  .dp-v6-dropdown::before{
    content:"" !important;

    position:absolute !important;
    top:-8px !important;
    left:50% !important;

    width:16px !important;
    height:16px !important;

    transform:translateX(-50%) rotate(45deg) !important;

    background:#ffffff !important;

    border-left:1px solid #dce5ee !important;
    border-top:1px solid #dce5ee !important;

    z-index:-1 !important;
  }

  .dp-v6-dropdown--info::before{
    left:auto !important;
    right:48px !important;
    transform:rotate(45deg) !important;
  }

  #header_menu_wrapper::before,
  #header_menu_wrapper::after,
  #header_menu::after{
    display:none !important;
    content:none !important;
  }
}

@media (min-width:1024px) and (max-width:1450px){

  #header_menu_wrapper{
    padding:10px 10px 14px !important;
  }

  #header_menu{
    width:calc(100% - 8px) !important;
    padding:0 8px !important;
    border-radius:18px !important;
  }

  #header_menu .dp-v6-nav{
    grid-template-columns:
      190px
      104px
      90px
      108px
      68px
      76px
      86px
      142px
      100px
      116px !important;

    gap:4px !important;
  }

  #header_menu .header__menu-logo{
    padding-right:12px !important;
  }

  #header_menu .header__menu-logo-image.dp-new-logo{
    max-width:165px !important;
    max-height:52px !important;
  }

  .dp-v6-link{
    padding-left:5px !important;
    padding-right:5px !important;

    font-size:10.5px !important;
  }
}

@media (max-width:1023px){

  #header_menu_wrapper{
    display:none !important;
    background:#ffffff !important;
  }

}

@media (min-width:1024px){

  #header,
  #header .header__wrapper,
  #header_menu_wrapper,
  .header__menu-wrapper{
    background:#ffffff !important;
    background-image:none !important;
    border-color:transparent !important;
  }

  #header_menu_wrapper{
    padding:10px 18px 14px !important;
    box-shadow:none !important;
  }

  #header_menu{
    width:min(1860px,calc(100% - 18px)) !important;
    min-height:82px !important;
    margin:0 auto !important;
    padding:0 12px !important;

    background:#ffffff !important;
    background-image:none !important;

    border:1px solid rgba(25,58,89,.11) !important;
    border-radius:24px !important;

    box-shadow:
      0 12px 30px rgba(19,48,76,.075),
      0 2px 7px rgba(19,48,76,.035) !important;
  }

  #header_menu::before{
    background:#ffffff !important;
  }

  #header_menu .dp-v6-nav{
    min-height:80px !important;
    grid-template-columns:
      270px
      minmax(118px,1.05fr)
      minmax(102px,.95fr)
      minmax(124px,1.05fr)
      minmax(72px,.75fr)
      minmax(86px,.82fr)
      minmax(98px,.9fr)
      minmax(164px,1.25fr)
      minmax(112px,.95fr)
      142px !important;
  }

  #header_menu .header__menu-logo{
    height:68px !important;
    padding:0 20px 0 2px !important;
    justify-content:flex-start !important;
    border-right:1px solid #e8edf2 !important;
  }

  #header_menu .header__menu-logo > a{
    height:66px !important;
    padding:0 !important;
    justify-content:flex-start !important;
  }

  #header_menu .header__menu-logo-image.dp-new-logo{
    max-width:235px !important;
    max-height:62px !important;
    margin:0 !important;
    object-position:left center !important;
  }

  .dp-v6-item:hover > .dp-v6-link,
  .dp-v6-item:focus-within > .dp-v6-link{
    background:#f6f9fc !important;
    border-color:#e5ebf1 !important;
    box-shadow:0 5px 12px rgba(24,52,79,.045) !important;
  }

  .dp-v6-offers > .dp-v6-link{
    background:#fff8f6 !important;
    border-color:#ffd8d1 !important;
  }

  .dp-v6-item:last-child > .dp-v6-link{
    box-shadow:0 7px 16px rgba(36,95,174,.16) !important;
  }
}

@media (min-width:1024px) and (max-width:1450px){
  #header_menu_wrapper{
    padding:8px 8px 12px !important;
  }

  #header_menu{
    width:calc(100% - 6px) !important;
    min-height:76px !important;
    border-radius:20px !important;
  }

  #header_menu .dp-v6-nav{
    min-height:74px !important;
    grid-template-columns:
      205px 104px 90px 108px 68px 76px 86px 142px 100px 116px !important;
  }

  #header_menu .header__menu-logo{
    height:62px !important;
    padding-left:0 !important;
    padding-right:12px !important;
  }

  #header_menu .header__menu-logo-image.dp-new-logo{
    max-width:182px !important;
    max-height:56px !important;
  }
}

@media (max-width:1023px){
  #header_menu_wrapper{
    display:none !important;
  }
}

@media (min-width:1024px){

  #header,
  #header_wrapper,
  #header > #header_wrapper,
  #header_menu_wrapper,
  .header__menu-wrapper{
    background:#ffffff !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
  }

  #header_menu_wrapper{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  #header_menu{
    width:100% !important;
    max-width:none !important;
    min-height:88px !important;

    margin:0 !important;
    padding:0 28px !important;

    background:#ffffff !important;
    background-image:none !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:
      0 1px 0 rgba(20,48,74,.08),
      0 10px 26px rgba(20,48,74,.055) !important;

    box-sizing:border-box !important;
    overflow:visible !important;
  }

  #header_menu::before,
  #header_menu::after,
  #header_menu_wrapper::before,
  #header_menu_wrapper::after{
    display:none !important;
    content:none !important;
  }

  #header_menu .dp-v6-nav{
    display:grid !important;
    grid-template-columns:
      280px
      minmax(120px,1.05fr)
      minmax(104px,.95fr)
      minmax(126px,1.05fr)
      minmax(74px,.75fr)
      minmax(88px,.82fr)
      minmax(100px,.9fr)
      minmax(170px,1.25fr)
      minmax(116px,.95fr)
      148px !important;

    align-items:center !important;
    gap:10px !important;

    min-height:86px !important;

    margin:0 !important;
    padding:8px 0 !important;

    box-sizing:border-box !important;
  }

  #header_menu .header__menu-logo{
    height:70px !important;
    margin:0 !important;
    padding:0 24px 0 0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    border-right:1px solid #e7ecf1 !important;
    background:#ffffff !important;

    overflow:visible !important;
  }

  #header_menu .header__menu-logo > a{
    width:100% !important;
    height:68px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    padding:0 !important;
    margin:0 !important;

    background:#ffffff !important;
    border:0 !important;
    box-shadow:none !important;
  }

  #header_menu .header__menu-logo-image.dp-new-logo{
    max-width:245px !important;
    max-height:64px !important;

    margin:0 !important;

    object-fit:contain !important;
    object-position:left center !important;
  }

  .dp-v6-item{
    height:58px !important;
  }

  .dp-v6-link{
    min-height:48px !important;
    padding:0 10px !important;

    border-radius:12px !important;

    color:#17344f !important;
    background:transparent !important;

    border:1px solid transparent !important;

    font-size:12px !important;
    font-weight:780 !important;

    box-shadow:none !important;
  }

  .dp-v6-item:hover > .dp-v6-link,
  .dp-v6-item:focus-within > .dp-v6-link{
    background:#f5f8fb !important;
    color:#174f88 !important;
    border-color:#e3eaf1 !important;
    transform:translateY(-1px) !important;
  }

  .dp-v6-offers > .dp-v6-link{
    background:#fff8f6 !important;
    color:#bc2417 !important;
    border-color:#ffd7d0 !important;
    border-radius:14px !important;
  }

  .dp-v6-item:last-child > .dp-v6-link{
    background:linear-gradient(145deg,#2b6cb2,#1d5796) !important;
    color:#ffffff !important;
    border-color:#1d5796 !important;
    border-radius:14px !important;
    box-shadow:0 8px 18px rgba(36,95,174,.16) !important;
  }

  .dp-v6-dropdown{
    top:calc(100% + 8px) !important;
    border:1px solid #dce5ee !important;
    border-radius:18px !important;
    background:#ffffff !important;
    box-shadow:
      0 24px 60px rgba(13,41,70,.16),
      0 6px 18px rgba(13,41,70,.08) !important;
  }
}

@media (min-width:1024px) and (max-width:1450px){

  #header_menu{
    min-height:80px !important;
    padding:0 14px !important;
  }

  #header_menu .dp-v6-nav{
    min-height:78px !important;
    grid-template-columns:
      210px
      104px
      90px
      108px
      68px
      76px
      86px
      144px
      100px
      118px !important;

    gap:5px !important;
  }

  #header_menu .header__menu-logo{
    height:64px !important;
    padding-right:14px !important;
  }

  #header_menu .header__menu-logo-image.dp-new-logo{
    max-width:188px !important;
    max-height:56px !important;
  }

  .dp-v6-link{
    font-size:14px !important;
    padding-left:5px !important;
    padding-right:5px !important;
  }
}

@media (max-width:1023px){
  #header_menu_wrapper{
    display:none !important;
  }
}

@media (min-width:1451px){
  #header_menu .dp-v6-link{font-size:16px !important;}
}
@media (min-width:1024px) and (max-width:1450px){
  #header_menu .dp-v6-link{font-size:14px !important;}
}
#header_menu .dp-v6-contact > .dp-v6-link{
  background:linear-gradient(145deg,#2b6cb2,#1d5796) !important;
  color:#fff !important;
  border-color:#1d5796 !important;
  border-radius:14px !important;
  box-shadow:0 8px 18px rgba(36,95,174,.16) !important;
}

@media (max-width:767px){
  #dpmp-mobile .dpmp-badge:empty,
  #dpmp-mobile .dpmp-badge[data-dp-empty="1"],
  #dpmp-mobile [class*="badge"]:empty,
  #dpmp-mobile [class*="count"]:empty{
    display:none !important;
  }

  #dpmp-mobile .dpmp-nav .dpmp-badge,
  #dpmp-mobile .dpmp-nav [class*="badge"],
  #dpmp-mobile .dpmp-nav [class*="count"]{
    width:auto !important;
    min-width:15px !important;
    max-width:22px !important;
    height:15px !important;
    min-height:15px !important;
    max-height:15px !important;
    padding:0 3px !important;
    border-radius:999px !important;
    line-height:11px !important;
    overflow:hidden !important;
    transform:none !important;
  }

  #dpmp-mobile .dpmp-badge[data-dp-empty="1"]{
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  #dpmp-mobile .dpmp-nav .active-indicator,
  #dpmp-mobile .dpmp-nav .indicator,
  #dpmp-mobile .dpmp-nav .underline,
  #dpmp-mobile .dpmp-nav .nav-indicator,
  #dpmp-mobile .dpmp-nav .progress,
  #dpmp-mobile .dpmp-nav [class*="indicator"],
  #dpmp-mobile .dpmp-nav [class*="underline"],
  #dpmp-mobile .dpmp-nav [class*="progress"]{
    display:none !important;
  }

  #dpmp-mobile [data-panel="wishlist"],
  #dpmp-mobile [data-panel="favorites"],
  #dpmp-mobile [data-panel="cart"]{
    border-bottom-color:transparent !important;
    box-shadow:none !important;
  }

  #dpmp-mobile [data-panel="wishlist"] > *,
  #dpmp-mobile [data-panel="favorites"] > *,
  #dpmp-mobile [data-panel="cart"] > *{
    border-bottom-width:0 !important;
  }
}

/* ---- dp-iu-header-spacing-v2 ---- */
@media (min-width:1024px){

  #header_menu .dp-v6-nav{
    grid-template-columns:
      160px
      minmax(104px,1fr)
      minmax(92px,.88fr)
      minmax(106px,.94fr)
      minmax(68px,.68fr)
      minmax(78px,.74fr)
      minmax(88px,.80fr)
      minmax(158px,1.20fr)
      minmax(154px,1.18fr)
      minmax(138px,1fr) !important;
    gap:8px !important;
  }

  .dp-v6-offers > .dp-v6-link{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .dp-v6-info{
    min-width:154px !important;
  }

  .dp-v6-info > .dp-v6-link{
    min-width:154px !important;
    padding-left:16px !important;
    padding-right:16px !important;
    justify-content:center !important;
    gap:7px !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }

  .dp-v6-info > .dp-v6-link span{
    flex:0 0 auto !important;
    margin-left:3px !important;
  }

  .dp-v6-contact{
    min-width:138px !important;
  }

  .dp-v6-contact > .dp-v6-link{
    min-width:138px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
}

@media (min-width:1024px) and (max-width:1360px){
  #header_menu .dp-v6-nav{
    grid-template-columns:
      142px
      minmax(96px,1fr)
      minmax(86px,.90fr)
      minmax(98px,.95fr)
      66px
      74px
      84px
      minmax(142px,1.16fr)
      minmax(144px,1.18fr)
      122px !important;
    gap:5px !important;
  }

  .dp-v6-info,
  .dp-v6-info > .dp-v6-link{
    min-width:144px !important;
  }

  .dp-v6-info > .dp-v6-link{
    padding-left:12px !important;
    padding-right:12px !important;
    font-size:11px !important;
  }

  .dp-v6-contact,
  .dp-v6-contact > .dp-v6-link{
    min-width:122px !important;
  }
}

/* ---- dp-safe-saune-desktop-grid ---- */
/* ============================================================
   DESKTOP NAV — 11 columns, rebalanced after adding Saune.
   Mobile (<1024px) is intentionally untouched.
   ============================================================ */
@media (min-width:1361px){
  #header_menu{
    width:min(1840px,calc(100% - 28px)) !important;
  }

  #header_menu .dp-v6-nav{
    display:grid !important;
    grid-template-columns:
      180px
      minmax(0,1.08fr)
      minmax(0,.86fr)
      minmax(0,1.00fr)
      minmax(0,.58fr)
      minmax(0,.70fr)
      minmax(0,.62fr)
      minmax(0,.76fr)
      minmax(0,1.20fr)
      minmax(0,1.10fr)
      minmax(0,1.06fr)
      minmax(0,.92fr) !important;
    align-items:center !important;
    gap:7px !important;
  }

  #header_menu .header__menu-logo{
    width:auto !important;
    min-width:0 !important;
    margin-right:0 !important;
  }

  .dp-v6-item{
    width:100% !important;
    min-width:0 !important;
  }

  .dp-v6-link{
    padding-left:8px !important;
    padding-right:8px !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  .dp-v6-offers,
  .dp-v6-info,
  .dp-v6-contact{
    width:100% !important;
    min-width:0 !important;
  }

  .dp-v6-offers > .dp-v6-link,
  .dp-v6-info > .dp-v6-link,
  .dp-v6-contact > .dp-v6-link{
    min-width:0 !important;
    width:100% !important;
  }
}

@media (min-width:1180px) and (max-width:1360px){
  #header_menu{
    width:calc(100% - 16px) !important;
  }

  #header_menu .dp-v6-nav{
    display:grid !important;
    grid-template-columns:
      124px
      minmax(0,1.06fr)
      minmax(0,.84fr)
      minmax(0,.98fr)
      minmax(0,.56fr)
      minmax(0,.68fr)
      minmax(0,.60fr)
      minmax(0,.74fr)
      minmax(0,1.00fr)
      minmax(0,1.08fr)
      minmax(0,1.02fr) !important;
    gap:4px !important;
  }

  #header_menu .header__menu-logo{
    width:auto !important;
    min-width:0 !important;
    margin-right:0 !important;
    padding-right:8px !important;
  }

  #header_menu .header__menu-logo-image{
    max-width:102px !important;
  }

  .dp-v6-item,
  .dp-v6-offers,
  .dp-v6-info,
  .dp-v6-contact{
    width:100% !important;
    min-width:0 !important;
  }

  .dp-v6-link{
    min-width:0 !important;
    padding-left:4px !important;
    padding-right:4px !important;
    font-size:10.6px !important;
  }

  .dp-v6-offers > .dp-v6-link,
  .dp-v6-info > .dp-v6-link,
  .dp-v6-contact > .dp-v6-link{
    width:100% !important;
    min-width:0 !important;
  }
}

@media (min-width:1024px) and (max-width:1179px){
  #header_menu{
    width:calc(100% - 10px) !important;
  }

  #header_menu .dp-v6-nav{
    display:grid !important;
    grid-template-columns:
      100px
      minmax(0,1.04fr)
      minmax(0,.82fr)
      minmax(0,.96fr)
      minmax(0,.54fr)
      minmax(0,.66fr)
      minmax(0,.58fr)
      minmax(0,.72fr)
      minmax(0,.98fr)
      minmax(0,1.06fr)
      minmax(0,1.00fr) !important;
    gap:2px !important;
  }

  #header_menu .header__menu-logo{
    width:auto !important;
    min-width:0 !important;
    margin-right:0 !important;
    padding-right:5px !important;
  }

  #header_menu .header__menu-logo-image{
    max-width:82px !important;
  }

  .dp-v6-item,
  .dp-v6-offers,
  .dp-v6-info,
  .dp-v6-contact{
    width:100% !important;
    min-width:0 !important;
  }

  .dp-v6-link{
    min-width:0 !important;
    padding-left:2px !important;
    padding-right:2px !important;
    gap:2px !important;
    font-size:9.4px !important;
    letter-spacing:-.015em !important;
  }

  .dp-v6-link span{
    margin-left:0 !important;
    font-size:8px !important;
  }

  .dp-v6-offers > .dp-v6-link,
  .dp-v6-info > .dp-v6-link,
  .dp-v6-contact > .dp-v6-link{
    width:100% !important;
    min-width:0 !important;
  }
}

/* Calculator Necesar keeps the 11-column layout on narrow desktop by hiding
   the duplicate Contact item; phone/B2B contact stays in the top bar. */
@media (min-width:1024px) and (max-width:1360px){
  html body #header_menu .dp-v6-contact{
    display:none !important;
  }
}

@media (min-width:1361px){
  html body #header_menu .dp-v6-calculator > .dp-v6-link{
    padding-left:4px !important;
    padding-right:4px !important;
  }
}

@media (min-width:1180px) and (max-width:1360px){
  html body #header_menu .dp-v6-calculator > .dp-v6-link{
    padding-left:2px !important;
    padding-right:2px !important;
  }
}

@media (min-width:1024px) and (max-width:1179px){
  html body #header_menu .dp-v6-calculator > .dp-v6-link{
    padding-left:1px !important;
    padding-right:1px !important;
  }
}

/* ============================================================
   SAUNE DROPDOWN
   ============================================================ */
@media (min-width:1024px){
  .dp-v6-saune > .dp-v6-dropdown--saune{
    left:50% !important;
    right:auto !important;
    width:min(520px,calc(100vw - 32px)) !important;
    padding:18px !important;
    transform:translate(-50%,10px) !important;
  }

  .dp-v6-saune:hover > .dp-v6-dropdown--saune,
  .dp-v6-saune:focus-within > .dp-v6-dropdown--saune{
    transform:translate(-50%,0) !important;
  }

  .dp-saune-featured{
    display:grid !important;
    grid-template-columns:92px minmax(0,1fr) 34px !important;
    align-items:center !important;
    gap:12px !important;
    min-height:96px !important;
    margin-top:14px !important;
    padding:8px !important;
    border:1px solid #dce8f4 !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,#f8fbff,#eef5fc) !important;
    color:#17334f !important;
    text-decoration:none !important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;
  }

  .dp-saune-featured:hover{
    transform:translateY(-2px) !important;
    border-color:#bfd5ea !important;
    box-shadow:0 12px 24px rgba(22,73,121,.10) !important;
  }

  .dp-saune-featured__media{
    display:block !important;
    width:92px !important;
    height:78px !important;
    overflow:hidden !important;
    border-radius:10px !important;
    background:#e8f0f7 !important;
  }

  .dp-saune-featured__media img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
  }

  .dp-saune-featured__body strong{
    display:block !important;
    color:#17334f !important;
    font-size:14px !important;
    line-height:1.25 !important;
    font-weight:850 !important;
  }

  .dp-saune-featured__body small{
    display:block !important;
    margin-top:5px !important;
    color:#6f8296 !important;
    font-size:11.5px !important;
    line-height:1.35 !important;
  }

  .dp-saune-featured__arrow{
    display:grid !important;
    place-items:center !important;
    width:30px !important;
    height:30px !important;
    border-radius:9px !important;
    background:#1f5d9f !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:900 !important;
  }

  .dp-saune-menu-label{
    margin:13px 2px 3px !important;
    color:#718096 !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
  }

  .dp-saune-menu-links{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding-top:8px !important;
  }

  .dp-saune-menu-links a{
    min-height:48px !important;
    line-height:1.25 !important;
  }
}

/* ---- dp-final-header-polish ---- */
@media (min-width:1024px){

  /* Let the header span the full viewport without the dark strip on the right. */
  #header_menu_wrapper{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    background:#f5f8fb !important;
  }

  #header_menu{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  #header_menu .dp-v6-nav{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
  }

  /* Slightly more breathing room around the final three items. */
  .dp-v6-offers{
    margin-left:4px !important;
  }

  .dp-v6-info{
    margin-left:6px !important;
  }

  .dp-v6-contact{
    margin-left:10px !important;
  }

  .dp-v6-offers > .dp-v6-link{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .dp-v6-info > .dp-v6-link{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .dp-v6-contact > .dp-v6-link{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  /* Prevent any theme pseudo-element or canvas background from showing
     as a vertical strip after the menu. */
  #header_menu_wrapper::before,
  #header_menu_wrapper::after,
  #header_menu::before,
  #header_menu::after{
    max-width:100% !important;
  }
}

@media (min-width:1361px){
  #header_menu .dp-v6-nav{
    grid-template-columns:
      148px
      minmax(0,1.08fr)
      minmax(0,.86fr)
      minmax(0,1.00fr)
      minmax(0,.58fr)
      minmax(0,.70fr)
      minmax(0,.62fr)
      minmax(0,.76fr)
      minmax(0,1.20fr)
      minmax(0,1.10fr)
      minmax(0,1.06fr)
      minmax(0,.92fr) !important;
    gap:6px !important;
  }
}

@media (min-width:1180px) and (max-width:1360px){
  #header_menu .dp-v6-nav{
    grid-template-columns:
      124px
      minmax(0,1.06fr)
      minmax(0,.86fr)
      minmax(0,.96fr)
      minmax(0,.58fr)
      minmax(0,.68fr)
      minmax(0,.60fr)
      minmax(0,.74fr)
      minmax(0,1.18fr)
      minmax(0,1.16fr)
      minmax(0,1fr) !important;
    gap:5px !important;
  }

  .dp-v6-offers{
    margin-left:2px !important;
  }

  .dp-v6-info{
    margin-left:4px !important;
  }

  .dp-v6-contact{
    margin-left:6px !important;
  }
}

@media (min-width:1024px) and (max-width:1179px){
  .dp-v6-offers,
  .dp-v6-info,
  .dp-v6-contact{
    margin-left:0 !important;
  }
}
@media (max-width:1023px){
  #header_menu_wrapper{
    display:none !important;
  }
}

/* ===================== E1 — NAVIGATION FIX (inceput) =====================
   C. Breakpoint 768-1023: randul de header (care contine burgerul) era ascuns
      de .top-bar{display:none} (@media max-width:900px + theme.css max-width:991px),
      iar #header_wrapper/.header__menu-wrapper/#header_menu_wrapper sunt copii ai .top-bar.
      Se re-activeaza randul pentru 768-1023 (burger = singurul canal de navigare acolo).
   D. Dropdown-ul mega rămâne 100% în viewport: ancorare stanga/dreapta pe item,
      latime limitata la calc(100vw - 48px), fara transform centrat care iesea in afara.
   F. Focus vizibil pentru linkurile de meniu.
   ======================================================================== */
@media screen and (min-width:768px) and (max-width:1023px){
  .top-bar{
    display:flex !important;
    position:relative !important;
    height:auto !important;
    min-height:72px !important;
    overflow:visible !important;
  }

  .top-bar > .top-bar__container{
    display:none !important;
  }

  #header_wrapper,
  .header__wrapper{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:72px !important;
    padding:8px 12px !important;
    box-sizing:border-box !important;
  }

  #header .header__menu-toggle{
    display:flex !important;
    position:relative !important;
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
    visibility:visible !important;
    opacity:1 !important;
    z-index:2 !important;
  }
}

@media (min-width:1024px){
  .dp-v6-item:not(.dp-v6-info):not(.dp-v6-saune) > .dp-v6-dropdown{
    left:0 !important;
    right:auto !important;
    width:min(1000px,calc(100vw - 48px)) !important;
    max-width:calc(100vw - 48px) !important;
    transform:translate(0,10px) !important;
  }

  .dp-v6-item:not(.dp-v6-info):not(.dp-v6-saune):hover > .dp-v6-dropdown,
  .dp-v6-item:not(.dp-v6-info):not(.dp-v6-saune):focus-within > .dp-v6-dropdown{
    transform:translate(0,0) !important;
  }

  .dp-v6-item:nth-last-child(-n+3):not(.dp-v6-info):not(.dp-v6-saune) > .dp-v6-dropdown{
    left:auto !important;
    right:0 !important;
  }

  .dp-v6-item:not(.dp-v6-info):not(.dp-v6-saune) > .dp-v6-dropdown::before{
    display:none !important;
    content:none !important;
  }

  .dp-v6-dropdown .dp-v6-links{
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;
  }
}

#header_menu .dp-v6-link:focus-visible,
#header .header__menu-toggle:focus-visible{
  outline:3px solid #245fae !important;
  outline-offset:2px !important;
  border-radius:8px !important;
}
/* ===================== E1 — NAVIGATION FIX (sfarsit) ===================== */

/* ===================== E1 POLISH — CARDURI MEGA-MENU COMPACTE (inceput) =====================
   Doar CSS, doar cardurile/panoul mega. Nu schimba markup, href, data-*, JS, hover/focus, breakpointuri.
   Inainte -> dupa (inaltime card): standard 82px -> 60px (-26.8%) | policarbonat 102px -> 74px (-27.5%)
   Imagine: 80x66 -> 62x48 (standard) | 100x84 -> 74x62 (policarbonat), object-fit:cover, aspect pastrat.
   ========================================================================================= */
@media (min-width:1024px){

  /* --- panou mai dens, latime limitata (2 coloane, fara carduri prea late) --- */
  .dp-v6-item:not(.dp-v6-info):not(.dp-v6-saune) > .dp-v6-dropdown{
    width:min(680px,calc(100vw - 48px)) !important;
    padding:14px !important;
  }

  /* --- ancorare pe zona din care face parte itemul (fara iesire din viewport) --- */
  .dp-v6-item:nth-last-child(-n+5):not(.dp-v6-info):not(.dp-v6-saune) > .dp-v6-dropdown{
    left:auto !important;
    right:0 !important;
  }

  /* itemii din centru-stanga: panou mai ingust, ca sa incapa la 1024-1440 */
  .dp-v6-item:not([data-dp-key="policarbonat"]):not(.dp-v6-info):not(.dp-v6-saune):not(:nth-last-child(-n+5)) > .dp-v6-dropdown{
    width:min(520px,calc(100vw - 48px)) !important;
  }

  .dp-v6-dropdown .dp-v8-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:10px 0 4px !important;
  }

  /* --- card standard: padding/gap/min-height reduse, radius pastrat --- */
  .dp-v8-card-grid .dp-v8-category-card{
    grid-template-columns:62px minmax(0,1fr) !important;
    min-height:58px !important;
    padding:5px !important;
    border-radius:13px !important;
  }

  .dp-v8-card-grid .dp-v8-category-media{
    width:62px !important;
    height:48px !important;
    border-radius:9px !important;
  }

  .dp-v8-card-grid .dp-v8-category-media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .dp-v8-card-grid .dp-v8-category-body{
    padding:2px 6px 2px 9px !important;
  }

  .dp-v8-card-grid .dp-v8-category-body strong{
    font-size:13px !important;
    line-height:1.14 !important;
  }

  .dp-v8-card-grid .dp-v8-category-body small{
    margin-top:2px !important;
    font-size:11px !important;
  }

  /* --- policarbonat (varianta mare): gap/padding/inaltime reduse proporțional --- */
  .dp-v6-item[data-dp-key="policarbonat"] .dp-v8-card-grid{
    gap:8px !important;
  }

  .dp-v6-item[data-dp-key="policarbonat"] .dp-v8-card-grid .dp-v8-category-card{
    min-height:72px !important;
    grid-template-columns:76px minmax(0,1fr) !important;
    padding:5px !important;
    border-radius:14px !important;
  }

  .dp-v6-item[data-dp-key="policarbonat"] .dp-v8-card-grid .dp-v8-category-media{
    width:74px !important;
    height:62px !important;
    border-radius:10px !important;
  }

  .dp-v6-item[data-dp-key="policarbonat"] .dp-v8-card-grid .dp-v8-category-body strong{
    font-size:14px !important;
    line-height:1.2 !important;
  }

  .dp-v6-item[data-dp-key="policarbonat"] .dp-v8-card-grid .dp-v8-category-body small{
    margin-top:5px !important;
    font-size:12px !important;
  }

  /* --- CTA „Vezi toate ...” : usor mai compact vertical, dar dominant --- */
  .dp-v6-has-menu > .dp-v6-dropdown > .dp-v6-all{
    min-height:38px !important;
    margin-top:6px !important;
    border-radius:10px !important;
  }

  /* --- fallback SSR (fara JS): lista de linkuri, usor mai compacta --- */
  .dp-v6-dropdown .dp-v6-links a:not(.dp-v8-category-card){
    min-height:34px !important;
    padding:6px 9px !important;
  }
}
/* ===================== E1 POLISH — CARDURI MEGA-MENU COMPACTE (sfarsit) ===================== */


/* ---- dp-calc-scope-css ---- */
html:has(.breadcrumb a[href*="/catalog/sere-"]) #header .dp-v6-calculator,
html:has(.facet__option--active a[href*="/catalog/sere-"]) #header .dp-v6-calculator,
html:has(.breadcrumb a[href*="/catalog/pergole-"]) #header .dp-v6-calculator,
html:has(.facet__option--active a[href*="/catalog/pergole-"]) #header .dp-v6-calculator,
html:has(.breadcrumb a[href*="/catalog/saune-"]) #header .dp-v6-calculator,
html:has(.facet__option--active a[href*="/catalog/saune-"]) #header .dp-v6-calculator {
	display: none !important;
}

/* ---- dp-mini-cart-pro-css ---- */
/* ===== DP mini-cart pro (2026-11-03) ===== */
@media (min-width: 768px) {
  #dp-desktop-cart-popup {
    width: min(440px, calc(100vw - 24px)) !important;
    max-height: min(760px, calc(100vh - 24px)) !important;
    border-radius: 18px !important;
    border-color: #dfe8f2 !important;
    box-shadow: 0 24px 60px rgba(15,23,42,.20), 0 6px 18px rgba(15,23,42,.08) !important;
  }
  #dp-desktop-cart-popup .dp-desktop-cart-head {
    flex: 0 0 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 14px 0 18px !important;
    border-bottom: 1px solid #eef2f6 !important;
  }
  #dp-desktop-cart-popup .dp-desktop-cart-title {
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
  }
  #dp-desktop-cart-popup .dp-desktop-cart-content { padding: 0 !important; }
  #dp-desktop-cart-popup .cart-dropdown__title { display: none !important; }
  #dp-desktop-cart-popup .dp-ship { display: none !important; }
  #dp-desktop-cart-popup .dropdown-items__table-wrapper { padding: 10px 12px 2px !important; margin: 0 !important; }
  #dp-desktop-cart-popup .dropdown-items__table,
  #dp-desktop-cart-popup .dropdown-items__body { display: block !important; width: 100% !important; }
  #dp-desktop-cart-popup .dropdown-items__row {
    display: grid !important;
    grid-template-columns: 62px minmax(0,1fr) auto !important;
    grid-template-areas: "img details price" "img qty price" !important;
    gap: 5px 12px !important;
    margin: 0 0 8px !important;
    padding: 10px !important;
    border: 1px solid #e7eef6 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(15,23,42,.03) !important;
  }
  #dp-desktop-cart-popup .dropdown-items__cell { display: block !important; padding: 0 !important; border: 0 !important; vertical-align: top !important; }
  #dp-desktop-cart-popup .dropdown-items__cell--image { grid-area: img !important; align-self: center !important; }
  #dp-desktop-cart-popup .dropdown-items__cell--details { grid-area: details !important; min-width: 0 !important; }
  #dp-desktop-cart-popup .dropdown-items__cell--quantity { grid-area: qty !important; }
  #dp-desktop-cart-popup .dropdown-items__cell--price { grid-area: price !important; align-self: center !important; white-space: nowrap !important; text-align: right !important; }
  #dp-desktop-cart-popup .dropdown-items__image { width: 62px !important; height: 62px !important; border-radius: 10px !important; background: #f7f9fc !important; overflow: hidden !important; }
  #dp-desktop-cart-popup .dropdown-items__image img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
  #dp-desktop-cart-popup .dropdown-items__item-name { display: block !important; margin: 0 0 2px !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #17263a !important; text-decoration: none !important; }
  #dp-desktop-cart-popup .dropdown-items__options { font-size: 11px !important; line-height: 1.35 !important; color: #667085 !important; }
  #dp-desktop-cart-popup .dropdown-items__cell-wrapper { display: flex !important; align-items: center !important; gap: 7px !important; }
  #dp-desktop-cart-popup .quantity-spinner { border: 1px solid #dbe4ee !important; border-radius: 999px !important; background: #fff !important; overflow: hidden !important; }
  #dp-desktop-cart-popup .quantity-spinner__button { width: 29px !important; height: 29px !important; min-width: 29px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #f4f7fb !important; color: #17263a !important; font-size: 16px !important; line-height: 29px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: none !important; }
  #dp-desktop-cart-popup .quantity-spinner__button:hover { background: #e8eff8 !important; }
  #dp-desktop-cart-popup .cart__item-quantity { width: 34px !important; height: 29px !important; min-height: 29px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; text-align: center !important; font-size: 12px !important; font-weight: 800 !important; background: #fff !important; box-shadow: none !important; }
  #dp-desktop-cart-popup .dropdown-items__quantity-options { margin-left: 4px !important; }
  #dp-desktop-cart-popup .dropdown-items__remove-item { width: 29px !important; height: 29px !important; padding: 0 !important; border: 1px solid #f1d4d4 !important; border-radius: 8px !important; background: #fff7f7 !important; color: #b42318 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
  #dp-desktop-cart-popup .dropdown-items__remove-item:hover { background: #feecec !important; }
  #dp-desktop-cart-popup .dropdown-items__line-total { font-size: 13px !important; font-weight: 800 !important; color: #17263a !important; }
  #dp-desktop-cart-popup .cart-dropdown__totals-container { margin: 0 !important; padding: 10px 14px 4px !important; border-top: 1px solid #eef2f6 !important; }
  #dp-desktop-cart-popup .cart-dropdown-totals { display: grid !important; gap: 5px !important; }
  #dp-desktop-cart-popup .cart-dropdown-totals__item { display: flex !important; justify-content: space-between !important; gap: 12px !important; font-size: 12px !important; }
  #dp-desktop-cart-popup .cart-dropdown-totals__item--discount .cart-dropdown-totals__item-value { color: #128c54 !important; }
  #dp-desktop-cart-popup .cart-dropdown-totals__item--shipping { display: none !important; }
  #dp-desktop-cart-popup .cart-dropdown__actions { padding: 10px 12px 12px !important; gap: 8px !important; display: flex !important; flex-direction: column !important; border-top: 1px solid #eef2f6 !important; }
  #dp-desktop-cart-popup .cart-dropdown__action { width: 100% !important; min-height: 44px !important; border-radius: 10px !important; font-size: 13.5px !important; font-weight: 800 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
  #dp-desktop-cart-popup .cart-dropdown__action--back { background: #166534 !important; border-color: #166534 !important; color: #fff !important; }
  #dp-desktop-cart-popup .cart-dropdown__action--back:hover { background: #12522a !important; }
  #dp-desktop-cart-popup .cart-dropdown__action--view-cart { background: #fff !important; border: 1px solid #d7e2ee !important; color: #17263a !important; }
  #dp-desktop-cart-popup .dp-desktop-cart-support-host { flex: 0 0 auto !important; border-top: 1px solid #eef2f6 !important; background: #f7fbff !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support { padding: 11px 14px 12px !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__head { margin: 0 0 8px !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__head strong { display: block !important; font-size: 13px !important; font-weight: 800 !important; color: #112b42 !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__head span { display: block !important; margin-top: 2px !important; font-size: 11.5px !important; line-height: 1.4 !important; color: #5b6f80 !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__form .form__row { margin: 0 0 7px !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__form .form__label { font-size: 11px !important; font-weight: 700 !important; margin-bottom: 2px !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__form .form-control { min-height: 36px !important; height: 36px !important; border-radius: 8px !important; font-size: 12px !important; padding: 6px 9px !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__form .form__buttons { margin-top: 4px !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__form .form__buttons button { width: 100% !important; min-height: 38px !important; height: 38px !important; border-radius: 8px !important; font-size: 12.5px !important; font-weight: 800 !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__form[hidden] { display: none !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__privacy { margin: 5px 0 0 !important; font-size: 9.5px !important; line-height: 1.35 !important; color: #6b7c8d !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__privacy { display: none !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__form .form__buttons button:not([type="submit"]),
  #dp-desktop-cart-popup .dp-mini-cart-support__form .form__buttons a { display: none !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__privacy a { color: #245eae !important; text-decoration: underline !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__form .form__row:has([name$="[email]"]),
  #dp-desktop-cart-popup .dp-mini-cart-support__form .form__row:has([name$="[reason]"]),
  #dp-desktop-cart-popup .dp-mini-cart-support__form .form__row:has([name$="[message]"]),
  #dp-desktop-cart-popup .dp-mini-cart-support__form .form__row:has([name$="[company]"]) { display: none !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__success { margin: 6px 0 0 !important; padding: 8px 10px !important; border: 1px solid #cdecd8 !important; border-radius: 8px !important; background: #f0faf3 !important; color: #16523a !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1.4 !important; }
  #dp-desktop-cart-popup .dp-mini-cart-support__error { margin: 6px 0 0 !important; padding: 7px 9px !important; border: 1px solid #f3c7c7 !important; border-radius: 8px !important; background: #fff5f5 !important; color: #9b2c2c !important; font-size: 11px !important; line-height: 1.4 !important; }
}

/* ---- dp-ui-fixes ---- */
/* =====================================================================
   DP UI FIXES - CANONICAL / FINAL (iteration 9). Consolidated from it. 3 and 5.
   Every rule is measured on the live site (390 / 768 / 1024 / 1440 / 1920).
   Removed: the old 225->229 candidate, unmatched sidebar selector families,
   the duplicate header block (it re-added 8px of .top-bar padding, 191 vs 183)
   and the two competing sticky blocks.
   ===================================================================== */

/* ---------- 1 CATEGORY NAV SIDEBAR (category navigation, NOT filters) ----------
   Applied theme selectors: .page--catalog-products .facet__option a
   { min-height:27px } and .facets-sidebar { font-size:.9em } (inherited, not
   declared on the anchor). Verified: 14px / 600 / 46px minimum row. */
html body .facets-sidebar {
font-size: 14px !important;
}

html body .facets-sidebar .facet__option a {
display: flex !important;
align-items: center !important;
min-height: 46px !important;
height: auto !important;
padding: 10px 12px !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
color: #1f2d3d !important;
white-space: normal !important;
}

html body .facets-sidebar .facet__option {
min-height: 46px !important;
border-bottom: 1px solid #eef2f6 !important;
}

html body .facets-sidebar .facet__option:last-child {
border-bottom: 0 !important;
}

html body .facets-sidebar .facet__option a:hover {
background: #f5f8fb !important;
}

html body .facets-sidebar .facet__option a[aria-current],
html body .facets-sidebar .facet__option.active > a,
html body .facets-sidebar li.active > a {
background: #eef4fa !important;
color: #0f5ea8 !important;
font-weight: 700 !important;
}

html body .facets-sidebar .facet__option .facet__option a {
font-size: 13.5px !important;
font-weight: 500 !important;
min-height: 42px !important;
padding-left: 28px !important;
}

/* ---------- 2 HEADER COMPACTION (>=1400 DESKTOP ONLY) ----------
   Measured drivers at 1440: .top-bar min-height 72 + padding 8/8,
   .header__wrapper min-height 72 + padding 8/8, nav padding 8/8,
   .search-inline 3rem (48px), .header__menu last band 80 -> 68.
   Desktop band = >=1400 (see section 7); inside 1024-1399 the header is the
   tablet band (section 6) and these desktop numbers must not leak into it. */
@media (min-width: 1400px) {
html body #header .top-bar {
min-height: 40px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}

html body #header #header_wrapper,
html body #header .header__wrapper {
min-height: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}

html body #header #header_menu {
min-height: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}

html body #header #header_menu .dp-v6-nav {
min-height: 52px !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
line-height: 1.2 !important;
}

html body #header .search-inline {
height: 36px !important;
min-height: 0 !important;
}

html body #header .header__actions {
min-height: 0 !important;
height: auto !important;
}
}

/* ---------- 3 STICKY HEADER (>=1400 DESKTOP ONLY) ----------
   ROOT CAUSE (measured): the theme declares the header box with !important on a
   higher-rank rule later in document order, so a plain #header rule is ignored
   (computed position stayed relative, top -300 at scrollY 300) while the native
   scroll state (body.header-sticky / .header--sticky) only collapses the header.
   The doubled id below outranks the theme rule; html/body overflow is deliberately
   NOT overridden, so overlay scroll-lock keeps working. */
@media (min-width: 1400px) {
html body #header#header {
position: sticky !important;
top: 0 !important;
z-index: 900 !important;
background: #fff !important;
}
}

/* ---------- 4 NEWSLETTER: never cover the header band ----------
   Last position rule on #header on purpose: while the popup is open the header
   must stay in flow. Verified trusted hit test with the popup OPEN: header points
   return header elements; dialog starts below the header bottom. */
html body .dph-nl-backdrop {
top: var(--dp-hdr-h, 0px) !important;
height: calc(100% - var(--dp-hdr-h, 0px)) !important;
}

html body .dph-nl-dialog {
margin-top: var(--dp-hdr-h, 0px) !important;
max-height: calc(100vh - var(--dp-hdr-h, 0px) - 24px) !important;
}

html.dph-nl-open #header,
html.dph-nl-open #header > * {
position: relative !important;
z-index: 1000 !important;
}

/* ---------- 5 FOCUS-VISIBLE (real Tab verified: 14/14 header stops show it) ---------- */
html body #header a:focus-visible,
html body #header button:focus-visible,
html body .dp-v6-dropdown a:focus-visible,
html body .facets-sidebar a:focus-visible,
html body [class*="mobile-menu"] a:focus-visible,
html body [class*="mobile-menu"] button:focus-visible {
outline: 2px solid #0f5ea8 !important;
outline-offset: 2px !important;
border-radius: 4px !important;
}

/* =====================================================================
   6 TABLET HEADER BAND 1024-1399  (NATIVE GUARD ACTIVATION)
   ---------------------------------------------------------------------
   WHY THIS EXISTS (source proof, iteration 13 - chunk 1675, the theme's own
   header module, verbatim):

     mpro.addInitStatic(async e => {
       const t = e.find("[data-mobile-menu]");
       if (t.length > 0) {                       // server markup, present at ALL widths
         ...
         const d = e.find("[data-menu-toggle]");
         if (d.length > 0 && d.is(":visible")) { // <== THE ONLY GUARD
           const { default: e } = await o.e(3704).then(o.bind(o, 13704)); // native Mmenu lib chunk
           c();                                  // native ctor: new Mmenu(a, {...})
           d.on("click", e => { e.preventDefault(); l.API.open(); });
         }
       }
     });

   There is NO numeric breakpoint in the guard: it is jQuery `:visible` on
   a.header__menu-toggle[data-menu-toggle]. The theme's own CSS sets that toggle to
   display:none from 1024 up (measured: rect 0x0 at 1024 on an untouched page, and
   window.Mmenu === undefined / .mm-menu === 0 / #mmenu_offcanvas absent because the
   initializer's branch never ran). Making the toggle visible again in this band at
   FIRST PAINT - before mpro.initStatics() runs - makes the theme itself load chunk
   3704 and create/own its native Mmenu instance. No second menu, no re-implemented
   config, no duplicated category data.
   Measured (fresh load with this file applied from document start): 1024 / 1152 /
   1280 / 1360 / 1399 -> window.Mmenu = function, js/rv03/3704.*.js requested,
   #mm-1.mobile-menu.mm-menu created, trusted click on the toggle opens it. */
@media (min-width: 1024px) and (max-width: 1399px) {
/* the desktop navigation (and its logo) is not part of the tablet header */
html body #header #header_menu_wrapper {
display: none !important;
}

html body #header #header_menu .header__menu-logo {
display: none !important;
}

/* THE GUARD: display != none + non-zero box => jQuery :visible === true */
html body #header .header__menu-toggle {
display: flex !important;
position: relative !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
align-items: center !important;
justify-content: center !important;
visibility: visible !important;
opacity: 1 !important;
}

/* the mobile header paints .top-bar as fixed/overflow:hidden/42px tall, which clips
   and then loses the 44px toggle (measured at 390, y 58..102). Inside this band the
   bar must be an in-flow box so the toggle stays clickable. */
html body #header .top-bar {
position: relative !important;
overflow: visible !important;
height: auto !important;
min-height: 0 !important;
}

html body #header .top-bar__container {
min-height: 0 !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
}

html body #header #header_wrapper,
html body #header .header__wrapper {
min-height: 0 !important;
padding: 6px 12px !important;
}
}

/* =====================================================================
   7 HEADER MODE THRESHOLDS (single source of truth)
   ---------------------------------------------------------------------
   <1024          mobile header  (theme default, untouched: menu verified at 390/1023)
   1024..1399     tablet header  (section 6 - same toggle/DOM, native Mmenu, >=1024
                                  even though the mobile band ends at 1023)
   >=1400         desktop header (sections 2 and 3; 1440 verified 183px / sticky /
                                  nav hit 10/10)
   The JS mmBridge in 02_ui_fixes.js carries the same <1400 limit. */


/* ---- dp-final-repair ---- */

/* FINAL REPAIR 1 — PLP: the filter sidebar must contain FILTERS only.
   The MerchantPro category-tree facet (#facet_category, class facet--tree, 11 category links, measured 643px tall)
   is hidden here. Taxonomy, URLs, products and assignments are NOT touched: only the rendering in the sidebar. */
html body .facets-sidebar #facet_category,
html body .facets-sidebar .facet--tree {
display: none !important;
}
/* FINAL REPAIR 2 — mobile: phone / Contact B2B / schedule were rendered inside a 42px-tall fixed .top-bar with
   overflow:hidden, so the 72px-tall .top-bar__container was clipped and the information invisible.
   The bar keeps its place, but it is no longer a clipped 42px box. */
@media (max-width: 1023px) {
html body #header .top-bar {
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
}
html body #header .top-bar > .top-bar__container {
height: auto !important;
min-height: 56px !important;
flex-wrap: wrap !important;
row-gap: 4px !important;
}
}

/* FINAL REPAIR 3 (iteration 15d) — real mobile logo + nav/mega premium pass */
html body #header .top-bar__container > .dp-mobile-logo { display: none !important; }
@media (max-width: 1023px) {
html body #header .top-bar__container { gap: 8px !important; }
html body #header .top-bar__container > .dp-mobile-logo { display: flex !important; align-items: center !important; flex: 0 0 auto !important; margin-right: 4px !important; }
html body #header .top-bar__container > .dp-mobile-logo img { width: 108px !important; height: auto !important; max-height: 34px !important; object-fit: contain !important; display: block !important; }
@media (min-width: 768px) and (max-width: 1023px) {
    html body #header .top-bar {
        margin-top: 0 !important;
    }
    html body #header .top-bar__container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        height: auto !important;
        min-height: 0 !important;
        gap: 10px !important;
    }
    html body #header .top-bar__container > .dp-mobile-logo img {
        width: 108px !important;
        max-height: 34px !important;
    }
}
}
html body #header .header__menu-wrapper { background: #fff !important; border: 0 !important; border-bottom: 1px solid #e8eef6 !important; box-shadow: none !important; }
html body #header #header_menu { background: transparent !important; }
html body #header #header_menu .dp-v6-link { border-radius: 10px !important; padding: 9px 12px !important; font-weight: 600 !important; transition: background .16s ease, color .16s ease !important; }
html body #header #header_menu .dp-v6-link:hover, html body #header #header_menu .dp-v6-link:focus-visible { background: #f1f6fc !important; color: #0f5ea8 !important; }
html body #header .dp-v6-dropdown { border-radius: 14px !important; border: 1px solid #e8eef6 !important; box-shadow: 0 20px 44px rgba(15,45,80,.14) !important; padding: 16px !important; }
html body #header .dp-v6-dropdown a { border-radius: 10px !important; transition: background .16s ease !important; }
html body #header .dp-v6-dropdown a:hover { background: #f5f9fe !important; }


/* ---- dp-hdr-coherence ---- */
/* DP HEADER COHERENCE: one surface, readable nav, compact search, correct anchor offset */
html body #header .top-bar { background:#ffffff !important; color:#0f2a4a !important; border-bottom:1px solid #e8eef6 !important; }
html body #header .top-bar__left span, html body #header .top-bar__left a { color:#3d5064 !important; }
html body #header .top-bar__right a, html body #header .top-bar__b2b { color:#0f2a4a !important; }
html body #header .search-inline { max-width:560px !important; margin-left:auto !important; height:46px !important; min-height:0 !important; max-height:48px !important; }
html body #header .search-inline input, html body #header input[type="search"] { height:46px !important; max-height:46px !important; line-height:46px !important; padding:0 44px 0 16px !important; font-size:15px !important; border-radius:14px !important; background:#f4f8fc !important; border:1px solid #dbe6f1 !important; box-shadow:none !important; }
html body #header .search-inline button, html body #header .search-inline [class*="btn"], html body #header .search-inline [class*="icon"] { height:46px !important; max-height:46px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:transparent !important; }
html body #header .search-inline svg { width:18px !important; height:18px !important; }
html body #header .header__menu-wrapper { background:#ffffff !important; border-bottom:1px solid #e8eef6 !important; }
html body #header .header__menu-wrapper a, html body #header .header__menu-wrapper .dp-v6-link, html body #header_menu a, html body #header_menu .dp-v6-link { color:#12325c !important; background-color:transparent !important; }
html body #header .header__menu-wrapper a:hover, html body #header .header__menu-wrapper a:focus-visible, html body #header_menu .dp-v6-link:hover, html body #header_menu .dp-v6-item:hover > a { color:#0f5ea8 !important; background-color:#f1f6fc !important; }
html body #header.header--sticky, html body #header.header--sticky .top-bar, html body #header.header--sticky .header__menu-wrapper { background:#ffffff !important; box-shadow:0 8px 24px rgba(15,45,80,.08) !important; }
html body #header.header--sticky .top-bar__left span, html body #header.header--sticky .top-bar__right a { color:#0f2a4a !important; }
html { scroll-padding-top:120px !important; }

/* ---- dp-cat-title-offset ---- */
/* Category + product pages: clear the floating desktop header so the H1 title is not hidden under the menu (v4) */
@media (min-width: 1024px) {
  html body .page--catalog-products { margin-top: 138px !important; }
}
@media (min-width: 1400px) {
  html body .page--product-details:not(.dp-sere-native) { margin-top: 138px !important; }
}

/* ---- dp-phone-static-boot-v3 ---- */
#dp-phone-clean{display:none;}

@media (max-width:767px){
  :root{
    --dpc-top:92px;
    --dpc-nav:58px;
    --dpc-total:150px;
    --dpc-ink:#12324f;
    --dpc-blue:#1f67aa;
    --dpc-line:#dfe7ef;
    --dpc-soft:#f6f9fc;
  }

  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  body{padding-top:var(--dpc-total)!important;}

  /* Old mobile systems are not painted on phone. */
  #header .top-bar,
  #header_wrapper,
  #header .header__menu-wrapper,
  #header .header__menu-toggle,
  #header [data-menu-toggle],
  #header .mobile-menu,
  #dpmp-mobile{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  #header,#header.header--sticky{
    position:static!important;
    width:100%!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .mm-page,.mm-slideout{
    transform:none!important;
    margin-left:0!important;
    margin-right:0!important;
    width:100%!important;
    max-width:100%!important;
  }

  #dp-phone-clean{
    display:block!important;
    position:fixed!important;
    inset:0 0 auto 0!important;
    width:100%!important;
    height:var(--dpc-total)!important;
    background:#fff!important;
    border-bottom:1px solid var(--dpc-line)!important;
    box-shadow:0 5px 16px rgba(16,47,78,.09)!important;
    z-index:2147480000!important;
  }

  #dp-phone-clean .dpc-top{
    display:grid!important;
    grid-template-rows:38px 46px!important;
    gap:4px!important;
    height:var(--dpc-top)!important;
    padding:2px 8px 4px!important;
    box-sizing:border-box!important;
    background:#fff!important;
  }

  #dp-phone-clean .dpc-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:38px!important;
  }

  #dp-phone-clean .dpc-brand img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:118px!important;
    max-height:29px!important;
    object-fit:contain!important;
  }

  #dp-phone-clean .dpc-search{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    height:46px!important;
    padding:3px 5px 3px 12px!important;
    background:var(--dpc-soft)!important;
    border:1px solid #d9e3ec!important;
    border-radius:12px!important;
    box-sizing:border-box!important;
  }

  #dp-phone-clean .dpc-search input{
    flex:1 1 auto!important;
    min-width:0!important;
    height:38px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#173550!important;
    font-size:14px!important;
  }

  #dp-phone-clean .dpc-search button{
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    border:0!important;
    border-radius:10px!important;
    background:#173d67!important;
    color:#fff!important;
    font-size:19px!important;
  }

  #dp-phone-clean .dpc-search-results{
    position:fixed!important;
    top:calc(var(--dpc-top) - 2px)!important;
    left:8px!important;
    right:8px!important;
    max-height:calc(100dvh - var(--dpc-total) - 8px)!important;
    overflow:auto!important;
    background:#fff!important;
    border:1px solid #dfe7ef!important;
    border-radius:0 0 16px 16px!important;
    box-shadow:0 16px 40px rgba(13,34,57,.2)!important;
    z-index:2147480002!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #dp-phone-clean .dpc-search-results[hidden]{display:none!important;}
  #dp-phone-clean .dpc-sr-product{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    min-height:64px!important;
    padding:9px 13px!important;
    box-sizing:border-box!important;
    color:#172438!important;
    text-decoration:none!important;
    border-bottom:1px solid #edf1f5!important;
    background:#fff!important;
  }
  #dp-phone-clean .dpc-sr-product:active{background:#f5f8fb!important;}
  #dp-phone-clean .dpc-sr-img{
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:#f5f7f9!important;
    border:1px solid #e1e6eb!important;
    border-radius:8px!important;
  }
  #dp-phone-clean .dpc-sr-img img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;}
  #dp-phone-clean .dpc-sr-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;}
  #dp-phone-clean .dpc-sr-title{font:600 13px/1.25 Arial,sans-serif!important;color:#172438!important;}
  #dp-phone-clean .dpc-sr-subtitle{font:400 11px/1.3 Arial,sans-serif!important;color:#8a96a6!important;}
  #dp-phone-clean .dpc-sr-all{
    display:block!important;
    padding:14px!important;
    color:#1f67aa!important;
    text-decoration:none!important;
    text-align:center!important;
    font:700 12px/1.2 Arial,sans-serif!important;
    background:#f7f9fb!important;
  }
  #dp-phone-clean .dpc-sr-empty{
    padding:25px 15px!important;
    color:#718096!important;
    text-align:center!important;
    font:500 13px/1.4 Arial,sans-serif!important;
  }

  #dp-phone-clean .dpc-nav{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:2px!important;
    height:var(--dpc-nav)!important;
    padding:4px 5px!important;
    background:#fff!important;
    border-top:1px solid #edf1f5!important;
    box-sizing:border-box!important;
  }

  #dp-phone-clean .dpc-nav button,
  #dp-phone-clean .dpc-nav a{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-width:0!important;
    height:49px!important;
    margin:0!important;
    padding:4px 1px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#38556f!important;
    text-decoration:none!important;
    font:600 8.5px/1 Arial,sans-serif!important;
    box-sizing:border-box!important;
  }

  #dp-phone-clean .dpc-nav .dpc-ico{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:22px!important;
    font-size:18px!important;
    line-height:22px!important;
  }

  #dp-phone-clean .dpc-categories{
    color:#15568e!important;
    background:#edf5fc!important;
    border-color:#d6e5f4!important;
  }

  #dp-phone-clean .dpc-drawer{
    position:fixed!important;
    inset:var(--dpc-total) 0 0 0!important;
    display:none!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:8px!important;
    background:rgba(8,24,40,.42)!important;
    box-sizing:border-box!important;
    z-index:2147480001!important;
  }
  #dp-phone-clean .dpc-drawer.is-open{display:flex!important;}

  #dp-phone-clean .dpc-panel{
    width:min(100%,480px)!important;
    max-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #dfe7ef!important;
    border-radius:18px!important;
    box-shadow:0 18px 48px rgba(8,29,47,.24)!important;
  }

  #dp-phone-clean .dpc-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:54px!important;
    padding:8px 10px 8px 14px!important;
    border-bottom:1px solid #edf1f5!important;
  }

  #dp-phone-clean .dpc-head strong{color:#183852!important;font-size:18px!important;}
  #dp-phone-clean .dpc-close{
    width:36px!important;height:36px!important;
    border:1px solid #e2e8ef!important;border-radius:10px!important;
    background:#f7f9fb!important;color:#263b50!important;font-size:20px!important;
  }

  #dp-phone-clean .dpc-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:10px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }

  #dp-phone-clean .dpc-card{
    position:relative!important;
    display:block!important;
    min-width:0!important;
    height:154px!important;
    overflow:hidden!important;
    background:#eef3f7!important;
    color:#fff!important;
    border:1px solid #dde6ee!important;
    border-radius:14px!important;
    text-decoration:none!important;
  }

  #dp-phone-clean .dpc-card-media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    background:#eaf0f5!important;
  }

  #dp-phone-clean .dpc-card-media img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
  }

  #dp-phone-clean .dpc-card-media::after{
    content:""!important;
    position:absolute!important;
    inset:44% 0 0!important;
    background:linear-gradient(180deg,transparent,rgba(7,27,45,.84))!important;
    pointer-events:none!important;
  }

  /* Category title is always visible on top of its image. */
  #dp-phone-clean .dpc-card-title{
    position:absolute!important;
    z-index:2!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-height:48px!important;
    padding:24px 10px 10px!important;
    color:#fff!important;
    text-shadow:0 1px 2px rgba(0,0,0,.45)!important;
    font-size:12px!important;
    font-weight:850!important;
    line-height:1.2!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    box-sizing:border-box!important;
  }

  #dp-phone-clean .dpc-card-title b{
    flex:0 0 auto!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1!important;
  }
}

@media (max-width:359px){
  :root{--dpc-top:88px;--dpc-nav:56px;--dpc-total:144px;}
  #dp-phone-clean .dpc-top{grid-template-rows:36px 44px!important;height:88px!important;}
  #dp-phone-clean .dpc-brand{height:36px!important;}
  #dp-phone-clean .dpc-brand img{max-width:108px!important;max-height:27px!important;}
  #dp-phone-clean .dpc-search{height:44px!important;}
  #dp-phone-clean .dpc-nav{height:56px!important;}
  #dp-phone-clean .dpc-grid{grid-template-columns:1fr!important;}
  #dp-phone-clean .dpc-card{height:120px!important;}
}

/* ---- dp-desktop-safe-redesign-v1 ---- */
/* ============================================================
   DESKTOP SAFE REDESIGN — VISUAL SKIN ONLY
   >= 1024px. No JS. No display:none. No DOM moves.
   ============================================================ */
@media (min-width:1024px){

  /* Utility bar */
  html body #header .top-bar{
    min-height:34px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    background:#ffffff !important;
    border-bottom:1px solid #e7edf3 !important;
    box-shadow:none !important;
  }

  html body #header .top-bar__container{
    min-height:34px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  html body #header .top-bar__left span,
  html body #header .top-bar__right a,
  html body #header .top-bar__b2b{
    color:#40566d !important;
    font-size:11px !important;
    font-weight:600 !important;
  }

  /* Search + actions row */
  html body #header #header_wrapper,
  html body #header .header__wrapper{
    min-height:66px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    background:#f8fafc !important;
    border-bottom:1px solid #e4ebf2 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95) !important;
  }

  html body #header .search-inline{
    max-width:600px !important;
    height:46px !important;
    margin-left:auto !important;
  }

  html body #header .search-inline input,
  html body #header input[type="search"]{
    height:46px !important;
    max-height:46px !important;
    padding:0 46px 0 17px !important;
    color:#17344f !important;
    background:#ffffff !important;
    border:1px solid #cbd8e5 !important;
    border-radius:14px !important;
    box-shadow:0 2px 8px rgba(18,52,82,.05) !important;
    font-size:14px !important;
  }

  html body #header .search-inline input:focus,
  html body #header input[type="search"]:focus{
    border-color:#2468ad !important;
    box-shadow:0 0 0 3px rgba(36,104,173,.11) !important;
    outline:0 !important;
  }

  html body #header .header__action{
    border-radius:11px !important;
    background:#ffffff !important;
    border:1px solid #e0e8f0 !important;
    color:#17344f !important;
    box-shadow:0 2px 7px rgba(18,52,82,.04) !important;
  }

  html body #header .header__action:hover{
    background:#eef5fb !important;
    border-color:#cadcec !important;
  }

  /* Main navigation — switch from heavy navy to clean premium white. */
  html body #header #header_menu_wrapper,
  html body #header .header__menu-wrapper{
    background:#ffffff !important;
    border-top:0 !important;
    border-bottom:1px solid #dfe7ef !important;
    box-shadow:0 5px 15px rgba(17,48,78,.07) !important;
  }

  html body #header #header_menu{
    background:#ffffff !important;
    border:0 !important;
    box-shadow:none !important;
  }

  html body #header #header_menu .dp-v6-nav{
    min-height:60px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
    gap:6px !important;
  }

  /* Logo stays in its native, working place. */
  html body #header #header_menu .header__menu-logo{
    min-height:50px !important;
    border-right:1px solid #e5ebf1 !important;
    background:#ffffff !important;
  }

  html body #header #header_menu .header__menu-logo-image,
  html body #header #header_menu .header__menu-logo-image.dp-new-logo{
    max-width:132px !important;
    max-height:42px !important;
    object-fit:contain !important;
  }

  /* Navigation links */
  html body #header #header_menu .dp-v6-link,
  html body #header #header_menu .dp-v6-link:link,
  html body #header #header_menu .dp-v6-link:visited{
    min-height:42px !important;
    padding-left:clamp(8px,.72vw,13px) !important;
    padding-right:clamp(8px,.72vw,13px) !important;
    color:#173a5b !important;
    background:#ffffff !important;
    border:1px solid transparent !important;
    border-radius:10px !important;
    font-weight:700 !important;
    text-shadow:none !important;
  }

  html body #header #header_menu .dp-v6-link > span{
    color:#71869a !important;
  }

  html body #header #header_menu .dp-v6-item:hover > .dp-v6-link,
  html body #header #header_menu .dp-v6-item:focus-within > .dp-v6-link{
    color:#155f9f !important;
    background:#f1f6fb !important;
    border-color:#dce7f1 !important;
  }

  /* Outlet */
  html body #header #header_menu .dp-v6-offers > .dp-v6-link,
  html body #header #header_menu .dp-v6-offers > .dp-v6-link:link,
  html body #header #header_menu .dp-v6-offers > .dp-v6-link:visited{
    color:#a9291f !important;
    background:#fff4f1 !important;
    border-color:#ffd5ce !important;
  }

  /* Contact = only strong CTA */
  html body #header #header_menu .dp-v6-item:last-child > .dp-v6-link,
  html body #header #header_menu .dp-v6-contact > .dp-v6-link{
    color:#ffffff !important;
    background:#2468ad !important;
    border-color:#2468ad !important;
    box-shadow:0 4px 10px rgba(36,104,173,.18) !important;
  }

  html body #header #header_menu .dp-v6-item:last-child:hover > .dp-v6-link,
  html body #header #header_menu .dp-v6-contact:hover > .dp-v6-link{
    color:#ffffff !important;
    background:#1f5c98 !important;
    border-color:#1f5c98 !important;
  }

  /* Dropdowns */
  html body #header #header_menu .dp-v6-dropdown{
    background:#ffffff !important;
    color:#17344f !important;
    border:1px solid #dce6ef !important;
    border-radius:14px !important;
    box-shadow:0 20px 48px rgba(17,48,78,.16) !important;
  }
}

/* ---- dp-desktop-search-contact-fix-v1 ---- */
/* ============================================================
   DESKTOP — SEARCH + TOP CONTACT POSITION FIX
   >=1024px only. No mobile changes. No DOM moves.
   ============================================================ */
@media (min-width:1024px){

  /* ---------- TOP UTILITY / CONTACT ---------- */
  html body #header .top-bar__container{
    width:min(100%,1380px) !important;
    max-width:1380px !important;
    margin:0 auto !important;
    padding-left:24px !important;
    padding-right:24px !important;
    justify-content:space-between !important;
    gap:32px !important;
  }

  html body #header .top-bar__left{
    justify-content:flex-start !important;
    gap:26px !important;
    flex:1 1 auto !important;
  }

  html body #header .top-bar__right{
    justify-content:flex-end !important;
    gap:22px !important;
    flex:0 0 auto !important;
    margin-left:auto !important;
  }

  html body #header .top-bar__right a,
  html body #header .top-bar__b2b{
    position:relative !important;
    color:#183d5e !important;
    font-weight:700 !important;
  }

  html body #header .top-bar__right a + a,
  html body #header .top-bar__right a + .top-bar__b2b,
  html body #header .top-bar__right .top-bar__b2b + a{
    padding-left:18px !important;
  }

  html body #header .top-bar__right a + a::before,
  html body #header .top-bar__right a + .top-bar__b2b::before,
  html body #header .top-bar__right .top-bar__b2b + a::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    width:1px !important;
    height:14px !important;
    background:#d9e3ec !important;
    transform:translateY(-50%) !important;
  }

  /* ---------- SEARCH ROW ---------- */
  html body #header #header_wrapper,
  html body #header .header__wrapper{
    position:relative !important;
    min-height:64px !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }

  /* Search centered on the desktop viewport, not pushed to the right. */
  html body #header #header_wrapper .search-inline,
  html body #header #header_wrapper [data-search-inline],
  html body #header .header__wrapper .search-inline,
  html body #header .header__wrapper [data-search-inline]{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:clamp(460px,40vw,620px) !important;
    max-width:620px !important;
    min-width:420px !important;
    margin:0 !important;
    transform:translate(-50%,-50%) !important;
    z-index:2 !important;
  }

  /* Keep account/favourite/cart actions firmly on the right. */
  html body #header #header_wrapper .header__actions,
  html body #header #header_wrapper [data-header-actions],
  html body #header .header__wrapper .header__actions,
  html body #header .header__wrapper [data-header-actions]{
    position:absolute !important;
    right:24px !important;
    top:50% !important;
    margin:0 !important;
    transform:translateY(-50%) !important;
    z-index:3 !important;
  }

  /* Reduce dead space on very wide monitors. */
  html body #header #header_wrapper,
  html body #header .header__wrapper{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }
}

/* Keep enough room between the centered search and right-side icons. */
@media (min-width:1024px) and (max-width:1279px){
  html body #header #header_wrapper .search-inline,
  html body #header #header_wrapper [data-search-inline],
  html body #header .header__wrapper .search-inline,
  html body #header .header__wrapper [data-search-inline]{
    width:clamp(380px,42vw,500px) !important;
    min-width:380px !important;
  }

  html body #header .top-bar__left{
    gap:16px !important;
  }

  html body #header .top-bar__right{
    gap:14px !important;
  }
}

/* ---- dp-desktop-search-fullwidth-v1 ---- */
/* ============================================================
   DESKTOP SEARCH — FULL WIDTH TO ACTION ICONS
   >=1024px only. Mobile untouched.
   ============================================================ */
@media (min-width:1024px){

  html body #header #header_wrapper,
  html body #header .header__wrapper{
    position:relative !important;
    min-height:64px !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }

  /* Search starts from the left edge of the row and stops before actions. */
  html body #header #header_wrapper .search-inline,
  html body #header #header_wrapper [data-search-inline],
  html body #header .header__wrapper .search-inline,
  html body #header .header__wrapper [data-search-inline]{
    position:absolute !important;
    left:24px !important;
    right:210px !important;
    top:50% !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    transform:translateY(-50%) !important;
    z-index:2 !important;
  }

  html body #header #header_wrapper .search-inline form,
  html body #header #header_wrapper [data-search-inline] form,
  html body #header .header__wrapper .search-inline form,
  html body #header .header__wrapper [data-search-inline] form{
    width:100% !important;
  }

  html body #header #header_wrapper .search-inline input,
  html body #header #header_wrapper [data-search-inline] input,
  html body #header .header__wrapper .search-inline input,
  html body #header .header__wrapper [data-search-inline] input{
    width:100% !important;
  }

  /* Keep favourite / account / cart grouped at far right. */
  html body #header #header_wrapper .header__actions,
  html body #header #header_wrapper [data-header-actions],
  html body #header .header__wrapper .header__actions,
  html body #header .header__wrapper [data-header-actions]{
    position:absolute !important;
    right:24px !important;
    top:50% !important;
    margin:0 !important;
    transform:translateY(-50%) !important;
    z-index:3 !important;
  }
}

/* Slightly tighter reserve on smaller desktop widths. */
@media (min-width:1024px) and (max-width:1279px){
  html body #header #header_wrapper .search-inline,
  html body #header #header_wrapper [data-search-inline],
  html body #header .header__wrapper .search-inline,
  html body #header .header__wrapper [data-search-inline]{
    left:16px !important;
    right:190px !important;
  }

  html body #header #header_wrapper .header__actions,
  html body #header #header_wrapper [data-header-actions],
  html body #header .header__wrapper .header__actions,
  html body #header .header__wrapper [data-header-actions]{
    right:16px !important;
  }
}

/* ---- dp-desktop-final-polish-v1 ---- */
@media (min-width:1024px){

  /* Slightly more breathing room between search and the action icons. */
  html body #header #header_wrapper .search-inline,
  html body #header #header_wrapper [data-search-inline],
  html body #header .header__wrapper .search-inline,
  html body #header .header__wrapper [data-search-inline]{
    right:232px !important;
  }

  /* Equal-size action buttons with consistent spacing. */
  html body #header #header_wrapper .header__actions,
  html body #header #header_wrapper [data-header-actions],
  html body #header .header__wrapper .header__actions,
  html body #header .header__wrapper [data-header-actions]{
    gap:12px !important;
  }

  html body #header .header__action{
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
  }

  /* Make the top utility row a bit tighter. */
  html body #header .top-bar,
  html body #header .top-bar__container{
    min-height:32px !important;
    height:32px !important;
  }

  html body #header .top-bar__left,
  html body #header .top-bar__right{
    min-height:32px !important;
    height:32px !important;
  }

  /* Slightly larger desktop logo, still compact. */
  html body #header #header_menu .header__menu-logo-image,
  html body #header #header_menu .header__menu-logo-image.dp-new-logo{
    max-width:145px !important;
    max-height:45px !important;
  }
}

@media (min-width:1024px) and (max-width:1279px){
  html body #header #header_wrapper .search-inline,
  html body #header #header_wrapper [data-search-inline],
  html body #header .header__wrapper .search-inline,
  html body #header .header__wrapper [data-search-inline]{
    right:205px !important;
  }
}

/* ---- dp-seo-p0-stage1-fallback ---- */
@media (min-width:1024px){
  html body #header #header_menu .dp-v6-links[data-dp-submenu="policarbonat"]{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:4px 0 12px !important;
  }
  html body #header #header_menu .dp-v6-links[data-dp-submenu="policarbonat"] > .dp-v6-sub-link{
    display:flex !important;
    align-items:center !important;
    min-height:48px !important;
    padding:10px 14px !important;
    border:1px solid #dce6ef !important;
    border-radius:10px !important;
    background:#f8fbfe !important;
    color:#173a5b !important;
    font-weight:700 !important;
    text-decoration:none !important;
  }
  html body #header #header_menu .dp-v6-links[data-dp-submenu="policarbonat"] > .dp-v6-sub-link:hover{
    background:#eef5fb !important;
    border-color:#cbddec !important;
    color:#155f9f !important;
  }
}

/* ---- dp-seo-p0-poly-dropdown-runtime-fix-css ---- */
@media (min-width:1024px){
  html body #header #header_menu .dp-v6-item[data-dp-key="policarbonat"].dp-seo-poly-open{
    position:relative !important;
    z-index:2147482000 !important;
  }

  html body #header #header_menu .dp-v6-item[data-dp-key="policarbonat"].dp-seo-poly-open > .dp-v6-dropdown{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  html body #header #header_menu,
  html body #header #header_menu_wrapper,
  html body #header #header_menu .dp-v6-nav{
    overflow:visible !important;
  }
}

/* ---- dp-seo-p0-poly-clip-fix-final ---- */
/* Confirmed desktop runtime cause:
   the real Policarbonat dropdown was 680x232px but had
   clip-path: inset(175px 0 0 0), so almost the whole panel
   was clipped and only the bottom CTA remained visible. */
@media (min-width:1024px){

  html body #header #header_menu
  .dp-v6-item[data-dp-key="policarbonat"] > .dp-v6-dropdown{
    clip:auto !important;
    clip-path:none !important;
    -webkit-clip-path:none !important;
  }

  html body #header #header_menu
  .dp-v6-item[data-dp-key="policarbonat"]:hover > .dp-v6-dropdown,
  html body #header #header_menu
  .dp-v6-item[data-dp-key="policarbonat"]:focus-within > .dp-v6-dropdown,
  html body #header #header_menu
  .dp-v6-item[data-dp-key="policarbonat"].dp-seo-poly-open > .dp-v6-dropdown{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    clip:auto !important;
    clip-path:none !important;
    -webkit-clip-path:none !important;
  }

  html body #header #header_menu,
  html body #header #header_menu_wrapper,
  html body #header #header_menu .dp-v6-nav,
  html body #header #header_menu
  .dp-v6-item[data-dp-key="policarbonat"]{
    overflow:visible !important;
  }
}