.color-slider__container {
    border-radius: 10px;
    width: 100%;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    place-items: center;
    position: relative;
    padding-block: 80px 100px;
    min-height: 300px
}
.float-text_wrapper {
    align-items: center;
}
.float-text_01 {
    font-size: 10px;
}
.float-text_02 {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.05em;
}
.color-slider__container .swiper {
    overflow: visible;
    border-radius: 8px;
    width: 100%;
    height: 100%
}
.color-slider__container .swiper-wrapper {
    display: -webkit-flex;
    display: flex;
    height: auto
}
.color-slider__container .swiper-slide {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    transition: all .3s ease;
    width: auto;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}
.color-slider__container .swiper-slide.swiper-slide-active {
    opacity: 1;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 10
}
.color-slider__container .swiper-slide:not(.swiper-slide-active) {
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 1
}
.slider__content {
    text-align: center;
    height: 100%
}
.slider__color-name {
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    opacity: 0;
    transition: opacity .3s ease
}
.slider__img {
    width: 100%;
    height: auto
}
.swiper-slide-active .slider__color-name {
    opacity: 1
}
.slider__nav {
    display: -webkit-flex;
    display: flex;
    max-width: 598px;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    pointer-events: none;
    z-index: 10
}
.slider__btn {
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: auto;
    transition: all .3s ease
}
.slider__btn img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    transition: all .2s ease
}
.slider__btn img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.color-pagination {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 18px;
    z-index: 1
}
.color-pagination .swiper-pagination-bullet {
    display: none
}
.color-dot {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease;
    position: relative;
    border: 1px solid #505050
}
.color-dot:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.color-dot.active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
@font-face {
    font-family: D-DIN;
    src: url(D-DIN-Bold.otf) format("opentype");
    font-display: swap
}
.lineup-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(auto, 478px))[2];
    grid-template-columns: repeat(2, minmax(auto, 478px));
    gap: 33px
}
.lineup-block__item {
    background-color: #fffcf6;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    padding: 20px;
    border-radius: 20px;
    overflow: hidden
}
.lineup-block__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 28px
}
.lineup-block__name {
    font-size: 19px;
    letter-spacing: 0;
    line-height: 1.4;
    text-align: center
}
.lineup-block__header {
    min-height: 80px
}
.lineup-block__color-name {
    font-size: 16px;
    letter-spacing: 0;
    white-space: normal;
    text-align: center
}
.lineup-block__price {
    display: -webkit-flex;
    display: flex;
    gap: 5px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 5px
}
.lineup-block__price__label {
    font-size: 20px;
    color: #111;
    font-weight: 700
}
.lineup-block__price__value {
    font-family: D-DIN;
    font-size: 43px;
    line-height: 1.2
}
.lineup-block__colors {
    margin-top: 10px
}
.lineup-block__color__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 10px
}
.lineup-block__color-item {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: -webkit-inline-flex;
    display: inline-flex;
    border: 1px solid #ddd
}
.lineup-block__option {
    background-color: #ececec;
    padding: 10px 9px;
    border-radius: 10px
}
.lineup-block__option__text {
    font-size: 10px;
    letter-spacing: 0;
    line-height: 1.4
}
@font-face {
    font-family: D-DIN;
    src: url(D-DIN-Bold.otf) format("opentype");
    font-display: swap
}
.float-btn {
    background-image: url(../img/float/bg-float.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-clip: border-box;
    background-position: center center;
    bottom: 2%;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    padding-block: 6px 8px;
    max-width: 300px;
    width: 100%;
    max-height: 79px;
    height: 100%;
    gap: 0;
    margin-inline: auto
}
.float-btn:hover {
    -webkit-transform: translateX(50%) scale(1.05);
    transform: translateX(50%) scale(1.05)
}
.float-btn__lead {
    max-width: 150px;
    width: 100%;
    height: auto
}
.float-btn__note {
    font-size: 16px;
    white-space: nowrap
}
.float-btn__note--post {
    max-width: 80px;
    width: 100%;
    height: auto
}
.float-btn__caption {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    max-width: 96px;
    width: 100%;
    height: auto
}
.float-btn__caption:after {
    display: -webkit-inline-flex;
    display: inline-flex;
    max-width: 16px;
    max-height: 16px;
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}
.ticker {
    overflow: visible
}
.ticker__title__img {
    width: 100%;
    max-width: 350px;
    height: 100%;
    display: block;
    position: relative;
    z-index: 10;
    opacity: 1;
    margin: 0 auto
}
.introduction {
    background-position: center 90%
}
.introduction__container {
    padding-inline: 16px
}
.features__container__slide--second {
    top: 105%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.features__section__lead {
    width: 100%;
    max-width: 310px;
    height: auto;
    margin-block: 52px 8px
}
.features__section__lead--second {
    max-width: 322px
}
.lineup {
    padding-inline: 16px
}
.autech__lead {
    width: auto;
    max-height: 60px;
    height: auto
}
.autech__caption {
    margin-bottom: 30px;
    max-width: 550px
}
.conversion__content {
    min-width: none
}
.conversion__content__note {
    width: 100%;
    height: auto
}
.conversion__btn__img:after {
    right: 26px
}
.reserve {
    padding-inline: 16px
}
.reserve__btn__note {
    font-size: 21px
}
.reserve__btn__note:after {
    right: 20px
}
.other {
    padding-inline: 16px
}
.other__btns {
    padding-inline: 16px
}
.other__btn {
    max-width: 350px
}