/* Start:/local/templates/shop/components/bitrix/catalog/catalog/bitrix/catalog.element/.default/style.css?179266839238997*/
/* Миниатюры фото товара (компьютер): колонка не выше большого фото, лишние прокручиваются стрелками. Высоту ставит script.js. */
@media (min-width: 1025px) {
    .Slider_product .Slider-navigateWrap { position: relative; top: auto; bottom: auto; left: auto; right: auto; }
    .Slider_product.is-thumbsLimited .Slider-navigate,
    .Slider_product.is-thumbsLimited .Slider-pagination { height: var(--thumbsH); max-height: var(--thumbsH); }
    .Slider_product.is-thumbsLimited .Slider-pagination {
        overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth;
        scrollbar-width: none; -ms-overflow-style: none;
    }
    .Slider_product.is-thumbsLimited .Slider-pagination::-webkit-scrollbar { display: none; }
    .Slider-thumbsArrow {
        position: absolute; left: 50%; z-index: 2; translate: -50% 0;
        width: 40px; height: 40px; border-radius: 50%; border: none; cursor: pointer;
        display: flex; align-items: center; justify-content: center;
        background: #fff; color: #212121; box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
        transition: opacity .2s ease, background .2s ease;
    }
    .Slider-thumbsArrow:hover { background: #212121; color: #fff; }
    .Slider-thumbsArrow:focus-visible { outline: 2px solid #212121; outline-offset: 2px; }
    .Slider-thumbsArrow_up { top: 8px; }
    .Slider-thumbsArrow_down { bottom: 8px; }
    .Slider-thumbsArrow[hidden] { display: none; }
}
@media (max-width: 1024px) { .Slider-thumbsArrow { display: none; } }

/* Описание на всю ширину, под ним характеристики в две равные колонки (сверху вниз, затем вторая колонка) */
.ProductCard-row_stack { flex-direction: column !important; gap: 48px !important; }
.ProductCard-row_stack > .ProductCard-unit { width: 100%; }
@media (min-width: 768px) {
    .Properties_cols { display: grid; grid-auto-flow: column; grid-template-rows: repeat(var(--rows), auto); grid-template-columns: 1fr 1fr; column-gap: 60px; }
    .Properties_cols .Property_colTop { padding-top: 0; }
}
/* на телефоне — тоже две колонки, поуже (с 21.10.2026) */
@media (max-width: 767px) {
    .Properties_cols { display: grid; grid-auto-flow: column; grid-template-rows: repeat(var(--rows), auto); grid-template-columns: 1fr 1fr; column-gap: 20px; }
    .Properties_cols .Property_colTop { padding-top: 0; }
    .Properties_cols .Property-value { overflow-wrap: anywhere; }
}

/* Не квадратные фото: вместо белых полей по краям — то же фото, размытое (картинка не обрезается) */
.Slider_product .Slider-box, .Slider_product .Slider-item { background: transparent !important; }
.Slider_product .ProductCard-photo { position: relative; overflow: hidden; border-radius: 24px; isolation: isolate; }
.Slider_product .ProductCard-photo::before {
    content: ""; position: absolute; inset: -120px; z-index: -1;
    background: var(--bg) center / cover no-repeat;
    filter: blur(30px) brightness(.92) saturate(1.05); transform: scale(1.15);
}
.Slider_product .ProductCard-photo img { position: relative; }

/* Частые вопросы о модели (22.10.2026): заголовок слева (на компьютере «прилипает»), вопросы — белые карточки,
   как «Покупка и доставка»; плюс в кружке превращается в минус */
.ProductFaq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 24px 64px; align-items: start; }
.ProductFaq-head { position: sticky; top: 110px; }
.ProductFaq-h { margin: 0; font-size: 40px; line-height: 1.08; font-weight: 600; letter-spacing: -.03em; color: #212121; }
.ProductFaq-colon { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ProductFaq-model { display: block; margin-top: 12px; font-size: 18px; line-height: 1.35; font-weight: 500; letter-spacing: -.01em; color: #9a9a96; }
.ProductFaq-list { display: flex; flex-direction: column; gap: 10px; }
.ProductFaq-item { background: #fff; border-radius: 20px; transition: box-shadow .2s ease; }
@media (hover: hover) { .ProductFaq-item:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, .06); } }
.ProductFaq-q { list-style: none; cursor: pointer; display: grid; grid-template-columns: 1fr 32px; align-items: center; column-gap: 16px;
                padding: 20px 22px 20px 24px; border-radius: 20px; font-size: 18px; font-weight: 600; line-height: 1.35; letter-spacing: -.01em; color: #212121; }
.ProductFaq-q::-webkit-details-marker { display: none; }
.ProductFaq-q:focus-visible { outline: 2px solid #212121; outline-offset: 2px; }
.ProductFaq-icon { position: relative; width: 32px; height: 32px; border-radius: 50%; background: #f4f4f2; transition: background .2s ease; }
.ProductFaq-icon::before, .ProductFaq-icon::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.5px; margin: -.75px 0 0 -6px; background: #212121; transition: rotate .25s ease, opacity .25s ease; }
.ProductFaq-icon::after { rotate: 90deg; }
.ProductFaq-item[open] .ProductFaq-icon { background: #212121; }
.ProductFaq-item[open] .ProductFaq-icon::before, .ProductFaq-item[open] .ProductFaq-icon::after { background: #fff; }
.ProductFaq-item[open] .ProductFaq-icon::after { rotate: 0deg; opacity: 0; }
.ProductFaq-a { padding: 0 70px 22px 24px; font-size: 16px; line-height: 1.6; color: #555; }
.ProductFaq-a a { color: #212121; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.ProductFaq-a a:hover { color: #818793; }
@media (max-width: 1024px) {
    .ProductFaq { grid-template-columns: 1fr; }
    .ProductFaq-head { position: static; }
    .ProductFaq-h { font-size: 32px; }
}
@media (max-width: 575px) {
    .ProductFaq-h { font-size: 26px; }
    .ProductFaq-model { margin-top: 8px; font-size: 16px; }
    .ProductFaq-q { grid-template-columns: 1fr 28px; column-gap: 12px; padding: 16px 14px 16px 16px; font-size: 16px; }
    .ProductFaq-icon { width: 28px; height: 28px; }
    .ProductFaq-a { padding: 0 16px 18px 16px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) { .ProductFaq-icon::before, .ProductFaq-icon::after { transition: none; } }

/* под кнопками — строка тихих ссылок: «Забронировать часы» (то же окно заявки) и «Продать свои часы» (/buyout/) */
.ProductCard-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 32px; margin-top: 20px; }
.ProductCard-link { font-size: 16px; line-height: 1.4; color: #212121; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; cursor: pointer; }
.ProductCard-link:hover { color: #818793; }

/* ссылки «Забронировать / Продать» стоят внутри ряда кнопок (.ProductCard-cart): на компьютере — отдельной строкой под кнопками,
   на телефоне и планшете — в одну строку с сердечком (с 21.10.2026) */
.ProductCard-cart .ProductCard-links { flex-basis: 100%; margin-top: 4px; }
@media (max-width: 1024px) {
    .ProductCard-cart .toggle_productCard.toggle_favorites { margin-left: 0; }
    .ProductCard-cart .ProductCard-links { flex: 1 1 0; min-width: 0; margin-top: 0; gap: 6px 20px; padding-left: 4px; }
    .ProductCard-cart .ProductCard-link { font-size: 15px; }
}

/* сердечко «в избранное» — круг высотой с кнопки (54 / 60 px) и по центру ряда */
.ProductCard-cart { align-items: center; }
.toggle_productCard .toggle-check + .toggle-box { width: 54px; height: 54px; }
.toggle_productCard .toggle-check + .toggle-box svg { width: 22px; }
@media all and (min-width: 1025px) {
    .toggle_productCard .toggle-check + .toggle-box { width: 60px; height: 60px; }
}

/* Карточка «под заказ» (on_order / sold): подпись под ценой, 3 пункта вместо строки «уточняйте…», блок «Как мы привозим часы под заказ» */
.ProductCard-priceNote { margin: -6px 0 24px; max-width: 460px; color: #6b7280; font-size: 16px; line-height: 1.45; }
.ProductCard-priceLabel { display: block; margin-bottom: 4px; color: #6b7280; font-size: 14px; font-weight: 400; line-height: 1.3; letter-spacing: 0; text-transform: none; }
.ProductCard-orderPoints { list-style: none; margin: 0; padding-left: 0; padding-right: 0; flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; }
.ProductCard-orderPoints li { position: relative; padding-left: 26px; line-height: 1.45; color: #444; }
.ProductCard-orderPoints li::before { content: ""; position: absolute; left: 2px; top: .3em; width: 12px; height: 7px; border-left: 1.5px solid #212121; border-bottom: 1.5px solid #212121; rotate: -45deg; }
.ProductCard-orderPoints b { color: #212121; font-weight: 600; }

.OrderSteps { background: #fff; border-radius: 28px; padding: 32px 36px 36px; }
.OrderSteps-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px 24px; flex-wrap: wrap; margin-bottom: 24px; }
.OrderSteps-h { font-size: 26px; line-height: 1.2; font-weight: 600; letter-spacing: -0.02em; margin: 0; }
.OrderSteps-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; list-style: none; margin: 0; padding: 0; counter-reset: os; }
.OrderSteps-step { background: #f5f5f5; border-radius: 20px; padding: 20px 20px 22px; }
.OrderSteps-step::before { counter-increment: os; content: counter(os); display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%;
                           background: #212121; color: #fff; font-weight: 600; font-size: 15px; margin-bottom: 14px; }
.OrderSteps-step b { display: block; font-size: 17px; margin-bottom: 6px; }
.OrderSteps-step p { color: #555; line-height: 1.45; font-size: 15px; }
@media (max-width: 1024px) {
    .OrderSteps-list { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575px) {
    .ProductCard-priceNote { font-size: 15px; margin-bottom: 18px; }
    .OrderSteps { padding: 22px 16px 18px; border-radius: 22px; }
    .OrderSteps-h { font-size: 22px; }
    .OrderSteps-list { grid-template-columns: 1fr; gap: 10px; }
    .OrderSteps-step { display: grid; grid-template-columns: 30px 1fr; column-gap: 12px; padding: 14px; }
    .OrderSteps-step::before { width: 30px; height: 30px; font-size: 14px; margin: 0; grid-row: span 2; }
}
.ProductCard-btnIcon { flex-shrink: 0; margin-right: 8px; }

/* Описание журнальной вёрсткой (DETAIL_TEXT с подзаголовками <h3>) — 22.10.2026:
   вступление крупно → полоса цифр → главы в две колонки (над заголовком — короткая тёмная полоска) → цитата Сергея с фото */
.Story { color: #212121; }
.Story-lead { max-width: 1040px; font-size: 26px; line-height: 1.42; letter-spacing: -.015em; text-wrap: pretty; }
.Story-lead p { margin: 0; }
.Story-lead p + p { margin-top: .6em; }
.Story a { color: inherit; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; text-decoration-color: #b5b5b0; }
.Story a:hover { color: #818793; }
.Story-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); margin: 44px 0 56px; border-top: 1px solid #212121; }
.Story-stat { padding: 16px 20px 18px 0; border-bottom: 1px solid #e5e7eb; }
.Story-stat + .Story-stat { padding-left: 20px; border-left: 1px solid #e5e7eb; }
.Story-stat dt { margin-bottom: 6px; font-size: 13px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #9a9a96; }
.Story-stat dd { margin: 0; font-size: 28px; line-height: 1.15; font-weight: 500; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
/* без полосы цифр (у товара мало данных) — отступ между вступлением и главами свой */
.Story-lead + .Story-chapters { margin-top: 52px; }
.Story-chapters { display: grid; grid-template-columns: 1fr 1fr; gap: 52px 72px; align-items: start; }
.Story-chapter::before { content: ""; display: block; width: 40px; height: 2px; margin-bottom: 18px; background: #212121; }
.Story-h { margin: 0 0 10px; font-size: 22px; line-height: 1.25; font-weight: 600; letter-spacing: -.015em; }
.Story-text { font-size: 17px; line-height: 1.62; color: #333; }
.Story-text p { margin: 0; }
.Story-text p + p { margin-top: .7em; }
/* цитата Сергея — белая карточка, как блок «Мнение» */
.Story-quote { position: relative; margin: 0; padding: 36px 40px 32px; background: #fff; border-radius: 28px;
               display: grid; grid-template-columns: 96px 1fr; grid-template-areas: "img text" "img by"; column-gap: 28px; align-items: start; }
.Story-quote::before { content: "»"; position: absolute; bottom: -18px; right: 28px; font-size: 140px; line-height: 1; color: #f0f0ee; pointer-events: none; }
.Story-quote_wide { grid-column: 1 / -1; }
.Story-quoteImg { grid-area: img; width: 96px; height: 96px; border-radius: 50%; object-fit: cover; }
.Story-quoteText { grid-area: text; position: relative; margin: 0; font-size: 20px; line-height: 1.5; letter-spacing: -.01em; }
.Story-quoteText p { margin: 0; }
.Story-quoteBy { grid-area: by; margin-top: 18px; font-size: 15px; line-height: 1.4; color: #6b7280; }
.Story-quoteBy b { display: block; color: #212121; font-weight: 600; }
@media (max-width: 1024px) {
    .Story-lead { font-size: 22px; }
    .Story-chapters { gap: 40px 40px; }
    .Story-quote { grid-template-columns: 72px 1fr; padding: 28px; column-gap: 20px; }
    .Story-quoteImg { width: 72px; height: 72px; }
}
@media (max-width: 767px) {
    .Story-lead { font-size: 19px; line-height: 1.5; }
    .Story-stats { grid-template-columns: 1fr 1fr; margin: 28px 0 36px; }
    .Story-stat, .Story-stat + .Story-stat { padding: 12px 12px 14px 0; border-left: 0; }
    .Story-stat:nth-child(even) { padding-left: 14px; border-left: 1px solid #e5e7eb; }
    .Story-stat dd { font-size: 22px; }
    .Story-chapters { grid-template-columns: 1fr; gap: 32px; }
    .Story-lead + .Story-chapters { margin-top: 36px; }
    .Story-chapter::before { width: 32px; margin-bottom: 14px; }
    .Story-h { font-size: 19px; }
    .Story-text { font-size: 16px; }
    .Story-quote { grid-template-columns: 56px 1fr; grid-template-areas: "img by" "text text"; padding: 22px 20px; border-radius: 22px; column-gap: 14px; }
    .Story-quote::before { font-size: 100px; right: 16px; bottom: -14px; }
    .Story-quoteImg { width: 56px; height: 56px; }
    .Story-quoteText { margin-top: 14px; font-size: 17px; }
    .Story-quoteBy { margin-top: 0; align-self: center; }
}

/* Характеристики группами (товары с расширенными данными, свойство EXT) — 22.10.2026 */
.Specs { columns: 2; column-gap: 60px; }
.Specs-group { break-inside: avoid; margin: 0 0 36px; }
/* заголовок группы с тёмной линией под ним — явное разделение разделов (как на Мануфактуре, 22.10.2026) */
.Specs-title { margin: 0 0 4px; padding-bottom: 12px; border-bottom: 1.5px solid #212121; font-size: 14px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #212121; }
.Specs-list { margin: 0; }
.Specs-row { display: grid; grid-template-columns: minmax(120px, 40%) 1fr; gap: 16px; padding: 12px 0; border-bottom: 1px solid #e5e7eb; line-height: 1.45; }
.Specs-row dt { color: #6b7280; }
.Specs-row dd { margin: 0; color: #212121; overflow-wrap: anywhere; }
@media (max-width: 767px) {
    .Specs { columns: 1; }
    .Specs-group { margin-bottom: 28px; }
    .Specs-row { grid-template-columns: minmax(110px, 42%) 1fr; gap: 12px; padding: 10px 0; font-size: 15px; }
}

/* «Покупка и доставка» — карточки с иконками (include_areas/order.php), 22.10.2026 */
.Buy { margin-top: 64px; }
.Buy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 0; padding: 0; list-style: none; }
.Buy-card { display: flex; flex-direction: column; padding: 26px 28px 28px; background: #fff; border-radius: 24px; transition: transform .2s ease, box-shadow .2s ease; }
@media (hover: hover) { .Buy-card:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0, 0, 0, .06); } }
.Buy-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-bottom: 18px; border-radius: 50%; background: #f4f4f2; color: #212121; }
.Buy-title { display: block; margin-bottom: 8px; font-size: 19px; line-height: 1.3; font-weight: 600; letter-spacing: -.01em; }
.Buy-text { margin: 0; font-size: 16px; line-height: 1.5; color: #555; }
.Buy-text a { color: #212121; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; white-space: nowrap; }
.Buy-text a:hover { color: #818793; }

/* «Информация о работе» — юридическая справка (include_areas/banner.php) */
.Seller { box-sizing: border-box; width: 100%; max-width: none; margin: 0; padding: 28px 32px 30px; border: 1px solid #e2e2de; border-radius: 24px; color: #6b7280; }
.Seller-h { margin: 0 0 20px; font-size: 17px; line-height: 1.3; font-weight: 600; color: #212121; letter-spacing: -.01em; }
.Seller-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 40px; }
.Seller-t { margin: 0 0 6px; line-height: 1.4; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #9a9a96; }
.Seller-col p { margin: 0; font-size: 14px; line-height: 1.55; }
.Seller-col b { font-weight: 600; color: #212121; }
@media (max-width: 1024px) {
    .Buy-grid { grid-template-columns: 1fr 1fr; }
    .Seller-cols { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
    .Buy { margin-top: 44px; }
    .Buy-grid { grid-template-columns: 1fr; gap: 10px; }
    .Buy-card { display: grid; grid-template-columns: 40px 1fr; column-gap: 14px; padding: 18px; border-radius: 20px; }
    .Buy-icon { grid-row: span 2; width: 40px; height: 40px; margin: 0; }
    .Buy-icon svg { width: 20px; height: 20px; }
    .Buy-title { font-size: 17px; margin-bottom: 4px; }
    .Buy-text { font-size: 15px; }
    .Seller { padding: 20px; border-radius: 20px; }
}

/* Первый экран карточки (22.10.2026): бренд строкой-ссылкой, метки, кнопки, строка доверия, липкая колонка, полоска на телефоне */
.ProductCard-brand.ProductCard-brand_link, .ProductCard-header .ProductCard-brand { display: inline-block; font-size: 15px; line-height: 1.3; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #212121; }
.ProductCard-brand_link { text-decoration: none; border-bottom: 1px solid transparent; transition: border-color .2s ease, color .2s ease; }
.ProductCard-brand_link:hover { color: #212121; border-bottom-color: #212121; }
/* бренд — подпись к модели: прижат к названию (10px), дальше обычный ритм блоков 24px */
.ProductCard-header { row-gap: 10px !important; }
.ProductCard-manufacturerWrap { margin-bottom: 0; }
.ProductCard-header .ProductCard-lot { display: inline-flex; align-items: baseline; gap: 8px; align-self: flex-start; margin: 2px 0 0; font-size: 15px; line-height: 1.3; font-weight: 500; font-style: normal; letter-spacing: 0; color: #212121; cursor: copy; }
.ProductCard-lotLabel { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #9a9a96; }
.ProductCard-lotValue { font-variant-numeric: tabular-nums; border-bottom: 1px dashed transparent; transition: border-color .2s ease; }
.ProductCard-lot:hover .ProductCard-lotValue { border-bottom-color: #9a9a96; }
.ProductCard-lot.is-copied .ProductCard-lotLabel::after { content: " · скопировано"; text-transform: none; letter-spacing: 0; color: #2e9b57; }

.ProductCard-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ProductCard-chip { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px; border-radius: 17px; background: #fff; font-size: 15px; line-height: 1; color: #212121; white-space: nowrap; }
.ProductCard-chip_ok::before, .ProductCard-chip_wait::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #2e9b57; box-shadow: 0 0 0 3px rgba(46, 155, 87, .15); }
.ProductCard-chip_wait::before { background: #d98b1c; box-shadow: 0 0 0 3px rgba(217, 139, 28, .15); }
.ProductCard-chip_order::before, .ProductCard-chip_sold::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #3b6fd8; box-shadow: 0 0 0 3px rgba(59, 111, 216, .15); }
.ProductCard-chip_sold::before { background: #9a9a96; box-shadow: 0 0 0 3px rgba(154, 154, 150, .18); }
.ProductCard-lotValue { text-transform: uppercase; }
/* карточка «под заказ» / проданная — в том же ритме, что и обычная (22.10.2026) */
.ProductCard-priceNote { margin: -4px 0 4px !important; font-size: 15px !important; line-height: 1.45; color: #6b7280; }
.ProductCard-orderPoints { gap: 8px !important; }
.ProductCard-orderPoints li { font-size: 14px; line-height: 1.4; color: #555; }
.ProductCard-orderPoints b { font-weight: 600; }

.ProductCard-cart .ProductCard-btn_main { flex: 1 1 100%; }
.ProductCard-cart .ProductCard-btn_tg { flex: 1 1 0; min-width: 0; display: inline-flex; align-items: center; justify-content: center; }

.ProductCard-trust { display: flex !important; flex-wrap: nowrap; justify-content: space-between; gap: 10px 12px; margin: 0; list-style: none; padding-left: 0; padding-right: 0; }
.ProductCard-trust li { display: flex; align-items: center; gap: 7px; font-size: 13px; line-height: 1.3; color: #444; white-space: nowrap; }
.ProductCard-trustIcon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #fff; color: #212121; }

/* узкий ноутбук: в одну строку три пункта не помещаются — столбиком */
@media (min-width: 1025px) and (max-width: 1299px) {
    .ProductCard-trust { flex-direction: column !important; align-items: flex-start !important; }
}
@media (min-width: 1025px) {
    .ProductCard-main { align-items: flex-start !important; }
    .ProductCard-expo { position: sticky; top: 100px; }
    .BuyBar { display: none !important; }
}
@media (max-width: 1024px) {
    .ProductCard-trust { flex-direction: column !important; align-items: flex-start !important; }
    .ProductCard-cart .ProductCard-btn_tg { white-space: nowrap; }
    .ProductCard-cart:has(.ProductCard-btn_tg) .ProductCard-links { flex: 1 1 100%; padding-left: 0; margin-top: 4px; gap: 6px 28px; }
    .BuyBar { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 90; display: flex; align-items: center; justify-content: space-between; gap: 12px;
              padding: 10px 10px 10px 18px; border-radius: 22px; background: rgba(255, 255, 255, .92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
              box-shadow: 0 10px 34px rgba(0, 0, 0, .14); transform: translateY(calc(100% + 24px)); transition: transform .3s cubic-bezier(.2, .8, .2, 1); }
    .BuyBar.is-visible { transform: none; }
    .BuyBar[hidden] { display: none; }
    .BuyBar-price { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
    .BuyBar-price b { font-size: 18px; font-weight: 600; letter-spacing: -.02em; color: #212121; }
    .BuyBar-price span { font-size: 13px; color: #6b7280; }
    .BuyBar-btn { flex-shrink: 0; height: 48px; padding: 0 22px; border-radius: 16px; }
}
@media (prefers-reduced-motion: reduce) { .BuyBar { transition: none; } }
.ProductCard-trustIcon svg { width: 17px; height: 17px; }

/* «Похожие модели» — 6 в ряд на широком экране, 3 — на ноутбуке; «Вы недавно смотрели» — лента миниатюр (22.10.2026) */
@media (min-width: 1300px) {
    .Section_like .Catalog-cell { flex-basis: calc((100% - 100px) / 6) !important; }
    .Section_like .Card-title { font-size: 15px; }
    .Section_like .Card-manufacturerName { display: block; font-size: 12px; font-weight: 600; letter-spacing: .08em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .Section_like .Card-footer { display: none; }
}
/* цены — компактнее и на одной линии во всех карточках: название всегда занимает 2 строки, цена сразу под ним */
.Section_like .Card-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.4em; line-height: 1.2em; }
.Section_like .Card-row_price { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding-top: 10px; }
.Section_like .Card-row_price .Price_md { font-size: 18px; line-height: 1.25; letter-spacing: -.01em; }
.Section_like .Card-row_price .Price_rub { font-size: 14px; font-weight: 500; color: #9a9a96; }
.Recent { position: relative; padding: 40px 0 44px; }
.Recent::after { content: ""; position: absolute; top: 0; left: 50%; width: 100vw; height: 1px; background: #e5e7eb; transform: translateX(-50%); }
.Recent-inner { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 20px 40px; align-items: center; }
.Recent-h { margin: 0; font-size: 22px; line-height: 1.2; font-weight: 600; letter-spacing: -.02em; color: #212121; }
.Recent-list { display: flex; gap: 12px; margin: 0; padding: 0 0 4px; list-style: none; overflow-x: auto; scrollbar-width: none; }
.Recent-list::-webkit-scrollbar { display: none; }
.Recent-item { display: flex; flex-direction: column; width: 128px; color: #212121; text-decoration: none; }
.Recent-pic { display: block; width: 128px; height: 128px; margin-bottom: 10px; overflow: hidden; border-radius: 18px; background: #fff; }
.Recent-pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
@media (hover: hover) { .Recent-item:hover .Recent-pic img { transform: scale(1.05); } }
.Recent-brand { font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #9a9a96; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Recent-name { margin-top: 2px; font-size: 14px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 1024px) {
    .Recent-inner { grid-template-columns: 1fr; }
    .Recent-item, .Recent-pic { width: 108px; }
    .Recent-pic { height: 108px; }
}

/* Наведение на кнопки карточки товара — «дорогая» анимация (22.10.2026). Только для мыши; при «уменьшить движение» — без анимации */
.ProductCard-cart .ProductCard-btn { position: relative; overflow: hidden; isolation: isolate; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease, color .35s ease, background-color .35s ease; }
.ProductCard-cart .ProductCard-btn > * { position: relative; z-index: 1; }
.ProductCard-cart .ProductCard-btn:active { transform: scale(.98); }

/* главная (тёмная): световой блик проходит по кнопке, она приподнимается, справа выезжает стрелка */
.ProductCard-btn_main::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background: linear-gradient(110deg, transparent 25%, rgba(255, 255, 255, .08) 40%, rgba(255, 255, 255, .28) 50%, rgba(255, 255, 255, .08) 60%, transparent 75%);
    transform: translateX(-130%); }
.ProductCard-btn_main .trigger-text::after { content: none; display: none !important; display: inline-block; width: 0; margin-left: 0; opacity: 0; transform: translateX(-6px);
    transition: width .35s cubic-bezier(.2, .8, .2, 1), margin .35s cubic-bezier(.2, .8, .2, 1), opacity .25s ease, transform .35s cubic-bezier(.2, .8, .2, 1); }

/* Telegram: заливка фирменным голубым слева направо, самолётик улетает и прилетает обратно */
.ProductCard-btn_tg::before { content: ""; position: absolute; inset: 0; z-index: 0; background: #229ed9; border-radius: inherit; transform: scaleX(0); transform-origin: left center;
    transition: transform .45s cubic-bezier(.65, 0, .35, 1); }
.ProductCard-btn_tg svg path { transition: stroke .3s ease; }
@keyframes pcPlane { 0% { transform: translate(0, 0); opacity: 1; } 45% { transform: translate(16px, -16px); opacity: 0; } 46% { transform: translate(-16px, 16px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } }
@keyframes pcBeat { 0%, 100% { transform: scale(1); } 20% { transform: scale(1.18); } 40% { transform: scale(.95); } 60% { transform: scale(1.08); } }
@keyframes pcLine { 0% { background-size: 100% 1px; background-position: 100% 100%; } 49% { background-size: 0 1px; background-position: 100% 100%; } 50% { background-size: 0 1px; background-position: 0 100%; } 100% { background-size: 100% 1px; background-position: 0 100%; } }

/* ссылки под кнопками: подчёркивание убегает вправо и прорисовывается заново слева */
.ProductCard-links .ProductCard-link { text-decoration: none !important; background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat; padding-bottom: 2px; }
/* иконки строки доверия */
.ProductCard-trustIcon { transition: background .3s ease, color .3s ease, transform .4s cubic-bezier(.2, .8, .2, 1); }

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .ProductCard-btn_main:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(0, 0, 0, .22); background: #212121 !important; color: #fff !important; border-color: #212121 !important; }
    .ProductCard-btn_main:hover::before { transform: translateX(130%); transition: transform .9s cubic-bezier(.2, .8, .2, 1); }
    .ProductCard-btn_main:hover .trigger-text::after { width: 1em; margin-left: 10px; opacity: 1; transform: none; }

    .ProductCard-btn_tg:hover { background: #fff !important; border-color: transparent !important; color: #fff !important; transform: translateY(-2px); box-shadow: 0 14px 30px rgba(34, 158, 217, .28); }
    .ProductCard-btn_tg:hover::before { transform: scaleX(1); }
    .ProductCard-btn_tg:hover svg path { stroke: #fff; }
    .ProductCard-btn_tg:hover svg { animation: pcPlane .7s cubic-bezier(.65, 0, .35, 1); }

    .toggle_productCard:hover .toggle-box svg { animation: pcBeat .9s ease; }
    .toggle_productCard:hover .toggle-box { box-shadow: 0 10px 24px rgba(0, 0, 0, .08); }

    .ProductCard-links .ProductCard-link:hover { color: #212121; animation: pcLine .6s cubic-bezier(.65, 0, .35, 1); }

    .ProductCard-trust li:hover .ProductCard-trustIcon { background: #212121; color: #fff; transform: rotate(-8deg) scale(1.06); }
}

/* «Записаться на примерку»: при наведении человечек идёт от левого края к часам справа, стрелки часов делают оборот (22.10.2026) */
.Walk { position: absolute; inset: 0; z-index: 1; pointer-events: none; color: #fff; }
.Walk-man { position: absolute; left: 22px; bottom: 50%; margin-bottom: -11px; opacity: 0; transition: left 0s .25s, opacity .25s ease; }
.Walk-watch { position: absolute; right: 22px; top: 50%; margin-top: -12px; opacity: 0; transform: scale(.8); transition: opacity .3s ease, transform .3s ease; }
.Walk-leg, .Walk-arm { transform-box: fill-box; }
.Walk-leg { transform-origin: 50% 0; }
.Walk-arm { transform-origin: 50% 0; }
.Walk-hand { transform-box: view-box; transform-origin: 9px 12px; }
@keyframes walkLegA { 0%, 100% { transform: rotate(18deg); } 50% { transform: rotate(-18deg); } }
@keyframes walkLegB { 0%, 100% { transform: rotate(-18deg); } 50% { transform: rotate(18deg); } }
@keyframes walkBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-1px); } }
@keyframes walkSpin { to { transform: rotate(360deg); } }
@keyframes walkGlow { 0%, 100% { filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0)); } 50% { filter: drop-shadow(0 0 6px rgba(255, 255, 255, .8)); } }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .ProductCard-btn_main:hover .Walk-man { left: calc(100% - 62px); opacity: 1; transition: left 1.6s cubic-bezier(.45, .05, .55, .95), opacity .2s ease; animation: walkBob .4s ease-in-out 4; }
    .ProductCard-btn_main:hover .Walk-leg_a, .ProductCard-btn_main:hover .Walk-arm_b { animation: walkLegA .4s ease-in-out 4; }
    .ProductCard-btn_main:hover .Walk-leg_b, .ProductCard-btn_main:hover .Walk-arm_a { animation: walkLegB .4s ease-in-out 4; }
    .ProductCard-btn_main:hover .Walk-watch { opacity: 1; transform: none; animation: walkGlow .8s ease .35s 1; }
    .ProductCard-btn_main:hover .Walk-hand_m { animation: walkSpin .8s cubic-bezier(.45, .05, .55, .95) .3s 1; }
    .ProductCard-btn_main:hover .Walk-hand_h { animation: walkSpin 2.4s linear .3s 1; }
}
@media (hover: none), (prefers-reduced-motion: reduce) { .Walk { display: none; } }
.ProductCard-cart .ProductCard-btn > .Walk { position: absolute; inset: 0; z-index: 1; }   /* сцена — во всю кнопку, поверх блика */
.Walk-man { bottom: 7px !important; margin-bottom: 0 !important; width: 11px; height: 17px; }   /* идёт по нижнему краю, под текстом */
.ProductCard-btn_main .trigger-text { display: inline-block; transition: transform .35s cubic-bezier(.2, .8, .2, 1); }

/* Телефон: блок кнопок карточки — компактно (22.10.2026): «Записаться» + круглые Telegram и сердечко в одну строку,
   ссылки мельче, «Только оригиналы / Проверка / Офис» — одной строкой из трёх маленьких пунктов */
@media (max-width: 767px) {
    .ProductCard-cart { flex-wrap: wrap !important; gap: 8px !important; }
    .ProductCard-cart .ProductCard-btn_main { order: 1; flex: 1 1 0 !important; min-width: 0; height: 52px; padding: 0 16px; font-size: 15px; }
    .ProductCard-cart .ProductCard-btn_tg { order: 2; flex: 0 0 52px !important; width: 52px; height: 52px; padding: 0 !important; border-radius: 50%; background: #229ed9 !important; }
    .ProductCard-cart .ProductCard-btn_tg > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .ProductCard-cart .ProductCard-btn_tg svg { margin: 0 !important; }
    .ProductCard-cart .ProductCard-btn_tg svg path { stroke: #fff; }
    .ProductCard-cart .ProductCard-btn_tg::before { display: none; }
    .ProductCard-cart .toggle_productCard { order: 3; flex: 0 0 52px; }
    .toggle_productCard .toggle-check + .toggle-box { width: 52px !important; height: 52px !important; }
    .ProductCard-cart .ProductCard-links { order: 4; flex: 1 1 100% !important; margin-top: 4px !important; padding-left: 0 !important; gap: 6px 24px !important; }
    .ProductCard-cart .ProductCard-link { font-size: 14px !important; }
    .Walk { display: none; }

    .ProductCard-footer.ProductCard-trust { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px !important; margin-top: 14px; padding-top: 14px !important; flex-direction: row !important; }
    .ProductCard-trust li { flex-direction: column; align-items: flex-start !important; gap: 6px !important; font-size: 12px !important; line-height: 1.25; white-space: normal !important; color: #555; }
    .ProductCard-trustIcon { width: 28px !important; height: 28px !important; }
    .ProductCard-trustIcon svg { width: 15px; height: 15px; }
}
/* телефон: ровные отступы между разделами карточки (описание, вопросы, характеристики, «Покупка и доставка») — по 36 px */
@media (max-width: 767px) {
    .ProductCard-row_stack { gap: 36px !important; }
    .Specs-group:last-child { margin-bottom: 0 !important; }
    .Buy { margin-top: 2px !important; }
}

/* «Записаться на примерку»: значок часов всегда слева от надписи, как самолётик у Telegram; при наведении стрелки делают оборот (22.10.2026) */
.ProductCard-cart .ProductCard-btn_main { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; }
.ProductCard-cart .ProductCard-btn > .Walk { position: static !important; inset: auto; order: -1; display: inline-flex !important; flex-shrink: 0; color: currentColor; }
.ProductCard-btn_main .Walk-watch { position: static !important; width: 18px; height: 22px; margin: 0 !important; opacity: 1 !important; transform: none !important; }
@media (max-width: 767px) { .ProductCard-chips { margin-bottom: 6px !important; } .ProductCard-description { row-gap: 20px !important; } }   /* цена не липнет к меткам */
.ProductCard-trustBr { display: none; }
@media (max-width: 767px) { .ProductCard-trustBr { display: inline; } .ProductCard-trust li { min-height: 0; } }   /* подписи доверия на телефоне — ровно в 2 строки у всех трёх */

/* «Записаться»: вместо пробегающего блика — мягкое пятно света следует за курсором (script.js ставит --mx/--my), 22.10.2026 */
.ProductCard-btn_main::before { transform: none !important; opacity: 0; transition: opacity .4s ease !important;
    background: radial-gradient(180px circle at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, .20), rgba(255, 255, 255, .06) 45%, transparent 70%) !important; }
.ProductCard-btn_main::after { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .4s ease;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .ProductCard-btn_main:hover::before, .ProductCard-btn_main:hover::after { opacity: 1; }
}

/* End */
/* /local/templates/shop/components/bitrix/catalog/catalog/bitrix/catalog.element/.default/style.css?179266839238997 */