/* =========================================================
   ТЕСТОВЫЙ КОНФИГУРАТОР ГОФРОКАРТОНА
   Версия 33
   Итоговый фирменный визуал
   /test-gofrokarton/
   ========================================================= */


/* =========================================================
   БАЗА
   ========================================================= */

#bk-test-configurator,
#bk-test-configurator * {
    box-sizing: border-box;
}

#bk-test-configurator {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;

    /* Компенсация шапки сайта */
    padding: 150px 0 24px !important;

    color: #171717 !important;
    background: #f2f7f3 !important;

    opacity: 1 !important;
    visibility: visible !important;
}

#bk-test-configurator > .container {
    width: 100% !important;
    max-width: 1640px !important;

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


/* =========================================================
   ЗАГОЛОВОК СТРАНИЦЫ
   H1 + разделительная фирменная черта + подзаголовок
   ========================================================= */

#bk-test-configurator .bk-test-header {
    width: 100%;
    max-width: 760px;

    margin: 0 0 32px;
}

/* ---------- Главный заголовок ---------- */

#bk-test-configurator .bk-test-title {
    display: block !important;

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

    color: #17231d !important;

    font-size: 46px !important;
    font-weight: 700 !important;
    line-height: 50px !important;

    letter-spacing: -0.02em;

    opacity: 1 !important;
    visibility: visible !important;
}

/* ---------- Разделительная фирменная черта ---------- */

#bk-test-configurator .bk-test-divider {
    display: block;

    width: 60px;
    height: 3px;

    margin: 14px 0 9px;

    background: #009846;
    border-radius: 999px;
}

/* ---------- Подзаголовок ---------- */

#bk-test-configurator .bk-test-subtitle {
    max-width: 720px;

    margin: 0;

    color: #53635b;

    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}



#bk-test-configurator .bk-test-subtitle-break {
    display: inline;
}


/* =========================================================
   ОСНОВНАЯ СЕТКА
   ========================================================= */

#bk-test-configurator .bk-config-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        310px;

    gap: 18px;

    align-items: start;

    width: 100%;
}


/* =========================================================
   ЕДИНАЯ КАРТОЧКА: ФОТО + ПАРАМЕТРЫ ИЗДЕЛИЯ
   ========================================================= */

#bk-test-configurator .bk-config-main {
    display: grid;

    grid-template-columns:
        470px
        minmax(680px, 1fr);

    column-gap: 18px;

    align-items: stretch;

    min-width: 0;

    overflow: visible;

    background: #fff;

    border: 1px solid #e4e9e6;
    border-radius: 16px;

    box-shadow:
        0 10px 30px rgba(24, 45, 34, 0.055);
}

/* Общая карточка не должна обрезать подсказки */
#bk-test-configurator .bk-config-main {
    position: relative;
    overflow: visible;
}

#bk-test-configurator .bk-config-panel {
    z-index: 2;
}

#bk-test-configurator .bk-help-tooltip {
    z-index: 50;
}


/* =========================================================
   ОБЩИЙ ВИД ВНУТРЕННИХ ЗОН И КАРТОЧКИ «ВАШ ЗАПРОС»
   ========================================================= */

#bk-test-configurator .bk-config-photo,
#bk-test-configurator .bk-config-panel {
    min-width: 0;

    background: #fff;

    border: 0;
    border-radius: 0;

    box-shadow: none;
}

#bk-test-configurator .bk-config-summary {
    min-width: 0;

    background: #fff;

    border: 1px solid #e4e9e6;
    border-radius: 16px;

    box-shadow:
        0 10px 30px rgba(24, 45, 34, 0.055);
}


/* =========================================================
   ЛЕВАЯ ГАЛЕРЕЯ ТОВАРА
   Универсальный каркас для разных категорий.
   Пока используется одно основное изображение.
   ========================================================= */

#bk-test-configurator .bk-config-photo {
    position: relative;

    align-self: stretch;

    width: 100%;
    height: auto;
    min-height: 500px;
    max-height: none;

    overflow: hidden;

    padding: 10px;

    background: #fff;

    border-radius: 16px 0 0 16px;
}


/* ---------- Каркас галереи ---------- */

#bk-test-configurator .bk-product-gallery {
    display: grid;

    grid-template-columns:
        58px
        minmax(0, 1fr);

    gap: 10px;

    width: 100%;
    height: 100%;
}


/* ---------- Вертикальная лента миниатюр ---------- */

#bk-test-configurator .bk-product-gallery__thumbs {
    display: flex;
    flex-direction: column;

    gap: 8px;

    min-width: 0;
}


/* ---------- Миниатюра ---------- */

#bk-test-configurator .bk-product-gallery__thumb {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 72px;

    padding: 3px;

    overflow: hidden;

    background: #f7f9f8;

    border: 1px solid #dfe7e2;
    border-radius: 10px;

    font: inherit;

    cursor: pointer;

    outline: none;
}

#bk-test-configurator .bk-product-gallery__thumb.is-active {
    border-color: #009846;

    box-shadow:
        0 0 0 2px rgba(0, 152, 70, 0.10);
}

#bk-test-configurator .bk-product-gallery__thumb img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}


@media (hover: hover) and (pointer: fine) {
    #bk-test-configurator .bk-product-gallery__thumb:not(.is-active):hover {
        border-color: #a9cdb8;
        background: #f2f8f4;
    }
}


/* =========================================================
   ПОДСКАЗКА ПО ТАПУ — ТОЛЬКО СЕНСОРНЫЕ ЭКРАНЫ
   На компьютере эти правила не действуют: там подсказка
   открывается исключительно при наведении мыши.
   ========================================================= */

@media (hover: none), (pointer: coarse) {

    #bk-test-configurator .bk-help {
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }

    #bk-test-configurator
    .bk-help:hover + .bk-help-tooltip,
    #bk-test-configurator
    .bk-help:focus + .bk-help-tooltip,
    #bk-test-configurator
    .bk-help:focus-visible + .bk-help-tooltip,
    #bk-test-configurator
    .bk-help:active + .bk-help-tooltip {
        display: block;
    }

    #bk-test-configurator .bk-help:focus,
    #bk-test-configurator .bk-help:focus-visible {
        color: #fff;
        background: #009846;
        border-color: #009846;

        box-shadow:
            0 0 0 3px rgba(0, 152, 70, 0.10);
    }

}


/* ---------- Большая область изображения ---------- */

#bk-test-configurator .bk-product-gallery__stage {
    position: relative;

    min-width: 0;
    height: 100%;

    overflow: hidden;

    background: #f2f7f3;

    border-radius: 12px;
}


/* Мягкая тень под объектом */
#bk-test-configurator .bk-product-gallery__stage::after {
    content: "";

    position: absolute;
    z-index: 1;

    left: 10%;
    bottom: 7%;

    width: 80%;
    height: 32px;

    background:
        radial-gradient(
            ellipse at center,
            rgba(35, 43, 39, 0.13) 0%,
            rgba(35, 43, 39, 0.06) 43%,
            rgba(35, 43, 39, 0) 76%
        );

    filter: blur(10px);

    pointer-events: none;
}


/* Основное изображение.
   Сам файл не меняется и не анимируется.
   object-fit: contain делает каркас универсальным
   для коробов, листов, лотков и комплектующих. */
#bk-test-configurator .bk-config-photo__image {
    position: relative;
    z-index: 2;

    display: block;

    width: 100%;
    height: 100%;

    padding: 12px;

    object-fit: contain;
    object-position: center;

    filter:
        drop-shadow(
            0 8px 8px rgba(31, 37, 33, 0.08)
        );
}


/* =========================================================
   ЦЕНТРАЛЬНАЯ КАРТОЧКА
   ========================================================= */

#bk-test-configurator .bk-config-panel {
    position: relative;

    padding: 24px 26px;

    border-radius: 0 16px 16px 0;
}

/* Минималистичный разделитель между фото и формой */
#bk-test-configurator .bk-config-panel::before {
    content: "";

    position: absolute;

    top: 18px;
    bottom: 18px;
    left: -9px;

    width: 1px;

    background: rgba(23, 35, 29, 0.22);

    pointer-events: none;
}


#bk-test-configurator .bk-config-panel__title {
    margin: 0 0 20px;

    color: #171717;

    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}


/* =========================================================
   СЕТКА ПАРАМЕТРОВ
   1 ряд: слои / марка / профиль
   2 ряд: цвет / печать / тираж
   3 ряд: размеры / сфера применения
   ========================================================= */

#bk-test-configurator .bk-config-form {
    display: grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    column-gap: 20px;
    row-gap: 16px;

    align-items: start;

    width: 100%;
}

#bk-test-configurator .bk-config-field {
    width: 100%;
    min-width: 0;

    margin: 0;
}


/* ---------- 1 ряд ---------- */

#bk-test-configurator .bk-config-field:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1;
}

#bk-test-configurator .bk-config-field:nth-child(2) {
    grid-column: 3 / 5;
    grid-row: 1;
}

#bk-test-configurator .bk-config-field:nth-child(3) {
    grid-column: 5 / 7;
    grid-row: 1;
}


/* Количество слоёв — обе кнопки одинаковой ширины */
#bk-test-configurator .bk-config-field:nth-child(1) .bk-config-switch {
    display: flex;
    width: 100%;
}

#bk-test-configurator .bk-config-field:nth-child(1) .bk-config-option {
    flex: 1 1 0;
    min-width: 0;
}

#bk-test-configurator .bk-config-field:nth-child(1) .bk-config-option span {
    width: 100%;
    padding: 0 8px;
    font-size: 11.5px;
}


/* ---------- 2 ряд ---------- */

#bk-test-configurator .bk-config-field:nth-child(4) {
    grid-column: 1 / 3;
    grid-row: 2;
}

#bk-test-configurator .bk-config-field:nth-child(5) {
    grid-column: 3 / 5;
    grid-row: 2;
}

#bk-test-configurator .bk-config-field:nth-child(7) {
    grid-column: 5 / 7;
    grid-row: 2;
}


/* ---------- 3 ряд ---------- */

#bk-test-configurator .bk-config-field:nth-child(6) {
    grid-column: 1 / 4;
    grid-row: 3;
}

#bk-test-configurator .bk-config-field:nth-child(8) {
    grid-column: 4 / 7;
    grid-row: 3;
}


/* Сфера применения: select по уровню Длина / Ширина */
#bk-test-configurator
.bk-config-field:nth-child(8)
.bk-config-select {
    margin-top: 22px;
}


/* ---------- Дополнительные требования ---------- */

#bk-test-configurator .bk-config-field:nth-child(9) {
    grid-column: 1 / -1;
    grid-row: 4;
}


/* ---------- Контакты ---------- */

#bk-test-configurator .bk-contact-section {
    grid-column: 1 / -1;
    grid-row: 5;

    padding: 0;
}


/* =========================================================
   НАЗВАНИЯ ПОЛЕЙ
   ========================================================= */

#bk-test-configurator .bk-config-field__label {
    margin: 0 0 6px;

    color: #252525;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
}


/* =========================================================
   ПЕРЕКЛЮЧАТЕЛИ
   ========================================================= */

#bk-test-configurator .bk-config-switch {
    display: inline-flex;
    align-items: stretch;

    max-width: 100%;

    overflow: hidden;

    background: #fff;

    border: 1px solid #dce4df;
    border-radius: 7px;
}

#bk-test-configurator .bk-config-option {
    position: relative;

    margin: 0;

    cursor: pointer;
}

#bk-test-configurator .bk-config-option input {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}

#bk-test-configurator .bk-config-option span {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;

    padding: 0 15px;

    color: #3c4540;
    background: #fff;

    font-size: 12px;
    font-weight: 500;
    line-height: 1;

    white-space: nowrap;

    transition:
        color .18s ease,
        background-color .18s ease;
}

#bk-test-configurator .bk-config-option + .bk-config-option span {
    border-left: 1px solid #dce4df;
}

#bk-test-configurator .bk-config-option input:checked + span {
    color: #fff;
    background: #009846;
}

@media (hover: hover) and (pointer: fine) {
    #bk-test-configurator .bk-config-option:not(:has(input:checked)):hover span {
        color: #007c3a;
        background: #f3faf6;
    }
}


/* =========================================================
   SELECT
   ========================================================= */

#bk-test-configurator .bk-config-select {
    display: block;

    width: 100%;
    max-width: none;
    height: 38px;

    padding: 0 36px 0 12px;

    color: #222;
    background-color: #fff;

    border: 1px solid #dce4df;
    border-radius: 7px;

    font-family: inherit;
    font-size: 12px;
    font-weight: 500;

    outline: none;

    cursor: pointer;

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

#bk-test-configurator .bk-config-select:hover {
    border-color: #b8c8bf;
}

#bk-test-configurator .bk-config-select:focus {
    border-color: #009846;

    box-shadow:
        0 0 0 3px rgba(0, 152, 70, 0.08);
}


/* =========================================================
   РАЗМЕРЫ ИЗДЕЛИЯ
   Универсально для 2 и 3 размеров:
   гофрокартон — Д × Ш
   гофрокороб — Д × Ш × В
   ========================================================= */

#bk-test-configurator .bk-size-fields {
    display: flex;
    align-items: flex-end;

    gap: 7px;

    width: 100%;
}

#bk-test-configurator .bk-size-field {
    flex: 1 1 0;
    min-width: 0;
}

#bk-test-configurator .bk-size-separator {
    flex: 0 0 16px;
}

#bk-test-configurator .bk-size-field {
    display: flex;
    flex-direction: column;

    min-width: 0;

    gap: 5px;
}

#bk-test-configurator .bk-size-field__label {
    color: #7b8580;

    font-size: 11px;
    font-weight: 400;
    line-height: 1;
}

#bk-test-configurator .bk-size-input {
    display: block;

    width: 100%;
    height: 38px;

    padding: 0 12px;

    color: #222;
    background: #fff;

    border: 1px solid #dce4df;
    border-radius: 7px;

    font-family: inherit;
    font-size: 12px;
    font-weight: 500;

    outline: none;

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

#bk-test-configurator .bk-size-input:focus {
    border-color: #009846;

    box-shadow:
        0 0 0 3px rgba(0, 152, 70, 0.08);
}

#bk-test-configurator .bk-size-separator {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 38px;

    padding: 0;

    color: #828c87;

    font-size: 14px;
    line-height: 1;
}


/* =========================================================
   ТИРАЖ
   ========================================================= */

#bk-test-configurator .bk-quantity-input {
    width: 100%;
    max-width: none;
}

#bk-test-configurator .bk-config-hint {
    margin-top: 5px;

    color: #89928d;

    font-size: 10.5px;
    line-height: 1.35;
}


/* =========================================================
   ДОПОЛНИТЕЛЬНЫЕ ТРЕБОВАНИЯ
   ========================================================= */

#bk-test-configurator .bk-requirements {
    position: relative;

    width: 100%;
}

