

/* Start:/local/components/moto/catalog.detail/templates/redesign_07_2026/style.css?178695257264975*/
.filter-size__elem.active span {
    color: #fff;
    font-weight: bold;
    background-color: #ff6b00;
}

#modalQuestion .label-error {
    top: unset !important;
}

.page-detail__product .number .minus,
.page-detail__product .number .plus,
.page-detail__product .number input {
    height: 38px;
}

.page-detail__product .product-info__elem {
    width: 100%;
}

.banner-promo {
    margin-top: 10px !important;
}


.filter-size__elem {
    max-width: 100%;
    width: auto;
    min-width: calc(100% / 6 - 40px);
    border: 1px solid #212121;
    margin: 0 20px 15px;
}

/* ===== Hero redesign (брюки Desktop-1920 / 1920+) ===== */
.part_redesign {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.part_redesign:not(:last-child),
.page-content--redesign:not(:last-child) {
    margin-bottom: 32px;
}

.part_redesign .slider-gallery__top {
    height: auto;
    margin-bottom: 12px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.part_redesign .slider-gallery__image picture {
    height: 100%;
}

.part_redesign .slider-gallery__image img {
    width: 100%;
    max-height: unset;
    height: 100%;
    object-fit: cover;
}

.part_redesign .swiper-arrows__left,
.part_redesign .swiper-arrows__right {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    width: 60px;
    min-height: 60px;
    height: 60px;
}

.part_redesign .swiper-arrows__left {
    left: -25px;
}

.part_redesign .swiper-arrows__right {
    right: -25px;
}

.part_redesign .swiper-arrows .icon {
    min-width: 9px;
    width: 9px;
    min-height: 31px;
    height: 31px;
    color: #212121;
}

.part_redesign .slider-gallery__top .label {
    position: absolute;
    top: 4px;
    left: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 124px;
    max-width: calc(100% - 64px);
    width: auto;
    min-height: 24px;
    height: 24px;
    padding: 0 12px;
    background-color: #FF6B00;
    color: #FFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: 400;
    line-height: 135%;
    text-align: center;
}

.page-content--redesign .part__slider .slider-nav {
    margin-bottom: 8px;
}

.page-content--redesign .part__slider .slider-nav__elem:not(:last-child) {
    margin-right: 12px;
}

.page-content--redesign .slider-nav .icon {
    min-width: 21px;
    width: 21px;
    min-height: 9px;
    height: 9px;
    color: #212121;
}

.page-content--redesign .swiper-arrows .swiper-button-disabled,
.page-content--redesign .slider-nav .swiper-button-disabled {
    transition: 0.3s ease-in-out;
}

.page-content--redesign .swiper-arrows .swiper-button-disabled,
.page-content--redesign .slider-nav .swiper-button-disabled {
    opacity: 0.5;
}

.page-content--redesign .part__slider .swiper-arrows svg {
    opacity: 1;
}

/* Pre-init Swiper: держим слайды в ряд, без вертикального стека */
.part_redesign .js-sliderGallery>.swiper-container,
.part_redesign .js-sliderGalleryThumbs .swiper-container {
    overflow: hidden;
}

.part_redesign .js-sliderGallery>.swiper-container>.swiper-wrapper,
.part_redesign .js-sliderGalleryThumbs .swiper-container>.swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    box-sizing: content-box;
}

.part_redesign .js-sliderGallery>.swiper-container>.swiper-wrapper>.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

/* thumbs: как slidesPerView: 4, spaceBetween: 20 */
.part_redesign .js-sliderGalleryThumbs .swiper-container>.swiper-wrapper>.swiper-slide {
    flex-shrink: 0;
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    height: auto;
    box-sizing: border-box;
}

.part_redesign .slider-thumbs .swiper-slide-thumb-active {
    border: 1px solid #A1A1A1;
}

.part_redesign .slider-thumbs .slider-gallery__item {
    height: auto;
    aspect-ratio: 1 / 1;
}

.part_redesign .slider-thumbs .slider-gallery__item picture,
.part_redesign .slider-thumbs .slider-gallery__item img {
    display: block;
    width: 100%;
    max-height: unset;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.part_redesign .slider-gallery__bottom .swiper-scrollbar {
    display: none;
}

.part_redesign .part__slider,
.part_redesign .part__content {
    width: 100%;
    max-width: none;
}

.part_redesign .part__content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.part_redesign .product-type_logo {
    align-self: center;
    width: 100%;
    padding-bottom: 12px;
    line-height: 1;
    border-bottom: 1px solid #212121;
}

.part_redesign .product-type_logo img {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
}

.part_redesign .product-type_logo a,
.part_redesign .product-type_logo span {
    display: block;
    text-align: center;
    color: #212121;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    text-decoration: none;
    text-transform: uppercase;
}

.part_redesign .product-type_logo a:hover {
    text-decoration: underline;
}

.part_redesign .product-title {
    color: #212121;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 130%;
}

.part_redesign .product-title:not(:last-child),
.part_redesign .product-subtitle:not(:last-child),
.part_redesign .part__info:not(:last-child) {
    margin-bottom: 12px;
}

.part_redesign .product-subtitle {
    color: #A1A1A1;
    font-size: 24px;
    font-weight: 400;
    line-height: 116%;
}

.part_redesign .part__info {
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 24px;
}

.part_redesign .part__info-left {
    width: auto;
}

.part_redesign .part__price {
    align-items: baseline;
    margin: 0;
}

.part_redesign .part__price-title {
    color: #212121;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.2;
    white-space: nowrap;
}

.part_redesign .part__price-subtitle {
    color: #212121;
    font-weight: 400;
    font-size: 24px;
    line-height: 116%;
    white-space: nowrap;
}

.part_redesign .part__price-subtitle:not(:last-child) {
    margin-right: 16px;
}

.part_redesign .part__info-right {
    margin: unset;
}

.part_redesign .part__info .pattern {
    margin: unset;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 36px;
    height: 36px;
    padding: 0 6px;
    color: #FFF;
    background-color: #FF6B00;
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
}

.part_redesign .part__info img {
    display: none;
}

.part_redesign .part__info .pattern-text {
    position: static;
    top: unset;
    left: unset;
    transform: unset;
}

.part_redesign .part__preview {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ff6b00;
    color: #212121;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 115%;
    transition: border-color 0.2s ease;
}

.part_redesign .part__preview:hover {
    border-bottom-color: #212121;
}

.part_redesign .part__preview::before {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 19px;
    width: 19px;
    min-height: 5px;
    height: 5px;
    background-color: #ff6b00;
    -webkit-mask: url('/local/components/moto/catalog.detail/templates/redesign_07_2026/img/icons/stroke-colored-chevron-down.svg') no-repeat center / contain;
    mask: url('/local/components/moto/catalog.detail/templates/redesign_07_2026/img/icons/stroke-colored-chevron-down.svg') no-repeat center / contain;
    transition: background-color 0.2s ease;
}

.part_redesign .part__preview:hover::before {
    background-color: #212121;
}

.part_redesign .part__size {
    position: relative;
}

.part_redesign .part__size:not(:last-child) {
    margin-bottom: 10px;
}

.part_redesign .part__size-table {
    display: block;
    color: #000;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 135%;
    text-align: right;
    text-decoration: underline;
}

.part_redesign .part__size-table:not(:last-child) {
    margin-bottom: 8px;
}

.part_redesign .part__size .filter-size {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 0;
    border-top: 1px solid #212121;
    border-left: 1px solid #212121;
    background-color: #fff;
    color: #000;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 135%;
}

.part_redesign .part__size .filter-size__elem {
    min-width: calc(100% / 7);
    width: calc(100% / 7);
    margin: 0;
    border: none;
    border-right: 1px solid #212121;
    border-bottom: 1px solid #212121;
    background-color: #fff;
    box-sizing: border-box;
}

.part_redesign .part__size .filter-size__elem.filter-size__elem--letter {
    min-width: calc(100% / 3);
    width: calc(100% / 3);
}

.part_redesign .part__size .filter-size__elem .button-checkbox,
.part_redesign .part__size .filter-size__elem span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: unset;
    padding: unset;
    color: #212121;
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    text-transform: unset;
    transition: color 0.2s ease, font-weight 0.2s ease;
}

.part_redesign .part__size .filter-size__elem.active .button-checkbox,
.part_redesign .part__size .filter-size__elem.active span {
    background-color: #ff6b00;
    color: #fff;
    font-weight: 700;
}

.part_redesign .part__size .filter-size__elem:not(.active):hover .button-checkbox,
.part_redesign .part__size .filter-size__elem:not(.active):hover span {
    color: #FF6900;
    font-weight: 700;
}

.part_redesign .part__size .filter-size__elem .radio-button-hover {
    display: none;
}

.part_redesign .button-checkbox:hover .radio-button-hover {
    display: flex;
    top: calc(-100% - 2px);
    right: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: 40px;
    margin: 0;
    color: #fff;
}

.part_redesign .part__code {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 100%;
    width: 100%;
    padding: unset;
    border: none;
    font-size: 14px;
    line-height: 135%;
}

.part_redesign .part__code:not(:last-child) {
    margin-bottom: 24px;
}

.part_redesign .part__code .slider-card__info-name {
    width: 100%;
    margin: unset;
    padding: unset;
    font-size: 14px;
    line-height: 135%;
    color: #A1A1A1;
    text-align: left;
}

.part_redesign .part__code .slider-card__info-name b {
    color: #000;
}

.part_redesign .part__nav {
    display: flex;
    align-items: stretch;
    gap: 2px;
    width: 100%;
}

.part_redesign .part__count {
    flex: 0 0 auto;
}

.part_redesign .part__count:not(:last-child) {
    margin-right: unset;
}

.part_redesign .part__count .number {
    position: relative;
    display: flex;
    gap: 2px;
    max-width: unset;
    min-width: 112px;
    width: auto;
    min-height: 36px;
    height: 36px;
    border: none;
}

.part_redesign .part__count .number__item,
.part_redesign .part__count .number__input {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 36px;
    min-height: 36px;
    height: 36px;
    margin: unset;
    padding: 0 6px;
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

.part_redesign .part__count .number__item {
    position: relative;
    right: unset;
    bottom: unset;
    flex: 0 0 36px;
    width: 36px;
}

.part_redesign .part__count .number__input {
    flex: 0 0 auto;
    max-width: none;
    /* content (до 2 символов) + padding 6+6 + border 1+1 */
    width: calc(2ch + 12px + 2px);
    field-sizing: content;
    text-align: center;
}

.part_redesign .part__count .number__item:before {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: unset;
    border: none;
    transform: unset;
}

.part_redesign .part__count .minus:before {
    content: '-';
}

.part_redesign .part__count .plus:before {
    content: '+';
}

.part_redesign .part__count .number__item.js-plus:hover,
.part_redesign .part__count .number__item.js-minus:hover {
    color: #ff6b00;
}

.part_redesign .part__nav>.part__button {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
    margin: unset;
}

.part_redesign .part__nav>.part__button .button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    min-height: 36px;
    height: 36px;
    padding: 0 12px;
    background: #ff6b00;
    border-color: #ff6b00;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}

.part_redesign .part__nav>.part__button .button:hover {
    background: #212121;
    border-color: #212121;
}

.part_redesign .part__nav>.part__button .button:not(.button_has_icon) {
    min-width: 0;
}

.part_redesign .part__nav>.part__button .button:not(.button_has_icon) .button-text {
    max-width: none;
    margin: 0;
}

.part_redesign .part__nav>.part__button .button-text {
    width: auto;
    color: #fff;
    text-transform: lowercase;
    font-weight: 700;
    white-space: nowrap;
}

.part_redesign .part__nav>.part__button .icon {
    flex-shrink: 0;
    min-width: 20px;
    width: 20px;
    min-height: 20px;
    height: 20px;
}

/* ===== Redesign: tabs ===== */
.page-content--redesign .part__tabs:not(:last-child) {
    margin-bottom: 32px;
}

.page-content--redesign .page-tabs__head {
    padding: unset;
    border: none;
}

.page-content--redesign .page-tabs__head:not(:last-child) {
    margin-bottom: 24px;
}

.page-content--redesign .tabs-buttons {
    gap: 4px;
}

.page-content--redesign .tabs-button {
    flex: 1 1 0;
    min-height: 36px;
    height: 36px;
    margin: unset;
    padding: 0 6px;
    border: none;
    border-bottom: 2px solid transparent;
    text-transform: unset;
    background-color: #D9D9D9;
    color: #000;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    transition: 0.3s ease-in-out;
}

.page-content--redesign .tabs-button.active {
    border-color: #FF6900;
}

.page-content--redesign .tabs-button:hover {
    color: #ff6b00;
}

.page-content--redesign .tabs-button:not(.active):before {
    content: none;
}

/* Якорные секции вместо табов: все панели видны */
.page-content--redesign .js-tab-content > div,
.page-content--redesign .js-tab-content > div.is-active {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
}

.page-content--redesign .js-tab-content > div + div {
    margin-top: 32px;
}

.page-content--redesign .js-tab-content > div[id^="page-tab-"] {
    scroll-margin-top: 80px;
}

/* ===== Redesign: section-slider ===== */
.page-content--redesign .section-slider:not(:last-child) {
    margin-bottom: 24px;
}

.page-content--redesign .section-head:not(:last-child) {
    margin-bottom: 8px;
}

.page-content--redesign .section-title {
    padding-left: 20px;
    color: #505050;
    font-family: 'Arial', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 135%;
    text-transform: uppercase;
}

.page-content--redesign .section-title:not(:last-child) {
    margin-bottom: unset !important;
}

.page-content--redesign .section-head .section-title:not(:last-child) {
    width: calc(100% - 80px);
}

.page-content--redesign .js-sliderCards .product-elem__image,
.page-content--redesign .js-sliderCards .product-elem__title {
    transition: 0.3s ease-in-out;
}

.page-content--redesign .js-sliderCards .product-elem__image {
    display: block;
    border: 1px solid #D9D9D9;
}

.page-content--redesign .js-sliderCards .swiper-slide-active .product-elem__image {
    border: 1px solid #212121;
}

.page-content--redesign .product-elem__image:not(:last-child) {
    margin-bottom: 10px;
}

.page-content--redesign .js-sliderCards .product-elem__image picture {
    display: block;
    width: 100%;
    height: 100%;
}

.page-content--redesign .js-sliderCards .product-elem__image img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}

.page-content--redesign .js-sliderCards .product-elem__title {
    color: #505050;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    text-align: center;
}

.page-content--redesign .js-sliderCards .swiper-slide-active .product-elem__title {
    margin-bottom: unset !important;
    color: #000;
}

.page-content--redesign .availability,
.page-content--redesign .compatibility,
.page-content--redesign .description-wrapper,
.page-content--redesign .table-size {
    display: flex;
    flex-direction: column;
    margin: unset;
}

.page-content--redesign .compatibility {
    gap: 12px;
}

.page-content--redesign .availability::before,
.page-content--redesign .availability::after,
.page-content--redesign .compatibility::before,
.page-content--redesign .compatibility::after,
.page-content--redesign .description-wrapper::before,
.page-content--redesign .description-wrapper::after,
.page-content--redesign .table-size::before,
.page-content--redesign .table-size::after {
    content: none;
}

.page-content--redesign .tab-content__title {
    position: relative;
    display: block;
    padding: 0 0 2px 20px;
    color: #212121;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 135%;
    text-transform: uppercase;
}

.page-content--redesign .tab-content__title:not(:last-child) {
    margin-bottom: 12px !important;
}

.page-content--redesign .tab-content__title::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 2px;
    height: 2px;
    background-color: #FF6900;
}

