.content .catalog-line__item {
    display: grid;
    gap: 3rem;
    grid-template-columns:37.6rem 1fr
}

@media screen and (max-width: 767.9px) {
    .content .catalog-line__item {
        grid-template-columns:100%
    }
}

.content .catalog-line__list {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.content .catalog-line__price {
    align-items: center;
    display: flex;
    font-size: 1.4rem;
    gap: 1rem;
    justify-content: center
}

.content .catalog-line__category img {
    max-height: 5rem;
    max-width: 10rem
}

.content .catalog-line-info {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: space-between
}

.content .catalog-line-info__top {
    display: grid;
    gap: 1rem;
    grid-template-columns:1fr 20rem
}

@media screen and (max-width: 373.9px) {
    .content .catalog-line-info__top {
        grid-template-columns:100%
    }
}

.content .catalog-line-info__link {
    color: #5d5f60;
    text-decoration: none
}

.content .catalog-line-info__link h2 {
    color: #2b2d2f;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0;
    min-height: 4.8rem;
    transition: color .3s ease-in-out
}

.content .catalog-line-info__link h2:hover {
    color: #004a99
}

@media screen and (max-width: 373.9px) {
    .content .catalog-line-info__status {
        display: inline-flex
    }
}

.content .catalog-line-info__price {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between
}

.content .catalog-line-params {
    font-size: 1.4rem;
    height: 15.2rem;
    padding-right: 2rem
}

.content .catalog-line-params__item {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem
}

.content .catalog-line-params__name {
    color: #5d5f60
}

.content .catalog-line-params__value {
    color: #2b2d2f
}

.content .catalog-line-params--detail-page {
    height: -moz-max-content;
    height: max-content;
    margin-bottom: 3rem;
    padding-right: 0
}

.content .catalog-line .status-product {
    box-shadow: none
}

.content .catalog-line-btns {
    display: grid;
    gap: 2rem;
    grid-template-columns:repeat(2, 1fr)
}

@media screen and (max-width: 849.9px) {
    .content .catalog-line-btns {
        gap: 1rem;
        grid-template-columns:100%
    }
}

.content .catalog-line-btns__get-price {
    background-color: #004a99;
    color: #fff
}

.content .catalog-line-btns__get-price, .content .catalog-line-btns__lizing {
    border: none;
    border-radius: .3rem;
    cursor: pointer;
    font-size: 1.5rem;
    padding: 1rem 2rem
}

.content .catalog-line-btns__lizing {
    background-color: #f2f2fa;
    color: #2b2d2f;
    transition: all .3s ease-in-out
}

.content .catalog-line-btns__lizing:hover {
    background-color: #004a99;
    color: #fff
}

.content .catalog-line__promo {
    display: flex;
    align-items: center;
    gap: .6rem;
    background: #fff3e0;
    border-radius: .3rem;
    padding: .6rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #e65100;
}

.content .catalog-line__promo svg {
    flex-shrink: 0;
}

.content .catalog-line__adv {
    background-color: #f2f6ff;
    border: .1rem dashed #d9dfec;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem
}

.content .catalog-line__warranty {
    align-items: center;
    display: flex;
    gap: 1rem
}

.content .catalog-line__warranty-icon svg {
    width: 2.5rem
}

.content .catalog-line__warranty-name {
    font-size: 1.4rem
}

.content .catalog-line__buklet {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 1rem
}

.content .catalog-line__buklet:hover {
    color: #004a99
}

.content .catalog-line__buklet-name {
    font-size: 1.4rem;
    transition: color .3s ease-in-out
}

.content .catalog-m-sections {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem
}

@media screen and (max-width: 1129.9px) {
    .content .catalog-m-sections {
        flex-wrap: nowrap
    }
}

.content .catalog-m-sections__wrap {
    margin-bottom: 5rem
}

@media screen and (max-width: 1129.9px) {
    .content .catalog-m-sections__wrap {
        overflow: auto;
        padding-bottom: 1rem;
        width: 100%
    }
}

.content .catalog-m-sections__item {
    align-items: center;
    border: .1rem solid #f2f2fa;
    display: flex;
    height: 9.5rem;
    justify-content: center;
    transition: box-shadow .3s ease-in-out;
    width: 17.8rem
}

.content .catalog-m-sections__item:hover {
    box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, .05)
}

.content .catalog-m-sections__item-wrap {
    max-width: -moz-min-content;
    max-width: min-content
}

.content .catalog-m-sections__name {
    font-size: 1.4rem;
    margin-top: .5rem;
    text-align: center
}

