/* Start:/local/templates/motordetal/assets/css/catalog.css?179368868450097*/ :where(main):has(> .list, > .catalog, > .product) { --ct-blue: var(--color-primary, #2939ba); --ct-ink: var(--color-primary-dark, #171d69); --ct-muted: #626783; --ct-red: var(--color-red, #d71920); --ct-line: #e3e6f0; --ct-soft: #f3f5fa; --ct-radius: 22px; color: var(--color-text, #191f5d); font-family: Montserrat, Arial, sans-serif; line-height: 1.5; padding-bottom: clamp(48px, 6vw, 88px); } :where(main):has(> .list, > .catalog, > .product) *, :where(main):has(> .list, > .catalog, > .product) *::before, :where(main):has(> .list, > .catalog, > .product) *::after { box-sizing: border-box; } :where(main):has(> .list, > .catalog, > .product) :is(.list, .catalog, .product, .catalog-slider) { margin: 0; padding-block: clamp(28px, 4vw, 56px); min-width: 0; } :where(main):has(> .list, > .catalog, > .product) section.list { padding-left: 0; list-style: none; } :where(main):has(> .list, > .catalog, > .product) .container { width: min(calc(100% - var(--container-padding, 24px) * 2), var(--container-width, 1180px)); max-width: none; margin-inline: auto; } :where(main):has(> .list, > .catalog, > .product) :is(p, ul) { margin: 0; } :where(main):has(> .list, > .catalog, > .product) :is(.list__content, .catalog__list, .catalog__category-list, .catalog__category-list ul, .product__info-list, .product__spec, .product__techdoc) { padding: 0; list-style: none; } :where(main):has(> .list, > .catalog, > .product) :is(a, button, input, label) { -webkit-tap-highlight-color: transparent; } :where(main):has(> .list, > .catalog, > .product) a { color: inherit; text-decoration: none; } :where(main):has(> .list, > .catalog, > .product) button, :where(main):has(> .list, > .catalog, > .product) input { font: inherit; } :where(main):has(> .list, > .catalog, > .product) button { cursor: pointer; } :where(main):has(> .list, > .catalog, > .product) :is(button, input, a, label[for]):focus-visible { outline: 3px solid var(--ct-blue); outline-offset: 4px; } :where(main):has(> .list, > .catalog, > .product) :is(img, svg) { display: block; max-width: 100%; } :where(main):has(> .list, > .catalog, > .product) img { height: auto; } :where(main):has(> .list, > .catalog, > .product) :is(.list__title, .catalog__title, .product__title) { max-width: 100%; color: var(--ct-blue); font-size: clamp(30px, 4vw, 54px); font-weight: 600; letter-spacing: -.045em; line-height: 1.12; overflow-wrap: anywhere; } :where(main):has(> .list, > .catalog, > .product) :is(.list__separator, .catalog__separator, .product__separator) { height: 1px; margin-block: clamp(24px, 3vw, 36px); background: linear-gradient(90deg, transparent, var(--ct-line) 15%, var(--ct-line) 85%, transparent); } :where(main):has(> .list, > .catalog, > .product) :is(.list__separator, .product__separator) { margin-bottom: clamp(28px, 4vw, 44px); } :where(main):has(> .list, > .catalog, > .product) .mobile { display: none; } :where(main):has(> .list, > .catalog, > .product) .hidden, :where(main):has(> .list, > .catalog, > .product) [hidden] { display: none !important; } :where(main):has(> .list, > .catalog, > .product) .list__content { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } :where(main):has(> .list, > .catalog, > .product) .list__item { min-width: 0; list-style: none; } :where(main):has(> .list, > .catalog, > .product) .list__item > a { position: relative; display: flex; flex-direction: column; height: 100%; min-height: 340px; overflow: hidden; background: #fff; border: 1px solid var(--ct-line); border-radius: var(--ct-radius); box-shadow: 0 12px 36px rgb(9 17 73 / 4%); transition: transform .25s, box-shadow .25s, border-color .25s; } :where(main):has(> .list, > .catalog, > .product) .list__item-img-box { position: relative; display: grid; place-items: center; height: 224px; padding: 24px; background: radial-gradient(ellipse at center, #fff 25%, #f5f6fa 100%); } :where(main):has(> .list, > .catalog, > .product) .list__item-img-box img { width: 100%; height: 100%; object-fit: contain; } :where(main):has(> .list, > .catalog, > .product) .list__text-block { flex: 1; padding: 24px 66px 26px 24px; border-top: 1px solid #eef0f6; } :where(main):has(> .list, > .catalog, > .product) .list__item-title { font-size: clamp(17px, 1.6vw, 21px); font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; } :where(main):has(> .list, > .catalog, > .product) .list__item-qty { margin-top: 9px; color: var(--ct-muted); font-size: 13px; } :where(main):has(> .list, > .catalog, > .product) .list__arrow { position: absolute; right: 24px; bottom: 32px; width: 12px; height: 24px; } :where(main):has(> .list, > .catalog, > .product) .list__arrow path { fill: var(--ct-red); stroke: var(--ct-red); } :where(main):has(> .list, > .catalog, > .product) .label-new { position: absolute; top: 16px; left: 16px; padding: 6px 10px; border-radius: 99px; background: #eaf4ef; color: #247350; font-size: 10px; font-weight: 700; letter-spacing: .06em; } :where(main):has(> .list, > .catalog, > .product) .label-new::after { content: 'НОВИНКА'; } :where(main):has(> .list, > .catalog, > .product) .catalog__search-label { display: flex; align-items: center; gap: 16px; width: 100%; min-height: 64px; padding: 12px 22px; border: 1px solid var(--ct-line); border-radius: 16px; background: #fff; box-shadow: 0 8px 28px rgb(9 17 73 / 3%); transition: border-color .2s, box-shadow .2s; } :where(main):has(> .list, > .catalog, > .product) .catalog__search-label:focus-within { border-color: var(--ct-blue); box-shadow: 0 0 0 4px rgb(41 57 186 / 8%); } :where(main):has(> .list, > .catalog, > .product) .catalog__search-label > svg { width: 23px; height: 23px; flex-shrink: 0; } :where(main):has(> .list, > .catalog, > .product) .catalog__search-label input { width: 100%; min-width: 0; min-height: 36px; border: 0; outline: 0; background: transparent; color: var(--ct-ink); font-size: 16px; } :where(main):has(> .list, > .catalog, > .product) input::placeholder { color: #81869c; opacity: 1; } :where(main):has(> .list, > .catalog, > .product) .catalog-container-ajax { margin-top: 24px; } :where(main):has(> .list, > .catalog, > .product) .catalog__desc-box { margin-bottom: 28px; } :where(main):has(> .list, > .catalog, > .product) .catalog__desc { max-width: 900px; color: var(--ct-muted); font-size: 15px; line-height: 1.75; overflow-wrap: anywhere; } :where(main):has(> .list, > .catalog, > .product) .catalog__desc:empty { display: none; } :where(main):has(> .list, > .catalog, > .product) .catalog__categories { margin-bottom: 28px; min-width: 0; } :where(main):has(> .list, > .catalog, > .product) .catalog__category-btn { display: none; } :where(main):has(> .list, > .catalog, > .product) .catalog__category-list-wrap { display: block; } :where(main):has(> .list, > .catalog, > .product) .catalog__category-list-box { padding: 18px; background: #eef0fa; border: 1px solid #e0e4f3; border-radius: 18px; } :where(main):has(> .list, > .catalog, > .product) .catalog__category-list { display: flex; flex-wrap: wrap; gap: 8px; } :where(main):has(> .list, > .catalog, > .product) .catalog__category-list li { min-width: 0; max-width: 100%; list-style: none; } :where(main):has(> .list, > .catalog, > .product) .catalog__category-list a { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; padding: 10px 15px; color: var(--ct-ink); background: #fff; border: 1px solid #dde2f0; border-radius: 12px; font-size: 13px; font-weight: 500; line-height: 1.4; overflow-wrap: anywhere; } :where(main):has(> .list, > .catalog, > .product) .catalog__category-list :is(a.active, .active > a, .selected > a, a[aria-current='page']) { color: #fff; background: var(--ct-blue); border-color: var(--ct-blue); } :where(main):has(> .list, > .catalog, > .product) .catalog__category-list ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 6px 12px; padding-left: 12px; border-left: 2px solid #d4daf0; } :where(main):has(> .list, > .catalog, > .product) .catalog__category-list ul a { background: #f9faff; font-size: 12px; } :where(main):has(> .list, > .catalog, > .product) .catalog__content { display: grid; grid-template-columns: 254px minmax(0, 1fr); align-items: start; gap: 28px; } :where(main):has(> .list, > .catalog, > .product) .catalog__filter { min-width: 0; margin: 0; padding: 22px 18px; border: 1px solid var(--ct-line); border-radius: 18px; background: #fff; } :where(main):has(> .list, > .catalog, > .product) .filter__title { margin-bottom: 20px; color: var(--ct-ink); font-size: 22px; font-weight: 600; letter-spacing: -.03em; } :where(main):has(> .list, > .catalog, > .product) .filter__item { padding: 16px 0; border-top: 1px solid var(--ct-line); } :where(main):has(> .list, > .catalog, > .product) .filter__item-btn { display: flex; justify-content: space-between; align-items: center; gap: 12px; width: 100%; min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--ct-ink); text-align: left; font-size: 13px; font-weight: 600; } :where(main):has(> .list, > .catalog, > .product) .filter__item-btn::after { content: '+'; flex-shrink: 0; color: var(--ct-blue); font-size: 20px; font-weight: 400; } :where(main):has(> .list, > .catalog, > .product) .filter__item-btn.active::after { content: '−'; } :where(main):has(> .list, > .catalog, > .product) .filter__item-content { padding-top: 12px; } :where(main):has(> .list, > .catalog, > .product) .filter__item-search { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 0 10px; border: 1px solid var(--ct-line); border-radius: 9px; } :where(main):has(> .list, > .catalog, > .product) .filter__item-search input { width: 100%; min-width: 0; height: 42px; border: 0; background: transparent; color: var(--ct-ink); font-size: 12px; } :where(main):has(> .list, > .catalog, > .product) .filter__item-search svg { flex-shrink: 0; width: 16px; height: 16px; } :where(main):has(> .list, > .catalog, > .product) .filter__filters-box { max-height: 246px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #c1c8e0 transparent; } :where(main):has(> .list, > .catalog, > .product) .filter__checkbox-label { position: relative; display: flex; align-items: flex-start; gap: 10px; min-height: 40px; padding: 9px 4px; color: var(--ct-muted); cursor: pointer; font-size: 12px; line-height: 1.6; } :where(main):has(> .list, > .catalog, > .product) .filter__checkbox-icon { display: grid; place-items: center; width: 19px; height: 19px; flex: 0 0 19px; margin-top: 1px; border: 1px solid #cbd1e2; border-radius: 5px; background: #fff; } :where(main):has(> .list, > .catalog, > .product) .filter__checkbox-icon svg { width: 11px; height: 10px; opacity: 0; } :where(main):has(> .list, > .catalog, > .product) .filter__checkbox-label:has(input:checked) .filter__checkbox-icon { background: var(--ct-blue); border-color: var(--ct-blue); } :where(main):has(> .list, > .catalog, > .product) .filter__checkbox-label:has(input:checked) .filter__checkbox-icon svg { opacity: 1; } :where(main):has(> .list, > .catalog, > .product) .filter__checkbox-label input[type='checkbox'] { display: block !important; position: absolute; left: 4px; top: 10px; width: 19px; height: 19px; margin: 0; opacity: 0; cursor: pointer; } :where(main):has(> .list, > .catalog, > .product) .filter__checkbox-label:has(input:focus-visible) { outline: 2px solid var(--ct-blue); outline-offset: -2px; border-radius: 5px; } :where(main):has(> .list, > .catalog, > .product) .filter__checkbox-label.disabled { opacity: .45; } :where(main):has(> .list, > .catalog, > .product) .bx-filter-param-text { min-width: 0; overflow-wrap: anywhere; } :where(main):has(> .list, > .catalog, > .product) .bx-filter-parameters-box-container-block { display: inline-block; vertical-align: top; width: calc(50% - 4px); } :where(main):has(> .list, > .catalog, > .product) .bx-ft-sub { display: block; margin-bottom: 5px; color: var(--ct-muted); font-size: 11px; font-style: normal; } :where(main):has(> .list, > .catalog, > .product) .bx-filter-input-container input { width: 100%; min-height: 44px; padding: 8px; border: 1px solid var(--ct-line); border-radius: 8px; background: #fff; color: var(--ct-ink); font-size: 14px; } :where(main):has(> .list, > .catalog, > .product) .buttons-filter { margin: 14px 0 0; } :where(main):has(> .list, > .catalog, > .product) .buttons-filter input[type='submit'] { width: 100%; min-height: 46px; padding: 10px; border: 1px solid var(--ct-line); border-radius: 99px; color: var(--ct-blue); background: #f5f6fc; cursor: pointer; font-size: 12px; font-weight: 600; white-space: normal; } :where(main):has(> .list, > .catalog, > .product) .catalog__list-box { min-width: 0; } :where(main):has(> .list, > .catalog, > .product) .catalog__list-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 44px; margin-bottom: 20px; } :where(main):has(> .list, > .catalog, > .product) .catalog__header-box { min-width: 0; } :where(main):has(> .list, > .catalog, > .product) .catalog__qty { color: var(--ct-muted); font-size: 12px; line-height: 1.6; } :where(main):has(> .list, > .catalog, > .product) .catalog__view-buttons { display: flex; flex-shrink: 0; gap: 4px; padding: 4px; border: 1px solid var(--ct-line); border-radius: 12px; background: #fff; } :where(main):has(> .list, > .catalog, > .product) .catalog__view-btn { display: grid; place-items: center; width: 44px; height: 40px; padding: 10px; border: 0; border-radius: 8px; background: transparent; } :where(main):has(> .list, > .catalog, > .product) .catalog__view-btn svg { width: 20px; height: 20px; } :where(main):has(> .list, > .catalog, > .product) .catalog__view-btn rect { fill: #a5abc1; } :where(main):has(> .list, > .catalog, > .product) .catalog__view-btn.active { background: #edf0fd; } :where(main):has(> .list, > .catalog, > .product) .catalog__view-btn.active rect { fill: var(--ct-blue); } :where(main):has(> .list, > .catalog, > .product) .catalog__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } :where(main):has(> .list, > .catalog, > .product) .catalog__list + .catalog__list { margin-top: 18px; } :where(main):has(> .list, > .catalog, > .product) .catalog__item { position: relative; min-width: 0; height: auto; margin: 0; list-style: none; } :where(main):has(> .list, > .catalog, > .product) li.catalog__item > a, :where(main):has(> .list, > .catalog, > .product) a.catalog__item { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 18px; overflow: hidden; border: 1px solid var(--ct-line); border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgb(9 17 73 / 3%); transition: border-color .25s, box-shadow .25s, transform .25s; } :where(main):has(> .list, > .catalog, > .product) li.catalog__item > a.catalog__item { margin: 0; } :where(main):has(> .list, > .catalog, > .product) .catalog__item-img-box { position: relative; display: grid; place-items: center; order: 0; width: 100%; height: 174px; margin-bottom: 18px; overflow: hidden; border-radius: 10px; background: #fff; } :where(main):has(> .list, > .catalog, > .product) .catalog__item-img-box img { width: 100%; height: 100%; object-fit: contain; } :where(main):has(> .list, > .catalog, > .product) :is(.catalog__item-img-box, .list__item-img-box, .product__image-slide, .product__image-slide-thumb) { grid-template-rows: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); } :where(main):has(> .list, > .catalog, > .product) :is(.catalog__item-img-box, .list__item-img-box, .product__image-slide, .product__image-slide-thumb) img { min-height: 0; max-height: 100%; min-width: 0; } :where(main):has(> .list, > .catalog, > .product) .images > img:not(:first-child) { display: none; } :where(main):has(> .list, > .catalog, > .product) .images .hvr__images { width: 100%; height: 100%; } :where(main):has(> .list, > .catalog, > .product) .images .hvr__images img { display: none; } :where(main):has(> .list, > .catalog, > .product) .images .hvr__images .hvr__image--active { display: block; } :where(main):has(> .list, > .catalog, > .product) .images .hvr__sectors { position: absolute; inset: 0; display: flex; } :where(main):has(> .list, > .catalog, > .product) .images .hvr__sector { flex: 1; } :where(main):has(> .list, > .catalog, > .product) .images .hvr__dots { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; gap: 4px;} :where(main):has(> .list, > .catalog, > .product) .images .hvr__dot { width: 16px; height: 3px; border-radius: 3px; background: #e2e5ef; } :where(main):has(> .list, > .catalog, > .product) .images .hvr__dot--active { background: var(--ct-blue); } :where(main):has(> .list, > .catalog, > .product) .catalog__item-title { order: 1; min-width: 0; margin-bottom: 18px; overflow-wrap: anywhere; } :where(main):has(> .list, > .catalog, > .product) .catalog__item-title p:first-child { color: var(--ct-ink); font-size: 14px; font-weight: 600; line-height: 1.5; } :where(main):has(> .list, > .catalog, > .product) .catalog__item-title p + p { margin-top: 7px; color: var(--ct-muted); font-size: 11px; line-height: 1.6; } :where(main):has(> .list, > .catalog, > .product) .catalog__item-title p:empty { display: none; } :where(main):has(> .list, > .catalog, > .product) .catalog__item-btn { display: flex; justify-content: space-between; align-items: center; order: 2; gap: 8px; margin-top: auto; padding-top: 14px; border-top: 1px solid #edf0f6; color: var(--ct-blue); font-size: 12px; font-weight: 600; } :where(main):has(> .list, > .catalog, > .product) .catalog__item-btn::after { content: '↗'; color: var(--ct-red); font-size: 21px; line-height: 1; } :where(main):has(> .list, > .catalog, > .product) .catalog__list--lists { grid-template-columns: minmax(0, 1fr); } :where(main):has(> .list, > .catalog, > .product) .catalog__list--lists li.catalog__item > a { display: grid; grid-template-columns: 100px minmax(0, 1fr) 110px; align-items: center; gap: 20px; } :where(main):has(> .list, > .catalog, > .product) .catalog__list--lists .catalog__item-img-box { height: 90px; margin: 0; } :where(main):has(> .list, > .catalog, > .product) .catalog__list--lists .catalog__item-title { margin: 0; } :where(main):has(> .list, > .catalog, > .product) .catalog__list--lists .catalog__item-btn { margin: 0; padding: 0; border: 0; } :where(main):has(> .list, > .catalog, > .product) .catalog__btn { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 13px 24px; color: var(--ct-blue); background: #eef1fc; border: 1px solid #dce1f4; border-radius: 14px; font-size: 13px; font-weight: 600; } :where(main):has(> .list, > .catalog, > .product) .catalog__page-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 28px; } :where(main):has(> .list, > .catalog, > .product) :is(.page-pagination__item, .page-pagination__arrow) { display: grid; place-items: center; min-width: 44px; min-height: 44px; padding: 8px; border: 1px solid var(--ct-line); border-radius: 11px; color: var(--ct-muted); background: #fff; font-size: 13px; } :where(main):has(> .list, > .catalog, > .product) .catalog-pagin-ajax { cursor: pointer; } :where(main):has(> .list, > .catalog, > .product) .page-pagination__item.active { border-color: var(--ct-blue); background: var(--ct-blue); color: #fff; } :where(main):has(> .list, > .catalog, > .product) .disabled-btn { opacity: .35; pointer-events: none; } :where(main):has(> .list, > .catalog, > .product) .back-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin: 20px 0 0; color: var(--ct-muted); font-size: 12px; } :where(main):has(> .list, > .catalog, > .product) .back-link svg { width: 9px; height: 17px; } :where(main):has(> .list, > .catalog, > .product) .product__title { max-width: 1000px; font-size: clamp(28px, 3.4vw, 46px); } :where(main):has(> .list, > .catalog, > .product) .product__header { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: start; gap: clamp(24px, 4vw, 48px); } :where(main):has(> .list, > .catalog, > .product) .product__image-block { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 16px; min-width: 0; padding: 22px; border: 1px solid var(--ct-line); border-radius: 24px; background: #fff; } :where(main):has(> .list, > .catalog, > .product) .product__image-slider-thumb { width: 72px; max-height: 390px; min-width: 0; overflow: hidden; } :where(main):has(> .list, > .catalog, > .product) .product__image-slide-thumb { display: grid; place-items: center; height: 72px; padding: 7px; border: 1px solid var(--ct-line); border-radius: 10px; cursor: pointer; } :where(main):has(> .list, > .catalog, > .product) .product__image-slide-thumb.swiper-slide-thumb-active { border-color: var(--ct-blue); box-shadow: inset 0 0 0 1px var(--ct-blue); } :where(main):has(> .list, > .catalog, > .product) .product__image-slide-thumb img { width: 100%; height: 100%; object-fit: contain; } :where(main):has(> .list, > .catalog, > .product) .product__image-slider { position: relative; width: 100%; min-width: 0; overflow: hidden; } :where(main):has(> .list, > .catalog, > .product) .product__image-slide { display: grid; place-items: center; min-width: 0; height: 390px; padding: 12px 12px 56px; } :where(main):has(> .list, > .catalog, > .product) .product__image-slide img { width: 100%; height: 100%; object-fit: contain; } :where(main):has(> .list, > .catalog, > .product) .product__image-slider-arrows { position: absolute; z-index: 2; bottom: 0; right: 0; display: flex; flex-direction: row-reverse; gap: 8px; } :where(main):has(> .list, > .catalog, > .product) :is(.product__image-slider-next, .product__image-slider-prev, .slider-nav__arrow) { display: grid; place-items: center; width: 44px; height: 44px; padding: 13px; border: 1px solid var(--ct-line); border-radius: 50%; background: #fff; } :where(main):has(> .list, > .catalog, > .product) :is(.product__image-slider-next, .product__image-slider-prev) svg { width: 8px; height: 16px; } :where(main):has(> .list, > .catalog, > .product) .product__image-slider-prev svg { transform: rotate(180deg); } :where(main):has(> .list, > .catalog, > .product) .product__image-slider-pagination { grid-column: 1 / -1; text-align: center; } :where(main):has(> .list, > .catalog, > .product) .product__info-block { min-width: 0; padding-top: 8px; } :where(main):has(> .list, > .catalog, > .product) .product__info-list > li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding: 15px 0; border-bottom: 1px solid var(--ct-line); font-size: 14px; overflow-wrap: anywhere; } :where(main):has(> .list, > .catalog, > .product) .product__info-list > li > :first-child { color: var(--ct-muted); } :where(main):has(> .list, > .catalog, > .product) .product__info-list > li > :last-child { max-width: 100%; font-weight: 500; } :where(main):has(> .list, > .catalog, > .product) .product__info-list a { color: var(--ct-blue); text-decoration: underline; text-underline-offset: 3px; } :where(main):has(> .list, > .catalog, > .product) .product__buy-block { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; margin-top: 28px; } :where(main):has(> .list, > .catalog, > .product) .product__buy-block-left .button { display: inline-flex; align-items: center; justify-content: center; min-width: 170px; min-height: 54px; padding: 14px 30px; border: 0; border-radius: 99px; color: #fff; background: var(--ct-red); box-shadow: 0 8px 20px rgb(215 25 32 / 14%); font-size: 14px; font-weight: 600; } :where(main):has(> .list, > .catalog, > .product) .product__buy-block-right { max-width: 100%; color: var(--ct-muted); font-size: 12px; } :where(main):has(> .list, > .catalog, > .product) .product__description { margin-block: 36px; color: var(--ct-muted); font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; } :where(main):has(> .list, > .catalog, > .product) .product__description:empty { display: none; } :where(main):has(> .list, > .catalog, > .product) .product .tabs { margin-top: 36px; min-width: 0; } :where(main):has(> .list, > .catalog, > .product) .product .tabs__container { max-width: 100%; overflow-x: auto; scrollbar-width: thin; } :where(main):has(> .list, > .catalog, > .product) .product .tabs__tabs { display: flex; gap: 6px; width: max-content; min-width: 100%; padding: 6px; border-radius: 15px; background: #eceff7; } :where(main):has(> .list, > .catalog, > .product) .product .tabs__tab { display: flex; align-items: center; justify-content: center; flex: 1; min-height: 46px; padding: 12px 18px; border-radius: 10px; color: var(--ct-muted); cursor: pointer; font-size: 12px; font-weight: 600; white-space: nowrap; } :where(main):has(> .list, > .catalog, > .product) .product .tabs__tab.active { color: var(--ct-blue); background: #fff; box-shadow: 0 3px 10px rgb(9 17 73 / 5%); } :where(main):has(> .list, > .catalog, > .product) .product .tabs__content { margin-top: 20px; } :where(main):has(> .list, > .catalog, > .product) .product .tabs__tab-content { display: none; } :where(main):has(> .list, > .catalog, > .product) .product .tabs__tab-content.active { display: block; } :where(main):has(> .list, > .catalog, > .product) .product .tabs__tab-input { display: none; } :where(main):has(> .list, > .catalog, > .product) .product__tab-content { min-width: 0; padding: clamp(18px, 3vw, 32px); overflow-x: auto; border: 1px solid var(--ct-line); border-radius: 18px; background: #fff; color: var(--ct-ink); font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; } :where(main):has(> .list, > .catalog, > .product) .product__spec > li { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; padding: 14px 10px; border-bottom: 1px solid #edf0f6; } :where(main):has(> .list, > .catalog, > .product) .product__spec > li:nth-child(odd) { background: #f7f8fc; } :where(main):has(> .list, > .catalog, > .product) .product__spec > li > :first-child { color: var(--ct-muted); } :where(main):has(> .list, > .catalog, > .product) .product__spec > li > :last-child { max-width: 100%; } :where(main):has(> .list, > .catalog, > .product) .product__tab-content table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 12px; } :where(main):has(> .list, > .catalog, > .product) .product__tab-content :is(th, td) { padding: 14px 12px; border-bottom: 1px solid var(--ct-line); text-align: left; vertical-align: top; } :where(main):has(> .list, > .catalog, > .product) .product__tab-content th { background: #eef1fa; font-weight: 600; } :where(main):has(> .list, > .catalog, > .product) .product__tab-content tr:nth-child(even) td { background: #fafbfe; } :where(main):has(> .list, > .catalog, > .product) .product__techdoc { display: grid; gap: 10px; } :where(main):has(> .list, > .catalog, > .product) .product__techdoc li { display: flex; align-items: center; gap: 14px; min-height: 58px; padding: 14px; border: 1px solid var(--ct-line); border-radius: 12px; } :where(main):has(> .list, > .catalog, > .product) .product__techdoc svg { flex: 0 0 22px; } :where(main):has(> .list, > .catalog, > .product) .product__techdoc a { min-width: 0; text-decoration: underline; text-underline-offset: 3px; } :where(main):has(> .list, > .catalog, > .product) .swiper { position: relative; min-width: 0; } :where(main):has(> .list, > .catalog, > .product) .swiper-wrapper { position: relative; display: flex; width: 100%; box-sizing: content-box; } :where(main):has(> .list, > .catalog, > .product) .swiper-slide { flex-shrink: 0; } :where(main):has(> .list, > .catalog, > .product) .swiper-initialized { touch-action: pan-y; } :where(main):has(> .list, > .catalog, > .product) .swiper-vertical > .swiper-wrapper { flex-direction: column; } :where(main):has(> .list, > .catalog, > .product) .swiper-button-disabled { opacity: .35; cursor: default; } :where(main):has(> .list, > .catalog, > .product) .swiper-pagination-bullet { display: inline-block; width: 7px; height: 7px; margin: 0 4px; border-radius: 50%; background: #d3d9eb; } :where(main):has(> .list, > .catalog, > .product) .swiper-pagination-bullet-active { background: var(--ct-blue); } :where(main):has(> .list, > .catalog, > .product) .product__image-slider:not(.swiper-initialized) .swiper-wrapper { overflow-x: auto; scroll-snap-type: x mandatory; } :where(main):has(> .list, > .catalog, > .product) .product__image-slider:not(.swiper-initialized) .swiper-slide { width: 100%; scroll-snap-align: start; } :where(main):has(> .list, > .catalog, > .product) .product__image-slider-thumb:not(.swiper-initialized) .swiper-wrapper { flex-direction: column; gap: 10px; max-height: 390px; overflow-y: auto; } :where(main):has(> .list, > .catalog, > .product) .product__image-slider:not(.swiper-initialized) .product__image-slider-arrows { display: none; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider { margin-top: 12px; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider__title-box { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; margin-bottom: 28px; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider__title { color: var(--ct-blue); font-size: clamp(24px, 2.8vw, 34px); font-weight: 600; letter-spacing: -.035em; line-height: 1.2; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider__title-box > a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 20px; border: 1px solid var(--ct-line); border-radius: 99px; background: #fff; font-size: 12px; font-weight: 600; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider__separator { display: none; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider__slider { overflow: hidden; padding-bottom: 2px; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider__slider > .swiper-wrapper { align-items: stretch; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider__slider a.catalog__item { height: auto; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider__slider:not(.swiper-initialized) { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; padding-bottom: 14px; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider__slider:not(.swiper-initialized) > .swiper-wrapper { gap: 20px; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider__slider:not(.swiper-initialized) .swiper-slide { width: calc((100% - 60px) / 4); scroll-snap-align: start; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider__slider-nav { margin-top: 20px; } :where(main):has(> .list, > .catalog, > .product) .slider-nav__nav-content { display: flex; justify-content: flex-end; align-items: center; gap: 20px; } :where(main):has(> .list, > .catalog, > .product) .slider-nav__number { color: var(--ct-muted); font-size: 12px; } :where(main):has(> .list, > .catalog, > .product) .slider-nav__arrows { display: flex; gap: 8px; } :where(main):has(> .list, > .catalog, > .product) .slider-nav__arrow.prev svg { transform: rotate(180deg); } :where(main):has(> .list, > .catalog, > .product) .catalog-slider:has(.catalog-slider__slider:not(.swiper-initialized)) .catalog-slider__slider-nav { display: none; } @media (hover: hover) { :where(main):has(> .list, > .catalog, > .product) .list__item > a:hover { transform: translateY(-4px); border-color: #bfc7ee; box-shadow: 0 18px 42px rgb(9 17 73 / 9%); } :where(main):has(> .list, > .catalog, > .product) li.catalog__item > a:hover, :where(main):has(> .list, > .catalog, > .product) a.catalog__item:hover { border-color: #bfc7ee; box-shadow: 0 14px 32px rgb(9 17 73 / 8%); } :where(main):has(> .list, > .catalog, > .product) .catalog__category-list a:hover, :where(main):has(> .list, > .catalog, > .product) .catalog-pagin-ajax:hover, :where(main):has(> .list, > .catalog, > .product) .catalog__btn:hover { color: var(--ct-blue); border-color: #b3bdeb; background: #f0f2ff; } :where(main):has(> .list, > .catalog, > .product) .product__buy-block-left .button:hover { background: #bc1117; } } @media (min-width: 1025px) { :where(main):has(> .list, > .catalog, > .product) .catalog-slider > .container > .catalog__list--lists { grid-template-columns: repeat(3, minmax(0, 1fr)); } :where(main):has(> .list, > .catalog, > .product) .catalog-slider > .container > .catalog__list--lists li.catalog__item > a { display: flex; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider > .container > .catalog__list--lists .catalog__item-img-box { height: 190px; margin-bottom: 18px; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider > .container > .catalog__list--lists .catalog__item-title { margin-bottom: 18px; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider > .container > .catalog__list--lists .catalog__item-btn { margin-top: auto; padding-top: 14px; border-top: 1px solid #edf0f6; } } @media (max-width: 1100px) { :where(main):has(> .list, > .catalog, > .product) .catalog__content { grid-template-columns: 228px minmax(0, 1fr); gap: 20px; } :where(main):has(> .list, > .catalog, > .product) .catalog__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } :where(main):has(> .list, > .catalog, > .product) .catalog__list--lists { grid-template-columns: minmax(0, 1fr); } :where(main):has(> .list, > .catalog, > .product) .catalog__list--lists li.catalog__item > a { grid-template-columns: 80px minmax(0, 1fr); gap: 12px 18px; } :where(main):has(> .list, > .catalog, > .product) .catalog__list--lists .catalog__item-img-box { grid-row: span 2; height: 90px; } :where(main):has(> .list, > .catalog, > .product) .catalog__list--lists .catalog__item-btn { grid-column: 2; justify-content: flex-start; } :where(main):has(> .list, > .catalog, > .product) .product__image-block { grid-template-columns: minmax(0, 1fr); } :where(main):has(> .list, > .catalog, > .product) .product__image-slider-thumb { display: none; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider__slider:not(.swiper-initialized) .swiper-slide { width: calc((100% - 40px) / 3); } } @media (max-width: 767px) { :where(main):has(> .list, > .catalog, > .product) { padding-bottom: 36px; } :where(main):has(> .list, > .catalog, > .product) :is(.list, .catalog, .product, .catalog-slider) { padding-block: 24px; } :where(main):has(> .list, > .catalog, > .product) .list__content { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } :where(main):has(> .list, > .catalog, > .product) .list__item > a { min-height: 280px; } :where(main):has(> .list, > .catalog, > .product) .list__item-img-box { height: 180px; padding: 18px; } :where(main):has(> .list, > .catalog, > .product) .list__text-block { padding: 18px 38px 20px 18px; } :where(main):has(> .list, > .catalog, > .product) .list__item-title { font-size: 15px; } :where(main):has(> .list, > .catalog, > .product) .list__arrow { right: 16px; bottom: 26px; width: 9px; height: 18px; } :where(main):has(> .list, > .catalog, > .product) .catalog__content { grid-template-columns: minmax(0, 1fr); gap: 24px; } :where(main):has(> .list, > .catalog, > .product) .catalog__filter { position: static; inset: auto; display: block; width: 100%; max-height: none; transform: none; visibility: visible; opacity: 1; padding: 18px; } :where(main):has(> .list, > .catalog, > .product) .filter__title { margin-bottom: 12px; font-size: 20px; } :where(main):has(> .list, > .catalog, > .product) .filter__item { padding-block: 10px; } :where(main):has(> .list, > .catalog, > .product) .filter__item-btn { font-size: 14px; } :where(main):has(> .list, > .catalog, > .product) .filter__checkbox-label { font-size: 13px; min-height: 44px; } :where(main):has(> .list, > .catalog, > .product) .filter__item-search input { font-size: 16px; } :where(main):has(> .list, > .catalog, > .product) .filter__filters-box { max-height: 180px; } :where(main):has(> .list, > .catalog, > .product) .catalog__category-list-box { padding: 12px; } :where(main):has(> .list, > .catalog, > .product) .catalog__category-list a { font-size: 12px; padding: 10px 12px; } :where(main):has(> .list, > .catalog, > .product) .catalog__search-label { padding: 10px 14px; min-height: 58px; gap: 10px; } :where(main):has(> .list, > .catalog, > .product) .catalog__search-label input::placeholder { font-size: 12px; } :where(main):has(> .list, > .catalog, > .product) .catalog__desc { font-size: 14px; } :where(main):has(> .list, > .catalog, > .product) .catalog__list { gap: 14px; } :where(main):has(> .list, > .catalog, > .product) li.catalog__item > a, :where(main):has(> .list, > .catalog, > .product) a.catalog__item { padding: 14px; border-radius: 15px; } :where(main):has(> .list, > .catalog, > .product) .catalog__item-img-box { height: 170px; } :where(main):has(> .list, > .catalog, > .product) .product__header { grid-template-columns: minmax(0, 1fr); gap: 24px; } :where(main):has(> .list, > .catalog, > .product) .product__image-block { padding: 18px; } :where(main):has(> .list, > .catalog, > .product) .product__image-slide { height: 340px; padding-bottom: 12px; } :where(main):has(> .list, > .catalog, > .product) .product__image-slider-arrows { position: relative; justify-content: flex-start; margin-top: 12px; } :where(main):has(> .list, > .catalog, > .product) .product__image-slider-pagination { display: block; } :where(main):has(> .list, > .catalog, > .product) .product__info-block { padding-top: 0; } :where(main):has(> .list, > .catalog, > .product) .product__description { margin-block: 24px; font-size: 14px; } :where(main):has(> .list, > .catalog, > .product) .product .tabs { margin-top: 24px; } :where(main):has(> .list, > .catalog, > .product) .product .tabs__tab { min-height: 46px; padding: 10px 14px; } :where(main):has(> .list, > .catalog, > .product) .product__tab-content { padding: 16px; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider__slider:not(.swiper-initialized) .swiper-slide { width: calc((100% - 20px) / 2); } :where(main):has(> .list, > .catalog, > .product) .catalog__page-pagination { gap: 4px; } :where(main):has(> .list, > .catalog, > .product) :is(.page-pagination__item, .page-pagination__arrow) { min-width: 40px; padding: 6px; } } @media (max-width: 479px) { :where(main):has(> .list, > .catalog, > .product) .list__content { grid-template-columns: minmax(0, 1fr); } :where(main):has(> .list, > .catalog, > .product) .list__item > a { display: grid; grid-template-columns: 108px minmax(0, 1fr); align-items: center; min-height: 140px; } :where(main):has(> .list, > .catalog, > .product) .list__item-img-box { height: 138px; padding: 12px; } :where(main):has(> .list, > .catalog, > .product) .list__text-block { padding: 18px 30px 18px 14px; border: 0; } :where(main):has(> .list, > .catalog, > .product) .list__arrow { right: 12px; bottom: calc(50% - 8px); } :where(main):has(> .list, > .catalog, > .product) .catalog__list { grid-template-columns: minmax(0, 1fr); } :where(main):has(> .list, > .catalog, > .product) .catalog__item-img-box { height: 220px; } :where(main):has(> .list, > .catalog, > .product) .catalog__item-title p:first-child { font-size: 15px; } :where(main):has(> .list, > .catalog, > .product) .catalog__list-header { gap: 10px; } :where(main):has(> .list, > .catalog, > .product) .catalog__view-buttons { gap: 0; padding: 2px; } :where(main):has(> .list, > .catalog, > .product) .catalog__view-btn { width: 40px; height: 40px; } :where(main):has(> .list, > .catalog, > .product) .product__image-slide { height: 280px; } :where(main):has(> .list, > .catalog, > .product) .product__buy-block-left { width: 100%; } :where(main):has(> .list, > .catalog, > .product) .product__buy-block-left .button { width: 100%; } :where(main):has(> .list, > .catalog, > .product) .product__info-list > li { font-size: 13px; } :where(main):has(> .list, > .catalog, > .product) .product__spec > li { display: block; padding: 12px; } :where(main):has(> .list, > .catalog, > .product) .product__spec > li > * { display: block; } :where(main):has(> .list, > .catalog, > .product) .product__spec > li > * + * { margin-top: 5px; } :where(main):has(> .list, > .catalog, > .product) .catalog-slider__slider:not(.swiper-initialized) .swiper-slide { width: 82%; } } @media (prefers-reduced-motion: reduce) { :where(main):has(> .list, > .catalog, > .product) *, :where(main):has(> .list, > .catalog, > .product) *::before, :where(main):has(> .list, > .catalog, > .product) *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } :where(main):has(> .list, > .catalog, > .product) .list__item > a:hover { transform: none; } } @media print { :where(main):has(> .list, > .catalog, > .product) :is(.catalog__filter, .catalog__categories, .catalog__search-label, .catalog__view-buttons, .catalog__page-pagination, .product__buy-block, .back-link, .slider-nav) { display: none; } :where(main):has(> .list, > .catalog, > .product) .catalog__content, :where(main):has(> .list, > .catalog, > .product) .product__header { display: block; } :where(main):has(> .list, > .catalog, > .product) .product .tabs__tab-content { display: block; margin-top: 18px; } :where(main):has(> .list, > .catalog, > .product) li.catalog__item > a, :where(main):has(> .list, > .catalog, > .product) a.catalog__item { box-shadow: none; break-inside: avoid; } } .catalog .catalog__categories { margin-block: 0 28px; border: 1px solid #dfe3ef; border-radius: 18px; background: #fff; overflow: hidden; } .catalog .catalog__categories .catalog__category-btn { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; min-height: 64px; padding: 18px 24px; border: 0; border-radius: 0; background: var(--color-primary, #2939ba); color: #fff; text-align: left; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; } .catalog .catalog__categories .catalog__category-btn svg { flex: 0 0 12px; width: 12px; height: 18px; } .catalog .catalog__categories .catalog__category-btn.active svg { transform: rotate(180deg); } .catalog .catalog__categories .catalog__category-btn .show { display: none; } .catalog .catalog__categories .catalog__category-btn .hide { display: inline; } .catalog .catalog__categories .catalog__category-btn.active .show { display: inline; } .catalog .catalog__categories .catalog__category-btn.active .hide { display: none; } .catalog .catalog__categories .catalog__category-list-wrap { position: static; width: 100%; max-width: none; } .catalog .catalog__categories .catalog__category-list-box { position: static; width: 100%; max-width: none; margin: 0; padding: 22px; border: 0; border-radius: 0; background: #fff; box-shadow: none; } .catalog .catalog__categories .catalog__category-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; gap: 12px; width: 100%; margin: 0; padding: 0; border: 0; list-style: none; } .catalog .catalog__categories .catalog__category-item { position: static; min-width: 0; max-width: 100%; margin: 0; padding: 0; list-style: none; } .catalog .catalog__categories .catalog__category-item > label { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 76px; height: 100%; margin: 0; padding: 16px; border: 1px solid #e7eaf3; border-radius: 12px; background: #f7f8fc; color: #555d7b; cursor: pointer; text-align: center; font-size: 13px; font-weight: 600; line-height: 1.5; transition: background .2s, border-color .2s, color .2s; } .catalog .catalog__categories .catalog__category-item > label > span { min-width: 0; overflow-wrap: anywhere; } .catalog .catalog__categories .catalog__category-item > label > input[type='radio'] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; opacity: 0; } .catalog .catalog__categories .catalog__category-item.active > label, .catalog .catalog__categories .catalog__category-item > label:has(input:checked) { border-color: var(--color-primary, #2939ba); background: var(--color-primary, #2939ba); color: #fff; box-shadow: 0 6px 16px rgb(41 57 186 / 12%); } .catalog .catalog__categories .catalog__category-item > label:has(input:focus-visible) { outline: 3px solid #8794ed; outline-offset: 3px; } .catalog .catalog__categories .catalog__category-item > .catalog__category-list-box { display: none; } .catalog .catalog__categories .catalog__category-item > .catalog__category-list-box.active { display: block; margin-top: 14px; padding: 16px; border: 1px solid #e1e5f2; border-radius: 14px; background: #f5f6fb; } .catalog .catalog__categories .catalog__category-item:has(> .catalog__category-list-box.active) { grid-column: 1 / -1; } .catalog .catalog__categories .catalog__category-item:has(> .catalog__category-list-box.active) > label { min-height: 52px; height: auto; justify-content: flex-start; text-align: left; } .catalog .catalog__categories .catalog__category-back-link { display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; width: auto; max-width: 100%; min-height: 44px; margin: 0 0 12px; padding: 8px 12px; border: 1px solid #dce1ef; border-radius: 10px; background: #fff; color: var(--color-primary, #2939ba); font: inherit; font-size: 12px; font-weight: 600; text-align: left; cursor: pointer; } .catalog .catalog__categories .catalog__category-back-link svg { flex: 0 0 8px; width: 8px; height: 16px; } .catalog .catalog__categories .catalog__category-back-link span { overflow-wrap: anywhere; } .catalog .catalog__categories .catalog__category-close { display: none; } @media (hover: hover) { .catalog .catalog__categories .catalog__category-item:not(.active) > label:hover { border-color: #bac3ed; background: #eceffd; color: var(--color-primary, #2939ba); } } @media (max-width: 1023px) { .catalog .catalog__categories .catalog__category-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 767px) { .catalog .catalog__categories .catalog__category-btn { min-height: 56px; padding: 16px; font-size: 14px; } .catalog .catalog__categories .catalog__category-list-box { padding: 14px; } .catalog .catalog__categories .catalog__category-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .catalog .catalog__categories .catalog__category-item > label { min-height: 68px; padding: 12px; font-size: 12px; } .catalog .catalog__categories .catalog__category-item > .catalog__category-list-box.active { padding: 10px; } } @media (max-width: 359px) { .catalog .catalog__categories .catalog__category-list { grid-template-columns: minmax(0, 1fr); } .catalog .catalog__categories .catalog__category-item > label { min-height: 48px; justify-content: flex-start; text-align: left; } } @media (prefers-reduced-motion: reduce) { .catalog .catalog__categories .catalog__category-item > label { transition: none; } } .product { min-width: 0; overflow-wrap: anywhere; } .product .product__header > *, .product .product__buy-block > *, .product .product__buy-block-right > * { min-width: 0; max-width: 100%; } .product .product__buy-block { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 22px; } .product .product__buy-block-right { flex: 1 1 220px; width: auto; max-width: 100%; margin: 0; padding: 0; overflow-wrap: anywhere; text-align: left; } .product .product__buy-block-right :is(h1, h2, h3, h4, p, span, b, strong, div) { max-width: 100%; font-size: 13px; line-height: 1.5; white-space: normal; } .product .product__buy-block-right :is(ul, .ya-share2__list) { display: flex; flex-wrap: wrap; gap: 6px; max-width: 100%; margin: 8px 0 0; padding: 0; list-style: none; } .product .product__buy-block-right [style*='right'] { text-align: left !important; } .product .product__info-list li, .product .product__spec li { min-width: 0; max-width: 100%; overflow-wrap: anywhere; } .product .product__spec li > *, .product .product__spec-box { min-width: 0; max-width: 100%; } .product .product__tab-content :is(table, img, iframe) { max-width: 100%; } /* В прежнем CSS минимальная ширина 760px ошибочно применялась ко всем таблицам. */ :where(main):has(> .product) .product__tab-content table { width: 100%; min-width: 0; table-layout: fixed; } :where(main):has(> .product) .product__tab-content :is(th, td) { overflow-wrap: anywhere; white-space: normal; } :where(main):has(> .product) #apply-tab + .product__tab-content table { min-width: 760px; table-layout: auto; } .product .product__tab-content { min-width: 0; max-width: 100%; } .product .product__spec { min-width: 0; max-width: 100%; } .product .product__spec :is(p, div, span) { white-space: normal; overflow-wrap: anywhere; } .product .tabs[data-md-tabs-ready] .tabs__tab-content[hidden] { display: none !important; } .product .tabs[data-md-tabs-ready] .tabs__tab-content:not([hidden]) { display: block; } .product .tabs__container { scroll-padding-inline: 6px; } .product .tabs { scroll-margin-top: 110px; } .product .tabs__tab[role='tab']:focus-visible { outline: 2px solid var(--color-primary, #2939ba); outline-offset: -3px; } .product .product__image-block, .product .product__image-slider, .product .product__image-slider-thumb { min-width: 0; max-width: 100%; } .product .product__image-slider-thumb { scrollbar-width: thin; scrollbar-color: #c1c8e0 transparent; } @media (max-width: 767px) { .product .product__buy-block-right { flex-basis: 100%; } :where(main):has(> .product) .product__tab-content :is(th, td) { padding: 10px 8px; } } /* End */ /* Start:/local/templates/.default/components/bitrix/news.list/catalog/style.css?17926923721093*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* images обязательные стили */ .hvr__images { position: relative; } .hvr__sectors { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; } .hvr__sector { flex-grow: 1; } /* не обязательные стили */ .images img { display: none; } .images img:first-child { display: block; } .images { display: flex; overflow: hidden; } .image { display: block; max-width: 450px; width: 100%; height: auto; } .catalog__list--lists .hvr__dots { display: flex; align-items: center; justify-content: center; padding-bottom: 2rem; width: auto; position: initial; } .hvr__dots { display: flex; align-items: center; justify-content: center; /*padding-bottom: 2rem;*/ position: absolute; top: 23rem; width: 80%; } .hvr__dot { width: 5px; height: 5px; margin: 10px 2px 0; border-radius: 50%; background: #ccd1d6; } .hvr__dot--active { background: #014A93; } /* End */ /* /local/templates/motordetal/assets/css/catalog.css?179368868450097 */ /* /local/templates/.default/components/bitrix/news.list/catalog/style.css?17926923721093 */