/* ============================================================
   ОПЦИИ ТОВАРА ST200
   Комплектация — кнопки; Размер бруса — радио
   ============================================================ */

/* ---------- Общее для всех опций ---------- */
.t-product__option-title,
.js-product-edition-option-name {
    font-family: 'TildaSans', Arial, sans-serif !important;
    font-weight: 500 !important;
    color: #222 !important;
    margin-bottom: 8px !important;
}

.t-product__option { margin-bottom: 18px !important; }

/* Шрифт: 16px десктоп / 14px мобила */
@media screen and (min-width: 961px) {
    .t-product__option-title,
    .js-product-edition-option-name,
    .t-product__option-item .t-product__option-title { font-size: 18px !important; }
}
@media screen and (max-width: 960px) {
    .t-product__option-title,
    .js-product-edition-option-name,
    .t-product__option-item .t-product__option-title { font-size: 14px !important; }
}

/* ============================================================
   КОМПЛЕКТАЦИЯ — КНОПКИ
   Невыбранная: 1px обычная рамка
   Выбранная: 3px зелёная #98C553
   Размер кнопки не меняется (компенсация через padding)
   ============================================================ */

.t-product__option-item_buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
    transition: border-color 0.15s ease, border-width 0.15s ease, padding 0.15s ease !important;
}

.t-product__option-item_buttons.t-product__option-item_active {
    border: 3px solid #98C553 !important;
    padding: 10px 14px !important;
    background-color: #fff !important;
    box-shadow: none !important;
}

.t-product__option-item_buttons:hover:not(.t-product__option-item_active) {
    border-color: #98C553 !important;
    background-color: #fff !important;
}

.t-product__option-item_buttons .t-product__option-checkmark {
    display: none !important;
}

.t-product__option-item_buttons .t-product__option-title {
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'TildaSans', Arial, sans-serif !important;
    font-weight: 500 !important;
    color: #222 !important;
}

/* ============================================================
   РАЗМЕР БРУСА — РАДИО
   Невыбранный: прозрачный фон, зелёный бордер 2px
   Выбранный: зелёный фон + чёрная точка по центру
   ============================================================ */

.t-product__option-item_radio {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    padding: 6px 0 !important;
    cursor: pointer !important;
}

.t-product__option-item_radio .t-product__option-input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Кружок */
.t-product__option-item_radio .t-product__option-checkmark {
    display: inline-block !important;
    position: relative !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border: 2px solid #98C553 !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    margin-right: 10px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    transition: background-color 0.15s ease !important;
}

.t-product__option-item_radio .t-product__option-checkmark::before,
.t-product__option-item_radio .t-product__option-checkmark::after {
    display: none !important;
    content: none !important;
}

.t-product__option-item_radio.t-product__option-item_active .t-product__option-checkmark {
    background-color: #98C553 !important;
    border-color: #98C553 !important;
}

.t-product__option-item_radio.t-product__option-item_active .t-product__option-checkmark::after {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background-color: #222 !important;
}

.t-product__option-item_radio:hover .t-product__option-checkmark {
    box-shadow: none !important;
}

/* Центрируем текст рядом с кружком */
.t-product__option-item_radio .t-product__option-title {
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'TildaSans', Arial, sans-serif !important;
    font-weight: 500 !important;
    color: #222 !important;
}