#bk-test-configurator .bk-requirements__textarea {
    display: block;

    width: 100%;
    height: 84px;
    min-height: 84px;

    padding: 11px 12px 24px;

    resize: none;

    color: #222;
    background: #fff;

    border: 1px solid #dce4df;
    border-radius: 7px;

    font-family: inherit;
    font-size: 12px;
    line-height: 1.45;

    outline: none;

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

#bk-test-configurator .bk-requirements__textarea:focus {
    border-color: #009846;

    box-shadow:
        0 0 0 3px rgba(0, 152, 70, 0.08);
}

#bk-test-configurator .bk-requirements__textarea::placeholder {
    color: #9da7a1;
}

#bk-test-configurator .bk-requirements__counter {
    position: absolute;

    right: 10px;
    bottom: 8px;

    color: #929b96;

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


/* =========================================================
   НЕОБЯЗАТЕЛЬНАЯ ЗАГРУЗКА МАКЕТА
   ========================================================= */

#bk-test-configurator .bk-print-upload {
    width: 100%;
    margin-top: 10px;
}

#bk-test-configurator .bk-print-upload__input {
    position: absolute;

    width: 1px;
    height: 1px;

    overflow: hidden;

    clip: rect(0 0 0 0);
    clip-path: inset(50%);

    white-space: nowrap;
}

#bk-test-configurator .bk-print-upload__empty,
#bk-test-configurator .bk-print-upload__item {
    display: grid;
    grid-template-columns:
        36px
        minmax(0, 1fr)
        auto;
    align-items: center;

    column-gap: 11px;

    min-height: 58px;
    padding: 9px 10px;

    background: #f8fbf9;

    border: 1px dashed #c9d9d0;
    border-radius: 8px;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

#bk-test-configurator .bk-print-upload__list {
    display: grid;
    gap: 7px;

    margin-top: 7px;
}

#bk-test-configurator .bk-print-upload__item {
    background: #f3faf6;
    border-style: solid;
    border-color: #b9dbc8;
}

#bk-test-configurator .bk-print-upload__list[hidden],
#bk-test-configurator .bk-print-upload__error[hidden] {
    display: none !important;
}

#bk-test-configurator .bk-print-upload__icon,
#bk-test-configurator .bk-print-upload__success-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    color: #008a40;
    background: #e9f6ef;

    border-radius: 8px;
}

#bk-test-configurator .bk-print-upload__success-icon {
    color: #fff;
    background: #009846;

    font-size: 16px;
    font-weight: 700;
}

#bk-test-configurator .bk-print-upload__copy,
#bk-test-configurator .bk-print-upload__file-copy {
    min-width: 0;
}

#bk-test-configurator .bk-print-upload__title,
#bk-test-configurator .bk-print-upload__file-name {
    overflow: hidden;

    color: #27312c;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;

    text-overflow: ellipsis;
    white-space: nowrap;
}

#bk-test-configurator .bk-print-upload__title span {
    margin-left: 5px;

    color: #7d8882;

    font-size: 10px;
    font-weight: 400;
}

#bk-test-configurator .bk-print-upload__note,
#bk-test-configurator .bk-print-upload__file-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 4px;

    margin-top: 3px;

    color: #7f8a84;

    font-size: 10px;
    font-weight: 400;
    line-height: 1.3;
}

#bk-test-configurator .bk-print-upload__file-meta span:last-child {
    color: #008a40;
}

#bk-test-configurator .bk-print-upload__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 104px;
    min-height: 34px;

    margin: 0;
    padding: 0 14px;

    color: #008a40;
    background: #fff;

    border: 1px solid #8cc4a6;
    border-radius: 7px;

    font-size: 11px;
    font-weight: 600;
    line-height: 1;

    cursor: pointer;

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

#bk-test-configurator .bk-print-upload__button:hover {
    color: #fff;
    background: #009846;
    border-color: #009846;
}

#bk-test-configurator .bk-print-upload__input:focus-visible
~ .bk-print-upload__empty {
    border-color: #009846;

    box-shadow:
        0 0 0 3px rgba(0, 152, 70, 0.08);
}

#bk-test-configurator .bk-print-upload__remove {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    margin: 0;
    padding: 0 0 2px;

    color: #66716b;
    background: transparent;

    border: 1px solid transparent;
    border-radius: 50%;

    font-family: inherit;
    font-size: 22px;
    font-weight: 300;
    line-height: 1;

    cursor: pointer;

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

#bk-test-configurator .bk-print-upload__remove:hover {
    color: #9b3030;
    background: #fff;
    border-color: #e5caca;
}

#bk-test-configurator .bk-print-upload__error {
    margin-top: 6px;

    color: #b52c2c;

    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.35;
}


@media (max-width: 520px) {

    #bk-test-configurator .bk-print-upload__empty {
        grid-template-columns:
            34px
            minmax(0, 1fr);

        row-gap: 9px;
    }

    #bk-test-configurator .bk-print-upload__icon {
        width: 34px;
        height: 34px;
    }

    #bk-test-configurator .bk-print-upload__button {
        grid-column: 1 / -1;

        width: 100%;
    }

    #bk-test-configurator .bk-print-upload__title span {
        display: block;

        margin: 2px 0 0;
    }

}


/* =========================================================
   КОНТАКТЫ
   ========================================================= */

#bk-test-configurator .bk-contact-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;

    width: 100%;
}

#bk-test-configurator .bk-contact-field {
    display: flex;
    flex-direction: column;

    min-width: 0;

    gap: 5px;
}

#bk-test-configurator .bk-contact-field > span {
    color: #7b8580;

    font-size: 11px;
    line-height: 1.2;
}

#bk-test-configurator .bk-contact-input {
    display: block;

    width: 100%;
    height: 38px;

    padding: 0 12px;

    color: #222;
    background: #fff;

    border: 1px solid #dce4df;
    border-radius: 7px;

    font-family: inherit;
    font-size: 12px;

    outline: none;

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

#bk-test-configurator .bk-contact-input:focus {
    border-color: #009846;

    box-shadow:
        0 0 0 3px rgba(0, 152, 70, 0.08);
}

#bk-test-configurator .bk-contact-input::placeholder {
    color: #9da7a1;
}


/* =========================================================
   СОГЛАСИЕ
   ========================================================= */

#bk-test-configurator .bk-consent {
    display: flex;
    align-items: flex-start;

    gap: 8px;

    margin-top: 10px;

    color: #747e79;

    font-size: 10.5px;
    line-height: 1.4;

    cursor: pointer;
}

#bk-test-configurator .bk-consent input {
    flex: 0 0 auto;

    width: 15px;
    height: 15px;

    margin: 0;

    accent-color: #009846;
}

#bk-test-configurator .bk-consent a {
    color: #009846;
    text-decoration: underline;
}


/* =========================================================
   ПРАВАЯ КАРТОЧКА — «ВАШ ЗАПРОС»
   Вариант 1: спокойный минималистичный итог заявки
   ========================================================= */

#bk-test-configurator .bk-config-summary {
    display: flex;
    flex-direction: column;

    align-self: start;

    min-width: 0;

    padding: 20px 20px 18px;
}


/* ---------- Заголовок ---------- */

#bk-test-configurator .bk-summary-head {
    display: flex;
    align-items: center;

    margin-bottom: 12px;
}

#bk-test-configurator
.bk-summary-head
.bk-config-panel__title {
    margin: 0;
}



/* ---------- Список параметров ---------- */

#bk-test-configurator .bk-summary-list {
    display: flex;
    flex-direction: column;

    width: 100%;
}

#bk-test-configurator .bk-summary-row {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 12px;

    min-height: 37px;

    border-bottom: 1px solid #edf1ef;
}

#bk-test-configurator .bk-summary-row:first-child {
    border-top: 1px solid #edf1ef;
}

#bk-test-configurator .bk-summary-row__label {
    min-width: 0;

    color: #7b8580;

    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
}

#bk-test-configurator .bk-summary-row__value {
    max-width: 145px;

    color: #171717;

    font-size: 11.5px;
    font-weight: 650;
    line-height: 1.25;

    text-align: right;

    white-space: normal;
}


/* ---------- Сфера применения отдельно ---------- */

#bk-test-configurator .bk-summary-usage {
    margin-top: 11px;
}

#bk-test-configurator .bk-summary-usage__label {
    display: block;

    margin-bottom: 6px;

    color: #7b8580;

    font-size: 10.5px;
    font-weight: 400;
    line-height: 1.3;
}

#bk-test-configurator .bk-summary-usage__value {
    display: block;

    padding: 9px 10px;

    color: #242c28;
    background: #f7f9f8;

    border: 1px solid #e5ebe7;
    border-radius: 9px;

    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
}



/* ---------- Кнопка ---------- */

#bk-test-configurator .bk-summary-submit {
    width: 100%;

    margin-top: 13px;
}

#bk-test-configurator .bk-submit-button {
    display: flex;
    align-items: center;
    justify-content: center;

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

    padding: 0 18px;

    color: #fff;
    background: #009846;

    border: 0;
    border-radius: 8px;

    font-family: inherit;
    font-size: 13px;
    font-weight: 700;

    cursor: pointer;

    transition:
        background-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

#bk-test-configurator .bk-submit-button:hover {
    background: #00823d;

    box-shadow:
        0 8px 20px rgba(0, 152, 70, 0.18);

    transform: translateY(-1px);
}

#bk-test-configurator .bk-submit-button:active {
    transform: translateY(0);
}


/* ---------- Статус формы ---------- */

#bk-test-configurator .bk-submit-status {
    min-height: 0;

    margin-top: 8px;

    font-size: 11px;
    line-height: 1.35;

    text-align: center;
}

#bk-test-configurator
.bk-submit-status:empty {
    display: none;
}

#bk-test-configurator .bk-submit-status.is-success {
    color: #007c3a;
}









@media (max-width: 1599px) and (min-width: 1241px) {

    #bk-test-configurator > .container {
        max-width: 1440px !important;
        padding: 0 28px !important;
    }

    #bk-test-configurator .bk-config-grid {
        grid-template-columns:
            minmax(0, 1fr)
            280px;

        gap: 16px;
    }

    #bk-test-configurator .bk-config-main {
        grid-template-columns:
            360px
            minmax(600px, 1fr);

        column-gap: 16px;
    }

    #bk-test-configurator .bk-config-panel::before {
        left: -8px;
    }

    #bk-test-configurator .bk-config-photo {
        height: auto;
        min-height: 390px;
        max-height: none;
    }


}


/* =========================================================
   ПЛАНШЕТ
   ========================================================= */

@media (max-width: 1240px) {

    #bk-test-configurator .bk-test-header {
        max-width: 720px;
        margin-bottom: 28px;
    }

    #bk-test-configurator .bk-test-title {
        font-size: 38px !important;
        line-height: 42px !important;
    }

    #bk-test-configurator .bk-test-divider {
        width: 54px;
        margin: 12px 0 10px;
    }

    #bk-test-configurator .bk-test-subtitle {
        max-width: 680px;
        font-size: 15px;
        line-height: 23px;
    }


    #bk-test-configurator .bk-config-grid {
        grid-template-columns:
            minmax(0, 1fr);
    }

    #bk-test-configurator .bk-config-main {
        grid-template-columns:
            260px
            minmax(0, 1fr);

        column-gap: 18px;
    }

    #bk-test-configurator .bk-config-summary {
        grid-column: 1 / -1;
        align-self: start;
    }

    #bk-test-configurator .bk-summary-list {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 0 30px;
    }

    #bk-test-configurator .bk-summary-submit {
        width: 100%;
        max-width: 360px;

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

    #bk-test-configurator .bk-summary-row:nth-child(2) {
        border-top: 1px solid #edf1ef;
    }

}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 760px) {

    #bk-test-configurator .bk-test-subtitle-break {
        display: none;
    }


    #bk-test-configurator {
        padding:
            105px 0 22px !important;
    }

    #bk-test-configurator > .container {
        padding:
            0 15px !important;
    }

    #bk-test-configurator .bk-test-header {
        max-width: 100%;
        margin-bottom: 24px;
    }

    #bk-test-configurator .bk-test-title {
        font-size: 30px !important;
        line-height: 34px !important;
    }

    #bk-test-configurator .bk-test-divider {
        width: 46px;
        height: 3px;
        margin: 10px 0 10px;
    }

    #bk-test-configurator .bk-test-subtitle {
        max-width: 100%;
        margin: 0;

        font-size: 14px;
        line-height: 21px;
    }

    #bk-test-configurator .bk-config-grid {
        display: flex;
        flex-direction: column;

        gap: 14px;
    }

    #bk-test-configurator .bk-config-main {
        display: flex;
        flex-direction: column;

        gap: 0;

        width: 100%;
    }

    #bk-test-configurator .bk-config-photo {
        align-self: stretch;

        height: auto;
        min-height: 0;
        max-height: none;

        padding: 8px;

        border-radius: 16px 16px 0 0;

        order: 1;
    }

    #bk-test-configurator .bk-product-gallery {
        grid-template-columns: 1fr;
        grid-template-rows: auto 260px;

        gap: 8px;
    }

    #bk-test-configurator .bk-product-gallery__thumbs {
        flex-direction: row;

        gap: 7px;

        overflow-x: auto;
    }

    #bk-test-configurator .bk-product-gallery__thumb {
        flex: 0 0 54px;

        width: 54px;
        height: 54px;

        border-radius: 8px;
    }

    #bk-test-configurator .bk-product-gallery__stage {
        height: 260px;
    }

    #bk-test-configurator .bk-config-panel {
        order: 2;

        padding: 20px 16px;

        border-top: 1px solid #edf1ef;
        border-radius: 0 0 16px 16px;
    }

    #bk-test-configurator .bk-config-panel::before {
        display: none;
    }


    #bk-test-configurator .bk-config-summary {
        order: 3;

        align-self: stretch;

        padding: 18px 16px 16px;
    }
#bk-test-configurator .bk-config-form {
        display: grid;

        grid-template-columns: 1fr;

        gap: 17px;
    }

    #bk-test-configurator .bk-config-field,
    #bk-test-configurator .bk-config-field:nth-child(1),
    #bk-test-configurator .bk-config-field:nth-child(2),
    #bk-test-configurator .bk-config-field:nth-child(3),
    #bk-test-configurator .bk-config-field:nth-child(4),
    #bk-test-configurator .bk-config-field:nth-child(5),
    #bk-test-configurator .bk-config-field:nth-child(6),
    #bk-test-configurator .bk-config-field:nth-child(7),
    #bk-test-configurator .bk-config-field:nth-child(8),
    #bk-test-configurator .bk-config-field:nth-child(9),
    #bk-test-configurator .bk-contact-section {
        grid-column: auto;
        grid-row: auto;
    }

    #bk-test-configurator
    .bk-config-field:nth-child(8)
    .bk-config-select {
        margin-top: 0;
    }

    #bk-test-configurator .bk-contact-grid {
        grid-template-columns: 1fr;
    }

    #bk-test-configurator .bk-summary-list {
        display: flex;
    }

    #bk-test-configurator .bk-summary-row:nth-child(2) {
        border-top: 0;
    }

    #bk-test-configurator .bk-summary-head {
        margin-bottom: 14px;
    }

    #bk-test-configurator .bk-summary-submit {
        max-width: none;
    }

}


