/* Desktop header — Figma layout. Hidden on mobile. */
.desk-head, .desk-nav { display: none; }

@media (min-width: 901px) {
    .maintable { background-image: none !important; }
    .desk-head-cell { padding: 8px 8px 0 !important; vertical-align: top; }

    .desk-head {
        display: grid !important;
        grid-template-columns: 150px minmax(420px, 1fr) 156px 168px;
        grid-template-rows: auto auto;
        column-gap: 14px;
        row-gap: 6px;
        align-items: start;
        width: 100%;
        box-sizing: border-box;
        font-family: Arial, Helvetica, sans-serif;
        color: #222;
    }

    .desk-head__logo {
        grid-column: 1;
        grid-row: 2;
        width: 148px;
        height: 128px;
        background: url(/img/logo.png) center top no-repeat;
        background-size: contain;
        display: block;
        align-self: start;
        justify-self: center;
        z-index: 1;
        pointer-events: auto;
        position: relative;
        top: 0;
        transform: scale(1.35);
        transform-origin: top center;
    }

    .desk-head__top {
        grid-column: 1 / 3;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 0;
        position: relative;
        z-index: 5;
        background: transparent;
    }
    .desk-head__main {
        grid-column: 2;
        grid-row: 2;
        align-self: stretch;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-width: 0;
        min-height: 0;
        z-index: 6;
    }
    .desk-head__cartline {
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        padding: 0;
        z-index: 6;
    }
    .desk-cart {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        height: 36px;
        padding: 0 12px 0 10px;
        border-radius: 18px;
        background: #fff;
        border: 1px solid #d5dbe3;
        box-shadow: 0 1px 2px rgba(16,24,40,.06);
        color: #1b2430;
        text-decoration: none;
        font: 600 13px/1 Arial, Helvetica, sans-serif;
    }
    .desk-cart:hover { border-color: #1d4f9c; color: #1d4f9c; }
    .desk-cart__ico {
        width: 18px;
        height: 18px;
        background: #1d4f9c;
        mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M7 18a2 2 0 110 4 2 2 0 010-4zm10 0a2 2 0 110 4 2 2 0 010-4zM6.2 6l.6 2h12.5l-1.4 6H8.1L6.2 6zM5 4H2v2h2.2L7 14.2A2 2 0 009 16h10v-2H9.2l.4-2H19a1 1 0 00.96-.74L22 6H6.4L5.8 4H5z'/></svg>") center/contain no-repeat;
        -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M7 18a2 2 0 110 4 2 2 0 010-4zm10 0a2 2 0 110 4 2 2 0 010-4zM6.2 6l.6 2h12.5l-1.4 6H8.1L6.2 6zM5 4H2v2h2.2L7 14.2A2 2 0 009 16h10v-2H9.2l.4-2H19a1 1 0 00.96-.74L22 6H6.4L5.8 4H5z'/></svg>") center/contain no-repeat;
    }
    .desk-cart__count {
        min-width: 20px;
        height: 20px;
        padding: 0 6px;
        border-radius: 10px;
        background: #1d4f9c;
        color: #fff;
        font: 700 12px/20px Arial, sans-serif;
        text-align: center;
    }
    .desk-head__searchrow {
        width: 100%;
        margin-top: 6px;
    }

    .desk-head__cta {
        font-size: 13px;
        font-weight: 700;
        margin: 0 0 6px;
        text-align: center;
        color: #111;
    }
    .desk-head__actions {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        gap: 28px;
        margin-bottom: 10px;
    }
    .desk-head__act {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        color: #222;
        text-decoration: none;
        font-size: 12px;
        position: relative;
        min-width: 58px;
    }
    .desk-head__act:hover { color: #00437f; }
    .desk-head__ico {
        width: 22px;
        height: 22px;
        display: block;
        background: #2d7a32;
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
    }
    .desk-head__ico--user {
        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 12a4 4 0 100-8 4 4 0 000 8zm0 2c-4 0-8 2-8 6v2h16v-2c0-4-4-6-8-6z'/></svg>");
        -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 12a4 4 0 100-8 4 4 0 000 8zm0 2c-4 0-8 2-8 6v2h16v-2c0-4-4-6-8-6z'/></svg>");
    }
    .desk-head__ico--cart {
        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M7 18a2 2 0 110 4 2 2 0 010-4zm10 0a2 2 0 110 4 2 2 0 010-4zM7.2 14h9.3l1.8-8H6.2L7.2 14zM5 4H2v2h2l3.6 7.6L6.2 16A2 2 0 008 18h12v-2H8.4l.8-2H19a1 1 0 00.9-.6L23 5H5.4L5 4z'/></svg>");
        -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M7 18a2 2 0 110 4 2 2 0 010-4zm10 0a2 2 0 110 4 2 2 0 010-4zM7.2 14h9.3l1.8-8H6.2L7.2 14zM5 4H2v2h2l3.6 7.6L6.2 16A2 2 0 008 18h12v-2H8.4l.8-2H19a1 1 0 00.9-.6L23 5H5.4L5 4z'/></svg>");
    }
    .desk-head__ico--heart {
        background: #c0122a;
        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 21s-7-4.4-9.5-8.2C.6 10.2 1.2 6.8 4 5.3 6.2 4.1 8.8 4.8 12 8c3.2-3.2 5.8-3.9 8-2.7 2.8 1.5 3.4 4.9 1.5 7.5C19 16.6 12 21 12 21z'/></svg>");
        -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 21s-7-4.4-9.5-8.2C.6 10.2 1.2 6.8 4 5.3 6.2 4.1 8.8 4.8 12 8c3.2-3.2 5.8-3.9 8-2.7 2.8 1.5 3.4 4.9 1.5 7.5C19 16.6 12 21 12 21z'/></svg>");
    }
    .desk-head__ico--bonus {
        background: #c9a227;
        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2l2.4 7.2H22l-6 4.4 2.3 7.2L12 16.8 5.7 20.8 8 13.6 2 9.2h7.6L12 2z'/></svg>");
        -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2l2.4 7.2H22l-6 4.4 2.3 7.2L12 16.8 5.7 20.8 8 13.6 2 9.2h7.6L12 2z'/></svg>");
    }
    .desk-head__badge {
        position: absolute;
        top: -6px;
        right: 8px;
        background: #2d7a32;
        color: #fff;
        border-radius: 10px;
        font-size: 10px;
        min-width: 16px;
        text-align: center;
        line-height: 16px;
        padding: 0 4px;
    }
    .desk-head__bonus { font-size: 14px; font-weight: 700; }

    .desk-head__searchrow {
        display: flex;
        align-items: stretch;
        gap: 0;
        width: 100%;
    }
    .desk-head__cats {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        gap: 6px;
        border: 1px solid #cfcfcf;
        border-right: 0;
        background: #fff;
        color: #222;
        text-decoration: none;
        padding: 0 10px;
        font-size: 13px;
        white-space: nowrap;
    }
    .desk-head__cats:before {
        content: "";
        width: 14px;
        height: 11px;
        background: linear-gradient(#333,#333) 0 0/14px 2px no-repeat,
                    linear-gradient(#333,#333) 0 4.5px/14px 2px no-repeat,
                    linear-gradient(#333,#333) 0 9px/14px 2px no-repeat;
    }
    .desk-head__search { flex: 1 1 auto; min-width: 0; }
    .desk-head #search_frm,
    .desk-head #search_frm table,
    .desk-head #search_frm tbody,
    .desk-head #search_frm tr { width: 100% !important; height: auto !important; }
    .desk-head #search_frm table,
    .desk-head #search_frm tbody { display: block !important; }
    .desk-head #search_frm tr { display: flex !important; }
    .desk-head #search_frm td { display: block !important; padding: 0 !important; height: auto !important; }
    .desk-head #search_frm td:first-child { flex: 1 1 auto; }
    .desk-head #search_frm td:last-child { flex: 0 0 auto; position: relative; }
    .desk-head #search_frm #st1 {
        width: 100% !important;
        height: 32px !important;
        border: 1px solid #cfcfcf;
        border-right: 0;
        padding: 0 10px !important;
        box-sizing: border-box;
        font-size: 13px;
        color: #00437f;
    }
    .desk-head #search_frm td:last-child a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 88px;
        height: 32px;
        background: #1d4f9c;
        position: relative;
        text-decoration: none;
    }
    .desk-head #search_frm td:last-child a::after {
        content: "ПОИСК";
        color: #fff;
        font: 700 13px/1 Arial, sans-serif;
        letter-spacing: .4px;
        pointer-events: none;
    }
    .desk-head #search_frm input[type="button"] {
        width: 92px !important;
        height: 32px !important;
        border: 0 !important;
        background: transparent !important;
        cursor: pointer;
        opacity: 0;
        position: absolute;
        left: 0; top: 0;
    }

    .desk-head__hist {
        grid-column: 3;
        grid-row: 2;
        align-self: stretch;
        justify-self: stretch;
        margin-right: 0;
        border: 1px solid #c8c8c8;
        background: #fff;
        font-size: 11px;
        min-height: 122px;
        max-height: none;
        height: auto;
        overflow-y: auto;
    }
    .desk-head__hist-title,
    .desk-head__hist-empty {
        padding: 2px 4px;
        height: 16px;
        box-sizing: border-box;
        border-bottom: 1px solid #ececec;
        color: #555;
        text-align: center;
        font-size: 10px;
        line-height: 12px;
    }
    .desk-head__hist-item {
        display: block;
        width: 100%;
        height: 15px;
        box-sizing: border-box;
        border: 0;
        border-bottom: 1px solid #f0f0f0;
        background: #fff;
        padding: 0 4px;
        font: 10px/15px Arial;
        cursor: pointer;
        text-align: center;
        color: #222;
    }
    .desk-head__hist-item:hover { background: #f3f7ff; color: #00437f; }

    .desk-head__consult {
        grid-column: 4;
        grid-row: 2;
        align-self: stretch;
        justify-self: stretch;
        text-align: center;
        margin-left: 0;
        font-size: 12px;
        line-height: 1.3;
        color: #222;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .desk-head__side {
        grid-column: 4;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        gap: 8px;
        align-self: start;
    }
    .desk-head__consult .cat_title {
        margin: 0 0 4px;
        font-size: 13px;
        font-weight: 700;
        color: #0f766e;
        text-align: center;
    }
    .desk-head__consult .manager {
        font-weight: 700;
        margin: 0;
        text-align: center;
    }
    .desk-head__consult .manager-role {
        margin: 0 0 4px !important;
        font-size: 11px !important;
        color: #555 !important;
        text-align: center !important;
    }
    .desk-head__consult table {
        margin: 0 auto 4px auto !important;
        border-collapse: collapse !important;
        width: auto !important;
    }
    .desk-head__consult table td {
        padding: 0 3px 1px 3px !important;
        font-size: 12px;
        color: #222;
        text-align: center !important;
    }
    .desk-head__consult table td:first-child { color: #666; padding-left: 0 !important; }
    .desk-head__consult table tr:nth-child(2) td:first-child {
        padding-left: 3px !important;
        position: relative;
        left: 3px;
    }
    .desk-head__consult table tr:nth-child(2) td:last-child {
        position: relative;
        left: 10px;
    }
    .desk-head__consult a { color: #222; text-decoration: none; }
    .desk-head__consult a:hover { color: #00437f; }
    .left-contacts { display: none !important; }
    .desk-head__banners img {
        max-width: 160px;
        height: auto;
        display: block;
    }

    .desk-nav {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        border: 1px solid #222;
        margin: 10px 0 8px;
        padding: 0 8px;
        background: #fff;
        min-height: 34px;
        position: relative;
        z-index: 8;
    }
    .desk-nav a {
        color: #222;
        text-decoration: none;
        font-size: 13px;
        padding: 7px 6px;
        white-space: nowrap;
    }
    .desk-nav a:hover { color: #00437f; }
}

@media (max-width: 900px) {
    .desk-head, .desk-head-cell, .desk-nav { display: none !important; }
}
@media (min-width: 901px) {
    tr.mob-only-kpp { display: none !important; }
}


@media (min-width: 901px) {
    .maintable_tr2-td1 { display: none !important; }
    .pages-bar {
        display: block;
        margin: 18px 20px 24px;
        padding: 10px 14px;
        background: #fff;
        border: 1px solid #222;
    }
    .pages-bar #mtab {
        width: 100%;
        border-collapse: collapse;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 6px 22px;
    }
    .pages-bar #mtab tbody { display: contents; }
    .pages-bar #mtab tr { display: contents; }
    .pages-bar #mtab td {
        display: inline-block;
        padding: 0 !important;
    }
    .pages-bar #mtab a {
        color: #603b1d;
        text-decoration: underline;
        font-size: 15px !important;
        white-space: nowrap;
    }
    .pages-bar #mtab a.mlink_ { font-weight: 700; color: #0f766e; }
    .pages-bar #mtab a:hover { color: #00437f; }
}
@media (max-width: 900px) {
    .pages-bar { display: none !important; }
}