.page-content--redesign .accordion__content__h2 h2 {
    margin: 0;
    padding: 0;
    color: #212121;
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 135%;
    text-transform: none;
    margin-bottom: 0px!important;
}

.page-content--redesign .accordion__content__h2 h2::before {
    content: none;
}

.page-content--redesign .page-article,
.page-content--redesign .table-availability,
.page-content--redesign .table_size {
    font-family: 'Arial', sans-serif;
}

.page-content--redesign .availability {
    overflow: hidden;
}

.page-content--redesign .availability__table.table-scroll-wrap {
    position: relative;
}

.page-content--redesign .availability__table .table-scroll {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.page-content--redesign .availability__table .table-scroll::-webkit-scrollbar {
    display: none;
}

.page-content--redesign .availability__table .table-scroll__bar {
    position: relative;
    height: 4px;
    margin-top: 12px;
}

.page-content--redesign .availability__table .table-scroll__bar[hidden] {
    display: none;
}

.page-content--redesign .availability__table .table-scroll__bar::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background: #D9D9D9;
}

.page-content--redesign .availability__table .table-scroll__thumb {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 4px;
    background: #212121;
    cursor: pointer;
}

.page-content--redesign .compatibility-item {
    width: 100%;
    margin: unset;
}

.page-content--redesign .compatibility-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    appearance: none;
}

