/* Start:/local/templates/atvstyle2023/components/bitrix/catalog.element/catalog/style.css?177998065018695*/
.model__connector__actions button {
    margin-right: 10px;
}

.product-like.active-like {
    color: red;
}

.schemas-block__filter {
    padding-bottom: 16px;
}

@media only screen and (min-width: 641px) {
    .prodTabs__content:has(> .prodTabs__item.is-active[data-tabs-item="models"]) {
        padding-left: 0;
        padding-right: 0;
    }

    .prodTabs__item[data-tabs-item="models"] .prodDesc__accordion__wrap {
        padding-left: 0;
        padding-right: 0;
    }
}

.model-schemas {
    display: grid;
    gap: 32px 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.model-schemas__item.is-hidden {
    display: none;
}

.model-schemas__item {
    align-items: flex-start;
    display: grid;
    gap: 20px;
    grid-template-columns: 200px minmax(0, 1fr);
}

.model-schemas__image {
    aspect-ratio: 1 / 1;
    background: #fff;
    border: 1px solid #cbd5d1;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.model-schemas__image > span,
.model-schemas__image picture,
.model-schemas__image img {
    display: block;
    height: 100%;
    width: 100%;
}

.model-schemas__image img {
    object-fit: contain;
}

.model-schemas__title {
    color: #111827;
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 18px;
    overflow-wrap: anywhere;
}

.model-schemas__schema-link {
    color: #276967;
    display: inline-block;
    font-size: 16px;
    line-height: 1.35;
    text-decoration: none;
}

.model-schemas__schema-link:hover {
    text-decoration: underline;
}

.model-schemas__note {
    color: #111827;
    font-size: 16px;
    line-height: 1.35;
    margin-top: 4px;
}

.model-fitment {
    border: 1px solid #e3eaf2;
    border-radius: 6px;
    margin-bottom: 24px;
    padding: 18px;
}

.model-fitment__title {
    font-weight: 600;
    margin-bottom: 14px;
}

.model-fitment__controls {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(5, minmax(140px, 1fr));
}

.model-fitment__group {
    min-width: 0;
}

.model-fitment__label {
    color: #6b7280;
    display: block;
    font-size: 13px;
    margin-bottom: 6px;
}

.model-fitment__select {
    background: #fff;
    border: 1px solid #d4dde8;
    border-radius: 4px;
    box-sizing: border-box;
    min-height: 42px;
    padding: 0 12px;
    width: 100%;
}

.model-fitment__loading {
    color: #6b7280;
}

.model-fitment__result {
    display: none;
    line-height: 1.45;
    margin-top: 14px;
    padding: 12px 14px;
}

.model-fitment__result--success,
.model-fitment__result--warning,
.model-fitment__result--error {
    display: block;
}

.model-fitment__result--success {
    background: #e9f7ef;
    border-left: 4px solid #2f855a;
    color: #1f5136;
}

.model-fitment__result--warning {
    background: #fff7e6;
    border-left: 4px solid #d97706;
    color: #6f4200;
}

.model-fitment__result--error {
    background: #fdecec;
    border-left: 4px solid #c53030;
    color: #7f1d1d;
}

.model-fitment__schemas-link {
    display: inline-block;
    font-weight: 600;
    margin-top: 8px;
}

@media only screen and (max-width: 1024px) {
    .model-fitment__controls {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .model-schemas {
        gap: 28px;
    }

    .model-schemas__item {
        grid-template-columns: 160px minmax(0, 1fr);
    }

    .model-schemas__title {
        font-size: 18px;
    }
}

@media only screen and (max-width: 640px) {
    .model-fitment {
        padding: 14px;
    }

    .model-fitment__controls {
        grid-template-columns: 1fr;
    }

    .model-schemas {
        grid-template-columns: 1fr;
    }

    .model-schemas__item {
        gap: 16px;
        grid-template-columns: 132px minmax(0, 1fr);
    }

    .model-schemas__title {
        font-size: 16px;
    }
}

.zebra {
    list-style: none;
    border-left: 10px solid #276967;
    padding: 0;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
}
@media only screen and (max-width:640px)
{
    .zebra {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
}
.zebra li {
    padding: 10px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.zebra>li.title {
    background: #276967!important;
    color: white;
}

.zebra li:nth-child(odd) {background: #f9fafb;}
.zebra li:nth-child(even) {background: white;}
.zebra li.is-hidden {display: none;}


main .search {
    border: 5px solid #f9e82a;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 1rem
}

main .search input[type=text] {
    flex: 1 0 auto
}

main #model__navigator__wrapper {
    min-height: 54px
}

main #model__navigator__wrapper .model__navigator {
    background-color: #f9e82a;
    border: 5px solid #f9e82a;
    display: block;
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

main #model__navigator__wrapper .model__navigator .model__navigator__block {
    background-color: #fff;
    width: calc(20% - 4px)
}

@media screen and (max-width: 768px) {
    main #model__navigator__wrapper {
        min-height: 103px
    }

    main #model__navigator__wrapper .model__navigator .model__navigator__block:nth-child(-n+3) {
        width: calc(33.33333% - 3.33333px)
    }

    main #model__navigator__wrapper .model__navigator .model__navigator__block:nth-last-child(-n+2) {
        width: calc(50% - 2.5px)
    }
}

@media screen and (max-width: 600px) {
    main #model__navigator__wrapper {
        min-height: 250px
    }

    main #model__navigator__wrapper .model__navigator {
        flex-direction: column
    }

    main #model__navigator__wrapper .model__navigator .model__navigator__block {
        width: 100% !important
    }
}

