.zone-products__options {
    width: 100%
}

.zone-products__options .zone-products-option__title {
    margin-bottom: 10px
}

.zone-products__options .zone-products-option__content {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--elementJustify, inherit);
    font-weight: 400;
    font-size: .8125rem;
    line-height: 18px;
    position: relative;
    --optionColor: var(--currentColor);
    --optionContrast: var(--contrastColor);
    --sizePaddingY: calc(5px + var(--factor) * 1px);
    --sizePaddingX: calc(12px + var(--factor) * 1px);
    --sizeOption: calc(21.5px + var(--factor) * 1.5px);
    --sizeCheck: calc(9px + var(--factor) * 0.5px);
    --indentCheck: calc(6px + var(--factor) * 0.33px);
    font-size: calc(10px + var(--factor) * 1px);
    line-height: calc(15px + var(--factor) * 1px)
}

.zone-products__options .zone-products-option__content[data-color=light] {
    --optionColor: var(--lightColor);
    --optionContrast: var(--lightColor_contrast)
}

.zone-products__options .zone-products-option__content[data-color=dark] {
    --optionColor: var(--darkColor);
    --optionContrast: var(--darkColor_contrast)
}

.zone-products__options .zone-products-option__content:last-of-type {
    margin-bottom: -10px
}

.zone-products__options .zone-products-option__content-radio {
    margin-left: -5px;
    margin-right: -5px
}

.zone-products__options .zone-products-option {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--currentColor)
}

.zone-products__options .zone-products-option.zone-products-option--horizon_block, .zone-products__options .zone-products-option.zone-products-option--vertical_block {
    position: relative;
    padding: var(--sizePaddingY) var(--sizePaddingX);
    box-sizing: border-box
}

.zone-products__options .zone-products-option.zone-products-option--horizon_block:before, .zone-products__options .zone-products-option.zone-products-option--vertical_block:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid var(--currentColor);
    border-radius: 5px;
    opacity: .2;
    transition: opacity .18s ease-out, border-color .18s ease-out
}

.zone-products__options .zone-products-option.zone-products-option--horizon_block:after, .zone-products__options .zone-products-option.zone-products-option--vertical_block:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: .2;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.zone-products__options .zone-products-option.zone-products-option--vertical_block {
    margin-left: 5px;
    margin-right: 5px
}

.zone-products__options .zone-products-option.zone-products-option--horizon_block {
    min-width: calc(100% - 10px);
    margin-left: 5px;
    margin-right: 5px
}

.zone-products__options .zone-products-option.zone-products-option--horizon_block .option-name-item {
    margin-right: auto
}

.zone-products__options .zone-products-option.zone-products-option--horizon_block .option-state {
    display: inline-block;
    color: var(--currentColor);
    opacity: .5;
    flex-shrink: 0;
    margin-left: 15px
}

.zone-products__options .zone-products-option.zone-products-option--radio {
    margin-left: 5px;
    margin-right: 5px
}

.zone-products__options .zone-products-option.zone-products-option--radio i {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    transition: all .15s ease;
    -webkit-tap-highlight-color: transparent;
    pointer-events: none
}

.zone-products__options .zone-products-option.zone-products-option--radio i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: var(--indentCheck) 50%;
    background-size: var(--sizeCheck) auto
}

.zone-products__options .zone-products-option.zone-products-option--radio i[data-contrast=dark]:after {
    background-image: url("/img/checked-dark.svg")
}

.zone-products__options .zone-products-option.zone-products-option--radio i[data-contrast=light]:after {
    background-image: url("/img/checked-white.svg")
}

.zone-products__options .zone-products-option.zone-products-option--radio.active {
    cursor: default
}

.zone-products__options .zone-products-option.zone-products-option--radio.active i {
    opacity: 1;
    width: 100%;
    animation: checkAppearance .3s
}