/* =========================================================
   ПОДСКАЗКИ К ПАРАМЕТРАМ
   ========================================================= */

#bk-test-configurator .bk-label-with-help {
    position: relative;

    display: flex;
    align-items: center;

    width: fit-content;

    gap: 6px;
}


/* Круглый знак вопроса */
#bk-test-configurator .bk-help {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    width: 17px;
    height: 17px;

    padding: 0;

    color: #009846;
    background: #fff;

    border: 1px solid #a9cdb9;
    border-radius: 50%;

    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    outline: none;
}

#bk-test-configurator .bk-help:hover {
    color: #fff;
    background: #009846;
    border-color: #009846;
}


/* Окно подсказки */
#bk-test-configurator .bk-help-tooltip {
    position: absolute;

    z-index: 50;

    /* Окно чуть выше знака вопроса, без наложения на него */
    left: calc(100% - 28px);
    bottom: calc(100% + 12px);

    display: none;

    width: 255px;

    padding: 12px 13px;

    color: #454d49;
    background: #fff;

    border: 1px solid #dfe7e2;
    border-radius: 9px;

    box-shadow:
        0 10px 28px rgba(23, 42, 31, 0.12);

    font-size: 11px;
    font-weight: 400;
    line-height: 1.45;

    pointer-events: none;
}


/* Стрелочка */
#bk-test-configurator .bk-help-tooltip::after {
    content: "";

    position: absolute;

    /* Стрелка теперь указывает прямо на ? */
    left: 14px;
    top: 100%;

    width: 8px;
    height: 8px;

    background: #fff;

    border-right: 1px solid #dfe7e2;
    border-bottom: 1px solid #dfe7e2;

    transform:
        translateY(-4px)
        rotate(45deg);
}


#bk-test-configurator .bk-help-tooltip strong {
    display: block;

    margin-bottom: 5px;

    color: #171717;

    font-size: 12px;
    font-weight: 700;
}


#bk-test-configurator .bk-help-tooltip span {
    display: block;
}


/* На телефоне не даём подсказке вылезать за экран */
@media (max-width: 760px) {

    #bk-test-configurator .bk-help-tooltip {
        left: 0;

        width: min(260px, calc(100vw - 50px));
    }

}
/* =========================================================
   ПОДСКАЗКА ПРИ НАВЕДЕНИИ НА ?
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    #bk-test-configurator
    .bk-help:hover + .bk-help-tooltip {
        display: block;
    }

    #bk-test-configurator
    .bk-help:hover {
        color: #fff;
        background: #009846;
        border-color: #009846;
    }

}



/* =========================================================
   БЕСШОВНЫЙ СТЫК:
   конфигуратор → «Часто заказываемые размеры»
   ========================================================= */

#bk-test-configurator + .bk-test-similar,
#bk-test-configurator + .similar.bk-test-similar {
    margin-top: 0 !important;
}

.bk-test-similar::before,
.bk-test-similar::after {
    content: none !important;
    display: none !important;
}

/* =========================================================
   ТЕСТОВЫЙ СЛАЙДЕР «ПОХОЖИЕ ТОВАРЫ»
   ШАГ 2 — новое оформление карточек
   Основные карточки сайта НЕ затрагивает.
   ========================================================= */


/* ---------- Секция ---------- */

.bk-test-similar {
    margin: 0 !important;
    padding: 28px 0 38px;

    background: #f2f7f3;
}


.bk-test-similar > .container {
    width: 100% !important;
    max-width: 1440px !important;

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

.bk-test-similar .similar__title {
    margin: 0;

    color: #171717;

    font-size: 26px;
    font-weight: 700;
    line-height: 1.15;

    text-align: left;
}


/* ---------- Общая панель ---------- */

.bk-test-similar .bk-similar-panel {
    padding: 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;
}


/* ---------- Верхняя строка ---------- */

.bk-test-similar .bk-similar-head {
    display: grid;

    grid-template-columns:
        minmax(280px, 1fr)
        auto
        auto;

    align-items: center;

    gap: 22px;

    margin-bottom: 22px;
}



/* ---------- Фильтр по слойности ---------- */

.bk-test-similar .bk-similar-filters {
    display: inline-flex;
    align-items: stretch;

    overflow: visible;

    background: transparent;

    border: 0;
    border-radius: 8px;
}

.bk-test-similar .bk-similar-filter {
    position: relative;
    z-index: 1;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;

    padding: 0 16px;

    color: #5f6964;
    background: #ffffff;

    border: 1px solid #dce4df;
    border-radius: 0;

    font-family: inherit;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;

    white-space: nowrap;

    cursor: pointer;

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


/*
 * У соседних сегментов одна общая линия вместо двойной.
 */
.bk-test-similar
.bk-similar-filter
+
.bk-similar-filter {
    margin-left: -1px;
}


/* Скругляем только внешний контур всей группы. */
.bk-test-similar .bk-similar-filter:first-child {
    border-radius: 8px 0 0 8px;
}

.bk-test-similar .bk-similar-filter:last-child {
    border-radius: 0 8px 8px 0;
}


/*
 * Активная кнопка имеет настоящую зелёную border,
 * а не inset-shadow. Поэтому рамка не обрезается
 * ни у первой, ни у средней, ни у последней кнопки.
 */
.bk-test-similar .bk-similar-filter.is-active {
    z-index: 3;

    color: #008f42;
    background: #f7fbf8;

    border-color: #009846;

    font-weight: 650;
}


@media (hover: hover) and (pointer: fine) {

    .bk-test-similar
    .bk-similar-filter:not(.is-active):hover {
        z-index: 2;

        color: #007c3a;
        background: #f8fbf9;

        border-color: #b9d6c6;
    }

}


.bk-test-similar .bk-similar-nav {
    display: flex;
    align-items: center;

    gap: 12px;

    flex: 0 0 auto;
}


/* ---------- Счётчик ---------- */

.bk-test-similar .bk-similar-counter {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;

    gap: 4px;

    min-width: 52px;

    color: #6d7772;

    font-size: 13px;
    line-height: 1;
}

.bk-test-similar .bk-similar-counter strong {
    color: #009846;

    font-size: 15px;
    font-weight: 700;
}


.bk-test-similar .similar__wrapper {
    position: relative;
}

.bk-test-similar .bk-similar-slider {
    overflow: hidden;

    padding: 3px 3px 18px;
}

.bk-test-similar .swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.bk-test-similar .swiper-slide {
    flex-shrink: 0;
}


/* =========================================================
   КАРТОЧКА
   ========================================================= */

.bk-test-similar .bk-similar-card {
    height: auto;
    min-width: 0;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e1e7e3;
    border-radius: 15px;

    box-shadow:
        0 5px 18px rgba(24, 45, 34, 0.04);
}


/* Ширину карточки рассчитывает Swiper */
.bk-test-similar .bk-similar-card__link {
    display: grid;

    grid-template-columns:
        minmax(138px, 44%)
        minmax(0, 1fr);

    min-height: 172px;

    color: inherit;
    text-decoration: none;
}


/* =========================================================
   ФОТО
   ========================================================= */

.bk-test-similar .bk-similar-card__image {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;

    margin: 10px 0 10px 10px;
    padding: 8px;

    overflow: hidden;

    background: #fafbfa;

    border-radius: 11px;
}

.bk-test-similar .bk-similar-card__image img {
    display: block;

    width: 100%;
    max-width: 158px;
    height: 140px;

    object-fit: contain;
    object-position: center;
}


/* =========================================================
   ТЕКСТ
   ========================================================= */

.bk-test-similar .bk-similar-card__content {
    display: flex;
    flex-direction: column;

    min-width: 0;

    padding: 18px 16px 15px;
}

.bk-test-similar .bk-similar-card__title {
    margin: 0;

    color: #1c211e;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.28;
}


/* Размер — отдельной строкой */
.bk-test-similar .bk-similar-card__size {
    margin-top: 4px;

    color: #303732;

    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.25;
}


/* =========================================================
   ХАРАКТЕРИСТИКИ
   ========================================================= */

.bk-test-similar .bk-similar-card__meta {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin-top: 11px;
}

.bk-test-similar .bk-similar-card__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 24px;

    padding: 0 8px;

    color: #626c67;
    background: #f5f7f6;

    border: 1px solid #e3e8e5;
    border-radius: 6px;

    font-size: 10px;
    font-weight: 500;
    line-height: 1;

    white-space: nowrap;
}


/* =========================================================
   КНОПКА «ВЫБРАТЬ»
   ========================================================= */

.bk-test-similar .bk-similar-card__more {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    width: 128px;
    min-height: 38px;

    margin-top: auto;
    padding: 0 13px;

    color: #009846;
    background: #ffffff;

    border: 1px solid #86c9a4;
    border-radius: 8px;

    font-family: inherit;
    font-size: 11px;
    font-weight: 650;
    line-height: 1;

    text-align: left;

    cursor: pointer;
}

.bk-test-similar .bk-similar-card__arrow {
    font-size: 15px;
    line-height: 1;
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    .bk-test-similar .bk-similar-card {
        transition:
            border-color .18s ease,
            box-shadow .18s ease,
            transform .18s ease;
    }

    .bk-test-similar .bk-similar-card:hover {
        border-color: #c9d8d0;

        box-shadow:
            0 9px 24px rgba(24, 45, 34, 0.07);

        transform: translateY(-1px);
    }

    .bk-test-similar .bk-similar-card__more {
        transition:
            color .18s ease,
            background-color .18s ease,
            border-color .18s ease;
    }

    .bk-test-similar .bk-similar-card__more:hover {
        color: #ffffff;
        background: #009846;
        border-color: #009846;
    }

}


/* =========================================================
   СТРЕЛКИ
   ========================================================= */

.bk-test-similar .similar__prev,
.bk-test-similar .similar__next {
    position: static;

    top: auto;
    right: auto;
    bottom: auto;
    left: auto;

    transform: none;

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

    flex: 0 0 auto;

    width: 38px;
    height: 38px;

    margin: 0;

    background: #ffffff;

    border: 1px solid #dde5e1;
    border-radius: 9px;

    box-shadow: none;

    cursor: pointer;
}

.bk-test-similar .similar__prev {
    left: auto;
}

.bk-test-similar .similar__next {
    right: auto;
}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */


@media (max-width: 1080px) {

    .bk-test-similar .bk-similar-head {
        grid-template-columns:
            minmax(240px, 1fr)
            auto;

        gap: 14px 18px;
    }

    .bk-test-similar .bk-similar-filters {
        grid-column: 1 / -1;
        grid-row: 2;

        justify-self: start;
    }

    .bk-test-similar .bk-similar-nav {
        grid-column: 2;
        grid-row: 1;
    }

}


@media (max-width: 760px) {


    .bk-test-similar > .container {
        max-width: none !important;
        padding: 0 15px !important;
    }

    .bk-test-similar {
        padding: 24px 0 34px;
    }

    .bk-test-similar .bk-similar-panel {
        padding: 0;

        border-radius: 0;
    }


    /* ---------- Шапка блока ---------- */

    .bk-test-similar .bk-similar-head {
        display: flex;
        flex-direction: column;
        align-items: stretch;

        gap: 12px;

        margin-bottom: 16px;
    }

    .bk-test-similar .similar__title {
        margin: 0;

        font-size: 22px;
        line-height: 1.2;

        text-align: left;
    }


    /* ---------- Фильтры ---------- */

    .bk-test-similar .bk-similar-filters {
        order: 2;

        display: grid;
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        width: 100%;
    }

    .bk-test-similar .bk-similar-filter {
        min-width: 0;
        min-height: 36px;

        padding: 0 6px;

        font-size: 10px;

        white-space: nowrap;
    }


    /* ---------- Навигация ---------- */

    .bk-test-similar .bk-similar-nav {
        order: 3;

        align-self: center;

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

        gap: 10px;

        margin-top: 1px;
    }

    .bk-test-similar .similar__prev,
    .bk-test-similar .similar__next {
        width: 30px;
        height: 30px;

        border-radius: 8px;
    }

    .bk-test-similar .bk-similar-counter {
        min-width: 52px;

        font-size: 12px;
    }

    .bk-test-similar .bk-similar-counter strong {
        font-size: 14px;
    }


    /* ---------- Слайдер ---------- */

    .bk-test-similar .similar__wrapper,
    .bk-test-similar .bk-similar-slider {
        width: 100%;
        min-width: 0;
    }

    .bk-test-similar .bk-similar-slider {
        overflow: hidden;

        padding: 2px 0 6px;
    }

    .bk-test-similar .swiper-wrapper {
        align-items: stretch;
    }

    /*
     * На мобильном всегда видна ровно одна карточка.
     * Никаких обрезанных соседних слайдов по краям.
     */
    .bk-test-similar .swiper-slide,
    .bk-test-similar .bk-similar-card {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* ---------- Карточка ---------- */

    .bk-test-similar .bk-similar-card__link {
        grid-template-columns:
            124px
            minmax(0, 1fr);

        min-height: 150px;
    }

    .bk-test-similar .bk-similar-card__image {
        margin: 9px 0 9px 9px;
        padding: 6px;
    }

    .bk-test-similar .bk-similar-card__image img {
        max-width: 116px;
        height: 108px;
    }

    .bk-test-similar .bk-similar-card__content {
        padding:
            14px 12px 12px;
    }

    .bk-test-similar .bk-similar-card__title {
        font-size: 12.5px;
    }

    .bk-test-similar .bk-similar-card__size {
        font-size: 11.5px;
    }

    .bk-test-similar .bk-similar-card__tag {
        min-height: 22px;

        padding: 0 7px;

        font-size: 9.5px;
    }

    .bk-test-similar .bk-similar-card__more {
        width: 112px;
        min-height: 34px;

        padding: 0 10px;

        font-size: 10px;
    }

}



/* =========================================================
   ГАЛЕРЕЯ: ПЕРЕКЛЮЧЕНИЕ СЛАЙДОВ
   ========================================================= */

#bk-test-configurator .bk-product-gallery__thumb {
    cursor: pointer;
}

#bk-test-configurator .bk-product-gallery__thumb:focus-visible {
    border-color: #009846;
    box-shadow: 0 0 0 2px rgba(0, 152, 70, 0.10);
}

/* =========================================================
   ОТКЛИК ПОСЛЕ ВЫБОРА ГОТОВОГО РАЗМЕРА
   Более мягкая версия
   ========================================================= */

