/* stylelint-disable no-empty-source */

/* =========================================================
   OK-BOATS: ВЕРХНЕЕ СИНЕЕ МЕНЮ
   ========================================================= */

@media (min-width: 1024px) {
    .header__bottom-bar,
    .header-bottom-bar {
        background: transparent !important;
    }

    .header-bottom-bar .container {
        max-width: var(--max-container-width) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .header-bottom-bar__container {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        background: var(--header-bottom-bar-bg-color) !important;
        border-radius: 18px !important;
    }

    .header-bottom-bar__container-links {
        width: 100% !important;
    }

    .header-bottom-bar-links__swiper {
        width: 100% !important;
        overflow: hidden !important;
    }

    .header-bottom-bar-links__swiper .swiper-wrapper,
    .header-bottom-bar-links {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        gap: 6px !important;
        transform: none !important;
    }

    .header-bottom-bar-links__item-container {
        width: auto !important;
        flex: 0 0 auto !important;
        margin-right: 0 !important;
    }

    .header-bottom-bar-links__item {
        width: auto !important;
    }

    .header-bottom-bar-links__link {
        white-space: nowrap !important;
        font-size: 15.5px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
    }

    .header-bottom-bar-links__swiper-button-prev,
    .header-bottom-bar-links__swiper-button-next {
        display: none !important;
    }

    .catalog-columns__link_bold {
        font-size: 16px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
    }

    .catalog-columns__subcategory-link {
        font-size: 15px !important;
        line-height: 1.35 !important;
    }
}


/* =========================================================
   OK-BOATS: ГАЛЕРЕЯ ТОВАРА БЕЗ МИНИАТЮР
   ========================================================= */

.product-images__thumbs-container {
    display: none !important;
}

.product-images {
    gap: 0 !important;
}

.product-images__images-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 18px;
}

.product-images__images,
.product-images__images-wrapper,
.product-images__image {
    width: 100% !important;
}

.product-images__images {
    overflow: hidden !important;
}

.product-images__image {
    position: relative;
    min-width: 100% !important;
}

.product-images__image .image-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    background: #f5f6f8;
}

.product-images__image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}


/* =========================================================
   OK-BOATS: СТРЕЛКИ ГЛАВНОЙ ГАЛЕРЕИ
   ========================================================= */

.okb-main-gallery-arrow {
    position: absolute;
    top: 50%;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 0;
    border: 1px solid rgba(18, 63, 115, 0.14);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    color: #123f73;
    box-shadow: 0 8px 24px rgba(15, 36, 64, 0.16);
    cursor: pointer;
    transform: translateY(-50%);
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        opacity 0.2s ease;
}

.okb-main-gallery-arrow:hover {
    border-color: #123f73;
    background: #123f73;
    color: #ffffff;
}

.okb-main-gallery-arrow:focus-visible {
    outline: 3px solid rgba(18, 63, 115, 0.25);
    outline-offset: 3px;
}

.okb-main-gallery-arrow:active {
    transform: translateY(-50%) scale(0.94);
}

.okb-main-gallery-arrow_prev {
    left: 18px;
}

.okb-main-gallery-arrow_next {
    right: 18px;
}

.okb-main-gallery-arrow svg {
    display: block;
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   OK-BOATS: СЧЁТЧИК ФОТОГРАФИЙ
   ========================================================= */

.okb-main-gallery-counter {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 30;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 58px;
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(20, 28, 44, 0.78);
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: 800;
    text-align: center;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}


/* =========================================================
   OK-BOATS: КЛИКАБЕЛЬНЫЙ БРЕНД
   ========================================================= */

.product-feature[data-feature-code="brand"] .product-feature__value {
    display: flex;
    align-items: center;
}

.product-feature-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 12px;
    border: 1px solid #b9d7ff;
    border-radius: 999px;
    background: #eef6ff;
    color: #0b2748;
    box-shadow: 0 6px 16px rgba(11, 39, 72, 0.08);
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.product-feature-brand-link::after {
    content: "→";
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
}

.product-feature-brand-link:hover {
    border-color: #0b2748;
    background: #0b2748;
    color: #ffffff;
    transform: translateY(-1px);
}


/* =========================================================
   OK-BOATS: ВИДЕО В КАРТОЧКЕ ТОВАРА
   ========================================================= */

.okb-product-video {
    width: 100%;
    margin: 24px 0;
    overflow: hidden;
    border-radius: 12px;
    background: #000000;
}

.okb-product-video video {
    display: block;
    width: 100%;
    height: auto;
    max-height: 720px;
    object-fit: contain;
}

.okb-product-video__title {
    margin: 0 0 16px;
    font-size: 24px;
    line-height: 1.25;
}


/* =========================================================
   OK-BOATS: РЕКОМЕНДОВАННЫЕ ТОВАРЫ
   ========================================================= */

.okboats-page-recommended-products {
    margin-top: 50px;
    margin-bottom: 30px;
}

.okboats-page-recommended-products:empty {
    display: none;
}


/* =========================================================
   OK-BOATS: ПРОСМОТРЕННЫЕ ТОВАРЫ
   ========================================================= */

.products-list .product-name,
.products-list .product-name a,
.product-list .product-name,
.product-list .product-name a {
    color: #17263b !important;
    opacity: 1 !important;
}

.products-list .price,
.product-list .price {
    color: #111827 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

.products-list .product-item,
.product-list .product-item,
.products-list li,
.product-list li {
    opacity: 1 !important;
}

/* =========================================================
   OK-BOATS: КОНФИГУРАТОР КАТЕРА
   СТИЛЬ КАК НА ФОРМЕ "ОСТАВЬТЕ ЗАЯВКУ"
   ========================================================= */

.okb-equipment {
    --okb-navy: #061d38;
    --okb-navy-dark: #04182e;
    --okb-navy-card: #082642;
    --okb-blue: #0b2d50;
    --okb-blue-soft: #d8e5f2;
    --okb-blue-light: #f4f8fc;
    --okb-gold: #d9b86f;
    --okb-gold-light: #e8cb82;
    --okb-text: #12233a;
    --okb-muted: #66758a;
    --okb-border: #d9e4ef;
    --okb-white: #ffffff;

    width: 100%;
    margin: 0;
    color: var(--okb-text);
}


/* =========================================================
   СТАНДАРТНОЕ ОБОРУДОВАНИЕ
   ========================================================= */

.okb-equipment:not(.okb-equipment--extra) {
    color: var(--okb-text);
}

.okb-equipment:not(.okb-equipment--extra) .okb-equipment__intro {
    margin: 0 0 28px;
    padding: 15px 18px;
    border-left: 4px solid var(--okb-blue);
    border-radius: 8px;
    background: var(--okb-blue-light);
    color: var(--okb-muted);
    font-size: 15px;
    line-height: 1.55;
}

.okb-equipment:not(.okb-equipment--extra) .okb-equipment__title {
    margin: 32px 0 12px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--okb-border);
    color: var(--okb-blue);
    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
}

.okb-equipment:not(.okb-equipment--extra) .okb-equipment__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 45px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.okb-equipment__item {
    position: relative;
    min-width: 0;
    padding: 10px 8px 10px 22px;
    border-bottom: 1px solid #edf1f5;
    color: #343d4b;
    font-size: 15px;
    line-height: 1.45;
}

.okb-equipment__item::before {
    position: absolute;
    top: 8px;
    left: 2px;
    color: var(--okb-blue);
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    content: "•";
}


/* =========================================================
   ГЛАВНЫЙ КОНТЕЙНЕР ОПЦИЙ
   ========================================================= */

.okb-equipment--extra {
    padding: 34px;
    box-sizing: border-box;
    border: 1px solid var(--okb-blue);
    border-radius: 22px;
    background: #ffffff;
    color: var(--okb-text);
    box-shadow: 0 18px 48px rgba(6, 29, 56, 0.08);
}

.okb-equipment--extra .okb-equipment__intro {
    margin: 0 0 30px;
    padding: 16px 18px;
    border: 1px solid var(--okb-blue-soft);
    border-left: 4px solid var(--okb-gold);
    border-radius: 12px;
    background: var(--okb-blue-light);
    color: var(--okb-muted);
    font-size: 15px;
    line-height: 1.6;
}

.okb-equipment--extra .okb-equipment__title {
    margin: 36px 0 16px;
    padding: 0 0 12px;
    border-bottom: 1px solid var(--okb-border);
    color: var(--okb-blue);
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
}

.okb-equipment__content > .okb-equipment__title:first-child {
    margin-top: 0;
}

.okb-equipment--extra .okb-equipment__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
    margin: 0;
    padding: 0;
}