.page-content--redesign .compatibility-toggle__arrow {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    border-right: 2px solid #212121;
    border-bottom: 2px solid #212121;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
}

.page-content--redesign .js-compatibility-collapse.is-open .compatibility-toggle__arrow {
    transform: rotate(-135deg);
    margin-top: 6px;
}

.page-content--redesign .js-compatibility-collapse:not(.is-open) .compatibility {
    display: none;
}

.page-content--redesign .js-compatibility-collapse.is-open .compatibility {
    display: flex;
}

.page-content--redesign .table-availability th,
.page-content--redesign .table-availability td,
.page-content--redesign .table-compatibility th,
.page-content--redesign .table-compatibility td,
.page-content--redesign .table-size th,
.page-content--redesign .table-size td {
    min-width: 60px;
    padding: 0 4px;
    line-height: 135%;
    text-align: center;
}

.page-content--redesign .table-availability th,
.page-content--redesign .table-availability td,
.page-content--redesign .table-compatibility th,
.page-content--redesign .table-compatibility td {
    border: 1px solid #000;
}

.page-content--redesign .table-size th,
.page-content--redesign .table-size td {
    border: none;
    border-left: 1px solid #000;
}

.page-content--redesign .table-size th:last-child,
.page-content--redesign .table-size td:last-child {
    border-right: 1px solid #000;
}

.page-content--redesign .table-availability th,
.page-content--redesign .table-compatibility th,
.page-content--redesign .table-size th {
    min-height: 24px;
    height: 24px;
    background: #A1A1A1;
    color: #000;
    font-weight: 700;
    font-size: 12px;
    white-space: nowrap;
    text-transform: uppercase;
}

.page-content--redesign .table-availability th:first-child,
.page-content--redesign .table-compatibility__td-name,
.page-content--redesign .table-availability td:first-child {
    min-width: 260px;
}

.page-content--redesign .table-availability .table-availability__th-code,
.page-content--redesign .table-availability .table-availability__th-price,
.page-content--redesign .table-availability .table-availability__td-code,
.page-content--redesign .table-availability .table-availability__td-price {
    min-width: 90px;
}

.page-content--redesign .table-availability td,
.page-content--redesign .table-compatibility td,
.page-content--redesign .table-size td {
    min-height: 28px;
    height: 28px;
    background: #fff;
    color: #212121;
    font-weight: 400;
    font-size: 14px;
}

.page-content--redesign .article {
    color: #212121;
    font-size: 14px;
}

.page-content--redesign .article h2 {
    color: #212121;
    font-size: 24px;
}

.page-content--redesign .article p {
    font-family: 'Arial', sans-serif;
}