/* Центральная форма внутри общей карточки */
#bk-test-configurator .bk-config-panel {
    transition:
        background-color .65s ease;
}

#bk-test-configurator .bk-config-panel.is-preset-applied {
    box-shadow: none;

    animation:
        bkPresetAppliedSoft 2.2s ease;
}

@keyframes bkPresetAppliedSoft {

    0% {
        background-color: #ffffff;
    }

    16% {
        background-color: #f4faf6;
    }

    62% {
        background-color: #f7fbf8;
    }

    100% {
        background-color: #ffffff;
    }

}


/* Кнопка */
.bk-test-similar .bk-similar-card__more {
    transition:
        color .28s ease,
        background-color .32s ease,
        border-color .32s ease,
        opacity .13s ease,
        transform .28s ease;
}

.bk-test-similar .bk-similar-card__more.is-switching {
    opacity: .38;
    transform: translateY(1px);
}

.bk-test-similar .bk-similar-card__more.is-selected {
    color: #ffffff;
    background: #009846;
    border-color: #009846;
}

.bk-test-similar .bk-similar-card__more.is-selected
.bk-similar-card__arrow {
    font-size: 13px;
    font-weight: 700;
}

/* =========================================================
   КАК ПРОХОДИТ ЗАКАЗ
   Вариант 1 — компактная линия этапов + горизонтальные карточки
   ========================================================= */

.order-process {
    position: relative;

    overflow: hidden;

    padding: 38px 0 26px;

    background: #ffffff;
}

.order-process > .container {
    width: 100% !important;
    max-width: 1440px !important;

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


/* =========================================================
   ЗАГОЛОВОК
   ========================================================= */

.order-process__header {
    width: 100%;

    margin: 0 0 28px;

    text-align: left;
}

.order-process__title {
    margin: 0 0 7px;

    color: #171b19;

    font-size: 28px;
    font-weight: 700;
    line-height: 1.18;
}

.order-process__subtitle {
    max-width: 650px;

    margin: 0;

    color: #66716b;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
}


/* =========================================================
   ЭТАПЫ
   ========================================================= */

.order-process__steps {
    position: relative;

    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 16px;

    align-items: stretch;

    width: 100%;

    margin: 0;
}


/*
 * Тонкая пунктирная линия проходит только через номера.
 * Карточки специально опущены ниже и не касаются линии.
 */
.order-process__steps::before {
    content: "";

    position: absolute;
    z-index: 0;

    top: 20px;
    left: 12.5%;
    right: 12.5%;

    height: 1px;

    background:
        repeating-linear-gradient(
            90deg,
            rgba(0, 152, 70, 0.56) 0 4px,
            transparent 4px 8px
        );

    pointer-events: none;
}


/* =========================================================
   ОТДЕЛЬНЫЙ ЭТАП
   ========================================================= */

.order-process__step {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    min-width: 0;

    text-align: left;
}


/* =========================================================
   НОМЕР ЭТАПА
   ========================================================= */

.order-process__number {
    position: relative;
    z-index: 3;

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

    width: 40px;
    height: 40px;

    margin: 0 auto;

    color: #008f42;
    background: #ffffff;

    border: 1px solid #bcdac8;
    border-radius: 50%;

    box-shadow:
        0 4px 14px rgba(24, 45, 34, 0.06);

    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}


/* =========================================================
   КАРТОЧКА ЭТАПА
   Иконка слева, текст справа
   ========================================================= */

.order-process__card {
    display: grid;

    grid-template-columns:
        58px
        minmax(0, 1fr);

    grid-template-rows:
        auto
        auto;

    column-gap: 15px;
    row-gap: 7px;

    align-content: center;
    align-items: start;

    min-height: 132px;

    margin-top: 28px;

    padding: 18px 18px;

    background: #ffffff;

    border: 1px solid #e1e7e3;
    border-radius: 15px;

    box-shadow:
        0 7px 20px rgba(24, 45, 34, 0.045);
}


/* =========================================================
   ИКОНКА
   ========================================================= */

.order-process__icon {
    grid-column: 1;
    grid-row: 1 / 3;

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

    width: 58px;
    height: 58px;

    margin: 0;

    color: #009846;

    background:
        linear-gradient(
            145deg,
            #f0f8f3 0%,
            #e8f4ec 100%
        );

    border: 1px solid #dcece2;
    border-radius: 15px;
}

.order-process__icon-svg {
    display: block;

    width: 40px;
    height: 40px;

    color: inherit;
}


/* =========================================================
   ТЕКСТ
   ========================================================= */

.order-process__step-title {
    grid-column: 2;
    grid-row: 1;

    align-self: end;

    margin: 1px 0 0;

    color: #1a211d;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}

.order-process__accent {
    display: none;
}

.order-process__step-text {
    grid-column: 2;
    grid-row: 2;

    max-width: none;

    margin: 0;

    color: #69736e;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================================
   НЕБОЛЬШИЕ ДЕСКТОПЫ
   ========================================================= */

@media (max-width: 1240px) and (min-width: 761px) {

    .order-process > .container {
        padding: 0 24px !important;
    }

    .order-process__steps {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 24px 18px;
    }

    /*
     * В раскладке 2×2 общую линию убираем,
     * чтобы она не соединяла разные строки.
     */
    .order-process__steps::before {
        display: none;
    }

    .order-process__number {
        margin-left: 18px;
    }

    .order-process__card {
        margin-top: 10px;

        min-height: 126px;
    }

}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 760px) {

    .order-process {
        padding: 24px 0 24px;
    }

    .order-process > .container {
        max-width: none !important;
        padding: 0 15px !important;
    }

    .order-process__header {
        margin-bottom: 20px;
    }

    .order-process__title {
        margin-bottom: 8px;

        font-size: 25px;
    }

    .order-process__subtitle {
        font-size: 14px;
        line-height: 1.5;
    }

    .order-process__steps {
        grid-template-columns: 1fr;

        gap: 14px;
    }

    .order-process__steps::before {
        display: none;
    }

    .order-process__step {
        display: grid;

        grid-template-columns:
            42px
            minmax(0, 1fr);

        gap: 10px;

        align-items: start;
    }

    .order-process__number {
        grid-column: 1;
        grid-row: 1;

        width: 42px;
        height: 42px;

        margin: 17px 0 0;

        font-size: 12px;
    }

    .order-process__card {
        grid-column: 2;
        grid-row: 1;

        grid-template-columns:
            50px
            minmax(0, 1fr);

        column-gap: 13px;

        min-height: 0;

        margin-top: 0;

        padding: 15px;

        border-radius: 14px;
    }

    .order-process__icon {
        width: 50px;
        height: 50px;

        border-radius: 13px;
    }

    .order-process__icon-svg {
        width: 34px;
        height: 34px;
    }

    .order-process__step-title {
        font-size: 15px;
    }

    .order-process__step-text {
        font-size: 12.5px;
        line-height: 1.5;
    }

}


/* =========================================================
   МАЛЕНЬКИЕ ТЕЛЕФОНЫ
   ========================================================= */

@media (max-width: 400px) {

    .order-process {
        padding: 22px 0 22px;
    }

    .order-process__title {
        font-size: 23px;
    }

    .order-process__step {
        grid-template-columns:
            38px
            minmax(0, 1fr);

        gap: 8px;
    }

    .order-process__number {
        width: 38px;
        height: 38px;

        margin-top: 16px;
    }

    .order-process__card {
        grid-template-columns:
            46px
            minmax(0, 1fr);

        column-gap: 11px;

        padding: 14px 13px;
    }

    .order-process__icon {
        width: 46px;
        height: 46px;
    }

    .order-process__icon-svg {
        width: 31px;
        height: 31px;
    }

    .order-process__step-title {
        font-size: 14px;
    }

    .order-process__step-text {
        font-size: 12px;
    }

}


/* =========================================================
   НАМ ДОВЕРЯЮТ
   Компактная переходная полоса партнёров
   ========================================================= */

.bk-partners-strip,
.bk-partners-strip * {
    box-sizing: border-box;
}

.bk-partners-strip {
    width: 100%;

    margin: 0;

    padding: 34px 0 30px;

    background: #f2f7f3;

    border: 0;
}


/* Сам существующий блок партнёров не превращаем
   в ещё одну большую секцию. */
.bk-partners-strip .partners {
    margin: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    background: transparent !important;
}


/* Одна рабочая ширина с остальными блоками страницы */
.bk-partners-strip .partners > .container {
    width: 100% !important;
    max-width: 1440px !important;

    margin: 0 auto !important;

    padding-left: 28px !important;
    padding-right: 28px !important;
}


/* ---------- Интро ---------- */

.bk-partners-strip .partners-new,
.bk-partners-strip .partners-marquee {
    min-height: 0 !important;
}

.bk-partners-strip .partners-new__intro,
.bk-partners-strip .partners-marquee__intro,
.bk-partners-strip .partners__intro {
    margin-bottom: 2px !important;
}

.bk-partners-strip .partners-new__title,
.bk-partners-strip .partners-marquee__title,
.bk-partners-strip .partners__title {
    margin-bottom: 4px !important;

    font-size: 24px !important;
    line-height: 1.18 !important;
}

.bk-partners-strip .partners-new__text,
.bk-partners-strip .partners-marquee__text,
.bk-partners-strip .partners__text {
    margin: 0 !important;

    font-size: 12.5px !important;
    line-height: 1.4 !important;
}


/* ---------- Лента логотипов ---------- */

/* Убираем лишние вертикальные объёмы, которые нормально
   смотрятся на главной, но здесь делают страницу длинной. */
.bk-partners-strip .partners-new__slider,
.bk-partners-strip .partners-marquee__slider,
.bk-partners-strip .partners__slider,
.bk-partners-strip .partners-new__track,
.bk-partners-strip .partners-marquee__track {
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Ленту чуть поднимаем к подписи, чтобы секция выглядела собраннее. */
.bk-partners-strip .partners-new__slider,
.bk-partners-strip .partners-marquee__slider,
.bk-partners-strip .partners__slider {
    margin-top: -7px !important;
}

.bk-partners-strip .partners img {
    display: block !important;

    width: auto !important;
    max-width: 182px !important;
    max-height: 72px !important;

    object-fit: contain !important;
}


.bk-partners-strip .partners__item,
.bk-partners-strip .partners-marquee__item,
.bk-partners-strip .partners-new__item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 92px !important;
    padding: 0 10px !important;
}




/* ---------- Мягкий fade по краям ленты ---------- */

.bk-partners-strip .partners-new__slider,
.bk-partners-strip .partners-marquee__slider,
.bk-partners-strip .partners__slider {
    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 0.6%,
            #000 99.4%,
            transparent 100%
        ) !important;

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 0.6%,
            #000 99.4%,
            transparent 100%
        ) !important;
}

@media (max-width: 760px) {

    .bk-partners-strip .partners-new__slider,
    .bk-partners-strip .partners-marquee__slider,
    .bk-partners-strip .partners__slider {
        -webkit-mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                #000 1.5%,
                #000 98.5%,
                transparent 100%
            ) !important;

        mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                #000 1.5%,
                #000 98.5%,
                transparent 100%
            ) !important;
    }

}

/* Если в существующем варианте есть декоративный вертикальный
   разделитель — в компактной полосе он не нужен. */
.bk-partners-strip .partners-new__divider {
    display: none !important;
}


/* Если используется двухколоночная версия partners--new,
   превращаем её в компактную вертикальную композицию:
   заголовок сверху, лента ниже. */
.bk-partners-strip .partners-new {
    display: block !important;
}

.bk-partners-strip .partners-new__intro {
    width: 100% !important;
    max-width: none !important;
}

.bk-partners-strip .partners-new__slider {
    width: 100% !important;
    max-width: none !important;
}




/* =========================================================
   «НАМ ДОВЕРЯЮТ» — БЕЗ РАЗДЕЛИТЕЛЬНЫХ ЛИНИЙ
   Секции отделяются только свободным пространством.
   ========================================================= */

/* Убираем границу от предыдущего блока */
.order-process {
    border-bottom: 0 !important;
}

/* Убираем любые верхние/нижние границы и тени у блока партнёров */
.bk-partners-strip,
.bk-partners-strip .partners {
    position: relative;

    border-top: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;
}

/* Убираем декоративные псевдоэлементы, которые могли рисовать линии */
.bk-partners-strip::before,
.bk-partners-strip::after,
.bk-partners-strip .partners::before,
.bk-partners-strip .partners::after {
    content: none !important;
    display: none !important;
}

/* Следующий блок тоже не должен рисовать разделитель сверху */
.bk-partners-strip + .mainTab {
    border-top: 0 !important;
}

/* =========================================================
   СЕРТИФИКАТЫ / ОБОРУДОВАНИЕ
   Новый вариант:
   компактные вкладки + внутренняя светло-зелёная панель
   ========================================================= */

.bk-partners-strip + .mainTab {
    width: 100% !important;

    margin: 0 !important;
    padding: 32px 0 48px !important;

    background: #ffffff !important;
}


/* ---------------------------------------------------------
   КОМПАКТНЫЕ ВКЛАДКИ
   --------------------------------------------------------- */

/* Первый container внутри mainTab содержит только вкладки */
.bk-partners-strip + .mainTab > .container:first-child {
    width: 100% !important;
    max-width: 816px !important;

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

.bk-partners-strip + .mainTab .tab__slider__container {
    width: 100% !important;
    max-width: 760px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

.bk-partners-strip + .mainTab .tab__slider {
    width: 100% !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid #dde5e0 !important;
    border-radius: 14px !important;

    box-shadow:
        0 8px 24px rgba(25, 45, 34, 0.07) !important;
}

.bk-partners-strip + .mainTab .tab__slider .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important;

    width: 100% !important;
}

.bk-partners-strip + .mainTab .tab__slider .tab__btn.swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    min-height: 78px !important;

    gap: 11px !important;

    margin: 0 !important;
    padding: 9px 18px !important;

    color: #26312b !important;
    background: #ffffff !important;

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

    box-shadow: none !important;

    cursor: pointer !important;

    transition:
        color .18s ease,
        background-color .18s ease,
        box-shadow .18s ease !important;
}

.bk-partners-strip + .mainTab .tab__slider .tab__btn.swiper-slide + .tab__btn.swiper-slide {
    border-left: 1px solid #e4e9e6 !important;
}

.bk-partners-strip + .mainTab .tab__slider .tab__btn.active {
    color: #008f42 !important;
    background: #f1f8f4 !important;

    box-shadow:
        inset 0 -2px 0 #009846 !important;
}

.bk-partners-strip + .mainTab .main__tabs__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 36px !important;

    width: 36px !important;
    height: 36px !important;

    margin: 0 !important;

    background: #f3f6f4 !important;

    border-radius: 50% !important;
}

.bk-partners-strip + .mainTab .tab__btn.active .main__tabs__icon {
    background: #e4f5eb !important;
}