main .model__connector {
    background-color: #323c47;
    bottom: 0;
    box-shadow: 0 0 10px #929292;
    color: #f6f6f6;
    display: flex;
    flex-direction: column;
    position: fixed;
    right: -50vw;
    top: 0;
    transition: all .3s ease-in-out;
    width: 50vw;
    z-index: 21
}

main .model__connector.model__connector-active {
    right: 0
}

main .model__connector .model__connector__controls {
    align-items: center;
    display: flex;
    gap: 1rem;
    padding: 2rem
}

main .model__connector .model__connector__controls input[type=text] {
    background-color: transparent;
    border-bottom: 1px solid #e3eaf2;
    color: #fff;
    width: calc(100% - 2.8rem);
    outline: none;
    font-family: Museo Sans Cyrl, sans-serif;
    font-weight: 300;
    height: 44px;
    padding: 0 1.4rem;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
}

main .model__connector .model__connector__controls input[type=text]::-moz-placeholder {
    font-size: smaller
}

main .model__connector .model__connector__controls input[type=text]::placeholder {
    font-size: smaller
}

main .model__connector .model__connector__controls .model__connector__controls__search {
    display: flex;
    flex: 1;
    position: relative
}

main .model__connector .model__connector__controls .model__connector__controls__search svg {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    fill: currentColor;
    display: block;
    height: 0;
    min-height: 2rem;
    min-width: 2rem;
    padding: .1rem;
    width: 0;
}

main .model__connector .model__connector__controls .model__connector__controls__search input {
    padding-left: 2.5rem
}

main .model__connector .model__connector__controls .model__connector__controls__search .clear__search {
    cursor: pointer;
    display: none;
    height: 44px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 44px
}

main .model__connector .model__connector__controls .model__connector__controls__search .clear__search.active {
    display: block
}

main .model__connector .model__connector__controls .model__connector__controls__search .clear__search:after, main .model__connector .model__connector__controls .model__connector__controls__search .clear__search:before {
    background-color: currentColor;
    content: "";
    height: 1px;
    left: 50%;
    opacity: .5;
    position: absolute;
    top: 50%;
    transition: all .3s ease-out;
    width: 1.6rem
}

main .model__connector .model__connector__controls .model__connector__controls__search .clear__search:before {
    transform: translateX(-50%) rotate(45deg)
}

main .model__connector .model__connector__controls .model__connector__controls__search .clear__search:after {
    transform: translateX(-50%) rotate(-45deg)
}

main .model__connector .model__connector__controls .model__connector__controls__search .clear__search:hover:after, main .model__connector .model__connector__controls .model__connector__controls__search .clear__search:hover:before {
    opacity: 1
}

