/* Replace the builder logo during the first paint as well as after
         * the header script runs. This prevents the old theme logo flashing
         * briefly on mobile refresh. */
        .whb-header.whb-header_331220 .site-logo .wd-logo img {
            content: url('matras-svit-logo.webp') !important;
        }

        .matras-desktop-header-shell {
            display: none;
        }

        /* The desktop header is assembled from the existing WoodMart elements
         * near the end of the document. Keep the unassembled two-row version
         * out of the first paint so it cannot flash during page refresh. */
        @media (min-width: 1025px) {
            .whb-header.whb-header_331220:not(.matras-header-ready) {
                height: 81px;
                min-height: 81px;
                visibility: hidden;
            }

            .whb-header.whb-header_331220:not(.matras-header-ready) .whb-main-header {
                height: 81px !important;
                min-height: 81px !important;
            }

            .whb-header.whb-header_331220:not(.matras-header-ready) .whb-general-header {
                height: 80px !important;
                min-height: 80px !important;
            }

            .whb-header.whb-header_331220:not(.matras-header-ready) .whb-header-bottom {
                display: none !important;
            }
        }

        /* A single, calm desktop row. Native WoodMart elements are reused. */
        @media (min-width: 1025px) {
            .whb-header.whb-header_331220.matras-one-row-header .whb-main-header {
                min-height: 80px;
                background: #fff;
                border-bottom: 1px solid #dbe7e0;
                box-shadow: 0 10px 30px rgb(24 62 48 / 7%);
            }

            .whb-header.whb-header_331220.matras-one-row-header .whb-general-header {
                height: 80px !important;
                min-height: 80px;
                background: #fff;
            }

            .whb-header.whb-header_331220.matras-one-row-header .whb-general-header-inner {
                display: block !important;
            }

            .whb-header.whb-header_331220.matras-one-row-header .whb-general-header-inner > .whb-column,
            .whb-header.whb-header_331220.matras-one-row-header .whb-header-bottom {
                display: none !important;
            }

            .whb-header.whb-header_331220.matras-one-row-header .matras-desktop-header-shell {
                display: grid;
                grid-template-columns: minmax(172px, 206px) max-content minmax(0, 1fr) max-content max-content max-content;
                align-items: center;
                column-gap: clamp(9px, 1vw, 16px);
                width: 100%;
                min-height: 80px;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .site-logo {
                width: 100%;
                line-height: 0;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .site-logo .wd-logo {
                display: flex !important;
                align-items: center;
                height: 56px;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .site-logo .wd-sticky-logo {
                display: none !important;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .site-logo img {
                width: 100% !important;
                max-width: 206px !important;
                max-height: 56px;
                height: auto !important;
                object-fit: contain;
                object-position: left center;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .wd-header-sticky-nav {
                margin: 0;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .wd-header-sticky-nav > a {
                display: inline-flex;
                align-items: center;
                min-height: 46px;
                padding-inline: 15px;
                border-radius: 10px;
                background: #1f5b48;
                color: #fff;
                box-shadow: 0 7px 16px rgb(31 91 72 / 18%);
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .wd-header-sticky-nav > a:hover {
                background: #174738;
                box-shadow: 0 9px 20px rgb(31 91 72 / 25%);
            }

            .whb-header.whb-header_331220 .matras-primary-links {
                display: flex;
                align-items: center;
                gap: clamp(10px, 1.25vw, 21px);
                min-width: 0;
                overflow: hidden;
                white-space: nowrap;
            }

            .whb-header.whb-header_331220 .matras-primary-links a {
                position: relative;
                display: inline-flex;
                align-items: center;
                min-height: 42px;
                color: #244c3d;
                font-size: 14px;
                font-weight: 650;
                letter-spacing: -0.01em;
            }

            .whb-header.whb-header_331220 .matras-primary-links a::after {
                position: absolute;
                right: 0;
                bottom: 5px;
                left: 0;
                height: 2px;
                background: currentColor;
                content: '';
                opacity: 0;
                transform: scaleX(.45);
                transition: opacity 160ms ease, transform 160ms ease;
            }

            .whb-header.whb-header_331220 .matras-primary-links a:hover::after,
            .whb-header.whb-header_331220 .matras-primary-links a:focus-visible::after {
                opacity: 1;
                transform: scaleX(1);
            }

            .whb-header.whb-header_331220 .matras-primary-links a.is-sale {
                color: #a35f23;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell > .info-box-wrapper {
                margin: 0;
                min-width: 112px;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell > .info-box-wrapper .wd-info-box {
                gap: 7px;
                white-space: nowrap;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell > .info-box-wrapper .box-icon-wrapper,
            .whb-header.whb-header_331220 .matras-desktop-header-shell > .info-box-wrapper .info-svg-wrapper {
                width: 23px !important;
                height: 23px !important;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell > .info-box-wrapper .info-svg-wrapper img {
                width: 23px !important;
                height: 23px !important;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell > .info-box-wrapper h6 {
                margin: 0 !important;
                color: #285645;
                font-size: 13px !important;
                font-weight: 650;
                line-height: 1.25;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell > .info-box-wrapper p {
                display: none;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell > .whb-column13 {
                display: flex !important;
                align-items: center;
                justify-content: flex-end;
                gap: 4px;
                width: auto !important;
                margin: 0;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .wd-header-compare,
            .whb-header.whb-header_331220 .matras-desktop-header-shell .wd-header-wishlist {
                display: none !important;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .wd-header-my-account > a {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 42px;
                height: 42px;
                border: 1px solid #d4e2db;
                border-radius: 10px;
                color: #1f5b48;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .wd-header-my-account > a:hover {
                border-color: #9bbdab;
                background: #f1f7f3;
                color: #174738;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .wd-header-cart > a {
                display: inline-flex;
                align-items: center;
                min-height: 46px;
                padding: 0 14px;
                border-radius: 10px;
                background: #1f5b48;
                color: #fff;
                box-shadow: 0 7px 16px rgb(31 91 72 / 18%);
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .wd-header-cart > a::after {
                margin-left: 7px;
                content: 'Кошик';
                font-size: 14px;
                font-weight: 700;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .wd-header-cart .wd-tools-text {
                display: none;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .wd-header-cart > a:hover {
                background: #174738;
                color: #fff;
                box-shadow: 0 9px 20px rgb(31 91 72 / 25%);
            }

            .whb-header.whb-header_331220 .matras-primary-links a:focus-visible,
            .whb-header.whb-header_331220 .matras-desktop-header-shell .wd-header-my-account > a:focus-visible,
            .whb-header.whb-header_331220 .matras-desktop-header-shell .wd-header-cart > a:focus-visible {
                outline: 3px solid #8aab9b;
                outline-offset: 3px;
            }
        }

        @media (min-width: 1025px) and (max-width: 1299px) {
            .whb-header.whb-header_331220.matras-one-row-header .matras-desktop-header-shell {
                grid-template-columns: minmax(154px, 178px) max-content minmax(0, 1fr) max-content max-content;
                column-gap: 9px;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell .site-logo img {
                max-width: 178px !important;
            }

            .whb-header.whb-header_331220 .matras-desktop-header-shell > .info-box-wrapper {
                display: none;
            }
        }

        @media (min-width: 1025px) and (max-width: 1099px) {
            .whb-header.whb-header_331220 .matras-primary-links a.is-sale {
                display: none;
            }
        }

        .whb-header.whb-header_331220 .whb-header-bottom {
            background-color: #f4f7f5 !important;
            border-block: 1px solid #e2e9e4;
        }

        .whb-header.whb-header_331220 .wd-header-sticky-nav > a {
            min-height: 44px;
            padding-inline: 14px;
            border-radius: 999px;
            background-color: #2c5849;
            color: #fff;
            transition: background-color 160ms ease, box-shadow 160ms ease;
        }

        .whb-header.whb-header_331220 .wd-header-sticky-nav .wd-tools-text {
            color: #fff;
            font-weight: 600;
        }

        .whb-header.whb-header_331220 .wd-header-sticky-nav > a .wd-tools-inner {
            background-color: transparent !important;
            color: #fff !important;
        }

        .whb-header.whb-header_331220 .wd-header-sticky-nav > a:hover {
            background-color: #234739;
            color: #fff;
        }

        .whb-header.whb-header_331220 .wd-header-sticky-nav > a:focus-visible,
        .whb-header.whb-header_331220 .wd-header-main-nav a:focus-visible,
        .whb-header.whb-header_331220 .wd-header-mobile-nav > a:focus-visible {
            outline: 3px solid #8aab9b;
            outline-offset: 3px;
        }

        @media (max-width: 1024px) {
            .whb-header.whb-header_331220 .whb-general-header {
                min-height: 64px;
                border-bottom: 1px solid #e1ebe5;
                box-shadow: 0 5px 18px rgb(22 66 50 / 7%);
            }

            .whb-header.whb-header_331220 .whb-general-header-inner {
                min-height: 64px;
            }

            .whb-header.whb-header_331220 .whb-header-bottom {
                display: none !important;
            }

            .whb-header.whb-header_331220 .whb-column_mobile3 .site-logo .wd-logo img {
                width: min(164px, 49vw) !important;
                max-width: min(164px, 49vw) !important;
                max-height: 46px;
                height: auto !important;
                object-fit: contain;
                object-position: center;
            }

            .whb-header.whb-header_331220 .wd-header-mobile-nav > a {
                width: 44px;
                height: 44px;
                border-radius: 50%;
                background-color: #2c5849;
                color: #fff;
            }

            .whb-header.whb-header_331220 .wd-header-mobile-nav .wd-tools-icon {
                background-color: transparent;
                color: #fff;
            }

            .whb-header.whb-header_331220 .wd-header-mobile-nav > a:hover {
                background-color: #234739;
                color: #fff;
            }

            /* Keep the two purchase actions explicit. WoodMart's text-cart
             * variant otherwise collapses its contents in narrow headers. */
            .whb-header.whb-header_331220 .whb-column_mobile4 {
                display: flex !important;
                align-items: center;
                justify-content: flex-end;
                gap: 5px;
                width: auto !important;
                min-width: 92px;
            }

            .whb-header.whb-header_331220 .whb-column_mobile4 .wd-header-my-account,
            .whb-header.whb-header_331220 .whb-column_mobile4 .wd-header-cart {
                display: flex !important;
                align-items: center;
                flex: 0 0 auto;
                margin: 0 !important;
            }

            .whb-header.whb-header_331220 .whb-column_mobile4 .wd-header-my-account > a,
            .whb-header.whb-header_331220 .whb-column_mobile4 .wd-header-cart > a {
                display: inline-flex !important;
                align-items: center;
                justify-content: center;
                width: 42px;
                min-width: 42px;
                height: 42px;
                min-height: 42px;
                padding: 0 !important;
                border-radius: 50%;
                line-height: 1;
            }

            .whb-header.whb-header_331220 .whb-column_mobile4 .wd-header-my-account > a {
                border: 1px solid #d6e4dc;
                background: #fff;
                color: #1f5b48;
            }

            .whb-header.whb-header_331220 .wd-header-cart > a {
                position: relative;
                border: 1px solid #1f5b48;
                background: #1f5b48;
                color: #fff;
                box-shadow: 0 5px 12px rgb(31 91 72 / 18%);
            }

            .whb-header.whb-header_331220 .whb-column_mobile4 .wd-header-cart > a:hover,
            .whb-header.whb-header_331220 .whb-column_mobile4 .wd-header-cart > a:focus-visible {
                background: #174738;
                color: #fff;
            }

            .whb-header.whb-header_331220 .whb-column_mobile4 .wd-header-cart .wd-tools-text {
                display: none !important;
            }

            .whb-header.whb-header_331220 .whb-column_mobile4 .wd-header-cart .wd-tools-icon {
                position: relative;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                color: inherit;
            }

            .whb-header.whb-header_331220 .whb-column_mobile4 .wd-header-cart .wd-cart-number {
                position: absolute;
                top: -4px;
                right: -4px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 17px;
                height: 17px;
                padding: 0 4px;
                border: 2px solid #fff;
                border-radius: 999px;
                background: #c88935;
                color: #fff;
                font-size: 9px;
                font-weight: 800;
                line-height: 1;
            }

            .whb-header.whb-header_331220 .whb-column_mobile4 .wd-header-cart .wd-cart-number span {
                display: none;
            }
        }

        @media (max-width: 359px) {
            .whb-header.whb-header_331220 .wd-header-cart .wd-tools-text {
                display: none;
            }

            .whb-header.whb-header_331220 .wd-header-cart > a {
                padding-inline: 0;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .whb-header.whb-header_331220 .wd-header-sticky-nav > a,
            .whb-header.whb-header_331220 .matras-primary-links a::after {
                transition: none;
            }
        }