.bk-partners-strip + .mainTab .main__tabs__icon img {
    width: 20px !important;
    height: 20px !important;

    object-fit: contain !important;
}

.bk-partners-strip + .mainTab .product__tabs__text {
    color: inherit !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
}


/* ---------------------------------------------------------
   ОБЩАЯ ПАНЕЛЬ СОДЕРЖИМОГО
   --------------------------------------------------------- */

.bk-partners-strip + .mainTab .cer__ab {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

/* Панель сертификатов */
.bk-partners-strip + .mainTab .cer__ab > .container {
    width: calc(100% - 56px) !important;
    max-width: 1384px !important;

    margin: 0 auto !important;
    padding: 34px 38px 38px !important;

    background: #f5f9f6 !important;

    border: 1px solid #dfe9e2 !important;
    border-radius: 20px !important;

    box-shadow:
        0 7px 24px rgba(25, 45, 34, 0.035) !important;
}


/* ---------------------------------------------------------
   ЗАГОЛОВОК СЕРТИФИКАТОВ
   --------------------------------------------------------- */

.bk-partners-strip + .mainTab .certificate-section__header {
    display: block !important;

    margin: 0 0 26px !important;
}

.bk-partners-strip + .mainTab .certificate-section__accent {
    display: none !important;
}

.bk-partners-strip + .mainTab .certificate-section__heading {
    width: 100% !important;
}

.bk-partners-strip + .mainTab .certificate-section__title {
    margin: 0 !important;

    color: #1f2d35 !important;

    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.018em !important;
}

.bk-partners-strip + .mainTab .certificate-section__subtitle {
    max-width: 760px !important;

    margin: 8px 0 0 !important;

    color: #747e78 !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
}


/* Сама карточка сертификата остаётся белой внутри зелёной панели */
.bk-partners-strip + .mainTab .cer__content {
    margin: 0 !important;
}


/* ---------------------------------------------------------
   ОБОРУДОВАНИЕ — ТА ЖЕ ЛОГИКА ПАНЕЛИ
   --------------------------------------------------------- */

/* Внешний container у вкладки оборудования не должен быть панелью */
.bk-partners-strip + .mainTab > .container[style] {
    width: 100% !important;
    max-width: none !important;

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

/* Панель самой вкладки */
.bk-partners-strip + .mainTab .our_workbench {
    width: 100% !important;
    max-width: 1384px !important;

    margin: 0 auto !important;
    padding: 34px 38px 38px !important;

    background: #f5f9f6 !important;

    border: 1px solid #dfe9e2 !important;
    border-radius: 20px !important;

    box-shadow:
        0 7px 24px rgba(25, 45, 34, 0.035) !important;
}

.bk-partners-strip + .mainTab .our_workbench .our__bench__header {
    margin-bottom: 26px !important;
}

.bk-partners-strip + .mainTab .our_workbench .our__bench__heading .title {
    margin: 0 !important;

    color: #1f2d35 !important;

    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
}

.bk-partners-strip + .mainTab .our_workbench .our__bench__subtitle {
    max-width: 760px !important;

    margin: 8px 0 0 !important;

    color: #747e78 !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   РИТМ СОСЕДНИХ БЛОКОВ
   ========================================================= */

.order-process {
    padding-bottom: 24px !important;
}

.bk-other-products {
    padding-top: 44px !important;
}


/* =========================================================
   АДАПТИВ
   ========================================================= */

@media (max-width: 991px) {

    .bk-partners-strip {
        padding: 18px 0 14px;
    }

    .bk-partners-strip .partners > .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }


    .bk-partners-strip .partners img {
        max-width: 165px !important;
        max-height: 62px !important;
    }

    .bk-partners-strip .partners__item,
    .bk-partners-strip .partners-marquee__item,
    .bk-partners-strip .partners-new__item {
        min-height: 62px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .bk-partners-strip + .mainTab {
        padding: 28px 0 40px !important;
    }

    .bk-partners-strip + .mainTab > .container:first-child {
        max-width: 740px !important;

        margin-bottom: 24px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .bk-partners-strip + .mainTab .tab__slider .tab__btn.swiper-slide {
        min-height: 58px !important;
    }

    .bk-partners-strip + .mainTab .cer__ab > .container {
        width: calc(100% - 40px) !important;

        padding: 30px 30px 34px !important;

        border-radius: 18px !important;
    }

    .bk-partners-strip + .mainTab > .container[style] {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .bk-partners-strip + .mainTab .our_workbench {
        padding: 30px 30px 34px !important;

        border-radius: 18px !important;
    }

}


@media (max-width: 760px) {

    .bk-partners-strip {
        padding: 15px 0 13px;
    }

    .bk-partners-strip .partners > .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .bk-partners-strip .partners-new__title,
    .bk-partners-strip .partners-marquee__title,
    .bk-partners-strip .partners__title {
        font-size: 21px !important;
    }

    .bk-partners-strip .partners img {
        max-width: 145px !important;
        max-height: 52px !important;
    }

    .bk-partners-strip .partners__item,
    .bk-partners-strip .partners-marquee__item,
    .bk-partners-strip .partners-new__item {
        min-height: 64px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .bk-partners-strip + .mainTab {
        padding: 22px 0 32px !important;
    }

    .bk-partners-strip + .mainTab > .container:first-child {
        max-width: none !important;

        margin-bottom: 18px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .bk-partners-strip + .mainTab .tab__slider {
        border-radius: 11px !important;
    }

    .bk-partners-strip + .mainTab .tab__slider .tab__btn.swiper-slide {
        min-height: 54px !important;

        gap: 7px !important;

        padding: 7px 8px !important;
    }

    .bk-partners-strip + .mainTab .main__tabs__icon {
        flex-basis: 30px !important;

        width: 30px !important;
        height: 30px !important;
    }

    .bk-partners-strip + .mainTab .main__tabs__icon img {
        width: 17px !important;
        height: 17px !important;
    }

    .bk-partners-strip + .mainTab .product__tabs__text {
        font-size: 10.5px !important;
    }

    /* В общем CSS сайта на мобильных добавляются сокращённые
       подписи через ::after. Здесь уже выводятся полные названия,
       поэтому второй текст отключаем. */
    .bk-partners-strip + .mainTab .product__tabs__text::after {
        display: none !important;
        content: none !important;
    }

    .bk-partners-strip + .mainTab .cer__ab > .container {
        width: calc(100% - 30px) !important;

        padding: 22px 16px 24px !important;

        border-radius: 14px !important;
    }

    .bk-partners-strip + .mainTab .certificate-section__header {
        margin-bottom: 20px !important;
    }

    .bk-partners-strip + .mainTab .certificate-section__title {
        font-size: 25px !important;
    }

    .bk-partners-strip + .mainTab .certificate-section__subtitle {
        margin-top: 6px !important;

        font-size: 13px !important;
    }

    .bk-partners-strip + .mainTab > .container[style] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .bk-partners-strip + .mainTab .our_workbench {
        padding: 22px 16px 24px !important;

        border-radius: 14px !important;
    }

    .bk-partners-strip + .mainTab .our_workbench .our__bench__heading .title {
        font-size: 25px !important;
    }

    .bk-partners-strip + .mainTab .our_workbench .our__bench__subtitle {
        margin-top: 6px !important;

        font-size: 13px !important;
    }

    .bk-other-products {
        padding-top: 34px !important;
    }

}



/* =========================================================
   ДРУГИЕ ВИДЫ ГОФРОПРОДУКЦИИ
   Компактный горизонтальный слайдер
   ========================================================= */

.bk-other-products,
.bk-other-products * {
    box-sizing: border-box;
}

.bk-other-products {
    width: 100%;

    padding: 34px 0 20px;

    background: #ffffff;
}

.bk-other-products > .container {
    width: 100% !important;
    max-width: 1440px !important;

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


/* ---------- Шапка ---------- */

.bk-other-products__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 28px;

    margin: 0 0 17px;
}

.bk-other-products__heading {
    min-width: 0;
}

.bk-other-products__title {
    margin: 0 0 7px;

    color: #171b19;

    font-size: 28px;
    font-weight: 700;
    line-height: 1.18;
}

.bk-other-products__subtitle {
    max-width: 720px;

    margin: 0;

    color: #6d7772;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}


/* ---------- Управление ---------- */

.bk-other-products__controls {
    display: flex;
    align-items: center;

    flex: 0 0 auto;

    gap: 10px;
}

.bk-other-products__arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    padding: 0;

    color: #4c5651;
    background: #ffffff;

    border: 1px solid #dce5df;
    border-radius: 10px;

    cursor: pointer;

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

.bk-other-products__arrow:not(.swiper-button-disabled):hover {
    color: #008f42;
    border-color: #9fcdb2;
    background: #f5faf7;
}

.bk-other-products__arrow.swiper-button-disabled {
    color: #b4bcb8;

    cursor: default;

    opacity: .55;
}

.bk-other-products__counter {
    display: flex;
    align-items: baseline;
    justify-content: center;

    min-width: 46px;

    color: #7a847f;

    font-size: 12px;
    line-height: 1;
}

.bk-other-products__counter strong {
    color: #009846;

    font-size: 14px;
    font-weight: 700;
}


/* ---------- Финальная полировка desktop ---------- */

@media (min-width: 761px) {

    .bk-other-products__controls {
        transform: translateY(3px);
    }

    .bk-other-product-card[data-bk-other-title="Гофрокартон-Z"]
    .bk-other-product-card__image img {
        transform: scale(1.04);
    }

}


/* =========================================================
   СЛАЙДЕР
   ========================================================= */

.bk-other-products__slider {
    width: 100%;

    overflow: hidden;
}

.bk-other-products__slider .swiper-wrapper {
    align-items: stretch;
}


/* =========================================================
   КАРТОЧКА
   ========================================================= */

.bk-other-product-card {
    height: auto;
}

.bk-other-product-card__link {
    display: grid;

    grid-template-columns:
        minmax(145px, 42%)
        minmax(0, 1fr);

    height: 100%;
    min-height: 168px;

    overflow: hidden;

    color: inherit;
    background: #ffffff;

    border: 1px solid #e0e7e3;
    border-radius: 15px;

    box-shadow:
        0 6px 18px rgba(24, 45, 34, 0.04);

    text-decoration: none;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}


/* ---------- Фото ---------- */

.bk-other-product-card__image {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;
    height: 100%;

    padding: 7px;

    overflow: hidden;

    background: #f7faf8;

    border-right: 0;
}

.bk-other-product-card__image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;

    transform: scale(1.08);
    transform-origin: center;
}


/* ---------- Текст ---------- */

.bk-other-product-card__content {
    display: flex;
    flex-direction: column;

    min-width: 0;

    padding: 15px 17px 13px;
}

.bk-other-product-card__title {
    margin: 0 0 8px;

    color: #171d1a;

    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
}

.bk-other-product-card__text {
    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

    overflow: hidden;

    margin: 0 0 9px;

    color: #68736d;

    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.48;
}

.bk-other-product-card__more {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    width: fit-content;

    margin-top: auto;
    margin-bottom: 7px;

    color: #009846;

    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.2;
}

.bk-other-product-card__more-arrow {
    font-size: 17px;
    line-height: 1;

    transition: transform .18s ease;
}

@media (hover: hover) and (pointer: fine) {

    .bk-other-product-card__link:hover {
        border-color: #a9cfba;

        box-shadow:
            0 7px 18px rgba(24, 45, 34, 0.05);

        transform: none;
    }

    .bk-other-product-card__link:hover
    .bk-other-product-card__more-arrow {
        transform: translateX(3px);
    }

}


/* =========================================================
   АДАПТИВ
   ========================================================= */

@media (max-width: 1180px) {

    .bk-other-products {
        padding: 32px 0 22px;
    }

    .bk-other-product-card__link {
        grid-template-columns:
            minmax(135px, 41%)
            minmax(0, 1fr);

        min-height: 164px;
    }

    .bk-other-product-card__title {
        font-size: 16px;
    }

}


@media (max-width: 760px) {

    .bk-other-products {
        padding: 28px 0 24px;
    }

    .bk-other-products > .container {
        max-width: none !important;
        padding: 0 15px !important;
    }

    .bk-other-products__header {
        align-items: flex-start;

        gap: 16px;

        margin-bottom: 18px;
    }

    .bk-other-products__title {
        font-size: 25px;
    }

    .bk-other-products__subtitle {
        max-width: 520px;

        font-size: 13px;
        line-height: 1.48;
    }

    .bk-other-products__controls {
        gap: 7px;
    }

    .bk-other-products__arrow {
        width: 34px;
        height: 34px;

        border-radius: 9px;
    }

    .bk-other-products__counter {
        min-width: 38px;

        font-size: 11px;
    }

    .bk-other-products__counter strong {
        font-size: 13px;
    }

    .bk-other-product-card__link {
        grid-template-columns:
            minmax(118px, 40%)
            minmax(0, 1fr);

        min-height: 166px;

        border-radius: 13px;
    }

    .bk-other-product-card__image img {
        transform: scale(1.04);
    }

    .bk-other-product-card__content {
        padding: 14px 14px 12px;
    }

    .bk-other-product-card__title {
        font-size: 15px;
    }

    .bk-other-product-card__text {
        margin-bottom: 10px;

        font-size: 12px;
        line-height: 1.42;
    }

    .bk-other-product-card__more {
        font-size: 12px;
    }

}


@media (max-width: 520px) {

    .bk-other-products__header {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr)
            auto;

        align-items: start;
    }

    .bk-other-products__heading {
        grid-column: 1;
    }

    .bk-other-products__controls {
        grid-column: 2;

        align-self: start;
    }

    .bk-other-product-card__link {
        grid-template-columns:
            42%
            minmax(0, 1fr);

        min-height: 158px;
    }

    .bk-other-product-card__image {
        padding: 7px;
    }

    .bk-other-product-card__image img {
        transform: scale(1.02);
    }

    .bk-other-product-card__content {
        padding: 13px 13px 12px;
    }

}


/* =========================================================
   FAQ — ВАРИАНТ B
   Заголовок слева + список вопросов справа
   Без общей большой карточки
   ========================================================= */

.bk-faq,
.bk-faq * {
    box-sizing: border-box;
}

.bk-faq {
    width: 100%;

    margin: 0 !important;
    padding: 72px 0 40px;

    background: #f2f7f3;
}

.bk-faq > .container {
    display: grid;
    grid-template-columns:
        minmax(240px, 290px)
        minmax(0, 1fr);

    column-gap: clamp(42px, 4.5vw, 64px);
    align-items: start;

    width: 100% !important;
    max-width: 1320px !important;

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


/* =========================================================
   ЛЕВАЯ КОЛОНКА
   ========================================================= */

.bk-faq__header {
    position: sticky;
    top: 110px;

    margin: 0;
}

.bk-faq__title {
    max-width: 260px;

    margin: 0;

    color: #17231d;

    font-size: clamp(34px, 2.5vw, 42px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.bk-faq__title::after {
    content: "";

    display: block;

    width: 56px;
    height: 3px;

    margin-top: 22px;

    background: #009846;
    border-radius: 999px;
}

.bk-faq__subtitle {
    max-width: 285px;

    margin: 24px 0 0;

    color: #65736c;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
}




/* =========================================================
   FAQ — ОБРАТНЫЙ ЗВОНОК
   Небольшой secondary CTA в левой колонке.
   Не конкурирует с самим FAQ и использует существующий попап.
   ========================================================= */

.bk-faq__callback {
    display: block;

    width: 100%;
    max-width: 250px;

    margin-top: 32px;
    padding: 0;

    background: transparent;

    border: 0;
    border-radius: 0;
}

.bk-faq__callback-title {
    margin: 0;

    color: #24322b;

    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.35;
}

.bk-faq__callback-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    margin-top: 8px;

    color: #008f42 !important;

    font-size: 12.5px;
    font-weight: 650;
    line-height: 1.35;

    text-decoration: none !important;
}

.bk-faq__callback-link span {
    font-size: 16px;
    line-height: 1;

    transition: transform .18s ease;
}

@media (hover: hover) and (pointer: fine) {

    .bk-faq__callback-link:hover span {
        transform: translateX(3px);
    }

}

.bk-faq__callback-link:focus-visible {
    outline: 2px solid #009846;
    outline-offset: 4px;

    border-radius: 4px;
}


/* =========================================================
   ПРАВАЯ КОЛОНКА — СПИСОК
   ========================================================= */

.bk-faq__list {
    min-width: 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;
}

.bk-faq__item {
    position: relative;

    margin: 0;
    padding: 0;

    background: transparent;

    border: 0;
    border-bottom: 1px solid #d8e3dc;

    transition:
        background-color .18s ease,
        border-radius .18s ease,
        box-shadow .18s ease;
}

.bk-faq__item:first-child {
    border-top: 1px solid #d8e3dc;
}

.bk-faq__item-title {
    margin: 0;
    padding: 0;

    font: inherit;
}


/* =========================================================
   АКТИВНЫЙ ВОПРОС
   Только мягкая белая поверхность, без тяжёлой рамки
   ========================================================= */

.bk-faq__item.is-open {
    margin: 8px -16px;

    padding: 0 16px;

    background: rgba(255, 255, 255, 0.82);

    border-bottom-color: transparent;
    border-radius: 15px;

    box-shadow:
        0 7px 22px rgba(24, 45, 34, 0.035);
}

.bk-faq__item.is-open + .bk-faq__item {
    border-top-color: transparent;
}


/* =========================================================
   ВОПРОС
   ========================================================= */

.bk-faq__question {
    display: grid;
    grid-template-columns:
        42px
        minmax(0, 1fr)
        38px;

    gap: 16px;
    align-items: center;

    width: 100%;
    min-height: 76px;

    margin: 0;
    padding: 16px 0;

    color: #1b2520;
    background: transparent;

    border: 0;

    font-family: inherit;

    text-align: left;

    cursor: pointer;
}

.bk-faq__number {
    display: block;

    color: #009846;

    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .045em;
}

.bk-faq__question-text {
    color: inherit;

    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}

@media (hover: hover) and (pointer: fine) {

    .bk-faq__item:not(.is-open) .bk-faq__question:hover {
        color: #007b3a;
    }

}

.bk-faq__question:focus-visible {
    position: relative;
    z-index: 3;

    outline: 2px solid #009846;
    outline-offset: 4px;

    border-radius: 10px;
}


/* =========================================================
   КРУГЛЫЙ ПЛЮС / МИНУС
   ========================================================= */

.bk-faq__toggle {
    position: relative;

    display: block;

    width: 34px;
    height: 34px;

    justify-self: end;

    background: rgba(0, 152, 70, 0.07);

    border-radius: 50%;
}

.bk-faq__toggle::before,
.bk-faq__toggle::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    background: #008f42;

    border-radius: 999px;

    transform: translate(-50%, -50%);

    transition:
        opacity .18s ease,
        transform .18s ease;
}

.bk-faq__toggle::before {
    width: 13px;
    height: 1.5px;
}

.bk-faq__toggle::after {
    width: 1.5px;
    height: 13px;
}

.bk-faq__item.is-open .bk-faq__toggle {
    background: rgba(0, 152, 70, 0.1);
}

.bk-faq__item.is-open .bk-faq__toggle::after {
    opacity: 0;

    transform:
        translate(-50%, -50%)
        rotate(90deg);
}


/* =========================================================
   ОТВЕТ
   ========================================================= */

.bk-faq__answer {
    overflow: hidden;

    background: transparent;
}

.bk-faq__answer[hidden] {
    display: none;
}

.bk-faq__answer-inner {
    padding:
        0
        54px
        24px
        58px;
}

.bk-faq__answer-inner p {
    max-width: 700px;

    margin: 0;

    color: #607068;

    font-size: 14.5px;
    font-weight: 400;
    line-height: 1.65;
}

.bk-faq__answer-inner strong {
    color: #314038;
    font-weight: 600;
}


/* =========================================================
   ПЛАНШЕТ
   ========================================================= */

@media (max-width: 980px) and (min-width: 761px) {

    .bk-faq {
        padding: 62px 0 66px;
    }

    .bk-faq > .container {
        grid-template-columns:
            220px
            minmax(0, 1fr);

        column-gap: 32px;

        padding: 0 24px !important;
    }

    .bk-faq__header {
        top: 90px;
    }

    .bk-faq__title {
        font-size: 32px;
    }

    .bk-faq__subtitle {
        font-size: 14px;
    }

    .bk-faq__question {
        grid-template-columns:
            36px
            minmax(0, 1fr)
            34px;

        gap: 12px;

        min-height: 72px;
    }

    .bk-faq__question-text {
        font-size: 15px;
    }

    .bk-faq__answer-inner {
        padding-left: 48px;
        padding-right: 46px;
    }

}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   Одна колонка
   ========================================================= */

@media (max-width: 760px) {

    .bk-faq {
        padding: 46px 0 50px;
    }

    .bk-faq > .container {
        display: block;

        max-width: none !important;

        padding: 0 16px !important;
    }

    .bk-faq__header {
        position: static;

        margin: 0 0 26px;
    }

    .bk-faq__title {
        max-width: none;

        font-size: 29px;
        line-height: 1.1;
    }

    .bk-faq__title::after {
        width: 46px;
        height: 2px;

        margin-top: 16px;
    }

    .bk-faq__subtitle {
        max-width: 520px;

        margin-top: 16px;

        font-size: 13.5px;
        line-height: 1.55;
    }

    .bk-faq__callback {
        max-width: 360px;

        margin-top: 22px;
        padding: 0;
    }

    .bk-faq__callback-title {
        font-size: 13px;
    }

    .bk-faq__callback-link {
        margin-top: 7px;

        font-size: 12px;
    }

    .bk-faq__item.is-open {
        margin: 7px -7px;

        padding: 0 7px;

        border-radius: 13px;
    }

    .bk-faq__question {
        grid-template-columns:
            30px
            minmax(0, 1fr)
            32px;

        gap: 9px;

        min-height: 66px;

        padding: 13px 0;
    }

    .bk-faq__number {
        font-size: 11.5px;
    }

    .bk-faq__question-text {
        font-size: 14px;
        line-height: 1.42;
    }

    .bk-faq__toggle {
        width: 30px;
        height: 30px;
    }

    .bk-faq__answer-inner {
        padding:
            0
            36px
            18px
            39px;
    }

    .bk-faq__answer-inner p {
        font-size: 13px;
        line-height: 1.6;
    }

}


/* =========================================================
   МАЛЕНЬКИЕ ТЕЛЕФОНЫ
   ========================================================= */

@media (max-width: 400px) {

    .bk-faq {
        padding: 40px 0 44px;
    }

    .bk-faq__title {
        font-size: 26px;
    }

    .bk-faq__question {
        grid-template-columns:
            27px
            minmax(0, 1fr)
            30px;

        gap: 8px;
    }

    .bk-faq__question-text {
        font-size: 13.5px;
    }

    .bk-faq__toggle {
        width: 28px;
        height: 28px;
    }

    .bk-faq__answer-inner {
        padding-left: 35px;
        padding-right: 32px;
    }

}


/* =========================================================
   СЕРТИФИКАТЫ — ФИНАЛЬНЫЕ ТОЧЕЧНЫЕ ПРАВКИ
   1. Активная иконка вкладки не "выгорает"
   2. На desktop документ слева, текст справа
   ========================================================= */


/* ---------------------------------------------------------
   АКТИВНАЯ ИКОНКА ВКЛАДКИ
   --------------------------------------------------------- */

.bk-partners-strip + .mainTab .tab__btn.active .main__tabs__icon {
    background: #dff2e7 !important;
}

.bk-partners-strip + .mainTab .tab__btn.active .main__tabs__icon img {
    opacity: 1 !important;

    filter:
        saturate(1.45)
        contrast(1.22)
        brightness(0.78) !important;
}


/* ---------------------------------------------------------
   КАРТОЧКА СЕРТИФИКАТА
   Desktop: документ слева, информация справа.
   HTML менять не нужно — перестановка делается сеткой.
   --------------------------------------------------------- */

@media (min-width: 900px) {

    .bk-partners-strip + .mainTab .certificate-card__layout,
    .bk-partners-strip + .mainTab .certificate-card__button {
        grid-template-columns:
            minmax(0, 42%)
            minmax(0, 58%) !important;
    }

    .bk-partners-strip + .mainTab .certificate-card__preview {
        grid-column: 1 !important;
        grid-row: 1 !important;

        border-left: 0 !important;
        border-right: 1px solid #e7ece9 !important;
    }

    .bk-partners-strip + .mainTab .certificate-card__info {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

}


/* На мобильной версии сохраняем удобный порядок:
   сначала текст документа, затем его изображение. */
@media (max-width: 899px) {

    .bk-partners-strip + .mainTab .certificate-card__info {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .bk-partners-strip + .mainTab .certificate-card__preview {
        grid-column: 1 !important;
        grid-row: 2 !important;

        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 1px solid #e7ece9 !important;
    }

}


/* =========================================================
   ПАРТНЁРЫ — УМЕНЬШЕННОЕ РАССТОЯНИЕ МЕЖДУ ЛОГОТИПАМИ
   ========================================================= */

.bk-partners-strip .partners-new__track,
.bk-partners-strip .partners-marquee__track,
.bk-partners-strip .partners__track,
.bk-partners-strip .swiper-wrapper {
    gap: 28px !important;
    column-gap: 28px !important;
}

@media (max-width: 991px) {
    .bk-partners-strip .partners-new__track,
    .bk-partners-strip .partners-marquee__track,
    .bk-partners-strip .partners__track,
    .bk-partners-strip .swiper-wrapper {
        gap: 22px !important;
        column-gap: 22px !important;
    }
}

@media (max-width: 600px) {
    .bk-partners-strip .partners-new__track,
    .bk-partners-strip .partners-marquee__track,
    .bk-partners-strip .partners__track,
    .bk-partners-strip .swiper-wrapper {
        gap: 34px !important;
        column-gap: 34px !important;
    }
}


/* =========================================================
   ПАРТНЁРЫ — РЕАЛЬНО СБЛИЖАЕМ ЛОГОТИПЫ
   Важно: расстояние задавалось не только gap,
   но и шириной/flex-basis элементов ленты.
   ========================================================= */

.bk-partners-strip .partners-new__track,
.bk-partners-strip .partners-marquee__track,
.bk-partners-strip .partners__track,
.bk-partners-strip .swiper-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 88px !important;
    column-gap: 88px !important;
}

.bk-partners-strip .partners__item,
.bk-partners-strip .partners-marquee__item,
.bk-partners-strip .partners-new__item,
.bk-partners-strip .swiper-slide {
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

@media (max-width: 991px) {

    .bk-partners-strip .partners-new__track,
    .bk-partners-strip .partners-marquee__track,
    .bk-partners-strip .partners__track,
    .bk-partners-strip .swiper-wrapper {
        gap: 56px !important;
        column-gap: 56px !important;
    }

}

@media (max-width: 600px) {

    .bk-partners-strip .partners-new__track,
    .bk-partners-strip .partners-marquee__track,
    .bk-partners-strip .partners__track,
    .bk-partners-strip .swiper-wrapper {
        gap: 28px !important;
        column-gap: 28px !important;
    }

    .bk-partners-strip .partners__item,
    .bk-partners-strip .partners-marquee__item,
    .bk-partners-strip .partners-new__item,
    .bk-partners-strip .swiper-slide {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

}

/* =========================================================
   ГАЛЕРЕЯ — ЦЕЛЬНОЕ ИЗОБРАЖЕНИЕ
   ========================================================= */

#bk-test-configurator .bk-product-gallery__stage {
    position: relative;

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

    width: 100%;
    height: 100%;
    min-height: 500px;

    padding: 0 5px;

    overflow: hidden;

    background: #f2f7f3;

    border-radius: 12px;
}


/* Убираем искусственную тень под объектом */
#bk-test-configurator .bk-product-gallery__stage::after {
    display: none;
    content: none;
}


/* Само изображение */
#bk-test-configurator .bk-config-photo__image {
    display: block;

    width: 100%;
    height: 100%;

    padding: 0;

    object-fit: cover;
    object-position: center;

    border: 0;
    border-radius: 10px;

    box-shadow: none;
    filter: none;
}


/* Немного расширяем левую часть,
   чтобы инфографика читалась крупнее */
@media (min-width: 1241px) {

    #bk-test-configurator .bk-config-main {
        grid-template-columns:
            520px
            minmax(650px, 1fr);
    }

}


/* Средний desktop */
@media (max-width: 1599px) and (min-width: 1241px) {

    #bk-test-configurator .bk-config-main {
        grid-template-columns:
            385px
            minmax(600px, 1fr);
    }

    #bk-test-configurator .bk-product-gallery__stage {
        min-height: 440px;
    }

}


/* Мобильная версия */
@media (max-width: 760px) {

    /* На телефоне подсказка раскрывается вниз от названия поля,
       а не залезает вверх на галерею или предыдущий параметр. */
    #bk-test-configurator .bk-help-tooltip {
        top: calc(100% + 10px);
        right: auto;
        bottom: auto;
        left: 0;

        width: min(280px, calc(100vw - 64px));
        max-width: none;
    }

    #bk-test-configurator .bk-help-tooltip::after {
        display: none;
    }

    #bk-test-configurator .bk-product-gallery {
        grid-template-rows:
            auto
            420px;
    }

    #bk-test-configurator .bk-product-gallery__stage {
        height: 420px;
        min-height: 420px;
    }

}