main .model__connector .model__connector__inner {
    flex: 1;
    line-height: 1.4rem;
    max-height: calc(100% - 2rem);
    overflow: auto;
    overscroll-behavior: content;
    padding: 0 2rem 2rem
}

main .model__connector .model__connector__inner .model__connector__loading {
    padding: 2rem;
    text-align: center
}

main .model__connector .model__connector__inner input[type=checkbox] {
    display: none
}

main .model__connector .model__connector__inner .model__connector__group {
    position: relative
}

main .model__connector .model__connector__inner .model__connector__group span.checker {
    border: 1px solid hsla(0, 0%, 100%, .5);
    cursor: pointer;
    display: inline-block;
    height: .75rem;
    margin-right: .25rem;
    position: relative;
    width: .75rem
}

main .model__connector .model__connector__inner .model__connector__group span.checker:before {
    background-color: currentColor;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .3s ease-in-out;
    width: 0
}

main .model__connector .model__connector__inner .model__connector__group span.checker.suitable:before {
    height: 70%;
    width: 70%
}

main .model__connector .model__connector__inner .model__connector__group span.checker.suitable-not-all:before {
    height: 25%;
    width: 25%
}

main .model__connector .model__connector__inner .model__connector__group span.checker.tobeadded:before {
    background-color: #90ee90;
    height: 70%;
    width: 70%
}

main .model__connector .model__connector__inner .model__connector__group span.checker.tobeadded-not-all:before {
    background-color: #90ee90;
    height: 25%;
    width: 25%
}

main .model__connector .model__connector__inner .model__connector__group span.checker.toberemoved:before {
    background-color: red;
    height: 70%;
    width: 70%
}

main .model__connector .model__connector__inner .model__connector__group span.checker.toberemoved-not-all:before {
    background-color: red;
    height: 25%;
    width: 25%
}

main .model__connector .model__connector__inner .model__connector__group label {
    cursor: pointer;
    display: inline-block
}

main .model__connector .model__connector__inner .model__connector__group label + .model__connector__groups {
    display: none;
    overflow: hidden;
    padding-left: 1rem;
    position: relative
}

main .model__connector .model__connector__inner .model__connector__group label.open + .model__connector__groups {
    display: block
}

main .model__connector .model__connector__inner .model__connector__group label:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 1px
}

main .model__connector .model__connector__inner .model__connector__group label .cnt {
    color: #ddd;
    font-size: smaller
}

main .model__connector .model__connector__inner .model__connector__group label .cnt:before {
    content: "("
}

main .model__connector .model__connector__inner .model__connector__group label .cnt:after {
    content: ")"
}

main .model__connector .model__connector__inner .model__connector__group .model__connector__group {
    padding-left: 1rem;
    position: relative
}

main .model__connector .model__connector__inner .model__connector__group .model__connector__group label:before {
    background-color: #929292;
    bottom: .7rem;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

main .model__connector .model__connector__inner .model__connector__group .model__connector__group label:after {
    background-color: #929292;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: .7rem;
    width: .5rem
}

main .model__connector .model__connector__inner .model__connector__group .model__connector__group:not(:last-child) label:before {
    bottom: 0
}

main .model__connector .model__connector__inner .model__connector__group .model__connector__group:last-child > label {
    position: relative
}

main .model__connector .model__connector__inner .model__connector__group .model__connector__group:last-child > label:before {
    bottom: .7rem;
    left: calc(-2.5rem + 2px)
}

main .model__connector .model__connector__inner .model__connector__group .model__connector__group:last-child > label:after {
    left: calc(-2.5rem + 2px)
}

main .model__connector .model__connector__inner .model__connector__group .model__connector__group[data-level=modification] {
    font-size: smaller
}

main .model__connector .model__connector__title {
    background-color: #323c47;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    color: #f9e82a;
    cursor: pointer;
    font-size: smaller;
    font-weight: 700;
    left: 0;
    padding: 1rem;
    position: absolute;
    top: 50%;
    transform: rotate(-90deg) translateX(-50%) translateY(-100%);
    transform-origin: top left;
    transition: all .3s ease-in-out
}

main .model__connector .model__connector__title:hover {
    color: #fff7a1
}

main .model__connector .model__connector__actions {
    align-items: center;
    display: flex;
    gap: 1rem;
    padding: 2rem
}

main .model__connector .model__connector__actions .blink {
    flex: 1 0 auto
}

@media screen and (max-width: 600px) {
    main .model__connector {
        right: calc(-100vw + 3rem);
        width: calc(100vw - 3rem)
    }

    main .model__connector .model__connector__controls {
        flex-direction: column;
        gap: .6666666667rem
    }

    main .model__connector .model__connector__controls > * {
        flex: initial;
        width: 100%
    }

    main .model__connector .model__connector__title {
        font-weight: 400;
        padding: .5rem
    }
}

main #model__schemas__parsing__wrapper .model__schemas__parsing__items .model__schemas__parsing__item {
    border-bottom: 1px solid #e3eaf2;
    display: flex;
    gap: 1rem;
    min-height: 3rem;
    padding: .25rem 0
}