.zone-products__options .zone-products-option.zone-products-option--radio.disabled .option-color-item, .zone-products__options .zone-products-option.zone-products-option--radio.locked .option-color-item {
    opacity: .7
}

.zone-products__options .zone-products-option.zone-products-option--radio.disabled:hover {
    cursor: default
}

.zone-products__options .zone-products-option.zone-products-option--radio .option-color-item {
    border-radius: 5px;
    position: relative
}

.zone-products__options .zone-products-option.zone-products-option--radio .option-color-item:before {
    border-radius: 5px;
    border: 1px solid var(--currentColor)
}

.zone-products__options .zone-products-option.zone-products-option--radio .option-color-item__substrate {
    position: absolute;
    z-index: -1;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 7px
}

.zone-products__options .zone-products-option.option-style--filled:hover:before, .zone-products__options .zone-products-option.option-style--semitransparent:hover:before, .zone-products__options .zone-products-option.option-style--transparent:hover:before {
    opacity: .5;
    border-color: var(--optionColor)
}

.zone-products__options .zone-products-option.option-style--filled.active:before, .zone-products__options .zone-products-option.option-style--semitransparent.active:before, .zone-products__options .zone-products-option.option-style--transparent.active:before {
    border-width: 2px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-color: var(--optionColor)
}

.zone-products__options .zone-products-option.option-style--filled.locked:after, .zone-products__options .zone-products-option.option-style--filled.locked:before, .zone-products__options .zone-products-option.option-style--semitransparent.locked:after, .zone-products__options .zone-products-option.option-style--semitransparent.locked:before, .zone-products__options .zone-products-option.option-style--transparent.locked:after, .zone-products__options .zone-products-option.option-style--transparent.locked:before {
    opacity: .1
}

.zone-products__options .zone-products-option.option-style--filled.locked .option-name-item, .zone-products__options .zone-products-option.option-style--semitransparent.locked .option-name-item, .zone-products__options .zone-products-option.option-style--transparent.locked .option-name-item {
    opacity: .5
}

.zone-products__options .zone-products-option.option-style--filled.locked:hover:before, .zone-products__options .zone-products-option.option-style--semitransparent.locked:hover:before, .zone-products__options .zone-products-option.option-style--transparent.locked:hover:before {
    opacity: .5;
    border-color: var(--optionColor)
}

.zone-products__options .zone-products-option.option-style--filled.locked.active:hover:before, .zone-products__options .zone-products-option.option-style--semitransparent.locked.active:hover:before, .zone-products__options .zone-products-option.option-style--transparent.locked.active:hover:before {
    opacity: 1
}

.zone-products__options .zone-products-option.option-style--filled.disabled.active, .zone-products__options .zone-products-option.option-style--filled.disabled:hover, .zone-products__options .zone-products-option.option-style--semitransparent.disabled.active, .zone-products__options .zone-products-option.option-style--semitransparent.disabled:hover, .zone-products__options .zone-products-option.option-style--transparent.disabled.active, .zone-products__options .zone-products-option.option-style--transparent.disabled:hover {
    cursor: default
}

.zone-products__options .zone-products-option.option-style--filled.disabled.active:after, .zone-products__options .zone-products-option.option-style--filled.disabled.active:before, .zone-products__options .zone-products-option.option-style--filled.disabled:hover:after, .zone-products__options .zone-products-option.option-style--filled.disabled:hover:before, .zone-products__options .zone-products-option.option-style--semitransparent.disabled.active:after, .zone-products__options .zone-products-option.option-style--semitransparent.disabled.active:before, .zone-products__options .zone-products-option.option-style--semitransparent.disabled:hover:after, .zone-products__options .zone-products-option.option-style--semitransparent.disabled:hover:before, .zone-products__options .zone-products-option.option-style--transparent.disabled.active:after, .zone-products__options .zone-products-option.option-style--transparent.disabled.active:before, .zone-products__options .zone-products-option.option-style--transparent.disabled:hover:after, .zone-products__options .zone-products-option.option-style--transparent.disabled:hover:before {
    opacity: .1;
    border-color: var(--currentColor)
}