.page-content--redesign .article img {
    display: block;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.page-content--redesign .table-size-section > .tab-content__title:not(:last-child) {
    margin-bottom: 12px !important;
}

.page-content--redesign .accordion__content__h2 {
    margin: 0 0 12px;
}

.page-content--redesign .table-size:not(:last-child) {
    margin-bottom: 24px;
}

.page-content--redesign .table_size {
    margin: unset;
    border-bottom: none;
}

.page-content--redesign .table_size tr:nth-child(2n) td {
    background-color: #E8E8E8;
}

.page-content--redesign .table-size th:first-child,
.page-content--redesign .table-size td:first-child {
    min-width: 200px;
}

.page-content--redesign .table-size {
    min-width: 90px;
}

.page-content--redesign .table-size~.accordion__item {
    margin: 0 auto;
}

.page-content--redesign .accordion__item .accordion__title {
    display: flex;
    align-items: center;
    padding: 0 30px 4px 0;
    border-bottom: solid 1px #A1A1A1;
    color: #A1A1A1;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
}

.page-content--redesign .accordion__item .accordion__title .accordion__arrow {
    top: 50%;
    transform: translateY(-50%) rotate(90deg) !important;
    color: #A1A1A1;
    transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.page-content--redesign .accordion__item .accordion__title .accordion__arrow:hover {
    color: #212121;
}

.page-content--redesign .accordion__item .accordion-active .accordion__arrow {
    transform: translateY(-50%) rotate(270deg) !important;
}

.page-content--redesign .slider-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    height: 100%;
    padding: 8px 0;
    border: 1px solid #A1A1A1;
    background-color: #fff;
    text-align: center;
    line-height: normal;
    word-break: break-word;
}

.page-content--redesign .slider-card .slider-card__image {
    position: relative;
    width: 100%;
    margin: unset;
    padding: unset;
}

.page-content--redesign .slider-card__image picture {
    display: flex;
}

.page-content--redesign .slider-card__image img {
    position: static;
    top: unset;
    left: unset;
    width: 100%;
    aspect-ratio: 16 / 12.5;
    object-fit: cover;
    object-position: center;
}

/* Мото: фото edge-to-edge к рамке карточки */
.page-content--redesign .slider-card.slider-card--moto {
    align-items: stretch;
    gap: 0;
    padding: 0 0 8px;
}

.page-content--redesign .slider-card--moto .slider-card__image {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.page-content--redesign .slider-card--moto .slider-card__image picture {
    display: block;
    width: 100%;
}

.page-content--redesign .slider-card--moto .slider-card__image img {
    display: block;
    width: 100%;
}

.page-content--redesign .slider-card--moto .slider-card__info {
    padding: 8px 12px 0;
}

.page-content--redesign .slider-card--moto .slider-card__button {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
}

.page-content--redesign .slider-card--moto .controls {
    top: 8px;
    right: 8px;
}

/* Классические .controls / .fav (moto:catalog.like) на карточке слайдера */
.page-content--redesign .slider-card {
    position: relative;
}

.page-content--redesign .slider-card .controls {
    position: absolute;
    top: 7px;
    right: 9px;
    z-index: 3;
}

.page-content--redesign .slider-card .control {
    position: relative;
    display: flex;
    color: #FF6B00;
    cursor: pointer;
}

.page-content--redesign .slider-card .control.is_active {
    color: #FF6B00;
}

.page-content--redesign .slider-card .control:not(:last-child) {
    margin-bottom: 9px;
}

.page-content--redesign .slider-card .icon-fav,
.page-content--redesign .slider-card .icon-fav-active {
    width: 22px;
    height: 22px;
}

.page-content--redesign .slider-card .icon-fav+.icon-fav-active {
    position: absolute;
    opacity: 0;
}

.page-content--redesign .slider-card .control.is_active .icon-fav+.icon-fav-active {
    opacity: 1;
}

/* Избранное на галерее детальной (moto:catalog.like → .fav) */
.part_redesign .fav {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 2;
    display: flex;
    color: #FF6B00;
    cursor: pointer;
}

.part_redesign .fav .icon-fav,
.part_redesign .fav .icon-fav-active {
    width: 22px;
    height: 22px;
}

.part_redesign .fav .icon-fav+.icon-fav-active {
    position: absolute;
    opacity: 0;
}

.part_redesign .fav.is_active .icon-fav+.icon-fav-active {
    opacity: 1;
}

.page-content--redesign .slider-card__info {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
    height: 100%;
    padding: 0 12px;
}

.page-content--redesign .slider-card__info-top {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
    height: 100%;
}

.page-content--redesign .slider-card__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
}

.page-content--redesign .slider-card__box:not(:last-child) {
    margin-bottom: unset;
}

.page-content--redesign .slider-card__title,
.page-content--redesign .slider-card__brand {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #212121;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
}

.page-content--redesign .slider-card__title {
    text-transform: uppercase !important;
}

.page-content--redesign .slider-card__brand {
    text-transform: uppercase;
}

.page-content--redesign .slider-card__subtitle {
    color: #505050;
}

.page-content--redesign .slider-card .slider-card__price {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    width: 100%;
    margin: 0 10px;
    padding-top: 4px;
    border: none;
    text-align: center;
}

.page-content--redesign .slider-card .slider-card__price::before {
    z-index: 1;
    content: '' !important;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
    min-height: 1px;
    height: 1px;
    background-color: #A1A1A1;
}

.page-content--redesign .slider-card .slider-card__price-original,
.page-content--redesign .slider-card .slider-card__price-current {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    margin: unset;
    padding: unset;
    border: none;
    color: #212121;
    font-family: 'Arial', sans-serif;
    line-height: 135%;
    text-align: center;
}

.page-content--redesign .slider-card .slider-card__price-original {
    flex-wrap: wrap;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
}

.page-content--redesign .slider-card .slider-card__price-text {
    margin-right: unset;
    font-family: 'Arial', sans-serif;
    white-space: nowrap;
}

.page-content--redesign .slider-card .slider-card__price-discount {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 24px;
    height: 24px;
    padding: 0 4px;
    background-color: #FF6B00;
    color: #FFF;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
}

.page-content--redesign .slider-card .slider-card__price-current {
    flex-direction: column;
    justify-content: flex-start;
    font-weight: 700;
    font-size: 16px;
}

/* Redesign 07.2026 — стили для мотоциклов */
.page-content--redesign .moto-main-info-wrapper {
    padding-bottom: 12px;
    border-bottom: 1px solid #F36D21;
}

.page-content--redesign .moto-main-info-wrapper:not(:last-child) {
    margin-bottom: 12px;
}

.page-content--redesign .moto-main-info {
    position: relative;
    display: block;
    flex: unset;
    column-count: 2;
    column-gap: 48px;
    margin-bottom: -4px;
    padding: unset;
    font-size: 14px;
    line-height: 1;
}

.page-content--redesign .moto-main-info::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background-color: #212121;
}

.page-content--redesign .moto-main-info .slider-card__row {
    margin-bottom: 4px;
    break-inside: avoid;
}

.page-content--redesign .moto-main-info .slider-card__info-name,
.page-content--redesign .moto-main-info .slider-card__info-text {
    font-family: 'Arial', sans-serif;
}

.page-content--redesign .moto-main-info .slider-card__info-name {
    color: #505050;
    text-align: left;
}

.page-content--redesign .moto-main-info .slider-card__info-text {
    color: #000;
    font-weight: 700;
    text-align: right;
}

.page-content--redesign .part__discount:not(:last-child) {
    margin-bottom: 20px;
}

.page-content--redesign .part__discount .product-discount {
    gap: 8px;
    margin-bottom: unset;
}

.page-content--redesign .part__discount .product-discount__icon {
    min-width: 26px;
    width: 26px;
    min-height: 26px;
    height: 26px;
    font-family: "Arial", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
}

.page-content--redesign .part__discount .product-discount__text {
    flex: 1 1 auto;
    width: auto;
    margin-left: unset;
    font-weight: 700;
    font-size: 14px;
    line-height: 115%;
}

.details-page-moto {
    padding-bottom: 20px;
    border-bottom: 1px solid #7E8083;
}

.page-content--redesign .moto-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 12px 20px;
}

.page-content--redesign .moto-cta .moto-cta__item {
    display: flex;
    align-items: center;
    width: 100%;
}

.page-content--redesign .moto-cta .moto-cta__item.part__button {
    max-width: calc(50% - 10px);
}

.page-content--redesign .moto-cta .moto-cta__btn.button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 100%;
    width: 100%;
    min-height: 36px;
    height: 36px;
    padding: 0 12px;
    border: 1px solid #212121;
    background: #FFF;
    color: #212121;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 135%;
    text-transform: uppercase;
}

.page-content--redesign .moto-cta .moto-cta__btn .button-text {
    color: #212121;
    font-family: 'Arial', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 135%;
    text-transform: uppercase;
}

.page-content--redesign .moto-cta .button-icon {
    margin: unset;
}