main #model__schemas__parsing__wrapper .model__schemas__parsing__items .model__schemas__parsing__item .model__schemas__parsing__item__image {
    min-width: 30px;
    width: 5%
}

main #model__schemas__parsing__wrapper .model__schemas__parsing__items .model__schemas__parsing__item .model__schemas__parsing__item__image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

main #model__schemas__parsing__wrapper .model__schemas__parsing__items .model__schemas__parsing__item .model__schemas__parsing__item__data {
    flex: 1;
    overflow: hidden
}

main #model__schemas__parsing__wrapper .model__schemas__parsing__items .model__schemas__parsing__item .model__schemas__parsing__item__data .model__schemas__parsing__item__link {
    display: block;
    font-size: smaller;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

main #model__schemas__parsing__wrapper .model__schemas__parsing__protocols .model__schemas__parsing__protocol {
    border: 1px solid #e3eaf2;
    border-radius: 1rem;
    margin-bottom: 1rem;
    position: relative
}

main #model__schemas__parsing__wrapper .model__schemas__parsing__protocols .model__schemas__parsing__protocol .model__schemas__parsing__protocol__period {
    font-size: smaller;
    padding: .25rem 1rem
}

main #model__schemas__parsing__wrapper .model__schemas__parsing__protocols .model__schemas__parsing__protocol .model__schemas__parsing__protocol__info {
    padding: 1rem
}

main #model__schemas__parsing__wrapper .model__schemas__parsing__protocols .model__schemas__parsing__protocol .model__schemas__parsing__protocol__info pre {
    overflow: hidden;
    padding: .2rem;
    text-overflow: ellipsis
}

main #model__schemas__parsing__wrapper .model__schemas__parsing__protocols .model__schemas__parsing__protocol .model__schemas__parsing__protocol__result {
    background-color: #e3eaf2;
    border-bottom-left-radius: 1rem;
    border-top-right-radius: 1rem;
    color: green;
    font-weight: 700;
    padding: .25rem .5rem;
    position: absolute;
    right: 0;
    top: 0
}


.button.button-link, button.button-link {
    background-color: transparent !important;
    color: currentColor !important;
    font-weight: 400;
    padding: 0;
    position: relative;
    text-transform: none
}

.button.button-link:after, button.button-link:after {
    background-color: currentColor;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: all .3s ease-in-out;
    width: 0
}

.button.button-link:hover:after, button.button-link:hover:after {
    width: 100%
}



.button.blink, button.blink {
    background-color: #e3eaf2;
    color: #323c47;
    display: inline-block;
    font-size: smaller;
    height: 44px;
    letter-spacing: 1px;
    line-height: 44px;
    overflow: hidden;
    padding: 0 1.4rem;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    transition: all .3s ease-in-out;
}

.button.button-yellow, button.button-yellow {
    background-color: #f9e82a;
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
    cursor: pointer;
}

.button:disabled, button:disabled {
    cursor: default;
    filter: blur(2px);
    opacity: .5;
}

.button:disabled, .button:disabled:hover, button:disabled, button:disabled:hover {
    background-color: #f6f6f6;
    color: #323c47;
}
.prodDesc__accordion__content {
    padding-left: 0 !important;
}

/* End */
/* /local/templates/atvstyle2023/components/bitrix/catalog.element/catalog/style.css?177998065018695 */