.zone-products__options .zone-products-option.option-style--filled.disabled:after, .zone-products__options .zone-products-option.option-style--filled.disabled:before, .zone-products__options .zone-products-option.option-style--semitransparent.disabled:after, .zone-products__options .zone-products-option.option-style--semitransparent.disabled:before, .zone-products__options .zone-products-option.option-style--transparent.disabled:after, .zone-products__options .zone-products-option.option-style--transparent.disabled:before {
    opacity: .1
}

.zone-products__options .zone-products-option.option-style--filled.disabled .option-name-item, .zone-products__options .zone-products-option.option-style--semitransparent.disabled .option-name-item, .zone-products__options .zone-products-option.option-style--transparent.disabled .option-name-item {
    opacity: .5
}

.zone-products__options .zone-products-option.option-style--semitransparent:after {
    background: var(--currentColor);
    border-radius: 4px
}

.zone-products__options .zone-products-option.option-style--semitransparent.active:before {
    opacity: 1
}

.zone-products__options .zone-products-option.option-style--filled.active {
    color: var(--optionContrast)
}

.zone-products__options .zone-products-option.option-style--filled.active:after {
    opacity: 1;
    background: var(--optionColor)
}

.zone-products__options .zone-products-option.option-style--filled.active.locked:before, .zone-products__options .zone-products-option.option-style--filled.active:before {
    border: none
}

.zone-products__options .zone-products-option.option-style--filled.active .option-state {
    color: var(--optionContrast)
}

.zone-products__options .zone-products-option.option-style--transparent.active.locked:before, .zone-products__options .zone-products-option.option-style--transparent.active:after, .zone-products__options .zone-products-option.option-style--transparent.active:before {
    opacity: 1
}

.zone-products__options .zone-products-option--horizon_block .option-color-item, .zone-products__options .zone-products-option--vertical_block .option-color-item, .zone-products__options .zone-products-option__select-content .option-color-item {
    --sizeOption: 12px !important;
    margin-right: 10px
}

.zone-products__options .option-color-item {
    width: var(--sizeOption);
    height: var(--sizeOption);
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
    pointer-events: none
}

.zone-products__options .option-color-item:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    box-sizing: border-box;
    opacity: .1;
    border: 1px solid var(--currentColor)
}

.zone-products__options .option--state-item {
    margin-left: auto;
    opacity: .5;
    display: none
}

.zone-products__options .zone-products-option__select-content {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    min-height: calc(15px + var(--factor) * 1px + var(--sizePaddingY) * 2)
}

.zone-products__options .zone-products-option__select-content .zone-products-option__select-block {
    visibility: hidden;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    display: none
}

.zone-products__options .zone-products-option__select-content .form-field-select .select-outer {
    min-height: auto
}

.zone-products__options .zone-products-option__select-content .option-color-item ~ .option-text-block {
    width: calc(100% - 22px)
}

.zone-products__options .zone-products-option__select-content .option-text-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.zone-products__options .zone-products-option__select-content .option-text-block .option-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.zone-products__options .zone-products-option__select-content .option-text-block .option-state {
    display: inline-block;
    color: var(--currentColor);
    opacity: .5;
    flex-shrink: 0;
    margin-left: 15px
}

.zone-products__options .zone-products-option__select-content .dropdown-container {
    min-height: auto
}

.zone-products__options .zone-products-option__select-content .dropdown-select {
    border: none;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    border-radius: 0;
    background-color: inherit;
    min-height: auto;
    cursor: pointer;
    padding: var(--sizePaddingY) 30px var(--sizePaddingY) var(--sizePaddingX);
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--currentColor)
}

.zone-products__options .zone-products-option__select-content .dropdown-select:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid var(--currentColor);
    opacity: .2;
    transition: opacity .18s ease-out, border-color .18s ease-out
}