/* =========================================================
   ШАГ 1 — АДАПТАЦИЯ ОКОЛО 1505 PX
   Всё, что шире 1505 px, этим блоком НЕ затрагивается.
   Пока исправляем только галерею.
   ========================================================= */

@media (max-width: 1505px) and (min-width: 1400px) {

    /*
     * На этой ширине старая сетка 385px уже слишком узкая
     * для вертикальной инфографики. Возвращаем галерее
     * немного места, но не меняем саму форму.
     */
    #bk-test-configurator .bk-config-main {
        grid-template-columns:
            clamp(430px, 31vw, 470px)
            minmax(600px, 1fr);
    }

    /*
     * Высота уменьшается мягко вместе с шириной окна,
     * поэтому пропорции изображения не «едут».
     */
    #bk-test-configurator .bk-product-gallery__stage {
        height: clamp(490px, 34vw, 520px);
        min-height: 0;
    }

    /*
     * На этом диапазоне изображение всегда видно целиком.
     * На экранах шире 1505px остаётся исходный cover.
     */
    #bk-test-configurator .bk-config-photo__image {
        width: 100%;
        height: 100%;

        object-fit: contain;
        object-position: center;
    }

}

/* =========================================================
   ШАГ 2 — АДАПТАЦИЯ ОКОЛО 1379 PX
   Диапазон 1241–1399 px.
   Экраны 1400 px и шире этим блоком НЕ затрагиваются.
   Пока правим только галерею.
   ========================================================= */