.content .catalog-m-sections__picture {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 6.5rem;
    width: 14.8rem
}

.content .catalog-brand-section {
    display: grid;
    gap: 4rem;
    grid-template-columns:17.8rem 1fr;
    margin-bottom: 5rem
}

@media screen and (max-width: 767.9px) {
    .content .catalog-brand-section {
        display: none
    }
}

.content .catalog-brand-section__picture {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 6.5rem;
    width: 14.8rem
}

.content .catalog-brand-section__picture-wrap {
    align-items: center;
    border: .1rem solid #f2f2fa;
    display: flex;
    height: 9.5rem;
    justify-content: center;
    margin-bottom: 1rem;
    width: 17.8rem
}

.content .catalog-brand-section__desc {
    color: #5d5f60;
    font-size: 1.4rem
}

.content .catalog-brand-section__desc p {
    line-height: 2rem;
    margin-bottom: 0
}

.content .catalog-brand-section__link-company {
    background-color: #fff;
    border: .1rem solid #f2f2fa;
    color: #5d5f60;
    display: block;
    margin-top: 1rem;
    padding: .5rem 1rem;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.content .catalog-brand-section__link-company:hover {
    background-color: #004a99;
    color: #fff;
    text-decoration: none
}

.content .catalog-gallery__item {
    align-items: center;
    background-color: #f2f2fa;
    border-radius: .5rem;
    display: flex;
    justify-content: center
}

.content .catalog-gallery__item a {
    display: contents;
    width: 100%
}

.content .catalog-gallery__main {
    margin-bottom: 1rem
}

.content .catalog-gallery__main-no-photo img {
    border-radius: .5rem;
    height: 34.6rem;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.content .catalog-gallery__thumbs {
    height: 7.1rem;
    max-width: 31.6rem;
    width: 100%
}

.content .catalog-gallery__picture {
    border-radius: .5rem;
    cursor: pointer;
    height: 26.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.content .catalog-gallery-thumbs__item {
    align-items: center;
    background-color: #f2f2fa;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    opacity: .7
}

.content .catalog-gallery-thumbs__item.swiper-slide-thumb-active {
    opacity: 1
}

.content .catalog-gallery-thumbs__picture {
    border-radius: .5rem;
    cursor: pointer;
    height: 7.1rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.content .catalog-gallery-thumbs__wrapper {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    position: relative
}

.content .catalog-gallery-thumbs__btn-left, .content .catalog-gallery-thumbs__btn-right {
    align-items: center;
    background-color: #f2f2fa;
    border-radius: .3rem;
    display: flex;
    height: 7.1rem;
    justify-content: center;
    transition: all .3s ease-in-out;
    width: 2rem
}

.content .catalog-gallery-thumbs__btn-left svg, .content .catalog-gallery-thumbs__btn-right svg {
    height: 1.5rem;
    width: 1.5rem
}

.content .catalog-gallery-thumbs__btn-left svg path, .content .catalog-gallery-thumbs__btn-right svg path {
    fill: #2b2d2f;
    transition: fill .3s ease-in-out
}

.content .catalog-gallery-thumbs__btn-left:hover, .content .catalog-gallery-thumbs__btn-right:hover {
    background-color: #004a99
}

.content .catalog-gallery-thumbs__btn-left:hover svg path, .content .catalog-gallery-thumbs__btn-right:hover svg path {
    fill: #fff
}

.content .catalog-gallery .swiper-pagination-current {
    color: #004a99;
    font-size: 5rem;
    line-height: 100%
}

.content .catalog-gallery .swiper-pagination-slash {
    font-size: 5rem;
    line-height: 100%
}

.content .catalog-gallery .swiper-pagination-number {
    align-items: baseline;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    justify-content: flex-end;
    padding-right: 7rem
}

.content .catalog-gallery .swiper-pagination-bullets {
    align-items: center;
    bottom: 2rem;
    display: flex;
    justify-content: center
}

.content .catalog-gallery .swiper-pagination-bullet {
    align-items: center;
    background: #f2f2fa;
    border: .1rem solid #d9dfec;
    border-radius: 50%;
    display: flex;
    height: 1.6rem;
    justify-content: center;
    opacity: 1;
    width: 1.6rem;
    flex: 0 0 auto;
}

.content .catalog-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
    align-items: center;
    background: #fff;
    border: .1rem solid #004a99;
    border-radius: 50%;
    display: flex !important;
    height: 1.6rem;
    justify-content: center;
    width: 1.6rem
}

.content .catalog-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    background: #004a99;
    border-radius: 50%;
    content: "";
    display: block;
    height: 1rem;
    width: 1rem
}

.content .catalog-gallery .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-vertical {
    align-items: center;
    display: flex;
    flex-direction: column;
    right: .4rem !important
}

.simplebar-scrollbar:before {
    background-color: #004a99
}
.content h2.heading {
    color: #2b2d2f;
    margin-bottom: 3rem;
    padding-left: 1rem;
    position: relative;
    text-transform: uppercase
}

@media screen and (max-width: 575.9px) {
    .content h2.heading {
        font-size: 2rem
    }
}

@media screen and (max-width: 373.9px) {
    .content h2.heading {
        font-size: 1.8rem
    }
}

.content h2.heading:before {
    background-color: #004a99;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: .3rem
}

.content h2.heading span {
    color: #004a99
}

h3 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1rem
}

.content .back-page {
    background-color: #f2f2fa;
    border: .1rem solid #d9dfec;
    border-radius: .3rem;
    color: #5d5f60;
    display: inline-block;
    font-size: 1.4rem;
    margin-top: 2rem;
    padding: .5rem 1rem;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.content .back-page:hover {
    background-color: #004a99;
    border-color: #004a99;
    color: #fff
}

.content h2 {
    margin-bottom: 2rem
}

@media screen and (max-width: 575.9px) {
    .content h2 {
        font-size: 2rem
    }
}

.content h3 {
    margin-bottom: 1.5rem
}

.content h4, .content h5 {
    margin-bottom: 1rem
}

.content p {
    line-height: 2.5rem;
    margin-bottom: 2rem
}

.content blockquote {
    color: #2b2d2f;
    line-height: 2.5rem;
    margin: 4.3rem 0 4.5rem;
    min-height: .4rem;
    padding-left: 2.5rem;
    position: relative;
    vertical-align: middle
}

.content blockquote:before {
    background-color: #004a99;
    bottom: .3rem;
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    top: .3rem;
    width: .3rem
}

.content ul {
    margin-bottom: 2rem
}

.content ul > li {
    line-height: 2.5rem;
    margin-bottom: 1rem;
    padding-left: 2.2rem;
    position: relative
}

.content ul > li:before {
    background-color: #004a99;
    border-radius: .3rem;
    content: "";
    height: 1.3rem;
    left: 0;
    position: absolute;
    top: .2rem;
    width: 1.3rem
}

.content ol {
    counter-reset: li;
    margin-bottom: 2rem
}

.content ol > li {
    line-height: 2.5rem;
    margin-bottom: 1rem;
    padding-left: 2.2rem;
    position: relative
}

.content ol > li:before {
    color: #383838;
    content: counter(li) ". " !important;
    counter-increment: li;
    display: inline-block;
    margin-left: 0;
    padding: 0;
    vertical-align: top;
    width: 2rem;
    zoom: 1;
    left: 0;
    position: absolute;
    top: 0
}

.content img {
    max-width: 100%
}

.content a {
    color: #004a99;
    text-decoration: underline
}

.content a:hover {
    text-decoration: none
}

.content .table-responsive {
    overflow-x: auto;
    position: relative
}

.content .table-responsive .scroll-text {
    color: #004a99;
    display: none;
    font-size: 1.4rem;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    white-space: nowrap
}

@media screen and (max-width: 767.9px) {
    .content .table-responsive .scroll-text {
        display: block
    }

    .content .table-responsive .scroll-text:after, .content .table-responsive .scroll-text:before {
        color: #004a99;
        font-size: 1.4rem;
        position: absolute
    }

    .content .table-responsive .scroll-text:before {
        animation: arrow-left 2s infinite;
        content: "←";
        left: -2.5rem
    }

    .content .table-responsive .scroll-text:after {
        animation: arrow-right 2s infinite;
        content: "→";
        right: -2.5rem
    }
}

.content table {
    border: .1rem dashed #f2f2fa;
    border-collapse: collapse;
    margin: 2rem 0
}

@media screen and (max-width: 767.9px) {
    .content table {
        display: block;
        white-space: nowrap;
        width: 100%
    }
}

.content table tr {
    border-bottom: .1rem solid #f2f2fa
}

.content table tr:hover {
    background-color: #f2f2fa
}

.content table tr td {
    padding: .5rem 1rem
}

@keyframes arrow-left {
    0%, to {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-20%)
    }
}

@keyframes arrow-right {
    0%, to {
        transform: translateX(0)
    }
    50% {
        transform: translateX(20%)
    }
}