

/* Start:/bitrix/templates/eco/components/bitrix/catalog/catalog/style.min.css?1774414780959*/
.grid .bx_content_section{margin-bottom:15px}.grid .bx_sidebar{margin-bottom:15px}.grid2x1 .bx_content_section{float:left;width:66%;margin-bottom:15px}.grid2x1 .bx_sidebar{float:right;width:33%;margin-bottom:15px;padding-left:5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media(max-width:960px){.grid2x1 .bx_sidebar{padding-left:4%}}@media(max-width:640px){.grid2x1 .bx_content_section,.grid2x1 .bx_sidebar{width:100%;float:none}.grid2x1 .bx_sidebar{padding-left:3%}}@media(max-width:479px){.grid2x1 .bx_sidebar{padding-left:1%}}.catalog-block-header{font-size:14px;font-weight:bold;text-align:left;margin:5px 0;padding:5px 15px;border-bottom:2px solid #d9dee6;color:#000}body.bx-theme-blue .catalog-block-header{border-color:#006cc0}body.bx-theme-green .catalog-block-header{border-color:#63aa28}body.bx-theme-red .catalog-block-header{border-color:#da3737}body.bx-theme-yellow .catalog-block-header{border-color:#f4b236}
/* End */


/* Start:/bitrix/templates/eco/components/bitrix/catalog.element/catalog_elem/style.css?177567075619074*/
/* ═══════════════════════════════════════════════════════════════════════════
   СТРАНИЦА ТОВАРА — общий контейнер
═══════════════════════════════════════════════════════════════════════════ */
.product-page {
    padding: 0 0 60px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ВЕРХНИЙ БЛОК (два столбца: галерея + инфо)
═══════════════════════════════════════════════════════════════════════════ */
.product-top {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    margin-bottom: 50px;
}

/* ── Левая колонка ─────────────────────────────────────────────────────── */
.product-gallery {
    flex: 0 0 480px;
    max-width: 480px;
    position: relative;
}

/* Кнопка "В избранное" */
.btn-favorite {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color .2s, color .2s;
    color: var(--grey, #888);
    padding: 0;
}
.btn-favorite:hover {
    border-color: var(--primary, #29488B);
    color: var(--primary, #29488B);
}
.btn-favorite--active {
    border-color: #e74c3c;
    color: #e74c3c;
}
.btn-favorite--active svg path {
    fill: currentColor;
}
.btn-favorite svg { pointer-events: none; }

/* Заглушка без фото */
.gallery-nophoto {
    border: 1px solid #e8e8e8;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 360px;
    background: #fafafa;
}
.gallery-nophoto img {
    max-width: 100%;
    max-height: 340px;
    object-fit: contain;
}

/* ── Основной слайдер ──────────────────────────────────────────────────── */
.gallery-main {
    border: 1px solid #e8e8e8;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
}
.gallery-main .owl-stage-outer { border-radius: 16px; }
.gallery-main__item {
    display: block;
    text-align: center;
    padding: 20px;
    cursor: zoom-in;
}
.gallery-main__item img {
    max-width: 100%;
    max-height: 380px;
    object-fit: contain;
    display: inline-block;
}

/* Стрелки основного слайдера */
.gallery-main .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text, #333);
    transition: border-color .2s, color .2s;
    z-index: 5;
}
.gallery-main .owl-nav button:hover {
    border-color: var(--primary, #29488B) !important;
    color: var(--primary, #29488B);
}
.gallery-main .owl-nav .owl-prev { left: 8px; }
.gallery-main .owl-nav .owl-next { right: 8px; }

/* Точки */
.gallery-main .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 0; right: 0;
    display: flex;
    justify-content: center;
    gap: 6px;
}
.gallery-main .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    display: block;
    transition: background .2s;
}
.gallery-main .owl-dots .owl-dot.active span { background: var(--primary, #29488B); }

/* ── Миниатюры ─────────────────────────────────────────────────────────── */
.gallery-thumbs { margin-top: 10px; }
.gallery-thumbs__item {
    border: 2px solid transparent;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    transition: border-color .2s;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
}
.gallery-thumbs__item img {
    max-width: 100%;
    max-height: 72px;
    object-fit: contain;
}
.gallery-thumbs__item.active,
.gallery-thumbs__item:hover {
    border-color: var(--primary, #29488B);
}

/* ── Правая колонка ────────────────────────────────────────────────────── */
.product-info {
    flex: 1;
    min-width: 0;
}

/* Артикул */
.product-article {
    font-size: 13px;
    color: var(--grey, #888);
    margin-bottom: 12px;
}
.product-article span { color: var(--text, #333); }

/* Цена */
.product-price-block {
    display: flex;
    align-items: baseline;
    gap: 14px;
    margin-bottom: 20px;
}
.product-price {
    font-size: 32px;
    font-weight: 700;
    color: var(--black, #111);
    line-height: 1;
}
.product-price-old {
    font-size: 18px;
    color: var(--grey, #aaa);
    text-decoration: line-through;
    line-height: 1;
}

/* Краткие характеристики */
.product-props {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    background: #f9f9f9;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.product-props__item {
    display: flex;
    gap: 8px;
    font-size: 14px;
    line-height: 1.4;
}
.product-props__name { color: var(--grey, #666); flex-shrink: 0; }
.product-props__value { color: var(--text, #333); font-weight: 500; }

/* Счётчик + кнопка купить */
.product-buy {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
.count-block {
    display: flex;
    align-items: center;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    overflow: hidden;
    height: 46px;
}
.count-block__btn {
    width: 40px;
    height: 100%;
    background: #f5f5f5;
    border: none;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    color: var(--text, #333);
    transition: background .2s, color .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.count-block__btn:hover {
    background: var(--primary, #29488B);
    color: #fff;
}
.count-block__input {
    width: 56px;
    height: 100%;
    border: none;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    -moz-appearance: textfield;
}
.count-block__input::-webkit-inner-spin-button,
.count-block__input::-webkit-outer-spin-button { -webkit-appearance: none; }
.count-block__input:focus { outline: none; }

/* Кнопка "Купить в 1 клик" */
.btn-oneclick {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid var(--primary, #29488B);
    color: var(--primary, #29488B);
    background: transparent;
    transition: background .2s, color .2s;
}
.btn-oneclick:hover {
    background: var(--primary, #29488B);
    color: #fff;
}

/* Блок доставки */
.delivery-info {
    padding: 16px;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    margin-top: 4px;
}
.delivery-info__title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text, #333);
    margin-bottom: 6px;
}
.delivery-info__title svg { flex-shrink: 0; color: var(--primary, #29488B); }
.delivery-info__text {
    font-size: 13px;
    color: var(--grey, #888);
    line-height: 1.5;
}

/* Состояния кнопки корзины */
.btn--loading { opacity: .7; cursor: wait; }
.btn--success { background: #27ae60 !important; border-color: #27ae60 !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   ТАБЫ
═══════════════════════════════════════════════════════════════════════════ */
.product-tabs { margin-bottom: 50px; }

.product-tabs__nav {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #e8e8e8;
    margin-bottom: 28px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.product-tabs__nav::-webkit-scrollbar { display: none; }

.product-tab {
    flex-shrink: 0;
    padding: 14px 24px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    font-size: 15px;
    font-weight: 500;
    color: var(--grey, #666);
    cursor: pointer;
    transition: color .2s, border-color .2s;
    white-space: nowrap;
}
.product-tab:hover { color: var(--primary, #29488B); }
.product-tab--active {
    color: var(--primary, #29488B);
    border-bottom-color: var(--primary, #29488B);
}

.product-tab-pane { display: none; }
.product-tab-pane--active { display: block; }

/* ── Характеристики в табе ─────────────────────────────────────────────── */
.chars-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.chars-list__item {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
}
.chars-list__item:last-child { border-bottom: none; }
.chars-list__name {
    flex-shrink: 0;
    width: 220px;
    color: var(--grey, #666);
}
.chars-list__dots {
    flex: 1;
    border-bottom: 1px dotted #ccc;
    min-width: 20px;
    margin-bottom: 3px;
}
.chars-list__value {
    flex-shrink: 0;
    text-align: right;
    color: var(--text, #333);
    font-weight: 500;
    max-width: 50%;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ОТЗЫВЫ
═══════════════════════════════════════════════════════════════════════════ */
.reviews__empty {
    color: var(--grey, #888);
    font-size: 15px;
    padding: 20px 0;
}

/* Карточка отзыва */
.review-item {
    padding: 20px;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    margin-bottom: 16px;
}
.review-item__header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin-bottom: 12px;
}
.review-item__author {
    font-weight: 600;
    font-size: 15px;
    color: var(--text, #333);
}
.review-item__date {
    font-size: 13px;
    color: var(--grey, #aaa);
}
.review-item__stars { display: flex; gap: 3px; }
.star {
    font-size: 18px;
    color: #ddd;
    line-height: 1;
}
.star--on { color: #f5b942; }
.review-item__text {
    font-size: 14px;
    color: var(--text, #444);
    line-height: 1.6;
    white-space: pre-wrap;
}

/* Форма отзыва */
.review-form-wrap {
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid #e8e8e8;
}
.review-form__title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 20px;
    color: var(--text, #333);
}
.review-form__row { margin-bottom: 14px; }
.review-form__row--stars {
    display: flex;
    align-items: center;
    gap: 12px;
}
.review-form__label {
    font-size: 14px;
    color: var(--grey, #666);
    flex-shrink: 0;
}
.review-form__input,
.review-form__textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    font-size: 14px;
    font-family: inherit;
    color: var(--text, #333);
    transition: border-color .2s;
    box-sizing: border-box;
    resize: vertical;
}
.review-form__input:focus,
.review-form__textarea:focus {
    outline: none;
    border-color: var(--primary, #29488B);
}

/* Выбор звёзд */
.star-picker { display: flex; gap: 4px; cursor: pointer; }
.star-picker__star {
    font-size: 28px;
    color: #ddd;
    line-height: 1;
    transition: color .15s, transform .1s;
    user-select: none;
}
.star-picker__star--on { color: #f5b942; }
.star-picker__star:hover { transform: scale(1.15); }

/* Сообщение формы */
.review-form__msg { font-size: 13px; min-height: 18px; margin-bottom: 12px; }
.msg--ok  { color: #27ae60; }
.msg--err { color: #e74c3c; }

/* ═══════════════════════════════════════════════════════════════════════════
   POPUP "КУПИТЬ В 1 КлИК"  (fancybox inline)
═══════════════════════════════════════════════════════════════════════════ */
#popup-quick-order { display: none; }

.quick-order {
    background: #fff;
    border-radius: 16px;
    padding: 32px;
    max-width: 440px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.quick-order__title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px;
    color: var(--text, #333);
}
.quick-order__product {
    font-size: 14px;
    color: var(--grey, #888);
    margin: 0 0 20px;
    line-height: 1.4;
}
.quick-order__field { margin-bottom: 14px; }
.quick-order__input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    font-size: 14px;
    font-family: inherit;
    transition: border-color .2s;
    box-sizing: border-box;
}
.quick-order__input:focus {
    outline: none;
    border-color: var(--primary, #29488B);
}
.quick-order__msg {
    font-size: 13px;
    min-height: 18px;
    margin-bottom: 12px;
}
.quick-order__submit { width: 100%; }

/* ═══════════════════════════════════════════════════════════════════════════
   КАРТОЧКА ТОВАРА (похожие / рекомендуемые)
═══════════════════════════════════════════════════════════════════════════ */
.product-related,
.product-attrs {
    margin-bottom: 50px;
}
.product-related__title,
.product-attrs__title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 24px;
    color: var(--text, #333);
}

.product-related__slider .owl-nav button,
.product-attrs__slider .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text, #333);
    transition: border-color .2s, color .2s;
    z-index: 5;
}
.product-related__slider .owl-nav button:hover,
.product-attrs__slider .owl-nav button:hover {
    border-color: var(--primary, #29488B) !important;
    color: var(--primary, #29488B);
}
.product-related__slider .owl-nav .owl-prev,
.product-attrs__slider .owl-nav .owl-prev { left: -18px; }
.product-related__slider .owl-nav .owl-next,
.product-attrs__slider .owl-nav .owl-next { right: -18px; }

.product-card {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow .2s;
}
.product-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,.08); }

.product-card__img-link {
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}
.product-card__img-link img {
    max-width: 100%;
    max-height: 180px;
    object-fit: contain;
    transition: transform .3s;
}
.product-card:hover .product-card__img-link img { transform: scale(1.04); }

.product-card__name {
    display: block;
    padding: 12px 14px 4px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text, #333);
    text-decoration: none;
    line-height: 1.4;
    transition: color .2s;
}
.product-card__name:hover { color: var(--primary, #29488B); }

.product-card__price {
    padding: 4px 14px 12px;
    font-size: 16px;
    font-weight: 700;
    color: var(--black, #111);
}

.product-card__buy {
    margin: auto 14px 14px;
    width: calc(100% - 28px);
}

/* ═══════════════════════════════════════════════════════════════════════════
   АДАПТИВНОСТЬ
═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1100px) {
    .product-gallery { flex: 0 0 400px; max-width: 400px; }
}

@media (max-width: 900px) {
    .product-top {
        flex-direction: column;
        gap: 24px;
    }
    .product-gallery {
        flex: none;
        max-width: 100%;
        width: 100%;
    }
    .gallery-main__item img { max-height: 300px; }
}

@media (max-width: 640px) {
    .product-price { font-size: 26px; }
    .product-tabs__nav { gap: 0; }
    .product-tab { padding: 12px 16px; font-size: 14px; }
    .chars-list__name { width: 140px; }
    .quick-order { padding: 24px 20px; }
}

@media (max-width: 480px) {
    .product-buy { flex-wrap: wrap; }
    .product-buy .btn { width: 100%; }
    .product-related__slider .owl-nav .owl-prev,
    .product-attrs__slider .owl-nav .owl-prev { left: 0; }
    .product-related__slider .owl-nav .owl-next,
    .product-attrs__slider .owl-nav .owl-next { right: 0; }
}

/* End */
/* /bitrix/templates/eco/components/bitrix/catalog/catalog/style.min.css?1774414780959 */
/* /bitrix/templates/eco/components/bitrix/catalog.element/catalog_elem/style.css?177567075619074 */