.zone-products__options .zone-products-option__select-content .dropdown-select:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: .2;
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.zone-products__options .zone-products-option__select-content .dropdown-select:hover:before {
    opacity: .5;
    border: 1px solid var(--optionColor)
}

.zone-products__options .zone-products-option__select-content .dropdown-select .dropdown-select__content {
    width: 100%;
    padding-right: 10px
}

.zone-products__options .zone-products-option__select-content.option-style--semitransparent.active .dropdown-select:before {
    border: 2px solid var(--optionColor)
}

.zone-products__options .zone-products-option__select-content.option-style--semitransparent.active .dropdown-select:hover:before {
    opacity: 1
}

.zone-products__options .zone-products-option__select-content.option-style--semitransparent .dropdown-select:after {
    background: var(--currentColor)
}

.zone-products__options .zone-products-option__select-content.option-style--semitransparent .dropdown-select:before {
    border: 1px solid var(--optionColor);
    opacity: .2
}

.zone-products__options .zone-products-option__select-content.option-style--semitransparent .dropdown-select:hover:before {
    opacity: .5
}

.zone-products__options .zone-products-option__select-content.option-style--filled.active .dropdown-select:before, .zone-products__options .zone-products-option__select-content.option-style--filled.active .dropdown-select:hover:before, .zone-products__options .zone-products-option__select-content.option-style--semitransparent.active .dropdown-select:before, .zone-products__options .zone-products-option__select-content.option-style--semitransparent.active .dropdown-select:hover:before, .zone-products__options .zone-products-option__select-content.option-style--transparent.active .dropdown-select:before, .zone-products__options .zone-products-option__select-content.option-style--transparent.active .dropdown-select:hover:before {
    opacity: .8
}

.zone-products-option-tip__title {
    text-align: center;
    padding-bottom: 6px;
    position: relative
}

.zone-products-option-tip__title:after {
    content: "";
    height: 1px;
    width: 100%;
    background: #fff;
    opacity: .2;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.zone-products-option-tip__status {
    text-align: center;
    padding-top: 6px;
    opacity: .57
}

.products-select.dropdown-select-ul.products-select__50 .option-e {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: .6875em
}

.products-select.dropdown-select-ul.products-select__75 .option-e {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: .75em
}

.products-select.dropdown-select-ul.products-select__100 .option-e {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: .8125em
}

.products-select.dropdown-select-ul.products-select__125 .option-e {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: .875em
}

.products-select.dropdown-select-ul.products-select__150 .option-e {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: .9375em
}

.products-select.dropdown-select-ul.products-select__175 .option-e {
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 1em
}

.products-select.dropdown-select-ul.products-select__200 .option-e {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.0625em
}

.products-select.dropdown-select-ul .option-e {
    font-style: normal;
    font-weight: 400;
    min-height: auto
}

.products-select.dropdown-select-ul .option-e.selected {
    color: initial;
    background-color: #f4f4f4
}

.products-select.dropdown-select-ul .option-e[disabled] .option-name, .products-select.dropdown-select-ul .option-e[locked] .option-name {
    opacity: .3
}

.products-select.dropdown-select-ul .option-e[disabled]:hover {
    cursor: default;
    background-color: initial
}

.products-select.dropdown-select-ul .option-e .option-color-item {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
    pointer-events: none
}

.products-select.dropdown-select-ul .option-e .option-color-item:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    box-sizing: border-box;
    opacity: .1;
    border: 1px solid var(--currentColor)
}

.products-select.dropdown-select-ul .option-e .option-text-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    width: 100%
}

.products-select.dropdown-select-ul .option-e .option-text-block .option-name {
    flex-shrink: 0
}

.products-select.dropdown-select-ul .option-e .option-text-block .option-state {
    display: inline-block;
    opacity: .5;
    margin: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: clamp(8px, 1em, 12px)
}