.page-content--redesign .moto-cta .button-icon,
.page-content--redesign .moto-cta .moto-cta__btn .icon {
    min-width: 20px;
    width: 20px;
    min-height: 20px;
    height: 20px;
}

.page-content--redesign .slider-card__info .slider-card__moto-info {
    flex: unset;
    gap: 4px;
    height: auto;
    padding: 0;
    font-family: 'Arial', sans-serif;
}

.page-content--redesign .slider-card__moto-info .slider-card__row {
    gap: 4px;
    width: 100%;
}

.page-content--redesign .slider-card__moto-info .slider-card__info-name {
    flex: 1 1 calc(65% - 4px);
    width: calc(65% - 4px);
    padding-right: unset;
    color: #505050;
}

.page-content--redesign .slider-card__moto-info .slider-card__info-text {
    width: 35%;
    color: #212121;
}

.page-content--redesign .slider-card__code {
    position: relative;
    margin-left: unset;
    margin-right: unset;
    color: #505050;
    font-family: 'Arial', sans-serif;
    font-size: 12px;
    line-height: 135%;
}

.page-content--redesign .slider-card__code span {
    color: #FF6B00;
    font-weight: 700;
}

.page-content--redesign .moto-additional-info {
    color: #212121;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
}

.page-content--redesign .moto-additional-info .product-info__elem {
    padding: unset;
    border: none;
}

.page-content--redesign .moto-additional-info .product-info__elem:not(:first-child) {
    padding-top: 20px;
    border-top: 1px solid #212121;
}

.page-content--redesign .moto-additional-info .product-info__elem:not(:last-child) {
    margin-bottom: 32px;
}

.page-content--redesign .moto-additional-info .product-info__icon {
    padding: unset;
}

.page-content--redesign .moto-additional-info .product-info__icon:not(:last-child) {
    margin-bottom: 16px;
}

.page-content--redesign .moto-additional-info .product-info__icon .icon {
    min-width: 32px;
    width: 32px;
    min-height: 32px;
    height: 32px;
}

.page-content--redesign .moto-additional-info .product-info__text {
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
}

/* Redesign 07.2026 — счётчик товаров в блоке брендов */
.page-content--redesign .section-brands {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

.section-brands__count {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding-right: 12px;
    border-right: 2px solid #000;
}

.section-brands__count-value {
    color: #000;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
}

.section-brands__count-text {
    flex-shrink: 0;
    color: #212121;
    font-family: 'Arial', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}

.page-content--redesign .section-brands .brands {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    gap: 12px;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.page-content--redesign .brands-slider {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    width: auto;
    overflow: hidden;
}

.page-content--redesign .brands-slider .swiper-container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.page-content--redesign .brands-slider__image img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

.page-content--redesign .brands-button {
    flex-shrink: 0;
    width: auto;
}

.page-content--redesign .brands .brands-button .button.button_black {
    min-height: 24px;
    height: 24px;
    padding: 0 6px;
    font-size: 12px;
}

/* ===== Redesign: блок МОТОСЕРВИС (service-new.php) — mobile first ===== */
.page-content--redesign .section-service--redesign .service-nav {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    padding: 8px 12px 12px;
    border-radius: 16px;
    background: #EBEBEB;
}

.page-content--redesign .section-service--redesign .service-nav__title {
    display: block;
    width: 100%;
    padding-bottom: 4px;
    border-bottom: 1px solid #212121;
    color: #505050;
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 135%;
    text-align: center;
    text-transform: uppercase;
}

.page-content--redesign .section-service--redesign .service-nav__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.page-content--redesign .section-service--redesign .service-nav__row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    gap: 8px;
}

.page-content--redesign .section-service--redesign .service-nav__row:first-child {
    justify-content: space-between;
}

.page-content--redesign .section-service--redesign .service-nav__row:last-child {
    justify-content: space-evenly;
}

.page-content--redesign .section-service--redesign .service-nav__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 1;
    min-width: 0;
    color: #505050;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 115%;
    text-decoration: none;
    white-space: nowrap;
}

.page-content--redesign .section-service--redesign .service-nav__link:hover,
.page-content--redesign .section-service--redesign .service-nav__link.is-active {
    color: #212121;
}

.page-content--redesign .section-service--redesign .service-nav__link.is-active::after,
.page-content--redesign .section-service--redesign .service-nav__link:hover::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 2px;
    background: #FF6B00;
}

