/* Start:/local/templates/manufakturaauto/components/bitrix/catalog/cars/bitrix/catalog.element/cars/style.css?17927879967635*/
/* Страница машины в стиле карточки товара manufaktura-watches.ru (23.10.2026). Разметка — template.php рядом. */
.cd { padding-bottom: 40px; color: #141b34; }
.cd-crumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; font-size: 13px; color: #5f6475; }
.cd-crumbs a { color: inherit; transition: color .2s; }
.cd-crumbs a:hover { color: #bf8738; }

/* верх: слева информация, справа галерея (как у часов) */
.cd-top { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-areas: "info gallery"; gap: 48px; align-items: start; }
.cd-gallery { grid-area: gallery; position: sticky; top: 100px; }
.cd-info { grid-area: info; }

.cd-gallery__main { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: #0e0e10; border: 1px solid #ececec; }
.cd-gallery__main img { width: 100%; height: 100%; object-fit: cover; transition: opacity .2s; }
.cd-gallery__thumbs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.cd-gallery__thumb { position: relative; display: block; aspect-ratio: 1; overflow: hidden; border: 1px solid #ececec; background: #0e0e10; transition: border-color .2s; }
.cd-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; opacity: .85; transition: opacity .2s; }
.cd-gallery__thumb:hover img, .cd-gallery__thumb.is-active img { opacity: 1; }
.cd-gallery__thumb.is-active { border-color: #141b34; }
.cd-gallery__thumb_hidden { display: none; }
.cd-gallery__more { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(14, 14, 16, .55); color: #fff; font-family: 'Tenor Sans', sans-serif; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; }

/* заголовок: марка крупно, модель ниже — как «CARTIER / SANTOS-DUMONT» */
.cd-title { margin: 0; text-transform: uppercase; }
.cd-title__brand { display: block; font-family: 'Tenor Sans', sans-serif; font-size: 56px; font-weight: 400; line-height: 1.05; letter-spacing: .02em; }
.cd-title__model { display: block; margin-top: 10px; font-family: 'Tenor Sans', sans-serif; font-size: 20px; line-height: 1.3; letter-spacing: .04em; }
.cd-summary { margin-top: 12px; font-size: 14px; color: #5f6475; }

.cd-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 16px; margin: 28px 0 22px; }
.cd-price__value { font-family: 'Tenor Sans', sans-serif; font-size: 40px; line-height: 1.1; letter-spacing: .02em; }
.cd-price__note { font-size: 14px; color: #5f6475; }

/* кнопки */
.cd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 16px; border: 1px solid #c9c9c9; background: #fff; font-family: 'Tenor Sans', sans-serif; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #141b34; cursor: pointer; transition: border-color .2s, background .2s, color .2s; }
.cd-btn:hover { border-color: #141b34; }
.cd-btn i { font-size: 18px; }
.cd-btn_primary { width: 100%; height: 56px; border-color: #bf8738; background: #bf8738; color: #fff; font-size: 15px; }
.cd-btn_primary:hover { background: #a9752e; border-color: #a9752e; }
.cd-btns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }

/* характеристики в ячейках */
.cd-specs { display: grid; grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); margin: 24px 0 0; border-top: 1px solid #ececec; border-left: 1px solid #ececec; }
.cd-specs__cell { grid-column: span var(--span, 1); padding: 14px 16px; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.cd-specs dt { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #5f6475; }
.cd-specs dd { margin: 6px 0 0; font-size: 15px; font-weight: 400; line-height: 1.35; }

/* «как купить» — строки с иконками */
.cd-facts { margin-top: -1px; border: 1px solid #ececec; }
.cd-facts__row { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-top: 1px solid #ececec; font-size: 15px; line-height: 1.4; }
.cd-facts__row:first-child { border-top: 0; }
.cd-facts__row > svg { flex: 0 0 auto; color: #bf8738; }
.cd-facts__row > div { flex: 1 1 auto; }
.cd-facts__row span:first-child { display: block; margin-bottom: 2px; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #5f6475; }
.cd-facts__row > a { flex: 0 0 auto; font-size: 14px; color: #141b34; text-decoration: underline; text-underline-offset: 3px; }
.cd-facts__row > a:hover { color: #bf8738; }
.cd-facts__soc { display: flex; gap: 8px; }
.cd-facts__soc a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid #c9c9c9; border-radius: 50%; font-size: 16px; color: #141b34; transition: border-color .2s; }
.cd-facts__soc a:hover { border-color: #141b34; }

/* разделы ниже */
.cd-section { margin-top: 80px; }
.cd-h2 { margin: 0 0 24px; font-family: 'Tenor Sans', sans-serif; font-size: 40px; font-weight: 400; line-height: 1.1; letter-spacing: .02em; text-transform: uppercase; }
.cd-about { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; }
.cd-about:not(:has(.cd-about__text)), .cd-about:not(:has(.cd-about__options)) { grid-template-columns: 1fr; }
.cd-lead { font-size: 18px; line-height: 1.65; }
.cd-lead p + p { margin-top: 1em; }
.cd-options { border-top: 1px solid #b9a27e; }
.cd-options li { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #ececec; font-size: 15px; }
.cd-options i { color: #bf8738; font-size: 18px; }
.cd-options.is-short li:nth-child(n+11) { display: none; }
.cd-options-more { margin-top: 14px; padding: 10px 20px; border: 1px solid #141b34; background: none; font-family: 'Tenor Sans', sans-serif; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #141b34; cursor: pointer; transition: background .2s, color .2s; }
.cd-options-more:hover { background: #141b34; color: #fff; }
.cd-note { margin-top: 14px; font-size: 13px; color: #5f6475; }
.cd-note a { color: #bf8738; text-decoration: underline; text-underline-offset: 3px; }
.cd .how-deal-work { margin-bottom: 0; }
.cd-similar { margin-bottom: 80px; }

/* планшет и телефон: галерея сверху, всё в одну колонку */
@media (max-width: 1023px) {
    .cd-top { grid-template-columns: 1fr; grid-template-areas: "gallery" "info"; gap: 24px; }
    .cd-gallery { position: static; }
    .cd-title__brand { font-size: 40px; }
    .cd-price__value { font-size: 32px; }
    .cd-about { grid-template-columns: 1fr; gap: 48px; }
    .cd-section { margin-top: 56px; }
    .cd-h2 { font-size: 30px; }
}
@media (max-width: 600px) {
    .cd-crumbs { margin-bottom: 16px; }
    .cd-gallery__thumbs { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
    .cd-gallery__more { font-size: 13px; }
    .cd-gallery__more-word { display: none; }
    .cd-title__brand { font-size: 32px; }
    .cd-title__model { font-size: 17px; }
    .cd-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cd-specs__cell { grid-column: auto; }
    .cd-specs__cell:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .cd-btns { grid-template-columns: 1fr 1fr; }
    .cd-btns .cd-btn:last-child { grid-column: 1 / -1; }
    .cd-facts__row { padding: 12px 14px; font-size: 14px; }
    .cd-lead { font-size: 16px; }
    .cd-h2 { font-size: 26px; }
}

/* End */
/* /local/templates/manufakturaauto/components/bitrix/catalog/cars/bitrix/catalog.element/cars/style.css?17927879967635 */