/* =========================================================
   БЕЛЫЕ КАРТОЧКИ ОПЦИЙ
   ========================================================= */

.okb-equipment__option {
    position: relative;
    display: flex;
    align-items: flex-start;
    min-width: 0;
    min-height: 62px;
    padding: 16px 18px;
    box-sizing: border-box;
    border: 1px solid var(--okb-border);
    border-radius: 12px;
    background: #ffffff;
    color: var(--okb-text);
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(6, 29, 56, 0.04);
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.okb-equipment__option:hover {
    border-color: var(--okb-blue);
    background: #fbfdff;
    box-shadow: 0 10px 24px rgba(6, 29, 56, 0.08);
    transform: translateY(-1px);
}

.okb-equipment__option.is-selected {
    border-color: var(--okb-gold);
    background: #fff8e5;
    box-shadow:
        0 0 0 1px rgba(217, 184, 111, 0.25),
        0 10px 24px rgba(6, 29, 56, 0.08);
}

@supports selector(:has(*)) {
    .okb-equipment__option:has(.okb-equipment__checkbox:checked) {
        border-color: var(--okb-gold);
        background: #fff8e5;
        box-shadow:
            0 0 0 1px rgba(217, 184, 111, 0.25),
            0 10px 24px rgba(6, 29, 56, 0.08);
    }
}

.okb-equipment__option-name {
    min-width: 0;
    padding-top: 3px;
    color: var(--okb-text);
    font-size: 15px;
    line-height: 1.45;
    font-weight: 600;
    overflow-wrap: anywhere;
}


/* =========================================================
   ЧЕКБОКС
   ========================================================= */

.okb-equipment__checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.okb-equipment__checkmark {
    position: relative;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin-right: 14px;
    border: 1px solid var(--okb-gold);
    border-radius: 50%;
    background: #ffffff;
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.okb-equipment__checkmark::before,
.okb-equipment__checkmark::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background: var(--okb-gold);
    content: "";
    transform: translate(-50%, -50%);
}

.okb-equipment__checkmark::before {
    width: 12px;
    height: 2px;
}

.okb-equipment__checkmark::after {
    width: 2px;
    height: 12px;
}

.okb-equipment__checkbox:checked + .okb-equipment__checkmark {
    border-color: var(--okb-gold);
    background: var(--okb-gold);
    box-shadow: 0 0 0 4px rgba(217, 184, 111, 0.16);
}

.okb-equipment__checkbox:checked +
.okb-equipment__checkmark::before {
    width: 8px;
    height: 2px;
    background: var(--okb-navy);
    transform: translate(-66%, 5%) rotate(45deg);
}

.okb-equipment__checkbox:checked +
.okb-equipment__checkmark::after {
    width: 2px;
    height: 12px;
    background: var(--okb-navy);
    transform: translate(78%, -56%) rotate(45deg);
}

.okb-equipment__checkbox:focus-visible +
.okb-equipment__checkmark {
    outline: 3px solid rgba(217, 184, 111, 0.28);
    outline-offset: 3px;
}


/* =========================================================
   ВЫБРАННАЯ КОМПЛЕКТАЦИЯ — ТЁМНАЯ КАРТОЧКА КАК В ПРИМЕРЕ
   ========================================================= */

.okb-selection {
    margin-top: 42px;
    padding: 34px 38px;
    border: 0;
    border-radius: 22px;
    background:
        linear-gradient(
            145deg,
            #061d38 0%,
            #082642 100%
        );
    color: #ffffff;
    box-shadow:
        0 24px 56px rgba(6, 29, 56, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.okb-selection__header {
    display: block;
    margin-bottom: 26px;
}

.okb-selection__title {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 32px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.okb-selection__subtitle {
    max-width: 760px;
    margin: 0;
    color: #b6c4d4;
    font-size: 16px;
    line-height: 1.55;
}

.okb-selection__clear {
    margin-top: 16px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #9fb0c2;
    font-family: inherit;
    font-size: 14px;
    cursor: pointer;
}

.okb-selection__clear:hover {
    color: var(--okb-gold-light);
}


/* =========================================================
   ПУСТОЙ СПИСОК В ТЁМНОМ БЛОКЕ
   ========================================================= */

.okb-selection__empty {
    margin-bottom: 22px;
    padding: 20px;
    border: 1px dashed rgba(255, 255, 255, 0.24);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    color: #b6c4d4;
    font-size: 15px;
    text-align: center;
}


/* =========================================================
   СПИСОК ВЫБРАННЫХ ОПЦИЙ В ТЁМНОМ БЛОКЕ
   ========================================================= */

.okb-selection__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
    counter-reset: selected-options;
}

.okb-selection__item {
    counter-increment: selected-options;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 56px;
    padding: 11px 13px 11px 15px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
}

.okb-selection__item-name {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 600;
}

.okb-selection__item-name::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin-right: 12px;
    border: 1px solid var(--okb-gold);
    border-radius: 50%;
    color: var(--okb-navy);
    background: var(--okb-gold);
    font-size: 13px;
    line-height: 1;
    font-weight: 800;
    content: counter(selected-options);
}

.okb-selection__remove {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #cbd7e4;
    font-family: inherit;
    font-size: 22px;
    line-height: 28px;
    cursor: pointer;
}

.okb-selection__remove:hover {
    border-color: var(--okb-gold);
    background: rgba(217, 184, 111, 0.16);
    color: var(--okb-gold-light);
}


/* =========================================================
   КОНТАКТНАЯ ФОРМА — КАК В ПРИМЕРЕ
   ========================================================= */

.okb-client-form {
    margin-top: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.okb-client-form__title {
    display: none;
}

.okb-client-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.okb-client-form__field {
    margin-bottom: 14px;
}

.okb-client-form__label {
    display: none;
}

.okb-client-form__input,
.okb-client-form__textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    border-radius: 10px;
    background: #ffffff;
    color: #12233a;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.45;
    outline: none;
    box-shadow: none;
    transition:
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.okb-client-form__input {
    min-height: 58px;
    padding: 15px 18px;
}

.okb-client-form__textarea {
    min-height: 130px;
    padding: 16px 18px;
    resize: vertical;
}

.okb-client-form__input::placeholder,
.okb-client-form__textarea::placeholder {
    color: #7c8794;
}

.okb-client-form__input:focus,
.okb-client-form__textarea:focus {
    box-shadow:
        0 0 0 3px rgba(217, 184, 111, 0.28),
        0 10px 24px rgba(0, 0, 0, 0.12);
}

.okb-client-form__input.is-error,
.okb-client-form__textarea.is-error {
    background: #fffafb;
    box-shadow: 0 0 0 3px rgba(200, 61, 76, 0.2);
}

.okb-client-form__hint {
    display: none;
}

.okb-client-form__error {
    margin: 0 0 14px;
    padding: 12px 14px;
    border: 1px solid rgba(228, 121, 130, 0.46);
    border-left: 4px solid #e47982;
    border-radius: 8px;
    background: rgba(228, 121, 130, 0.14);
    color: #ffd7da;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
}


/* =========================================================
   НИЖНЯЯ ЧАСТЬ — КАК В ПРИМЕРЕ
   ========================================================= */

.okb-selection__footer {
    display: block;
    margin-top: 0;
}

.okb-selection__counter {
    margin: 0 0 14px;
    color: #9fb0c2;
    font-size: 14px;
}

.okb-selection__counter strong {
    margin-left: 4px;
    color: var(--okb-gold-light);
    font-size: 16px;
}

.okb-selection__manager-buttons {
    display: block;
    width: 100%;
}

.okb-selection__privacy {
    margin: 14px 0 0;
    color: #91a4b8;
    font-size: 13px;
    line-height: 1.5;
}


/* =========================================================
   КНОПКА WHATSAPP — ЗОЛОТАЯ КАК В ПРИМЕРЕ
   ========================================================= */

.okb-selection__submit {
    display: block;
    width: 100%;
    min-height: 60px;
    padding: 15px 26px;
    border: 0;
    border-radius: 10px;
    background:
        linear-gradient(
            135deg,
            #e8cb82,
            #d9b86f
        );
    color: #061d38;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    box-shadow: none;
    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.okb-selection__submit--whatsapp {
    background:
        linear-gradient(
            135deg,
            #e8cb82,
            #d9b86f
        );
    color: #061d38;
}

.okb-selection__submit:hover:not(:disabled) {
    background:
        linear-gradient(
            135deg,
            #efd48c,
            #d9b86f
        );
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
    transform: translateY(-1px);
}

.okb-selection__submit:active:not(:disabled) {
    transform: translateY(0);
}

.okb-selection__submit:focus-visible {
    outline: 3px solid rgba(217, 184, 111, 0.34);
    outline-offset: 4px;
}

.okb-selection__submit:disabled {
    background: rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.45);
    cursor: not-allowed;
}


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

@media (max-width: 1023px) {
    .okb-equipment--extra {
        padding: 26px;
        border-radius: 20px;
    }

    .okb-equipment--extra .okb-equipment__list {
        grid-template-columns: 1fr;
    }

    .okb-selection {
        padding: 30px 26px;
    }

    .okb-client-form__grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
}


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

@media (max-width: 767px) {
    .okb-equipment:not(.okb-equipment--extra)
    .okb-equipment__list {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .okb-equipment--extra {
        padding: 18px 14px;
        border-radius: 16px;
    }

    .okb-equipment--extra .okb-equipment__intro {
        margin-bottom: 25px;
        padding: 14px 15px;
        font-size: 14px;
    }

    .okb-equipment--extra .okb-equipment__title {
        margin-top: 28px;
        font-size: 18px;
    }

    .okb-equipment--extra .okb-equipment__list {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .okb-equipment__option {
        min-height: 54px;
        padding: 13px 14px;
    }

    .okb-equipment__option-name {
        font-size: 14px;
    }

    .okb-selection {
        margin-top: 34px;
        padding: 24px 16px;
        border-radius: 16px;
    }

    .okb-selection__title {
        font-size: 25px;
    }

    .okb-selection__subtitle {
        font-size: 14px;
    }

    .okb-selection__item {
        min-height: 56px;
        padding: 11px;
    }

    .okb-selection__item-name::before {
        flex-basis: 28px;
        width: 28px;
        height: 28px;
        margin-right: 10px;
    }

    .okb-client-form__grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .okb-client-form__input,
    .okb-client-form__textarea {
        font-size: 16px;
    }

    .okb-client-form__input {
        min-height: 54px;
    }

    .okb-client-form__textarea {
        min-height: 140px;
    }

    .okb-selection__submit {
        min-height: 56px;
        padding-right: 18px;
        padding-left: 18px;
    }
}


/* =========================================================
   ДОСТУПНОСТЬ: УМЕНЬШЕНИЕ АНИМАЦИИ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .okb-equipment__option,
    .okb-equipment__checkmark,
    .okb-selection__remove,
    .okb-selection__submit {
        transition: none !important;
    }

    .okb-equipment__option:hover,
    .okb-selection__submit:hover:not(:disabled) {
        transform: none !important;
    }
}
/* =========================================================
   OK-BOATS: ФИНАЛЬНЫЕ МОБИЛЬНЫЕ ИСПРАВЛЕНИЯ КАРТОЧКИ ТОВАРА
   Добавить в самый конец CSS-файла темы
   ========================================================= */

.okb-equipment {
    --okb-navy: #061d38;
    --okb-blue: #0b2d50;
    --okb-blue-hover: #123f73;
    --okb-blue-soft: #d8e5f2;
    --okb-blue-light: #f4f8fc;
    --okb-gold: #d9b86f;
    --okb-gold-light: #e8cb82;
    --okb-text: #12233a;
    --okb-muted: #66758a;
    --okb-border: #d9e4ef;
    --okb-white: #ffffff;

    width: 100%;
    min-width: 0;
    margin: 0;
    color: var(--okb-text);
    box-sizing: border-box;
}

.okb-equipment *,
.okb-equipment *::before,
.okb-equipment *::after {
    box-sizing: border-box;
}


/* Главный контейнер */

.okb-equipment--extra {
    width: 100%;
    min-width: 0;
    padding: 34px;
    overflow: hidden;
    border: 1px solid var(--okb-blue);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(6, 29, 56, 0.08);
}

.okb-equipment--extra .okb-equipment__intro {
    margin: 0 0 28px;
    padding: 15px 18px;
    border: 1px solid var(--okb-blue-soft);
    border-left: 4px solid var(--okb-gold);
    border-radius: 10px;
    background: var(--okb-blue-light);
    color: var(--okb-muted);
    font-size: 15px;
    line-height: 1.55;
}


/* Разделы оборудования */

.okb-equipment__section {
    margin: 0 0 18px;
}

.okb-equipment__section:last-child {
    margin-bottom: 0;
}

.okb-equipment__section-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    margin: 0 0 14px;
    padding: 0 0 12px;
    border: 0;
    border-bottom: 1px solid var(--okb-border);
    background: transparent;
    color: var(--okb-blue);
    font-family: inherit;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
    text-align: left;
    cursor: default;
}

.okb-equipment__section-label {
    min-width: 0;
    overflow-wrap: anywhere;
}

.okb-equipment__section-icon {
    display: none;
}

.okb-equipment__section-panel {
    min-width: 0;
}

.okb-equipment__section-panel[hidden] {
    display: none !important;
}

.okb-equipment--extra .okb-equipment__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    min-width: 0;
    margin: 0;
    padding: 0;
}


/* Белые карточки опций */

.okb-equipment__option {
    position: relative;
    display: flex;
    align-items: flex-start;
    min-width: 0;
    min-height: 60px;
    padding: 15px 17px;
    border: 1px solid var(--okb-border);
    border-radius: 11px;
    background: #ffffff;
    color: var(--okb-text);
    cursor: pointer;
    box-shadow: 0 5px 16px rgba(6, 29, 56, 0.04);
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.okb-equipment__option:hover {
    border-color: var(--okb-blue);
    box-shadow: 0 9px 22px rgba(6, 29, 56, 0.08);
    transform: translateY(-1px);
}

.okb-equipment__option.is-selected {
    border-color: var(--okb-gold);
    background: #fff9e9;
    box-shadow: 0 0 0 1px rgba(217, 184, 111, 0.2);
}

.okb-equipment__checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.okb-equipment__checkmark {
    position: relative;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin-right: 13px;
    border: 1px solid var(--okb-gold);
    border-radius: 50%;
    background: #ffffff;
}

.okb-equipment__checkmark::before,
.okb-equipment__checkmark::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background: var(--okb-gold);
    content: "";
    transform: translate(-50%, -50%);
}

.okb-equipment__checkmark::before {
    width: 11px;
    height: 2px;
}

.okb-equipment__checkmark::after {
    width: 2px;
    height: 11px;
}

.okb-equipment__checkbox:checked +
.okb-equipment__checkmark {
    background: var(--okb-gold);
    box-shadow: 0 0 0 4px rgba(217, 184, 111, 0.15);
}

.okb-equipment__checkbox:checked +
.okb-equipment__checkmark::before {
    width: 8px;
    height: 2px;
    background: var(--okb-navy);
    transform: translate(-66%, 5%) rotate(45deg);
}

.okb-equipment__checkbox:checked +
.okb-equipment__checkmark::after {
    width: 2px;
    height: 12px;
    background: var(--okb-navy);
    transform: translate(78%, -56%) rotate(45deg);
}

.okb-equipment__option-name {
    min-width: 0;
    padding-top: 3px;
    color: var(--okb-text);
    font-size: 15px;
    line-height: 1.45;
    font-weight: 600;
    overflow-wrap: anywhere;
}


/* Тёмный блок расчёта */

.okb-selection {
    margin-top: 38px;
    padding: 34px 38px;
    overflow: hidden;
    border: 0;
    border-radius: 20px;
    background: linear-gradient(145deg, #061d38, #082642);
    color: #ffffff;
    box-shadow: 0 22px 52px rgba(6, 29, 56, 0.2);
}

.okb-selection__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.okb-selection__eyebrow {
    margin: 0 0 8px;
    color: var(--okb-gold);
    font-size: 13px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.okb-selection__title {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.okb-selection__subtitle {
    max-width: 820px;
    margin: 0;
    color: #b6c4d4;
    font-size: 15px;
    line-height: 1.55;
}

.okb-selection__clear {
    flex: 0 0 auto;
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: #a7b7c8;
    font-family: inherit;
    font-size: 14px;
    cursor: pointer;
}

.okb-selection__clear:hover {
    color: var(--okb-gold-light);
}

.okb-selection__empty {
    margin: 0 0 18px;
    padding: 18px;
    border: 1px dashed rgba(255, 255, 255, 0.24);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    color: #b6c4d4;
    font-size: 14px;
    text-align: center;
}

.okb-selection__list {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
    counter-reset: selected-options;
}

.okb-selection__item {
    counter-increment: selected-options;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    min-height: 54px;
    padding: 10px 12px 10px 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.06);
}

.okb-selection__item-name {
    display: flex;
    align-items: center;
    min-width: 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.okb-selection__item-name::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 29px;
    width: 29px;
    height: 29px;
    margin-right: 10px;
    border-radius: 50%;
    background: var(--okb-gold);
    color: var(--okb-navy);
    font-size: 13px;
    font-weight: 800;
    content: counter(selected-options);
}

.okb-selection__remove {
    flex: 0 0 31px;
    width: 31px;
    height: 31px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #d2dce6;
    font-family: inherit;
    font-size: 21px;
    line-height: 27px;
    cursor: pointer;
}

.okb-selection__remove:hover {
    border-color: var(--okb-gold);
    color: var(--okb-gold-light);
}


/* Контактная форма внутри конфигуратора */

.okb-client-form {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.okb-client-form__title {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
}

.okb-client-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.okb-client-form__field {
    min-width: 0;
    margin-bottom: 12px;
}

.okb-client-form__label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.okb-client-form__input,
.okb-client-form__textarea {
    display: block;
    width: 100%;
    min-width: 0;
    border: 0;
    border-radius: 9px;
    background: #ffffff;
    color: var(--okb-text);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.45;
    outline: none;
    box-shadow: none;
}

.okb-client-form__input {
    min-height: 56px;
    padding: 14px 16px;
}

.okb-client-form__textarea {
    min-height: 126px;
    padding: 15px 16px;
    resize: vertical;
}

.okb-client-form__input::placeholder,
.okb-client-form__textarea::placeholder {
    color: #7f8a98;
}

.okb-client-form__input:focus,
.okb-client-form__textarea:focus {
    box-shadow: 0 0 0 3px rgba(217, 184, 111, 0.3);
}

.okb-client-form__input.is-error,
.okb-client-form__textarea.is-error {
    background: #fffafb;
    box-shadow: 0 0 0 3px rgba(200, 61, 76, 0.22);
}

.okb-client-form__error {
    margin: 0 0 12px;
    padding: 11px 13px;
    border-left: 4px solid #e47982;
    border-radius: 7px;
    background: rgba(228, 121, 130, 0.15);
    color: #ffd7da;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

.okb-selection__footer {
    display: block;
    margin-top: 2px;
}

.okb-selection__counter {
    margin: 0 0 12px;
    color: #9fb0c2;
    font-size: 14px;
}

.okb-selection__counter strong {
    color: var(--okb-gold-light);
    font-size: 16px;
}

.okb-selection__submit {
    display: block;
    width: 100%;
    min-height: 58px;
    padding: 14px 22px;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(135deg, #e8cb82, #d9b86f);
    color: var(--okb-navy);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    transition:
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.okb-selection__submit:hover:not(:disabled) {
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
    transform: translateY(-1px);
}

.okb-selection__submit:disabled {
    background: rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.45);
    cursor: not-allowed;
}

.okb-selection__privacy {
    margin: 12px 0 0;
    color: #91a4b8;
    font-size: 12px;
    line-height: 1.5;
}


/* Сопутствующие файлы — длинное имя не выходит за экран */

.product-files,
.product-attachments,
.attachments,
.files {
    min-width: 0;
    max-width: 100%;
}

.product-files a,
.product-attachments a,
.attachments a,
.files a {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}


/* Перемещённая вниз карточка связи */

.okb-mobile-contact-card {
    position: static !important;
    inset: auto !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 28px 0 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.okb-mobile-contact-card *,
.okb-mobile-contact-card *::before,
.okb-mobile-contact-card *::after {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.okb-mobile-contact-card a,
.okb-mobile-contact-card button,
.okb-mobile-contact-card input,
.okb-mobile-contact-card textarea {
    max-width: 100% !important;
}

.okb-mobile-contact-card [class*="row"],
.okb-mobile-contact-card [class*="grid"],
.okb-mobile-contact-card [class*="columns"] {
    min-width: 0 !important;
}


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

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

    body {
        padding-bottom: 88px;
    }

    .okb-equipment--extra {
        padding: 14px;
        border-radius: 14px;
        box-shadow: none;
    }

    .okb-equipment--extra .okb-equipment__intro {
        margin-bottom: 16px;
        padding: 13px 14px;
        font-size: 14px;
    }

    /* Синие вкладки с белыми буквами */

    .okb-equipment__section {
        margin-bottom: 10px;
    }

    .okb-equipment__section-toggle {
        min-height: 54px;
        margin: 0;
        padding: 13px 15px;
        border: 0;
        border-radius: 10px;
        background: var(--okb-blue);
        color: #ffffff;
        font-size: 16px;
        line-height: 1.35;
        font-weight: 700;
        cursor: pointer;
        box-shadow: 0 5px 14px rgba(6, 29, 56, 0.12);
    }

    .okb-equipment__section-toggle:hover,
    .okb-equipment__section-toggle:focus-visible,
    .okb-equipment__section-toggle[aria-expanded="true"] {
        background: var(--okb-blue-hover);
        color: #ffffff;
    }

    .okb-equipment__section-icon {
        position: relative;
        display: block;
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
        margin-left: 12px;
        border: 1px solid rgba(255, 255, 255, 0.58);
        border-radius: 50%;
    }

    .okb-equipment__section-icon::before,
    .okb-equipment__section-icon::after {
        position: absolute;
        top: 50%;
        left: 50%;
        background: #ffffff;
        content: "";
        transform: translate(-50%, -50%);
        transition: transform 0.2s ease;
    }

    .okb-equipment__section-icon::before {
        width: 10px;
        height: 2px;
    }

    .okb-equipment__section-icon::after {
        width: 2px;
        height: 10px;
    }

    .okb-equipment__section-toggle[aria-expanded="true"]
    .okb-equipment__section-icon::after {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .okb-equipment__section-panel {
        padding-top: 9px;
    }

    .okb-equipment--extra .okb-equipment__list {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .okb-equipment__option {
        min-height: 54px;
        padding: 12px 13px;
        border-radius: 9px;
        box-shadow: none;
    }

    .okb-equipment__checkmark {
        flex-basis: 26px;
        width: 26px;
        height: 26px;
        margin-right: 11px;
    }

    .okb-equipment__option-name {
        font-size: 14px;
        line-height: 1.4;
    }

    .okb-selection {
        margin-top: 24px;
        padding: 24px 16px;
        border-radius: 14px;
        box-shadow: none;
    }

    .okb-selection__header {
        display: block;
        margin-bottom: 18px;
    }

    .okb-selection__eyebrow {
        font-size: 12px;
    }

    .okb-selection__title {
        font-size: 25px;
    }

    .okb-selection__subtitle {
        font-size: 14px;
    }

    .okb-selection__clear {
        margin-top: 12px;
    }

    .okb-client-form__title {
        font-size: 17px;
    }

    .okb-client-form__grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .okb-client-form__input,
    .okb-client-form__textarea {
        font-size: 16px;
    }

    .okb-client-form__input {
        min-height: 54px;
    }

    .okb-client-form__textarea {
        min-height: 132px;
    }

    .okb-selection__submit {
        min-height: 56px;
    }

    .okb-mobile-contact-card {
        margin-top: 24px !important;
        border-radius: 14px !important;
    }

    /* Устраняет обрезание двухколоночных преимуществ в карточке */

    .okb-mobile-contact-card [class*="row"],
    .okb-mobile-contact-card [class*="grid"],
    .okb-mobile-contact-card [class*="columns"] {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px !important;
    }
}


/* =========================================================
   УМЕНЬШЕНИЕ АНИМАЦИИ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .okb-equipment__option,
    .okb-equipment__section-icon::after,
    .okb-selection__submit {
        transition: none !important;
    }

    .okb-equipment__option:hover,
    .okb-selection__submit:hover:not(:disabled) {
        transform: none !important;
    }
}

/* =========================================================
   OK-BOATS: ПОДСВЕТКА БРЕНДА И МОДЕЛИ
   Работает без дополнительного JavaScript
   ========================================================= */

/* Общие настройки строк */
.product-feature[data-feature-code="brand"],
.product-feature[data-feature-code="model"] {
    align-items: center;
}

.product-feature[data-feature-code="brand"]
.product-feature__name,
.product-feature[data-feature-code="model"]
.product-feature__name {
    color: #0b2748 !important;
    font-weight: 700 !important;
}

/* Общая форма плашек */
.product-feature[data-feature-code="brand"]
.product-feature__value,
.product-feature[data-feature-code="model"]
.product-feature__value {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content;
    max-width: 100%;
    min-height: 32px;
    padding: 5px 12px;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    overflow-wrap: anywhere;
}

/* Бренд — светлая плашка */
.product-feature[data-feature-code="brand"]
.product-feature__value {
    border: 1px solid #b9d7ff !important;
    border-radius: 999px !important;
    background: #eef6ff !important;
    color: #0b2748 !important;
    box-shadow: 0 6px 16px rgba(11, 39, 72, 0.08);
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

/* Ссылка внутри значения бренда */
.product-feature[data-feature-code="brand"]
.product-feature__value > a,
.product-feature[data-feature-code="brand"]
.product-feature-brand-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    font: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
    transform: none !important;
}

.product-feature[data-feature-code="brand"]
.product-feature__value > a::after,
.product-feature[data-feature-code="brand"]
.product-feature-brand-link::after {
    display: inline-block;
    flex: 0 0 auto;
    color: currentColor;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    content: "→";
}

.product-feature[data-feature-code="brand"]
.product-feature__value:hover {
    border-color: #0b2748 !important;
    background: #0b2748 !important;
    color: #ffffff !important;
    box-shadow: 0 9px 22px rgba(11, 39, 72, 0.16);
    transform: translateY(-1px);
}

.product-feature[data-feature-code="brand"]
.product-feature__value:focus-within {
    outline: 3px solid rgba(18, 63, 115, 0.25);
    outline-offset: 3px;
}

/* Модель — тёмная контрастная плашка */
.product-feature[data-feature-code="model"]
.product-feature__value {
    border: 1px solid #09264a !important;
    background: #09264a !important;
    color: #ffffff !important;
    box-shadow: 0 7px 18px rgba(9, 38, 74, 0.14);
    letter-spacing: 0.01em;
}

.product-feature[data-feature-code="model"]
.product-feature__value a {
    color: #ffffff !important;
    font: inherit !important;
    text-decoration: none !important;
}

/* Запасные селекторы для альтернативной разметки темы */
[data-feature-code="brand"] .feature-value,
[data-feature-code="brand"] .features-value,
[data-feature-code="brand"] .features__value,
[data-feature-code="brand"] .value {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content;
    max-width: 100%;
    min-height: 32px;
    padding: 5px 12px;
    border: 1px solid #b9d7ff !important;
    border-radius: 999px !important;
    background: #eef6ff !important;
    color: #0b2748 !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

[data-feature-code="model"] .feature-value,
[data-feature-code="model"] .features-value,
[data-feature-code="model"] .features__value,
[data-feature-code="model"] .value {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content;
    max-width: 100%;
    min-height: 32px;
    padding: 5px 12px;
    border: 1px solid #09264a !important;
    border-radius: 8px !important;
    background: #09264a !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

/* Мобильная версия */
@media (max-width: 767px) {
    .product-feature[data-feature-code="brand"]
    .product-feature__value,
    .product-feature[data-feature-code="model"]
    .product-feature__value,
    [data-feature-code="brand"] .feature-value,
    [data-feature-code="brand"] .features-value,
    [data-feature-code="brand"] .features__value,
    [data-feature-code="brand"] .value,
    [data-feature-code="model"] .feature-value,
    [data-feature-code="model"] .features-value,
    [data-feature-code="model"] .features__value,
    [data-feature-code="model"] .value {
        min-height: 29px;
        padding: 4px 10px;
        font-size: 15px !important;
    }

    .product-feature[data-feature-code="model"]
    .product-feature__value,
    [data-feature-code="model"] .feature-value,
    [data-feature-code="model"] .features-value,
    [data-feature-code="model"] .features__value,
    [data-feature-code="model"] .value {
        border-radius: 7px !important;
    }
}

/* Уменьшение анимации */
@media (prefers-reduced-motion: reduce) {
    .product-feature[data-feature-code="brand"]
    .product-feature__value {
        transition: none !important;
    }

    .product-feature[data-feature-code="brand"]
    .product-feature__value:hover {
        transform: none !important;
    }
}
/* Бренд, когда сам элемент значения уже является ссылкой */
a.product-feature__value.okb-key-feature-value,
a.okb-key-feature-link--brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px;

    width: fit-content !important;
    min-height: 32px;
    padding: 5px 12px !important;

    border: 1px solid #b9d7ff !important;
    border-radius: 999px !important;

    background: #eef6ff !important;
    color: #0b2748 !important;

    box-shadow: 0 6px 16px rgba(11, 39, 72, 0.08);

    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

a.product-feature__value.okb-key-feature-value::after,
a.okb-key-feature-link--brand::after {
    content: "→";
    font-size: 14px;
    font-weight: 900;
}

a.product-feature__value.okb-key-feature-value:hover,
a.okb-key-feature-link--brand:hover {
    border-color: #0b2748 !important;
    background: #0b2748 !important;
    color: #ffffff !important;
}
/* =========================================================
   OK-BOATS: КЛИКАБЕЛЬНЫЕ БРЕНД И МОДЕЛЬ
   ФИНАЛЬНАЯ ВЕРСИЯ
   ========================================================= */

/* Названия характеристик */

.okb-key-feature-label {
    color: #0b2748 !important;
    font-weight: 700 !important;
}


/* Сбрасываем старое оформление контейнера значения */

.okb-key-feature-value {
    display: flex !important;
    align-items: center !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

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

    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
}


/* Общие свойства ссылок */

.okb-key-feature-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: fit-content !important;
    max-width: 100% !important;
    min-height: 32px !important;

    padding: 5px 12px !important;

    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    text-decoration: none !important;

    cursor: pointer !important;
    overflow-wrap: anywhere;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}


/* Бренд */

.okb-key-feature-link--brand {
    gap: 7px !important;

    border: 1px solid #b9d7ff !important;
    border-radius: 999px !important;

    background: #eef6ff !important;
    color: #0b2748 !important;

    box-shadow:
        0 6px 16px
        rgba(11, 39, 72, 0.08) !important;
}

.okb-key-feature-link--brand::after {
    display: inline-block;
    flex: 0 0 auto;

    font-size: 14px;
    line-height: 1;
    font-weight: 900;

    content: "→";
}

.okb-key-feature-link--brand:hover {
    border-color: #0b2748 !important;
    background: #0b2748 !important;
    color: #ffffff !important;

    box-shadow:
        0 9px 22px
        rgba(11, 39, 72, 0.16) !important;

    transform: translateY(-1px);
}


/* Модель */

.okb-key-feature-link--model {
    border: 1px solid #09264a !important;
    border-radius: 8px !important;

    background: #09264a !important;
    color: #ffffff !important;

    box-shadow:
        0 7px 18px
        rgba(9, 38, 74, 0.14) !important;
}

.okb-key-feature-link--model:hover {
    border-color: #174d87 !important;
    background: #174d87 !important;
    color: #ffffff !important;

    box-shadow:
        0 9px 22px
        rgba(9, 38, 74, 0.20) !important;

    transform: translateY(-1px);
}


/* Фокус с клавиатуры */

.okb-key-feature-link:focus-visible {
    outline:
        3px solid
        rgba(18, 63, 115, 0.25) !important;

    outline-offset: 3px !important;
}


/* Мобильная версия */

@media (max-width: 767px) {
    .okb-key-feature-link {
        min-height: 29px !important;
        padding: 4px 10px !important;
        font-size: 15px !important;
    }

    .okb-key-feature-link--model {
        border-radius: 7px !important;
    }
}


/* Пользователь отключил анимацию */

@media (prefers-reduced-motion: reduce) {
    .okb-key-feature-link {
        transition: none !important;
    }

    .okb-key-feature-link:hover {
        transform: none !important;
    }
}
/* =========================================================
   OK-BOATS: КОНТАКТЫ ДРУГ ПОД ДРУГОМ
   WhatsApp / Telegram / MAX
   ========================================================= */

.product-cart-form__blocks-soc {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin-top: 18px !important;
    gap: 12px !important;

    box-sizing: border-box !important;
}

.product-cart-form__blocks-soc > .items-list__soc-item,
.product-cart-form__blocks-soc .items-list__soc-item {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;

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

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

    box-sizing: border-box !important;
    border-radius: 16px !important;

    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    text-align: center !important;
    white-space: normal !important;
}

.product-cart-form__blocks-soc
.items-list__soc-item
.icon-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
}

.product-cart-form__blocks-soc
.items-list__soc-item
.icon-box__icon {
    flex: 0 0 auto !important;
}

.product-cart-form__blocks-soc
.items-list__soc-item
.icon-box__content {
    min-width: 0 !important;
    text-align: center !important;
}


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

@media (max-width: 767px) {
    .product-cart-form__blocks-soc {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: 1fr !important;

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

        margin-top: 16px !important;
        gap: 10px !important;
    }

    .product-cart-form__blocks-soc > .items-list__soc-item,
    .product-cart-form__blocks-soc .items-list__soc-item {
        flex: 0 0 auto !important;

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

        padding: 12px 14px !important;
        border-radius: 14px !important;

        font-size: 16px !important;
    }
    
}
/* OK-Boats: скрываем верхний блок подкатегорий на мобильной версии */
@media (max-width: 767px) {
    .okb-category-grid_desktop-only {
        display: none !important;
    }
    input[placeholder="Введите название товара"] {
        width: 100%;
        box-sizing: border-box;
    }

    .category-page h1 {
        margin-top: 24px;
    }
}
/* =========================================================
   ИСПРАВЛЕНИЕ КНОПКИ «ЧИТАТЬ ДАЛЕЕ / СКРЫТЬ»
   В ОПИСАНИИ КАТЕГОРИИ
   ========================================================= */

.description-block__content-wrapper.description-block__content-wrapper--show {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

/* Убираем белое затухание после раскрытия */
.description-block__content-wrapper--show::before,
.description-block__content-wrapper--show::after {
    display: none !important;
    content: none !important;
}

/* Кнопка остаётся кликабельной поверх текста и градиента */
.description-block__more {
    position: relative;
    z-index: 5;
}

.description-block__more-btn {
    position: relative;
    z-index: 6;
    cursor: pointer;
}
/* Отступ между каталогом и описанием категории */
.category-page .description-block {
    clear: both;
    margin-top: 42px !important;
}

/* Если описание идёт сразу после списка товаров */
.category-page__products + .description-block,
.products-list + .description-block {
    margin-top: 42px !important;
}
/* OK-Boats: принудительный вывод изображений подкатегорий */
.okb-category-card__image {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    background: #eef2f7 !important;
}

.okb-category-card__image > img {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: none !important;

    z-index: 5 !important;
}

.okb-category-card__image::before,
.okb-category-card__image::after {
    display: none !important;
    content: none !important;
}

.okb-category-card__placeholder {
    display: none !important;
}
/* Длинное верхнее меню: все пункты доступны при переполнении. */
@media(min-width:1024px) {
 .header-bottom-bar-links__swiper {
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
 }
 .header-bottom-bar-links__swiper::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
 }
 /* Декоративные края Swiper не должны создавать пустую область прокрутки. */
 .header-bottom-bar-links__swiper::before,
 .header-bottom-bar-links__swiper::after {
  content: none !important;
 }
 .header-bottom-bar-links__swiper .swiper-wrapper,
 .header-bottom-bar-links { width:max-content !important; min-width:100%; box-sizing:border-box; }
}


@media (min-width: 1024px) {
  .blog-post-page .blog-post-page__video-container {
    width: min(100%, 800px) !important;
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }
  .blog-post-page .blog-post-page__video-container > * {
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .blog-post-page .blog-post-page__video-container :is(video, iframe) {
    width: 100% !important;
    max-width: 100% !important;
    border: 0;
  }
  .blog-post-page .blog-post-page__video-container video {
    height: auto !important;
    max-height: 70vh;
    object-fit: contain;
    background-color: #101820;
  }
  .blog-post-page .blog-post-page__video-container iframe {
    height: auto !important;
    aspect-ratio: 16 / 9;
  }
}

/* Preserve the plugin's poster, hidden player and absolute positioning. */
.blog-post-page .modpostvideo-wrapper {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.blog-post-page .modpostvideo-wrapper video.modpostvideo-player {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain;
}
@media (min-width: 1024px) {
  .blog-post-page .modpostvideo-wrapper {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1023px) {
  .blog-post-page .blog-post-page__video-container {
    width: 100% !important;
    min-width: 0;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }
  .blog-post-page__name-container, .blog-post-page__content-container {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .blog-post-page .modpostvideo-wrapper {
    border-radius: 12px;
  }
}


/* OK-Boats: shared controls, lists, filters, services and manager form. */
/* Only explicit optional bridge controls; no additional fixed navigation bar. */
[data-okb-list-toggle] {
    min-width: 44px;
    min-height: 44px;
    touch-action: manipulation;
    cursor: pointer;
}
[data-okb-list-toggle][aria-pressed="true"] {
    color: #176b41;
    border-color: currentColor;
}
[data-okb-list-toggle]:focus-visible {
    outline: 2px solid #1473e6;
    outline-offset: 3px;
}

.okb-saved-ready .favorite-page,
.okb-saved-ready .okb-favorite-fallback,
.okb-saved-ready #okbFavoriteFallback,
.okb-saved-route .okb-saved-search-empty { display:none !important; }
.okb-saved-lists { width:min(1320px,calc(100% - 48px)); margin:32px auto 56px; color:#0b1f3a; }
.okb-saved-lists * { box-sizing:border-box; }
.okb-saved-lists [hidden] { display:none !important; }
.okb-saved-lists__header { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:22px; }
.okb-saved-lists__eyebrow { margin:0 0 7px; color:#68788c; font-size:12px; font-weight:700; letter-spacing:.05em; }
.okb-saved-lists h1 { margin:0; font-size:clamp(26px,3vw,40px); line-height:1.18; }
.okb-saved-lists h1 [data-okb-saved-total] { color:#8793a3; font-size:.65em; }
.okb-saved-lists__header nav { display:flex; flex-wrap:wrap; gap:8px 18px; }
.okb-saved-lists__header nav a { color:#244f7b; font-size:14px; text-decoration:none; padding:8px 0; }
.okb-saved-lists__tools { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:22px; }
.okb-saved-lists button { appearance:none; cursor:pointer; font:inherit; }
.okb-saved-lists__tools button { min-height:42px; padding:10px 14px; border:1px solid #d9e2ec; border-radius:10px; background:#fff; color:#244f7b; font-size:13px; }
.okb-saved-lists__tools [data-okb-saved-status] { color:#718095; font-size:13px; }
.okb-saved-lists__share { display:block; margin-bottom:20px; font-size:13px; color:#617084; }
.okb-saved-lists__share input { display:block; width:100%; margin-top:7px; padding:10px; border:1px solid #d9e2ec; border-radius:8px; }
.okb-saved-lists__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.okb-saved-card { min-width:0; display:flex; flex-direction:column; border:1px solid #dbe4ed; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 5px 18px rgba(11,31,58,.04); }
.okb-saved-card__media { position:relative; aspect-ratio:16/10; overflow:hidden; background:#eef2f6; }
.okb-saved-card__image-link { display:block; width:100%; height:100%; }
.okb-saved-card__media img { display:block; width:100%; height:100%; object-fit:cover; }
.okb-saved-card[data-product-kind="motors"] .okb-saved-card__media { background:#fff; }
.okb-saved-card[data-product-kind="motors"] .okb-saved-card__media img { object-fit:contain; padding:8px; }
.okb-saved-card__no-photo { height:100%; display:grid; place-items:center; color:#53708d; }
.okb-saved-card__photo-prev,.okb-saved-card__photo-next { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border:0; border-radius:50%; background:rgba(255,255,255,.94); color:#0b1f3a; font-size:28px !important; line-height:1; }
.okb-saved-card__photo-prev { left:10px; }
.okb-saved-card__photo-next { right:10px; }
.okb-saved-card__photo-count { position:absolute; right:12px; bottom:12px; padding:5px 9px; border-radius:20px; background:rgba(8,24,43,.72); color:#fff; font-size:11px; }
.okb-saved-card__video { position:absolute; left:12px; bottom:12px; padding:8px 11px; border-radius:9px; color:#fff !important; background:rgba(8,24,43,.88); text-decoration:none; font-size:12px; font-weight:700; }
.okb-saved-card__body { display:flex; flex:1; flex-direction:column; padding:18px; }
.okb-saved-card h2 { margin:0 0 10px; font-size:18px; line-height:1.35; }
.okb-saved-card h2 a { color:inherit; text-decoration:none; }
.okb-saved-card__price { margin:0 0 16px; font-size:23px; line-height:1.2; font-weight:800; }
.okb-saved-card__specs { margin:0 0 18px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 14px; }
.okb-saved-card__specs div { min-width:0; }
.okb-saved-card__specs dt { margin:0 0 3px; color:#708095; font-size:11px; line-height:1.3; }
.okb-saved-card__specs dd { margin:0; font-size:13px; font-weight:650; line-height:1.35; overflow-wrap:anywhere; }
.okb-saved-card__actions { margin-top:auto; display:grid; grid-template-columns:.85fr 1.15fr; gap:9px; }
.okb-saved-card__actions > a,.okb-saved-card__actions > button { min-height:44px; display:flex; align-items:center; justify-content:center; padding:10px 8px; border:1px solid #0b1f3a; border-radius:9px; font-size:12px; font-weight:700; text-decoration:none; text-align:center; }
.okb-saved-card__open { color:#0b1f3a !important; background:#fff; }
.okb-saved-card__request { color:#fff; background:#0b1f3a; }
.okb-saved-card__list-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.okb-saved-card__list-actions button { min-height:40px; flex:1; padding:9px 7px; border:1px solid #dce4ed; border-radius:8px; color:#58708a; background:#fff; font-size:11px; white-space:nowrap; }
.okb-saved-card__list-actions [aria-pressed="true"] { color:#176b41; border-color:#90bea4; background:#f2faf5; }
.okb-saved-card_unavailable p { color:#708095; line-height:1.5; }
.okb-saved-card_unavailable .okb-saved-card__actions button { color:#244f7b; border-color:#dce4ed; background:#fff; }
.okb-saved-card_unavailable .okb-saved-card__actions [data-okb-request4] { grid-column:1/-1; color:#fff; border-color:#0b1f3a; background:#0b1f3a; }
.okb-saved-card_loading .okb-saved-card__media { background:linear-gradient(100deg,#edf1f5,#f7f9fb,#edf1f5); }
.okb-saved-card_loading p { color:#708095; }
.okb-saved-empty { grid-column:1/-1; padding:42px 24px; border:1px solid #dce4ed; border-radius:16px; background:#f8fafc; text-align:center; }
.okb-saved-empty h2 { margin:0 0 12px; font-size:22px; }
.okb-saved-empty p { color:#708095; line-height:1.5; }
.okb-saved-empty a { display:inline-block; margin-top:10px; padding:13px 20px; border-radius:10px; color:#fff; background:#0b1f3a; text-decoration:none; }
.okb-saved-lists__more { display:block; min-height:44px; margin:28px auto 0; padding:12px 24px; border:1px solid #cfdae6; border-radius:10px; color:#244f7b; background:#fff; }
.okb-saved-lists a:focus-visible,.okb-saved-lists button:focus-visible { outline:2px solid #1473e6; outline-offset:3px; }
.okb-home-saved-recent[hidden],#okb-recent-boats[hidden] { display:none !important; }
.okb-home-saved-recent { width:100%; max-width:100%; min-width:0; margin:0; padding:4px 0 8px; overflow:hidden; }
.okb-home-saved-recent__header { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; }
.okb-home-saved-recent__header h2 { margin:0; font-size:clamp(22px,2.5vw,30px); line-height:1.25; }
.okb-home-saved-recent__header > div { display:flex; align-items:center; gap:8px; }
.okb-home-saved-recent__header a { margin-right:8px; color:#244f7b; font-size:13px; white-space:nowrap; text-decoration:none; }
.okb-home-saved-recent__header button { width:44px; height:44px; border:1px solid #d9e2ec; border-radius:50%; color:#0b1f3a; background:#fff; font-size:25px; line-height:1; }
.okb-home-saved-recent > [data-okb-saved-status] { display:block; color:#718095; font-size:12px; margin-bottom:8px; }
.okb-home-saved-recent > [data-okb-saved-status]:empty { display:none; }
.okb-home-saved-recent .okb-saved-lists__grid { display:grid; grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:minmax(310px,calc((100% - 48px)/3)); overflow-x:auto; gap:24px; padding:2px 0 12px; scroll-snap-type:x proximity; overscroll-behavior-x:contain; }
.okb-home-saved-recent .okb-saved-card { scroll-snap-align:start; }
@media(max-width:1050px) { .okb-saved-lists__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) {
    .okb-saved-lists { width:calc(100% - 28px); margin:24px auto 40px; }
    .okb-saved-lists__header { display:block; margin-bottom:14px; }
    .okb-saved-lists__header nav { margin-top:14px; gap:8px 16px; }
    .okb-saved-lists__header nav a { font-size:12px; }
    .okb-saved-lists__grid { grid-template-columns:minmax(0,1fr); gap:18px; }
    .okb-saved-card__media { aspect-ratio:16/10; }
    .okb-saved-card__body { padding:16px; }
    .okb-saved-card__list-actions button { min-height:44px; }
    .okb-saved-lists__tools { gap:8px; }
    .okb-saved-lists__tools button { min-height:44px; font-size:12px; }
    .okb-saved-lists__tools [data-okb-saved-status] { width:100%; }
    .okb-home-saved-recent { width:100%; margin:0; }
    .okb-home-saved-recent__header { align-items:start; gap:10px; }
    .okb-home-saved-recent__header h2 { max-width:50%; font-size:22px; }
    .okb-home-saved-recent__header > div { flex-wrap:wrap; justify-content:end; gap:6px; }
    .okb-home-saved-recent__header a { width:100%; margin:0 0 4px; text-align:right; }
    .okb-home-saved-recent .okb-saved-lists__grid { grid-template-columns:none; grid-auto-columns:calc(100% - 18px); gap:14px; }
}

/* Native NovaShop catalogue filters only. Universal okb-hs controls are separate. */
.filters .range-slider .range-slider__bounds {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.filters .range-slider .range-slider__bound {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
}
.filters .range-slider .range-slider__label {
    display: block;
    width: auto;
    margin: 0 0 6px;
    color: #617084;
    font-size: 12px;
    line-height: 1.3;
}
.filters .range-slider .range-slider__input-wrapper {
    width: 100%;
    min-width: 0;
}
.filters .range-slider .range-slider__input {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
    min-height: 46px;
    padding: 10px 12px !important;
    border: 1px solid #dbe2e9;
    border-radius: 12px;
    background: #fff;
    color: #14273d;
    font-size: 16px !important;
    line-height: 1.35;
    text-align: left;
}
.filters .range-slider .range-slider__input:focus {
    border-color: #879fb7;
    outline: 2px solid rgba(39, 75, 111, .12);
    outline-offset: 1px;
}
.filters .range-slider .range-slider__slider-wrapper {
    box-sizing: border-box;
    margin-top: 8px;
    padding: 18px 11px !important;
    background: transparent;
}
.filters .range-slider .range-slider__slider {
    position: relative;
    height: 6px !important;
    border: 0 !important;
    border-radius: 99px;
    background: #e2e8ee !important;
    touch-action: none;
}
.filters .range-slider .range-slider__slider-range {
    height: 6px;
    padding: 0 !important;
    border-radius: 99px;
    background: #14273d;
}
.filters .range-slider .range-slider__slider-handle,
.filters .range-slider .range-slider__slider-handle + .range-slider__slider-handle {
    box-sizing: border-box;
    top: -8px !important;
    width: 22px !important;
    height: 22px !important;
    margin-left: -11px !important;
    border: 3px solid #fff !important;
    border-radius: 50% !important;
    background: #14273d !important;
    box-shadow: 0 1px 0 rgba(20, 39, 61, .24), 0 2px 8px rgba(20, 39, 61, .16);
    touch-action: none;
    cursor: grab;
}
.filters .range-slider .range-slider__slider-handle::before {
    position: absolute;
    inset: -14px;
    content: '';
}
.filters .range-slider .range-slider__slider-handle:focus-visible {
    outline: 2px solid #879fb7;
    outline-offset: 4px;
}

/* OK-Boats: service categories and the mobile account entry. */
@media (max-width: 1023px) {
  .r-header-menu .okb-mobile-account-item,
  .r-header-menu__list:has(> .r-header-menu__dropdown-list > a[href="/login/"]),
  .r-header-menu__list:has(> .r-header-menu__dropdown-list > a[href="/my/"]) {
    display: none !important;
  }
}
.okb-service-route .category-page > .block__content > .okb-service-empty { display: none !important; }
.okb-service-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 28px 0 12px;
  padding: 26px 30px;
  color: #102539;
  background: #f4f5f3;
  border: 1px solid #e4e7e7;
  border-radius: 18px;
}
.okb-service-cta__copy { min-width: 0; }
.okb-service-cta__title { margin: 0 0 7px; font-size: 23px; line-height: 1.25; font-weight: 600; }
.okb-service-cta__text { margin: 0; max-width: 650px; font-size: 15px; line-height: 1.6; color: #586975; }
.okb-request4-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 22px;
  background: #102539;
  color: #fff;
  border: 1px solid #102539;
  border-radius: 28px;
  text-decoration: none;
  text-align: center;
  font: inherit;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  flex-shrink: 0;
  transition: background .18s ease, border-color .18s ease;
}
.okb-request4-button:hover { background: #254156; border-color: #254156; color: #fff; }
.okb-request4-button:focus-visible { outline: 2px solid #b09461; outline-offset: 4px; }
.okb-shared-request4 .requests-modal__container { width: min(600px, calc(100vw - 28px)); max-width: calc(100vw - 28px); }
.okb-shared-request4 .requests-modal__content { max-height: calc(100dvh - 28px); overflow-y: auto; overscroll-behavior: contain; }
.okb-shared-request4 .requests-form,
.okb-shared-request4 .requests-form__field { min-width: 0; max-width: 100%; box-sizing: border-box; }
.okb-shared-request4 input,
.okb-shared-request4 textarea,
.okb-shared-request4 select { max-width: 100%; box-sizing: border-box; font-size: 16px; }
.okb-shared-request4 .requests-form__submit { min-height: 48px; white-space: normal; }
.okb-manager-dialog {
  box-sizing: border-box;
  width: min(600px, calc(100vw - 28px));
  max-width: calc(100vw - 28px);
  max-height: calc(100dvh - 28px);
  padding: 34px 20px 18px;
  margin: auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid #e4e7e7;
  border-radius: 18px;
  color: #102539;
  background: #fff;
  box-shadow: 0 28px 100px rgba(6, 20, 34, .28);
}
.okb-manager-dialog::backdrop { background: rgba(6, 20, 34, .66); }
.okb-manager-dialog__close { position: absolute; top: 7px; right: 9px; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: #f4f5f3; color: #102539; font-size: 26px; line-height: 1; cursor: pointer; }
.okb-manager-form4-unavailable { margin: 10px 0; font-size: 14px; line-height: 1.5; }
@media (max-width: 767px) {
  .okb-service-cta { display: block; margin-top: 20px; padding: 22px 18px; border-radius: 14px; }
  .okb-service-cta__title { font-size: 21px; }
  .okb-service-cta .okb-request4-button { margin-top: 18px; width: 100%; box-sizing: border-box; }
}

@media (max-width: 1023px) {
    html.okb-has-native-mobile-bar #okbMobileSticky { display: none !important; }
    html.okb-has-mobile-action-bar body { padding-bottom: var(--okb-mobile-action-bar-space, 100px) !important; }
    .product-favorite,
    .product-compare,
    .okb-hr__favorite,
    .okb-hr__compare { touch-action: manipulation; }
}