/* ===== Mobile (default / <640): эталон — не трогать ===== */
@media screen and (max-width: 3839.98px) {
    .part_redesign .part__size .filter-size__elem {
        min-height: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 1919.98px) {
    .part_redesign .product-type_logo img {
        max-width: 330px;
    }
}

@media screen and (max-width: 1199.98px) {
    .part_redesign {
        flex-direction: column;
        gap: 0;
    }

    .part__button {
        max-width: 49%;
    }

    .part_redesign .part__nav>.part__button {
        max-width: none;
    }
}

@media screen and (max-width: 959.98px) {
    .part_redesign .product-type_logo.product-type_logo--desktop {
        display: none;
    }

    .part_redesign .product-type_logo.product-type_logo--mobile {
        margin-bottom: unset !important;
    }
}

@media screen and (max-width: 639.98px) {
    .part_redesign .part__slider:not(:last-child) {
        margin-bottom: 40px;
    }
}

/* ===== Исправления глобальных стилей (max-width: 479px) ===== */
@media screen and (max-width: 479px) {
    .part_redesign .part__count .number__item {
        width: 36px !important;
    }
}

/* ===== ≥640: Tablet-640-960 (колонка, как мобилка; только точечные overrides) ===== */
@media screen and (min-width: 640px) {
    .part_redesign .part__slider:not(:last-child) {
        margin-bottom: 48px;
    }

    .part_redesign .part__size .filter-size__elem {
        min-width: calc(100% / 8);
        width: calc(100% / 8);
    }

    .part_redesign .part__size .filter-size__elem.filter-size__elem--letter {
        min-width: calc(100% / 3);
        width: calc(100% / 3);
    }

    .page-content--redesign .tabs-buttons {
        gap: 10px;
    }

    .page-content--redesign .section-brands .brands {
        gap: 16px;
    }

    .page-content--redesign .brands .brands-button .button.button_black {
        min-height: 28px;
        height: 28px;
        padding: 0 12px;
        font-size: 14px;
    }

    .page-content--redesign .table-compatibility__th-name,
    .page-content--redesign .table-compatibility__td-name {
        min-width: 300px;
    }
}

/* ===== ≥960: Tablet-960 — 2 колонки, логотип справа сверху (grid, без смены разметки) ===== */
@media screen and (min-width: 960px) {
    .part_redesign {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        gap: 20px;
    }

    .part_redesign .product-type_logo.product-type_logo--mobile {
        display: none;
    }

    .part_redesign .part__slider,
    .part_redesign .part__content {
        flex: 1 1 calc(50% - 10px);
        min-width: 0;
        max-width: calc(50% - 10px);
        width: auto;
    }

    .part_redesign .part__slider:not(:last-child) {
        margin: unset;
    }

    .part_redesign .slider-gallery__top {
        margin-bottom: 16px;
        aspect-ratio: 1 / 1;
    }

    .page-content--redesign .part__slider .slider-nav {
        margin-bottom: 12px;
    }

    .part_redesign .product-type_logo:not(:last-child) {
        margin-bottom: 16px !important;
    }

    .part_redesign .product-title:not(:last-child) {
        margin-bottom: 4px;
    }

    .part_redesign .part__size .filter-size__elem {
        min-width: calc(100% / 7);
        width: calc(100% / 7);
    }

    .part_redesign .part__size .filter-size__elem.filter-size__elem--letter {
        min-width: calc(100% / 3);
        width: calc(100% / 3);
    }

    .part_redesign .part__content {
        margin: unset;
    }

    .page-content--redesign .tabs-button {
        font-size: 16px;
    }

    .page-content--redesign .section-head:not(:last-child) {
        margin-bottom: 12px;
    }

    .details-page-moto .part__slider {
        overflow: hidden;
    }

    .details-page-moto .js-sliderGallery,
    .details-page-moto .js-sliderGallery .swiper-container,
    .details-page-moto .slider-gallery__top {
        width: 100%;
        max-width: 100%;
    }

    .details-page-moto .slider-gallery__image img {
        max-width: 100%;
    }

    .page-content--redesign .part__discount:not(:last-child) {
        margin-bottom: 32px;
    }

    .page-content--redesign .moto-additional-info .product-info {
        display: flex;
        gap: 20px;
    }

    .page-content--redesign .moto-additional-info .product-info__elem:not(:first-child) {
        padding-top: unset;
        border-top: none;
    }

    .page-content--redesign .moto-additional-info .product-info {
        display: flex;
        gap: 20px;
    }

    .page-content--redesign .compatibility {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px;
    }

    .page-content--redesign .compatibility-item {
        min-width: calc(50% - 8px);
        width: calc(50% - 8px);
    }

    .page-content--redesign .table-compatibility th,
    .page-content--redesign .table-compatibility td {
        min-width: 80px;
    }

    .page-content--redesign .table-compatibility__th-name,
    .page-content--redesign .table-compatibility__td-name {
        min-width: 220px;
    }

    .page-content--redesign .section-service--redesign .service-nav {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-height: 40px;
        padding: 0 12px;
    }

    .page-content--redesign .section-service--redesign .service-nav__title {
        flex: 0 0 auto;
        width: auto;
        padding: 0;
        border-bottom: none;
    }

    .page-content--redesign .section-service--redesign .service-nav__list {
        flex: 1 1 auto;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-width: 0;
    }

    .page-content--redesign .section-service--redesign .service-nav__row {
        display: contents;
    }
}

/* ===== ≥1200: Desktop-1200 — фото 574×430 ===== */
@media screen and (min-width: 1200px) {
    .part_redesign .slider-gallery__top {
        aspect-ratio: 574 / 430;
    }

    .part_redesign .part__preview {
        padding-bottom: 16px;
    }

    .part_redesign .part__size .filter-size__elem {
        min-width: calc(100% / 8);
        width: calc(100% / 8);
    }

    .part_redesign .part__size .filter-size__elem.filter-size__elem--letter {
        min-width: calc(100% / 3);
        width: calc(100% / 3);
    }

    .part_redesign .part__nav,
    .part_redesign .part__count .number {
        gap: 4px;
    }

    .part_redesign .part__count .number {
        min-width: 164px;
    }

    .part_redesign .part__count .number__item,
    .part_redesign .part__count .number__input {
        min-width: 52px;
    }

    .part_redesign .part__count .number__item {
        flex: 0 0 52px;
        width: 52px;
    }

    .page-content--redesign .tabs-buttons {
        gap: 20px;
    }

    .page-content--redesign .table-availability th:first-child,
    .page-content--redesign .table-availability td:first-child,
    .page-content--redesign .table-size th:first-child,
    .page-content--redesign .table-size td:first-child {
        min-width: 320px;
    }

    .page-content--redesign .table-size th,
    .page-content--redesign .table-size td {
        min-width: 96px;
    }

    .page-content--redesign .compatibility {
        gap: 20px;
    }

    .page-content--redesign .compatibility-item {
        min-width: calc(50% - 10px);
        width: calc(50% - 10px);
    }

    .page-content--redesign .table-compatibility th,
    .page-content--redesign .table-compatibility td {
        min-width: 96px;
    }

    .page-content--redesign .table-compatibility__th-name,
    .page-content--redesign .table-compatibility__td-name {
        min-width: 270px;
    }

    .page-content--redesign .slider-card__image img {
        aspect-ratio: 16 / 12;
    }

    .page-content--redesign .slider-card__info {
        padding: 0 16px;
    }

    .page-content--redesign .slider-card .slider-card__price {
        margin: 0 16px;
    }

    .page-content--redesign .section-brands {
        gap: 16px;
    }

    .section-brands__count {
        padding-right: 16px;
    }

    .section-brands__count-value {
        font-size: 36px;
    }

    .section-brands__count-text {
        font-size: 14px;
    }

    .page-content--redesign .section-brands .brands {
        gap: 24px;
    }

    .page-content--redesign .moto-main-info {
        padding: unset;
        column-gap: 80px;
    }

    .page-content--redesign .part__discount .product-discount__icon,
    .page-content--redesign .part__discount .product-discount__text {
        font-size: 18px;
    }

    .page-content--redesign .moto-additional-info .product-info {
        gap: 40px;
    }

    .page-content--redesign .section-service--redesign .service-nav {
        min-height: 54px;
        padding: 0 20px;
        gap: 24px;
    }
}

/* ===== ≥1920: Desktop-1920 — фото 820×615 ===== */
@media screen and (min-width: 1920px) {

    .part_redesign:not(:last-child),
    .page-content--redesign:not(:last-child) {
        margin-bottom: 40px;
    }

    .part_redesign .slider-gallery__top {
        aspect-ratio: 820 / 615;
    }

    .part_redesign .product-type_logo img {
        max-width: 470px;
    }

    .part_redesign .product-title {
        font-size: 40px;
    }

    .part_redesign .part__info:not(:last-child) {
        margin-bottom: 24px;
    }

    .part_redesign .product-subtitle {
        font-size: 36px;
    }

    .part_redesign .part__price-title {
        font-size: 56px;
    }

    .part_redesign .part__price-subtitle {
        font-size: 30px;
    }

    .part_redesign .part__price-subtitle:not(:last-child) {
        margin-right: 24px;
    }

    .part_redesign .part__info .pattern {
        min-height: 44px;
        height: 44px;
        font-size: 34px;
    }

    .part_redesign .part__preview {
        padding-bottom: 20px;
    }

    .part_redesign .part__preview,
    .part_redesign .part__size-table,
    .part_redesign .part__size .filter-size,
    .part_redesign .part__code .slider-card__info-name,
    .part_redesign .part__nav>.part__button .button {
        font-size: 16px;
    }

    .part_redesign .part__size .filter-size__elem .button-checkbox,
    .part_redesign .part__size .filter-size__elem span,
    .page-content--redesign .js-sliderCards .product-elem__title {
        font-size: 16px;
    }

    .part_redesign .part__code:not(:last-child) {
        margin-bottom: 32px;
    }

    .part_redesign .part__count .number,
    .part_redesign .part__count .number__item,
    .part_redesign .part__count .number__input,
    .part_redesign .part__nav>.part__button .button {
        min-height: 48px;
        height: 48px;
    }

    .page-content--redesign .tab-content__title {
        font-size: 28px;
    }

    .page-content--redesign .accordion__content__h2 h2 {
        font-size: 20px;
    }

    .page-content--redesign .table-availability th,
    .page-content--redesign .table-size th {
        min-height: 28px;
        height: 28px;
        font-size: 14px;
    }

    .page-content--redesign .table-availability th:first-child,
    .page-content--redesign .table-availability td:first-child,
    .page-content--redesign .table-size th:first-child,
    .page-content--redesign .table-size td:first-child {
        min-width: 470px;
    }

    .page-content--redesign .table-availability .table-availability__th-code,
    .page-content--redesign .table-availability .table-availability__th-price,
    .page-content--redesign .table-availability .table-availability__td-code,
    .page-content--redesign .table-availability .table-availability__td-price,
    .page-content--redesign .table-size th,
    .page-content--redesign .table-size td,
    .page-content--redesign .table-compatibility th,
    .page-content--redesign .table-compatibility td {
        min-width: 130px;
    }

    .page-content--redesign .table-compatibility__th-name,
    .page-content--redesign .table-compatibility__td-name {
        min-width: 390px;
    }

    .page-content--redesign .table-availability td,
    .page-content--redesign .table-size td {
        min-height: 32px;
        height: 32px;
        font-size: 16px;
    }

    .page-content--redesign .article {
        font-size: 16px;
    }

    .page-content--redesign .article h2 {
        font-size: 30px;
    }

    .page-content--redesign .table-size:not(:last-child) {
        margin-bottom: 32px;
    }

    .page-content--redesign .slider-card__info-top,
    .page-content--redesign .slider-card__box {
        gap: 8px;
    }

    .page-content--redesign .slider-card__title,
    .page-content--redesign .slider-card__brand {
        font-size: 16px;
        line-height: 135%;
    }

    .page-content--redesign .slider-card__subtitle {
        font-size: 14px;
        line-height: 150%;
    }

    .page-content--redesign .slider-card__brand:not(:first-child) {
        padding-top: 12px;
    }

    .page-content--redesign .slider-card .slider-card__price {
        margin: 0 36px;
        padding-top: 8px;
    }

    .page-content--redesign .slider-card .slider-card__price-original {
        font-size: 16px;
    }

    .page-content--redesign .slider-card .slider-card__price-discount {
        font-size: 18px;
    }

    .page-content--redesign .slider-card .slider-card__price-current {
        font-size: 20px;
    }

    .page-content--redesign .section-brands {
        gap: 24px;
    }

    .section-brands__count {
        padding-right: 24px;
    }

    .page-content--redesign .brands .brands-button .button.button_black {
        padding: 0 24px;
        font-size: 16px;
    }

    .page-content--redesign .moto-main-info-wrapper:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 16px;
    }

    .page-content--redesign .part__discount:not(:last-child) {
        margin-bottom: 40px;
    }

    .page-content--redesign .moto-main-info {
        font-size: 16px;
    }

    .page-content--redesign .part__discount:not(:last-child) {
        margin-bottom: 40px;
    }

    .page-content--redesign .part__discount .product-discount__icon {
        min-width: 34px;
        width: 34px;
        min-height: 34px;
        height: 34px;
    }

    .page-content--redesign .part__discount .product-discount__icon,
    .page-content--redesign .part__discount .product-discount__text {
        font-size: 24px;
    }

    .page-content--redesign .moto-additional-info .product-info__icon .icon {
        min-width: 48px;
        width: 48px;
        min-height: 48px;
        height: 48px;
    }

    .page-content--redesign .moto-additional-info .product-info__icon:not(:last-child) {
        margin-bottom: 24px;
    }

    .page-content--redesign .moto-additional-info .product-info__text {
        font-size: 16px;
    }

    .page-content--redesign .section-service--redesign .service-nav__title {
        font-size: 28px;
    }

    .page-content--redesign .section-service--redesign .service-nav__link {
        font-size: 16px;
    }
}

