/* 08.11.2026: вибір варіації на сторінці товару — на всю ширину колонки, довгі назви переносяться. */
.am-single-product-form .am-product-options { grid-template-columns: minmax(0, 1fr); }
.am-product-option-group .ts-wrapper { width: 100%; min-height: 0; }
.am-product-option-group .ts-wrapper.single .ts-control,
.am-product-option-group .ts-wrapper.single.input-active .ts-control {
    min-height: 44px;
    display: flex;
    align-items: center;
    border: 1px solid #8f948c;
    border-radius: 4px;
    padding: 9px 40px 9px 12px;
    background: #fff;
    box-shadow: none;
    color: #686868;
    font-size: 14px;
    line-height: 1.35;
    cursor: pointer;
}
.am-product-option-group .ts-wrapper.single .ts-control::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-right: 1.5px solid #3e5338;
    border-bottom: 1.5px solid #3e5338;
    transform: rotate(45deg);
    transition: transform .2s ease, margin-top .2s ease;
}
.am-product-option-group .ts-wrapper.single.dropdown-active .ts-control::after { margin-top: -2px; transform: rotate(-135deg); }
.am-product-option-group .ts-wrapper.single.focus .ts-control,
.am-product-option-group .ts-wrapper.single.dropdown-active .ts-control { border-color: #3e5338; }
.am-product-option-group .ts-control:focus { outline: none; }
.am-product-option-group .ts-control:focus-visible { outline: 2px solid rgba(62, 83, 56, .35); outline-offset: 1px; }
.am-product-option-group .ts-control > .item {
    white-space: normal;
    overflow-wrap: anywhere;
    color: #282828;
}
.am-product-option-group .ts-control > input { font-size: inherit; }
.am-product-option-group .ts-dropdown {
    z-index: 30;
    margin-top: 4px;
    border: 1px solid #c9ccc6;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(40, 40, 40, .12);
    color: #282828;
    font-size: 14px;
}
.am-product-option-group .ts-dropdown .ts-dropdown-content { max-height: 320px; overscroll-behavior: contain; }
.am-product-option-group .ts-dropdown .option {
    padding: 10px 12px;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.35;
    cursor: pointer;
}
.am-product-option-group .ts-dropdown .option + .option { border-top: 1px solid #f0f1ee; }
.am-product-option-group .ts-dropdown .active { background: rgba(62, 83, 56, .08); color: #3e5338; }
.am-product-option-group .ts-dropdown .option.selected { color: #3e5338; font-weight: 600; }
.am-product-option-group .ts-dropdown .no-results { padding: 10px 12px; color: #686868; }

@media (max-width: 900px) {
    .am-product-option-group .ts-wrapper.single .ts-control,
    .am-product-option-group .ts-wrapper.single.input-active .ts-control,
    .am-product-option-group .ts-dropdown,
    .am-product-option-group .ts-control > input { font-size: 16px; }
}