@media (max-width: 1399px) and (min-width: 1241px) {

    /*
     * Даём галерее чуть больше ширины, чтобы основное фото
     * не становилось слишком узким рядом с вертикальными миниатюрами.
     */
    #bk-test-configurator .bk-config-main {
        grid-template-columns:
            clamp(380px, 29vw, 400px)
            minmax(580px, 1fr);

        column-gap: 16px;
    }

    /*
     * Само изображение показываем целиком.
     * Высоту общей карточки и блока параметров не меняем.
     */
    #bk-test-configurator .bk-config-photo__image {
        width: 100%;
        height: 100%;

        object-fit: contain;
        object-position: center;
    }

}


/* =========================================================
   ФИНАЛЬНАЯ АДАПТАЦИЯ КОНФИГУРАТОРА
   Единая система для всех промежуточных ширин.
   Этот блок расположен последним и устраняет конфликты
   предыдущих точечных медиазапросов.
   ========================================================= */

/* Переключатели всегда остаются внутри своей ячейки. */
#bk-test-configurator .bk-config-field:nth-child(3) .bk-config-switch,
#bk-test-configurator .bk-config-field:nth-child(4) .bk-config-switch,
#bk-test-configurator .bk-config-field:nth-child(5) .bk-config-switch {
    display: flex;
    width: 100%;
}

#bk-test-configurator .bk-config-field:nth-child(3) .bk-config-option,
#bk-test-configurator .bk-config-field:nth-child(4) .bk-config-option,
#bk-test-configurator .bk-config-field:nth-child(5) .bk-config-option {
    flex: 1 1 0;
    min-width: 0;
}

#bk-test-configurator .bk-config-field:nth-child(3) .bk-config-option span,
#bk-test-configurator .bk-config-field:nth-child(4) .bk-config-option span,
#bk-test-configurator .bk-config-field:nth-child(5) .bk-config-option span {
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
}


/* ---------- Широкий desktop: 1600 px и больше ---------- */

@media (min-width: 1600px) {

    #bk-test-configurator .bk-config-main {
        grid-template-columns:
            clamp(470px, 31vw, 520px)
            minmax(0, 1fr);
    }

    #bk-test-configurator .bk-product-gallery__stage {
        min-height: 500px;
    }

}


/* ---------- Обычный desktop: 1400–1599 px ---------- */

@media (min-width: 1400px) and (max-width: 1599px) {

    #bk-test-configurator .bk-config-grid {
        grid-template-columns:
            minmax(0, 1fr)
            280px;
    }

    #bk-test-configurator .bk-config-main {
        grid-template-columns:
            clamp(390px, 30vw, 450px)
            minmax(0, 1fr);
    }

    #bk-test-configurator .bk-product-gallery__stage {
        height: clamp(460px, 35vw, 520px);
        min-height: 0;
    }

    #bk-test-configurator .bk-config-photo__image {
        object-fit: contain;
    }

}


/* ---------- Компактный desktop: 1241–1399 px ---------- */

@media (min-width: 1241px) and (max-width: 1399px) {

    /* Карточка результата уходит вниз, поэтому форме больше
       не приходится конкурировать с ней за ширину. */
    #bk-test-configurator .bk-config-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    #bk-test-configurator .bk-config-main {
        grid-template-columns:
            clamp(380px, 32vw, 430px)
            minmax(0, 1fr);
    }

    #bk-test-configurator .bk-product-gallery__stage {
        height: clamp(450px, 39vw, 520px);
        min-height: 0;
    }

    #bk-test-configurator .bk-config-photo__image {
        object-fit: contain;
    }

    #bk-test-configurator .bk-config-summary {
        width: 100%;
    }

}


/* ---------- Компактный ноутбук / широкий планшет: 1101–1240 px ---------- */

@media (min-width: 1101px) and (max-width: 1240px) {

    #bk-test-configurator .bk-config-main {
        grid-template-columns:
            clamp(300px, 31vw, 370px)
            minmax(0, 1fr);
    }

    #bk-test-configurator .bk-product-gallery__stage {
        height: clamp(410px, 44vw, 500px);
        min-height: 0;
    }

    #bk-test-configurator .bk-config-photo__image {
        object-fit: contain;
    }

    #bk-test-configurator .bk-config-panel {
        padding-right: 22px;
        padding-left: 22px;
    }

    #bk-test-configurator .bk-config-form {
        column-gap: 14px;
    }

}


/* =========================================================
   ГОФРОТАРА С ПЕЧАТЬЮ — БОКОВАЯ КОЛОНКА
   Итог заявки и необязательная загрузка макетов.
   ========================================================= */

#bk-test-configurator .bk-config-sidebar {
    display: grid;
    align-content: start;

    gap: 14px;

    min-width: 0;
}

#bk-test-configurator .bk-config-sidebar .bk-config-summary {
    order: 1;

    width: 100%;
}

#bk-test-configurator .bk-print-upload--sidebar {
    order: 2;

    width: 100%;
    margin: 0;
    padding: 18px;

    background: #fff;

    border: 1px solid #e4e9e6;
    border-radius: 16px;

    box-shadow:
        0 10px 30px rgba(24, 45, 34, 0.055);
}

#bk-test-configurator
.bk-print-upload--sidebar
.bk-print-upload__empty {
    grid-template-columns:
        38px
        minmax(0, 1fr);

    column-gap: 10px;
    row-gap: 14px;

    padding: 0;

    background: transparent;

    border: 0;
    border-radius: 0;
}

#bk-test-configurator
.bk-print-upload--sidebar
.bk-print-upload__icon {
    align-self: start;

    width: 38px;
    height: 38px;
}

#bk-test-configurator
.bk-print-upload--sidebar
.bk-print-upload__title {
    color: #17231d;

    font-size: 15px;
    line-height: 1.25;

    white-space: normal;
}

#bk-test-configurator
.bk-print-upload--sidebar
.bk-print-upload__title span {
    display: block;

    margin: 4px 0 0;

    font-size: 11px;
}

#bk-test-configurator
.bk-print-upload--sidebar
.bk-print-upload__note {
    display: block;

    margin-top: 6px;

    line-height: 1.55;
}

#bk-test-configurator
.bk-print-upload--sidebar
.bk-print-upload__button {
    grid-column: 1 / -1;

    width: 100%;
    min-height: 42px;

    padding: 10px 14px;

    color: #fff;
    background: #009846;
    border-color: #009846;
}

#bk-test-configurator
.bk-print-upload--sidebar
.bk-print-upload__button:hover {
    color: #fff;
    background: #007f3b;
    border-color: #007f3b;
}

#bk-test-configurator
.bk-print-upload--sidebar
.bk-print-upload__list {
    margin-top: 12px;
}

#bk-test-configurator
.bk-print-upload--sidebar
.bk-print-upload__item {
    grid-template-columns:
        34px
        minmax(0, 1fr)
        28px;

    padding: 10px;
}


/* Когда правая колонка переносится вниз, обе карточки
   остаются расположены одна под другой на всю ширину. */
@media (max-width: 1399px) {

    #bk-test-configurator .bk-config-sidebar {
        grid-template-columns: minmax(0, 1fr);
    }

}


@media (max-width: 760px) {

    #bk-test-configurator .bk-print-upload--sidebar {
        padding: 16px;
    }

}


/* ---------- Галерея сверху: 761–1100 px ---------- */

@media (min-width: 761px) and (max-width: 1100px) {

    #bk-test-configurator {
        padding-top: 125px !important;
    }

    #bk-test-configurator > .container {
        padding-right: 22px !important;
        padding-left: 22px !important;
    }

    #bk-test-configurator .bk-config-main {
        display: flex;
        flex-direction: column;
    }

    #bk-test-configurator .bk-config-photo {
        min-height: 0;
        padding: 10px;
        border-radius: 16px 16px 0 0;
    }

    #bk-test-configurator .bk-product-gallery__stage {
        height: clamp(430px, 59vw, 540px);
        min-height: 0;
    }

    #bk-test-configurator .bk-config-photo__image {
        object-fit: contain;
    }

    #bk-test-configurator .bk-config-panel {
        padding: 24px;
        border-top: 1px solid #edf1ef;
        border-radius: 0 0 16px 16px;
    }

    #bk-test-configurator .bk-config-panel::before {
        display: none;
    }

    #bk-test-configurator .bk-config-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 16px;
        row-gap: 17px;
    }

    #bk-test-configurator .bk-config-field,
    #bk-test-configurator .bk-config-field:nth-child(1),
    #bk-test-configurator .bk-config-field:nth-child(2),
    #bk-test-configurator .bk-config-field:nth-child(3),
    #bk-test-configurator .bk-config-field:nth-child(4),
    #bk-test-configurator .bk-config-field:nth-child(5),
    #bk-test-configurator .bk-config-field:nth-child(7) {
        grid-column: auto;
        grid-row: auto;
    }

    #bk-test-configurator .bk-config-field:nth-child(6),
    #bk-test-configurator .bk-config-field:nth-child(8),
    #bk-test-configurator .bk-config-field:nth-child(9),
    #bk-test-configurator .bk-contact-section {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    #bk-test-configurator
    .bk-config-field:nth-child(8)
    .bk-config-select {
        margin-top: 0;
    }

}


/* ---------- Телефоны: до 760 px ---------- */

@media (max-width: 760px) {

    #bk-test-configurator .bk-product-gallery {
        grid-template-rows:
            auto
            clamp(280px, 112vw, 420px);
    }

    #bk-test-configurator .bk-product-gallery__stage {
        height: clamp(280px, 112vw, 420px);
        min-height: 0;
    }

    #bk-test-configurator .bk-config-photo__image {
        object-fit: contain;
    }

    #bk-test-configurator .bk-config-switch {
        display: flex;
        width: 100%;
    }

    #bk-test-configurator .bk-config-option {
        flex: 1 1 0;
        min-width: 0;
    }

    #bk-test-configurator .bk-config-option span {
        width: 100%;
        padding-right: 8px;
        padding-left: 8px;
    }

}


/* ---------- Очень узкие телефоны: до 380 px ---------- */

@media (max-width: 380px) {

    #bk-test-configurator > .container {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    #bk-test-configurator .bk-config-panel,
    #bk-test-configurator .bk-config-summary {
        padding-right: 13px;
        padding-left: 13px;
    }

    #bk-test-configurator .bk-size-fields {
        gap: 5px;
    }

    #bk-test-configurator .bk-size-separator {
        flex-basis: 12px;
    }

    #bk-test-configurator .bk-test-title {
        font-size: 28px !important;
        line-height: 32px !important;
    }

}


/* =========================================================
   ГОФРОТАРА С ПЕЧАТЬЮ — КОМПАКТНАЯ КАРТОЧКА МАКЕТОВ
   Только для правой колонки на desktop.
   ========================================================= */

@media (min-width: 1400px) {

    #bk-test-configurator .bk-print-upload--sidebar {
        padding: 14px 16px;
    }

    #bk-test-configurator
    .bk-print-upload--sidebar
    .bk-print-upload__empty {
        grid-template-columns:
            32px
            minmax(0, 1fr);

        column-gap: 9px;
        row-gap: 9px;
    }

    #bk-test-configurator
    .bk-print-upload--sidebar
    .bk-print-upload__icon {
        width: 32px;
        height: 32px;
    }

    #bk-test-configurator
    .bk-print-upload--sidebar
    .bk-print-upload__title {
        font-size: 14px;
        line-height: 1.2;
    }

    #bk-test-configurator
    .bk-print-upload--sidebar
    .bk-print-upload__title span {
        display: inline;

        margin: 0 0 0 4px;

        font-size: 10px;
    }

    #bk-test-configurator
    .bk-print-upload--sidebar
    .bk-print-upload__note {
        margin-top: 3px;

        font-size: 9.5px;
        line-height: 1.35;
    }

    #bk-test-configurator
    .bk-print-upload--sidebar
    .bk-print-upload__button {
        min-height: 36px;

        padding: 8px 12px;

        font-size: 11px;
    }

    #bk-test-configurator
    .bk-print-upload--sidebar
    .bk-print-upload__list {
        margin-top: 8px;
    }

}


/* =========================================================
   ПРОКЛАДКА — СЕТКА ПОЛЕЙ

   Дополнение встроено в общий CSS, но действует только
   на конфигураторе с data-product-name="Прокладка".

   1 ряд: слойность / марка / профиль
   2 ряд: цвет / тираж
   3 ряд: размеры / сфера применения
   4 ряд: дополнительные требования
   5 ряд: контакты
   ========================================================= */

#bk-test-configurator[data-product-name="Прокладка"]
.bk-config-field:nth-child(4) {
    grid-column: 1 / 4;
    grid-row: 2;
}

#bk-test-configurator[data-product-name="Прокладка"]
.bk-config-field:nth-child(5) {
    grid-column: 1 / 4;
    grid-row: 3;
}

#bk-test-configurator[data-product-name="Прокладка"]
.bk-config-field:nth-child(6) {
    grid-column: 4 / 7;
    grid-row: 2;
}

#bk-test-configurator[data-product-name="Прокладка"]
.bk-config-field:nth-child(7) {
    grid-column: 4 / 7;
    grid-row: 3;
}

#bk-test-configurator[data-product-name="Прокладка"]
.bk-config-field:nth-child(8) {
    grid-column: 1 / -1;
    grid-row: 4;
}

#bk-test-configurator[data-product-name="Прокладка"]
.bk-config-field:nth-child(9),
#bk-test-configurator[data-product-name="Прокладка"]
.bk-contact-section {
    grid-column: 1 / -1;
    grid-row: 5;
}