/* ===== ≥3840: Desktop-3840 — фото 1060×795 ===== */
@media screen and (min-width: 3840px) {
    .part_redesign .slider-gallery__top {
        margin-bottom: 20px;
        aspect-ratio: 1060 / 795;
    }

    .part_redesign .product-type_logo:not(:last-child) {
        margin-bottom: 20px !important;
    }

    .part_redesign .product-title {
        font-size: 44px;
    }

    .part_redesign .product-subtitle {
        font-size: 40px;
    }

    .part_redesign .part__info:not(:last-child) {
        margin-bottom: 40px;
    }

    .part_redesign .part__price-title {
        font-size: 72px;
    }

    .part_redesign .part__price-subtitle {
        font-size: 36px;
    }

    .part_redesign .part__price-subtitle:not(:last-child) {
        margin-right: 36px;
    }

    .part_redesign .part__info .pattern {
        min-height: 56px;
        height: 56px;
        font-size: 40px;
    }

    .part_redesign .part__preview {
        padding-bottom: 24px;
    }

    .part_redesign .part__preview,
    .part_redesign .part__size-table,
    .part_redesign .part__size .filter-size,
    .part_redesign .part__code .slider-card__info-name,
    .part_redesign .part__nav>.part__button .button,
    .page-content--redesign .js-sliderCards .product-elem__title {
        font-size: 18px;
    }

    .part_redesign .part__size .filter-size__elem {
        min-height: 54px;
        height: 54px;
    }

    .part_redesign .part__count .number {
        min-width: 211px;
        min-height: 49px;
        height: 49px;
    }

    .part_redesign .part__count .number__item,
    .part_redesign .part__count .number__input {
        min-width: 69px;
        min-height: 49px;
        height: 49px;
    }

    .part_redesign .part__count .number__item {
        flex: 0 0 69px;
        width: 69px;
    }

    .part_redesign .part__nav>.part__button .button {
        min-height: 49px;
        height: 49px;
        font-size: 16px;
    }

    .page-content--redesign .tabs-button {
        min-height: 48px;
        height: 48px;
        border-width: 3px;
        font-size: 22px;
    }

    .page-content--redesign .tab-content__title {
        font-size: 32px;
    }

    .page-content--redesign .accordion__content__h2 h2 {
        font-size: 20px;
    }

    .page-content--redesign .table-availability th,
    .page-content--redesign .table-size th {
        font-size: 16px;
    }

    .page-content--redesign .table-availability th:first-child,
    .page-content--redesign .table-availability td:first-child,
    .page-content--redesign .table-size th:first-child,
    .page-content--redesign .table-size td:first-child {
        min-width: 610px;
    }

    .page-content--redesign .table-compatibility th,
    .page-content--redesign .table-compatibility td {
        min-width: 170px;
    }

    .page-content--redesign .table-compatibility__th-name,
    .page-content--redesign .table-compatibility__td-name {
        min-width: 500px;
    }

    .page-content--redesign .table-availability td,
    .page-content--redesign .table-size td,
    .page-content--redesign .article {
        font-size: 18px;
    }

    .page-content--redesign .article h2 {
        font-size: 34px;
    }

    .page-content--redesign .slider-card__title {
        font-size: 20px;
    }

    .page-content--redesign .slider-card__brand {
        font-size: 18px;
    }

    .page-content--redesign .slider-card__subtitle {
        font-size: 16px;
    }

    .page-content--redesign .slider-card .slider-card__price {
        margin: 0 52px;
    }

    .page-content--redesign .slider-card .slider-card__price-original {
        font-size: 20px;
    }

    .page-content--redesign .slider-card .slider-card__price-discount {
        font-size: 22px;
    }

    .page-content--redesign .slider-card .slider-card__price-current {
        font-size: 24px;
    }

    .page-content--redesign .brands .brands-button .button.button_black {
        min-height: 34px;
        height: 34px;
        font-size: 18px;
    }

    .page-content--redesign .moto-main-info {
        font-size: 18px;
    }

    .page-content--redesign .part__discount .product-discount {
        gap: 20px;
    }

    .page-content--redesign .part__discount .product-discount__icon {
        min-width: 52px;
        width: 52px;
        min-height: 52px;
        height: 52px;
        font-size: 36px;
    }

    .page-content--redesign .part__discount .product-discount__text {
        font-size: 32px;
    }

    .page-content--redesign .moto-additional-info .product-info__icon .icon {
        min-width: 56px;
        width: 56px;
        min-height: 56px;
        height: 56px;
    }

    .page-content--redesign .moto-additional-info .product-info__icon:not(:last-child) {
        margin-bottom: 32px;
    }

    .page-content--redesign .moto-additional-info .product-info__text {
        font-size: 18px;
    }

    .page-content--redesign .section-service--redesign .service-nav__title {
        font-size: 32px;
    }

    .page-content--redesign .section-service--redesign .service-nav__link {
        font-size: 20px;
    }
}

