

/* Start:/local/templates/main/components/bitrix/catalog/catalog/style.css?17927460941872*/
.section-contacts-app {margin-top: 0!important;}  .product-gallery__label--soon {background: #DD56B5;}

/* task-201302: сортировка и поиск внутри раздела */
.catalog-toolbar {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; margin: 0 0 32px;}
.catalog-toolbar__search {position: relative; flex: 1 1 320px; max-width: 480px;}
.catalog-toolbar__input {width: 100%; height: 48px; padding: 0 84px 0 16px; border: 2px solid #5c5c5c; border-radius: 0; background: #fff; color: #000; font: inherit; font-size: 16px; box-sizing: border-box;}
.catalog-toolbar__input:focus {outline: none; border-color: #000;}
.catalog-toolbar__submit, .catalog-toolbar__clear {position: absolute; top: 0; height: 48px; display: flex; align-items: center; justify-content: center; color: #5c5c5c; background: none; border: 0; padding: 0; cursor: pointer; text-decoration: none;}
.catalog-toolbar__submit {right: 0; width: 48px;}
.catalog-toolbar__clear {right: 44px; width: 32px; font-size: 24px; line-height: 1;}
.catalog-toolbar__submit:hover, .catalog-toolbar__clear:hover {color: #000;}
.catalog-toolbar__sort {display: flex; align-items: center; gap: 16px;}
.catalog-toolbar__select {height: 48px; padding: 0 12px; border: 2px solid #5c5c5c; border-radius: 0; background: #fff; color: #000; font: inherit; font-size: 16px; cursor: pointer;}
.catalog-toolbar__reset {color: #5c5c5c; font-size: 14px; text-decoration: underline;}
.catalog-toolbar__reset:hover {color: #000;}
.catalog-toolbar__empty {margin: 0 0 48px;}
@media (max-width: 640px) {
    .catalog-toolbar {flex-direction: column; align-items: stretch;}
    .catalog-toolbar__search {max-width: none; flex-basis: auto;}
    .catalog-toolbar__sort {justify-content: space-between;}
    .catalog-toolbar__select {flex: 1 1 auto;}
}

/* End */


/* Start:/local/templates/main/components/bitrix/catalog.element/element/style.css?179302595212308*/
.product-description .product-description__coloristics a {
    color: #c41230;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Описание свёрнуто с первого отображения, до инициализации JavaScript. */
[data-product-more-content="desc"]:not(.active) {
    max-height: 200px;
    overflow: hidden;
}

[data-product-more-content="desc"].active {
    max-height: none;
}

[data-product-more-content="desc"].active + .more-text__btn .review__read-full svg {
    transform: rotateX(180deg);
}

.marketplace-btn-block, .product-price-line__btn-wrap {
    max-width: 530px;
    margin-bottom: 25px;
    margin-top: 15px;
}

.product-price-line__btn-wrap .b-btn {
    padding: 15px 20px;
    font-size: 14px;
    width: 100%;
}

.product-price-line + .marketplace-btn-block {
    margin-top: 0;
}

.page-row.params-selects + .marketplace-btn-block {
    margin-top: -25px;
}

.marketplace-btn-block .i-btn + .i-btn {
    margin-top: 10px;
}

@media only screen and (min-width: 1365px) {
    .page-col.page-col--w50 {
        width: 100%;
        max-width: 358px;
    }
}

@media only screen and (max-width: 1365px) {
    .marketplace-btn-block {
        max-width: 100%;
    }
}

@media only screen and (max-width: 980.333333333333px) {
    .page-row.params-selects .page-col.page-col--w50 {
        width: 100%;
    }

    .marketplace-btn-block .btn {
        padding: 10px !important;
    }
}

.recommended-price {
    margin: 20px 0;
}

.i-btn {
    text-transform: lowercase;
}

.product-price-line__btn--wp img {
    width: 25px;
    height: 25px;
    margin-right: 15px;
}

a.product-price-line__btn--wp {
    border: none !important;
    color: #fff !important;
    background: linear-gradient(135deg, #26D4F5 0%, #3668FF 36%, #6837F0 68%, #B72CC7 100%) !important;
}

a.product-price-line__btn--wp:hover,
a.product-price-line__btn--wp:focus,
a.product-price-line__btn--wp:active {
    border: none !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1fc0df 0%, #2a58e6 36%, #5a2cdb 68%, #a321b5 100%) !important;
}

.detail-mp-block-item {
    width: 100%;
    margin-bottom: 5px;
}

.btn.product-price-line__btn, .detail-mp-block-item {
    padding: 10px 0 !important;
    margin-bottom: 5px;
    width: 100%;
}

.fancybox-close-small svg {
    fill: #ffffff !important;
}

.usage-instruction__right {
    margin-bottom: 60px;
}

.usage-instruction__content h5 {
    margin: 15px 0;
    font-size: 20px;
}

.application-steps, .default-ui ol, .master-class-list,
.usage-instruction__left ol,
.usage-instruction__left ul
{
    margin-bottom: 30px;
}

.usage-instruction__content a {
    text-decoration: underline !important;
}

.swiper-container {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out 0.2s, transform 0.6s ease-out 0.2s;
}

.swiper-container.swiper-container-initialized {
    opacity: 1;
    transform: translateY(0);
}

.swiper-container:not(.swiper-container-initialized) .swiper-wrapper {
    display: none;
}

.swiper-container:not(.swiper-container-initialized) .swiper-slide {
    display: none;
}

.swiper-container:not(.swiper-container-initialized) {
    visibility: hidden;
}

.product-label-list {
    opacity: 1;
    transition: opacity 0.7s ease-out 0.3s;
}

.swiper-container:not(.swiper-container-initialized) + .product-label-list {
    opacity: 0;
}

.usage-instruction__content ul {
    padding-left: 15px;
}

.usage-instruction__content ul li {
    list-style-type: disc;
    margin-bottom: 20px;
    line-height: 1.5;
}

/* Вкладка «Качество»: сетка как pd-tabs__quality на lbmarket, mobile-first.
   Специфичность с .default-ui — иначе глобальный .default-ui p { margin-bottom: 25px } побеждает. */
.default-ui.product-quality {
    display: grid;
    gap: 14px;
}

.default-ui.product-quality p {
    margin: 0;
}

.product-quality__doc {
    margin-top: 0;
}

.product-quality .product-quality__note,
.product-quality .product-quality__note strong {
    font-weight: 600;
}

.product-quality .product-quality__brand,
.product-quality .product-quality__link,
.product-quality .product-quality__doc a {
    font-weight: 600;
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.product-quality strong {
    font-weight: 600;
}

.product-quality .product-quality__brand:hover,
.product-quality .product-quality__link:hover,
.product-quality .product-quality__doc a:hover {
    opacity: 0.7;
}

/* Набор: документ на каждый компонент состава. */
.default-ui.product-quality p.product-quality__docs-title {
    margin: 0;
}

.product-quality .product-quality__docs {
    display: grid;
    gap: 14px;
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.product-quality .product-quality__docs-item {
    display: grid;
    gap: 4px;
    justify-items: start;
    margin: 0;
    padding: 0 0 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    list-style: none;
}

.product-quality .product-quality__docs-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

/* Глобальный .default-ui рисует li::before маркером — на строках-карточках он ложится на текст. */
.product-quality .product-quality__docs-item::before {
    content: none;
}

.product-quality__docs-name {
    font-weight: 600;
}

.product-quality__docs-type {
    font-weight: 400;
    opacity: 0.7;
}

.product-quality__docs-note {
    font-size: 14px;
    opacity: 0.7;
}

/* Блок «Купи для лучшего результата» под фото товара (задача 201303) */
.product-companions {
    margin-top: 24px;
    max-width: 100%;
}

.product-companions__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.product-companions .product-companions__title {
    margin: 0;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    padding: 0;
}

.product-companions__nav {
    display: flex;
    gap: 8px;
}

.product-companions__nav[hidden] {
    display: none;
}

.product-companions__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    background: #fff;
    color: #000;
    cursor: pointer;
}

.product-companions__arrow:disabled {
    opacity: .35;
    cursor: default;
}

.product-companions__list {
    display: flex;
    gap: 12px;
    margin: 0;
    padding: 0 0 4px;
    list-style: none;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
}

.product-companions__list::-webkit-scrollbar {
    display: none;
}

.product-companions__item {
    display: flex;
    flex: 0 0 calc((100% - 24px) / 3);
    flex-direction: column;
    min-width: 140px;
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    border: 1px solid #ececec;
    border-radius: 8px;
    background: #fff;
    scroll-snap-align: start;
}

.product-companions__link {
    display: block;
    flex: 1 0 auto;
    color: inherit;
    text-decoration: none;
}

.product-companions__photo {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    margin-bottom: 8px;
    background: #fff;
    overflow: hidden;
}

.product-companions .product-companions__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 40px;
    margin-top: 10px;
    padding: 8px 6px;
    font-size: 11px;
    line-height: 1.25;
    letter-spacing: .02em;
    text-align: center;
    white-space: normal;
    box-sizing: border-box;
}

.product-companions .product-companions__btn .btn__text {
    white-space: normal;
    letter-spacing: inherit;
    font-size: inherit;
}

.product-companions__photo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.product-companions__name {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.3;
}

.product-companions__price {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.product-companions__link:hover .product-companions__name {
    text-decoration: underline;
}

/* До 768px лента выходит за рамки контейнера к краям экрана, значения задаёт script.js */
.product-companions__list--bleed {
    margin-right: calc(-1 * var(--companions-bleed-right, 0px));
    margin-left: calc(-1 * var(--companions-bleed-left, 0px));
    padding-right: var(--companions-bleed-right, 0px);
    padding-left: var(--companions-bleed-left, 0px);
    scroll-padding-left: var(--companions-bleed-left, 0px);
}

@media only screen and (max-width: 767px) {
    .product-companions .product-companions__title {
        font-size: 16px;
    }

    .product-companions__item {
        flex-basis: 55%;
    }
}
.usage-instruction .video-link--product-cover .video-link__pic {
    background: #f7f5f5;
}

.usage-instruction .video-link--product-cover .video-link__pic::after {
    display: none;
}

.usage-instruction .video-link--product-cover .video-link__pic img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px;
    box-sizing: border-box;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.usage-instruction .video-link--product-cover .video-link__btn {
    top: auto;
    left: auto;
    right: 16px;
    bottom: 16px;
    width: 48px;
    height: 48px;
    margin: 0;
    border-width: 2px;
    background: rgba(45, 45, 45, .85);
}

.usage-instruction .video-link--product-cover:hover .video-link__btn {
    background: #fff;
}

@media (min-width: 768px) {
    .usage-instruction .video-link--product-cover .video-link__btn {
        width: 64px;
        height: 64px;
        right: 24px;
        bottom: 24px;
    }
}
.usage-instruction .video-link--product-cover .video-link__pic {
    background: #f7f5f5;
}

.usage-instruction .video-link--product-cover .video-link__pic::after {
    display: none;
}

.usage-instruction .video-link--product-cover .video-link__pic img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px;
    box-sizing: border-box;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.usage-instruction .video-link--product-cover .video-link__btn {
    top: auto;
    left: auto;
    right: 16px;
    bottom: 16px;
    width: 48px;
    height: 48px;
    margin: 0;
    border-width: 2px;
    background: rgba(45, 45, 45, .85);
}

.usage-instruction .video-link--product-cover:hover .video-link__btn {
    background: #fff;
}

@media (min-width: 768px) {
    .usage-instruction .video-link--product-cover .video-link__btn {
        width: 64px;
        height: 64px;
        right: 24px;
        bottom: 24px;
    }
}

.product-gallery .detail-gallery::after {
    content: none;
}

@media (min-width: 981px) {
    .page-wrap:has(.product-detail__col--sticky) {
        overflow: clip;
    }

    .product-detail > .product-detail__col--sticky {
        position: sticky;
        top: var(--product-column-top, 20px);
        align-self: flex-start;
    }
}
.usage-instruction__downloads {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.usage-instruction__file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
}

.usage-instruction__download.btn.btn--filled {
    gap: 16px;
    width: auto;
    max-width: 100%;
    padding: 10px 16px;
    font-weight: 400;
    text-decoration: none;
}

.usage-instruction__download-icon {
    flex-shrink: 0;
    filter: brightness(0) invert(1);
}

.usage-instruction__file-info {
    margin-top: 8px;
    color: #939393;
    font-size: 12px;
}

@media (min-width: 768px) {
    .usage-instruction__download.btn.btn--filled {
        gap: 24px;
        padding-right: 24px;
        padding-left: 24px;
    }
}

/* End */


/* Start:/local/components/classnyisait/kit.composition/templates/.default/style.css?17929979223553*/
.kit-composition {
    position: relative;
    margin: 16px 0 28px;
}

/* Ссылка на правку состава: видна только тем, у кого есть право на изменение элемента. */
.kit-composition__edit {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 1.4;
    color: #6b6360;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.kit-composition__edit:hover,
.kit-composition__edit:focus-visible {
    color: #b8926a;
}

.kit-composition__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 10px 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #6b6360;
}

.kit-composition__eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, #b8926a, #c9a47c);
}

.kit-composition__title {
    margin: 0 0 16px;
    padding-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #1a1714;
}

.kit-composition__intro {
    margin: 0 0 16px;
}

.kit-composition__intro p {
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1.7;
    color: #333;
}

.kit-composition__intro p:last-child {
    margin-bottom: 0;
}

.kit-composition__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.kit-composition__card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid #e8e2db;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(184, 146, 106, 0.12);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.kit-composition__card:hover {
    transform: translateY(-4px);
    border-color: rgba(184, 146, 106, 0.45);
    box-shadow: 0 16px 30px rgba(184, 146, 106, 0.22);
}

.kit-composition__media {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
}

.kit-composition__media picture,
.kit-composition__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.kit-composition__body {
    min-width: 0;
}

.kit-composition__name {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #1a1714;
}

/* Ссылки на карточку товара: картинка и название ведут на страницу товара. */
.kit-composition__media-link {
    display: block;
    width: 100%;
    height: 100%;
}

.kit-composition__name-link {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.kit-composition__name-link:hover,
.kit-composition__name-link:focus-visible {
    color: #b8926a;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.kit-composition__note {
    font-size: 14px;
    line-height: 1.6;
    color: #6b6360;
}

@media (min-width: 576px) {
    .kit-composition__grid {
        grid-template-columns: 1fr 1fr;
    }

    /* Нечётное число пунктов: последняя карточка занимает всю ширину ряда. */
    .kit-composition__card:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

    .kit-composition__media {
        width: 64px;
        height: 64px;
    }
}

@media (min-width: 992px) {
    .kit-composition__media {
        width: 72px;
        height: 72px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kit-composition__card {
        transition: none;
    }
}

/* End */
/* /local/templates/main/components/bitrix/catalog/catalog/style.css?17927460941872 */
/* /local/templates/main/components/bitrix/catalog.element/element/style.css?179302595212308 */
/* /local/components/classnyisait/kit.composition/templates/.default/style.css?17929979223553 */