#bk-test-configurator[data-product-name="Прокладка"]
.bk-config-field:nth-child(7)
.bk-config-select {
    margin-top: 22px;
}


@media (min-width: 761px) and (max-width: 1100px) {

    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field,
    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(1),
    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(2),
    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(3),
    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(4),
    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(5),
    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(6),
    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(7),
    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(8),
    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(9) {
        grid-column: auto;
        grid-row: auto;
    }

    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(5),
    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(8),
    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(9),
    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-contact-section {
        grid-column: 1 / -1;
    }

    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(7)
    .bk-config-select {
        margin-top: 0;
    }

}


@media (max-width: 760px) {

    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(7)
    .bk-config-select {
        margin-top: 0;
    }

}


/* =========================================================
   НОУТБУКИ 1241–1399 PX
   Компактный итог заявки и горизонтальная карточка макетов.
   Остальные разрешения этот блок не затрагивает.
   ========================================================= */

@media (min-width: 1241px) and (max-width: 1399px) {

    /* Параметры заявки располагаются в две колонки. */
    #bk-test-configurator .bk-summary-list {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        column-gap: 30px;
    }

    #bk-test-configurator .bk-summary-row:nth-child(2) {
        border-top: 1px solid #edf1ef;
    }

    #bk-test-configurator .bk-summary-submit {
        width: 100%;
        max-width: 360px;

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

    /* Карточка макетов превращается в компактную строку. */
    #bk-test-configurator .bk-print-upload--sidebar {
        min-height: 0;
        padding: 16px 18px;
    }

    #bk-test-configurator
    .bk-print-upload--sidebar
    .bk-print-upload__empty {
        grid-template-columns:
            38px
            minmax(0, 1fr)
            230px;

        column-gap: 12px;
        row-gap: 0;

        align-items: center;
    }

    #bk-test-configurator
    .bk-print-upload--sidebar
    .bk-print-upload__icon {
        align-self: center;
    }

    #bk-test-configurator
    .bk-print-upload--sidebar
    .bk-print-upload__button {
        grid-column: 3;
        grid-row: 1;

        width: 100%;
        min-height: 42px;
    }

}


/* =========================================================
   ГОФРОТАРА С ПЕЧАТЬЮ — ЧУТЬ ВЫШЕ КАРТОЧКА МАКЕТОВ
   Без изменения сетки, галереи и высоты конфигуратора.
   ========================================================= */

@media (min-width: 1400px) {

    #bk-test-configurator .bk-print-upload--sidebar {
        min-height: 142px;
        padding: 16px;
    }

    #bk-test-configurator
    .bk-print-upload--sidebar
    .bk-print-upload__empty {
        row-gap: 10px;
    }

    #bk-test-configurator
    .bk-print-upload--sidebar
    .bk-print-upload__button {
        min-height: 38px;
    }

}

/* =========================================================
   ПРОКЛАДКА — ИСПРАВЛЕНИЕ МОБИЛЬНОЙ ВЕРСИИ
   ========================================================= */

@media (max-width: 760px) {

    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-form {
        display: flex !important;
        flex-direction: column !important;
        gap: 17px !important;
        width: 100%;
    }

    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field,
    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-contact-section {
        display: block;
        width: 100% !important;
        min-width: 0;
        grid-column: auto !important;
        grid-row: auto !important;
    }

    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-contact-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-requirements,
    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-requirements__textarea {
        width: 100% !important;
        max-width: 100%;
    }

    #bk-test-configurator[data-product-name="Прокладка"]
    .bk-config-field:nth-child(7)
    .bk-config-select {
        margin-top: 0;
    }
}

/* =========================================================
   ГОФРОУГОЛОК — СЕТКА ПОЛЕЙ

   1 ряд: слойность / марка / профиль
   2 ряд: цвет / тираж
   3 ряд: размеры / сфера применения
   4 ряд: дополнительные требования
   5 ряд: контакты
   ========================================================= */

@media (min-width: 1101px) {

    /* Цвет */
    #bk-test-configurator[data-product-name="Гофроуголок"]
    .bk-config-field:nth-child(4) {
        grid-column: 1 / 4;
        grid-row: 2;
    }

    /* Размер */
    #bk-test-configurator[data-product-name="Гофроуголок"]
    .bk-config-field:nth-child(5) {
        grid-column: 1 / 4;
        grid-row: 3;
    }

    /* Тираж */
    #bk-test-configurator[data-product-name="Гофроуголок"]
    .bk-config-field:nth-child(6) {
        grid-column: 4 / 7;
        grid-row: 2;
    }

    /* Сфера применения */
    #bk-test-configurator[data-product-name="Гофроуголок"]
    .bk-config-field:nth-child(7) {
        grid-column: 4 / 7;
        grid-row: 3;
    }

    /* Дополнительные требования */
    #bk-test-configurator[data-product-name="Гофроуголок"]
    .bk-config-field:nth-child(8) {
        grid-column: 1 / -1;
        grid-row: 4;
    }

    /* Контакты */
    #bk-test-configurator[data-product-name="Гофроуголок"]
    .bk-config-field:nth-child(9),
    #bk-test-configurator[data-product-name="Гофроуголок"]
    .bk-contact-section {
        grid-column: 1 / -1;
        grid-row: 5;
    }

    /* Выравниваем select по полям длины и ширины */
    #bk-test-configurator[data-product-name="Гофроуголок"]
    .bk-config-field:nth-child(7)
    .bk-config-select {
        margin-top: 22px;
    }
}

/* =========================================================
   ГОФРОУГОЛОК — ФИНАЛЬНАЯ АДАПТИВНАЯ СЕТКА
   Блок расположен в конце файла намеренно: он исправляет
   пересечения старых адаптивных правил только для этого товара.
   ========================================================= */

#bk-test-configurator[data-product-name="Гофроуголок"] {
    overflow-x: clip;
}

#bk-test-configurator[data-product-name="Гофроуголок"] > .container,
#bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-grid,
#bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-main,
#bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-photo,
#bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-panel,
#bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-summary,
#bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form,
#bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-field {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}

#bk-test-configurator[data-product-name="Гофроуголок"] input,
#bk-test-configurator[data-product-name="Гофроуголок"] select,
#bk-test-configurator[data-product-name="Гофроуголок"] textarea {
    box-sizing: border-box;
    max-width: 100%;
}

/* Широкий экран: точная раскладка полей в шесть колонок. */
@media (min-width: 1101px) {
    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form > .bk-config-field:nth-child(4) {
        grid-column: 1 / 4;
        grid-row: 2;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form > .bk-config-field:nth-child(5) {
        grid-column: 1 / 4;
        grid-row: 3;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form > .bk-config-field:nth-child(6) {
        grid-column: 4 / 7;
        grid-row: 2;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form > .bk-config-field:nth-child(7) {
        grid-column: 4 / 7;
        grid-row: 3;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form > .bk-config-field:nth-child(7) select {
        margin-top: 22px;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form > .bk-config-field:nth-child(8) {
        grid-column: 1 / 7;
        grid-row: 4;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-contact-section {
        grid-column: 1 / 7;
        grid-row: 5;
    }
}

/* Ноутбук и компактный десктоп: заявка переносится под основную карточку. */
@media (min-width: 1101px) and (max-width: 1399px) {
    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-main {
        display: grid;
        grid-template-columns: clamp(320px, 32vw, 430px) minmax(0, 1fr);
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-summary {
        width: 100%;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-summary-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-product-gallery__stage {
        height: clamp(420px, 42vw, 520px);
        min-height: 0;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-product-gallery__stage img {
        object-fit: contain;
    }
}

/* Планшет: изображение, форма и итог идут друг под другом. */
@media (min-width: 761px) and (max-width: 1100px) {
    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-main {
        display: flex;
        flex-direction: column;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-photo,
    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-panel,
    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-summary {
        width: 100%;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-product-gallery {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto clamp(360px, 55vw, 520px);
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-product-gallery__thumbs {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-product-gallery__stage {
        width: 100%;
        height: clamp(360px, 55vw, 520px);
        min-height: 0;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-product-gallery__stage img {
        object-fit: contain;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form > .bk-config-field {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form > .bk-config-field:nth-child(8),
    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-contact-section {
        grid-column: 1 / -1 !important;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form > .bk-config-field:nth-child(7) select {
        margin-top: 0;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-summary-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
    }
}

/* Телефон: одна безопасная колонка без горизонтального выезда. */
@media (max-width: 760px) {
    #bk-test-configurator[data-product-name="Гофроуголок"] > .container {
        width: 100%;
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-grid {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-main {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-photo,
    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-panel,
    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-summary {
        width: 100%;
        min-width: 0;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-product-gallery {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-product-gallery__thumbs {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-product-gallery__stage {
        width: 100%;
        height: clamp(260px, 90vw, 390px);
        min-height: 0;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-product-gallery__stage img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form {
        display: flex !important;
        flex-direction: column;
        width: 100%;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form > .bk-config-field,
    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-contact-section {
        width: 100%;
        grid-column: auto !important;
        grid-row: auto !important;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-form > .bk-config-field:nth-child(7) select {
        margin-top: 0;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-contact-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-switch {
        width: 100%;
        max-width: 100%;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-summary-list {
        display: block;
    }
}

/* Очень узкий телефон. */
@media (max-width: 380px) {
    #bk-test-configurator[data-product-name="Гофроуголок"] > .container {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-panel,
    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-summary {
        padding: 13px;
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-size-fields {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }

    #bk-test-configurator[data-product-name="Гофроуголок"] .bk-config-option span {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 11px;
    }
}

/* =========================================================
   ОБЕЧАЙКА — СЕТКА ПОЛЕЙ

   Добавить в самый конец файла:
   /assets/css/test-gofrokarton.css

   1 ряд: слойность / марка / профиль
   2 ряд: цвет / тираж
   3 ряд: размеры / сфера применения
   4 ряд: дополнительные требования
   5 ряд: контакты
   ========================================================= */

@media (min-width: 1101px) {

    /* Цвет */
    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-config-field:nth-child(4) {
        grid-column: 1 / 4;
        grid-row: 2;
    }

    /* Размер обечайки */
    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-config-field:nth-child(5) {
        grid-column: 1 / 4;
        grid-row: 3;
    }

    /* Объём заказа */
    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-config-field:nth-child(6) {
        grid-column: 4 / 7;
        grid-row: 2;
    }

    /* Сфера применения */
    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-config-field:nth-child(7) {
        grid-column: 4 / 7;
        grid-row: 3;
    }

    /* Дополнительные требования */
    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-config-field:nth-child(8) {
        grid-column: 1 / -1;
        grid-row: 4;
    }

    /* Контакты */
    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-config-field:nth-child(9),
    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-contact-section {
        grid-column: 1 / -1;
        grid-row: 5;
    }

    /* Select располагается на одной высоте с полями размеров */
    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-config-field:nth-child(7)
    .bk-config-select {
        margin-top: 22px;
    }
}


/* Планшеты: аккуратная сетка в две колонки */
@media (min-width: 761px) and (max-width: 1100px) {

    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-config-field:nth-child(7)
    .bk-config-select {
        margin-top: 0;
    }
}


/* Телефоны: все поля строго друг под другом */
@media (max-width: 760px) {

    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-config-form {
        display: flex !important;
        flex-direction: column !important;
        gap: 17px !important;
        width: 100%;
    }

    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-config-field,
    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-contact-section {
        display: block;
        width: 100% !important;
        min-width: 0;
        grid-column: auto !important;
        grid-row: auto !important;
    }

    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-contact-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-requirements,
    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-requirements__textarea {
        width: 100% !important;
        max-width: 100%;
    }

    #bk-test-configurator[data-product-name="Обечайка"]
    .bk-config-field:nth-child(7)
    .bk-config-select {
        margin-top: 0;
    }
}


/* =========================================================
   ВКЛАДЫШ — СЕТКА ПОЛЕЙ

   Вкладыш использует тот же набор полей, что и Прокладка:
   1 ряд: слойность / марка / профиль
   2 ряд: цвет / тираж
   3 ряд: размеры / сфера применения
   4 ряд: дополнительные требования
   5 ряд: контакты

   Блок действует ТОЛЬКО для data-product-name="Вкладыш"
   и не затрагивает остальные конфигураторы.
   ========================================================= */

#bk-test-configurator[data-product-name="Вкладыш"]
.bk-config-field:nth-child(4) {
    grid-column: 1 / 4;
    grid-row: 2;
}

#bk-test-configurator[data-product-name="Вкладыш"]
.bk-config-field:nth-child(5) {
    grid-column: 1 / 4;
    grid-row: 3;
}

#bk-test-configurator[data-product-name="Вкладыш"]
.bk-config-field:nth-child(6) {
    grid-column: 4 / 7;
    grid-row: 2;
}

#bk-test-configurator[data-product-name="Вкладыш"]
.bk-config-field:nth-child(7) {
    grid-column: 4 / 7;
    grid-row: 3;
}

#bk-test-configurator[data-product-name="Вкладыш"]
.bk-config-field:nth-child(8) {
    grid-column: 1 / -1;
    grid-row: 4;
}

#bk-test-configurator[data-product-name="Вкладыш"]
.bk-config-field:nth-child(9),
#bk-test-configurator[data-product-name="Вкладыш"]
.bk-contact-section {
    grid-column: 1 / -1;
    grid-row: 5;
}

/* Сфера применения выравнивается по полям Длина / Ширина */
#bk-test-configurator[data-product-name="Вкладыш"]
.bk-config-field:nth-child(7)
.bk-config-select {
    margin-top: 22px;
}


/* ---------- Планшеты ---------- */

@media (min-width: 761px) and (max-width: 1100px) {

    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field,
    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field:nth-child(1),
    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field:nth-child(2),
    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field:nth-child(3),
    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field:nth-child(4),
    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field:nth-child(5),
    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field:nth-child(6),
    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field:nth-child(7),
    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field:nth-child(8),
    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field:nth-child(9) {
        grid-column: auto;
        grid-row: auto;
    }

    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field:nth-child(5),
    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field:nth-child(8),
    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field:nth-child(9),
    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-contact-section {
        grid-column: 1 / -1;
    }

    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field:nth-child(7)
    .bk-config-select {
        margin-top: 0;
    }
}


/* ---------- Мобильная версия ---------- */

@media (max-width: 760px) {

    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-form {
        display: flex !important;
        flex-direction: column !important;
        gap: 17px !important;
        width: 100%;
    }

    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field,
    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-contact-section {
        display: block;
        width: 100% !important;
        min-width: 0;
        grid-column: auto !important;
        grid-row: auto !important;
    }

    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-contact-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-requirements,
    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-requirements__textarea {
        width: 100% !important;
        max-width: 100%;
    }

    #bk-test-configurator[data-product-name="Вкладыш"]
    .bk-config-field:nth-child(7)
    .bk-config-select {
        margin-top: 0;
    }
}