/* Salon contact modal (Figma 3257:17) */
.modal-salon {
    max-width: 347px;
    width: 100%;
    padding: 19px 16px 16px;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    color: #000;
}

.modal-salon__close {
    right: 16px;
    top: 16px;
    width: 13px;
    height: 13px;
    color: #000;
    line-height: 0;
}

.modal-salon__close .icon {
    width: 13px;
    height: 13px;
    display: block;
}

.modal-salon__title {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 0 20px 10px;
}

.modal-salon__rows {
    border-top: 1px solid #e5e5e5;
}

.modal-salon__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 13px;
    line-height: 19px;
}

.modal-salon__label {
    flex: 0 1 auto;
    color: #000;
    font-weight: 400;
}

.modal-salon__value {
    flex: 0 1 auto;
    text-align: right;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

a.modal-salon__value:hover {
    text-decoration: underline;
}

.modal-salon__phones {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
}

.modal-salon__row--phones {
    align-items: flex-start;
}

.modal-salon__row--messengers {
    align-items: center;
    border-bottom: none;
    padding-bottom: 12px;
}

.modal-salon__messengers {
    display: flex;
    align-items: center;
    gap: 20px;
}

.modal-salon__messenger {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 0;
    flex-shrink: 0;
}

.modal-salon__messenger svg {
    width: 36px;
    height: 36px;
    display: block;
}

.modal-salon__map {
    position: relative;
    width: 100%;
    height: 280px;
    min-height: 280px;
    overflow: hidden;
    background: #f2f2f2;
}

.modal-salon__map .map,
.modal-salon__map .map-container {
    width: 100% !important;
    height: 280px !important;
    min-height: 280px;
}

.modal-salon__map [class*="ymaps-2"][class*="-ground-pane"] {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}


/* End */


/* Start:/local/components/moto/table.detail/templates/.default/style.css?17869525723492*/
.table_size{
    width: 100%;
    border-bottom: solid 1px #000;
    margin-bottom: 20px;

}
.table_size thead{
    background: #A1A1A1;
}
.table_size td,
.table_size th{
    border-left: solid 1px #000;
    font-size: 15px;
    text-align: center;
    padding: 5px;
    font-family: "Arial";
}
.table_size td:last-child,
.table_size th:last-child{
    border-right: solid 1px #000;
}
.table_size th{
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
}
.table_size tr:nth-child(2n) td{
    background-color: #E8E8E8;
}
.table-scroll-wrap{
    position: relative;
}
.table-scroll{
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.table-scroll::-webkit-scrollbar{
    display: none;
}
.table-scroll__bar{
    position: relative;
    height: 4px;
    margin-top: 12px;
}
.table-scroll__bar[hidden]{
    display: none;
}
.table-scroll__bar::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background: #D9D9D9;
}
.table-scroll__thumb{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 4px;
    background: #212121;
    cursor: pointer;
}
.row{
    display: flex;
    flex-wrap: wrap;
}
.row .col-sm-6{
    width: 100%;
    margin-bottom: 20px;
}
.row .col-6{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 20px;
}
.row .col-6:first-child{
    max-width: max-content;
    padding-left: 0px;
}
@media (min-width: 1000px) {
    .row .col-sm-6{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.align-items-end{
    align-items: flex-end;
}










.accordion__item {
    margin: 5px auto;
}
.accordion__item .accordion__title {
    position: relative;
    display: block;
    padding: 15px 20px 15px 0px;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    border-bottom: solid 2px #A1A1A1;
    text-transform: uppercase;
    color: #505050;
}
.accordion__item .accordion__title:hover {
    transition: all 0.5s ease-out;
}

.accordion__item .accordion__title .accordion__arrow {
    position: absolute;
    top: 13px; right: 10px;
    transform: rotate(90deg);

}
.accordion__item .accordion__rotate {
    transform: rotate(270deg)!important;
}
.accordion__item .accordion__content {
    padding: 10px 0px;
    margin-bottom: 2px;
    display: none;
}

.accordion__item .accordion__content p{
    margin-bottom: 10px!important;
}
.accordion__item .accordion__content a{
    color: #ff6b00;
    text-decoration: underline;
}
.accordion__item .accordion__content a:hover{
    text-decoration: none;
}
.accordion__item .accordion__arrow-item {
    font-weight: 700;
}
.accordion__content__desc{
    line-height: 120%;
}
.accordion__content__h2{
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.accordion__content__h2 h2{
    font-size: 20px;
    font-family: "Arial";
    font-weight: bold;
}
.rukowodstvo-title{
    font-size: 18px; margin-bottom: 10px; color: #212121;

    font-family: "Oswald";
}
.rukowodstvo-subtitle{
    font-family: "Arial";
    margin-bottom: 10px; font-size: 16px; color: #212121;
}
.rukowodstvo-desc{
    color: #505050;
    font-family: "Arial";
    font-size: 14px;
}
/* End */


/* Start:/local/components/moto/catalog.list/templates/slider/style.css?175498447048*/
.swiper-wrapper.width-159{
    width: 159px;
}
/* End */
/* /local/components/moto/catalog.detail/templates/redesign_07_2026/style.css?178695257264975 */
/* /local/components/moto/table.detail/templates/.default/style.css?17869525723492 */
/* /local/components/moto/catalog.list/templates/slider/style.css?175498447048 */
