

/* Start:/local/templates/atvstyle2023/components/bitrix/catalog.element/catalog/style.css?17841526669712*/
.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__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 */


/* Start:/local/templates/atvstyle2023/components/bitrix/catalog.item/catalog/style.css?1776260592224*/
.catalog-item-like.active-like {
	color: red;
}
.prod-card__sub-info {
	grid-template-columns: 1fr 1fr!important;
	display: grid!important;
	row-gap: 0.25rem;
}
.prod-card__manufacturer__logo {
    height: 25px !important;
}
/* End */
/* /local/templates/atvstyle2023/components/bitrix/catalog.element/catalog/style.css?17841526669712 */
/* /local/templates/atvstyle2023/components/bitrix/catalog.item/catalog/style.css?1776260592224 */
