.feedback-form__side:before {
    content: none;
}

.main-news-list .action-item__content {
    color: #333;
}

.main-news-list {
    margin-bottom: 25px;
}

.main-news-list a {
    text-decoration: none;
}

.main-news-list .action-item__date {
    font-size: 14px;
    line-height: 100%;
    color: #aaa;
}

.main-news-list .action-item__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: block;
}

.footer-soc {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 15px 0;
}

.footer__ux_cont .footer__info .footer-soc a {
    margin-top: 0;
}

@media (max-width: 578px) {
    .product_selection .tab {
        overflow: auto;
        white-space: nowrap;
    }
}

.catalog-grid__side .submenu-header {
    position: relative;
    display: block;
    width: 100%;
}

.cats-list-title {
    padding: 10px 20px 10px 25px;
    border-radius: 15px;
    border: 2px solid #f1f1f1;
    font-weight: 700;
    margin-bottom: 5px;
}

.img img {
    margin: auto;
}

.main-ui-pagination {
    font-size: 14px;
}

@media (min-width: 992px) {
    .grid-list--three .main-ui-pagination {
        grid-column: 1 / span 3;
    }
}

@media (max-width: 991px) and (min-width: 575px) {
    .grid-list--three .main-ui-pagination {
        grid-column: 1 / span 2;
    }
}

@media (max-width: 574px) {
    .main-ui-pagination {
        grid-column: span 2;
    }

    .main-ui-pagination-arrows {
        margin: 0;
    }
}

.main-ui-pagination-arrows {
    width: 100%;
}

.main-ui-pagination-page.main-ui-pagination-active {
    color: #005fcb;
}

.main-ui-pagination-arrow.main-ui-pagination-prev,
.main-ui-pagination-arrow.main-ui-pagination-next {
    line-height: 18px;
}

.main .banner-slider .banner-slide {
    text-decoration: none;
}

.phones_drop {
    display: none !important;
}

.header__contacts {
    position: relative;
}

.header__contacts>.header__contacts-phone:hover+.phones_drop,
.phones_drop:hover {
    display: flex;
    flex-wrap: wrap;
    width: 140px;
    position: absolute;
    top: 18px;
    z-index: 1;
    background: #fff;
    padding: 10px;
}

.title-page--card {
    display: block;
}

.card__float-item .card__title {
    display: none;
}

.title-page.title-page--card {
    max-width: 100%;
}

@media (max-width: 1024px) and (min-width: 961px) {
    [data-view-list="grid"] .product .grid__prods-button {
        position: relative;
    }

    .grid__prods-button>button {
        flex: 0 0 100%;
        margin-bottom: 5px;
    }
}

.header--fix {
    z-index: 15;
}

.bx-filter .bx-ui-slider-range {
    z-index: 11;
}

.bx-filter .bx-ui-slider-pricebar-vd {
    z-index: 12;
}

.bx-filter .bx-ui-slider-pricebar-vn {
    z-index: 13;
}

.bx-filter .bx-ui-slider-pricebar-v {
    z-index: 14;
}

.container .more-images {
    justify-content: start;
    gap: 20px;
}

.more-images a img {
    width: 100% !important;
}

.more-images a {
    width: 300px;
    display: block;
    height: 225px;
    overflow: hidden;
}

.prod_prev_art {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: #717483;
}

.documentation-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    flex-direction: column;
    align-items: start;
}

.documentation-list a::before {
    content: "";
    display: inline-block;
    background: url(/upload/pdf-dwl.png) no-repeat;
    width: 33px;
    height: 40px;
    background-size: contain;
    vertical-align: middle;
    margin-right: 10px;
}

.cat-tabs .tablinks {
    margin-bottom: 10px;
}

.cat-tabs .tabcontent {
    margin-bottom: 15px;
}

.cat-tabs .tabcontent a {
    display: inline-block;
    margin-right: 10px;
    text-decoration: underline;
    font-size: 16px;
}

.rent-page .main-banner__title p {
    width: 450px;
    display: block;
}

.rent-page .main-banner__title span {
    display: block;
    font-size: 21px;
    line-height: 27px;
    margin-top: 30px;
    width: 280px;
    max-width: 100%;
}

.section-caption.section-caption--big.h3 {
    display: none;
}

.rent-adv-list,
.partnership-block,
.leasing-list,
.tech-store-list,
.b-br-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 40px 0;
    justify-content: center;
}

.rent-adv-list>div,
.partnership-block>div,
.b-br-list>div {
    background: rgba(247, 247, 251, 1);
    width: calc(50% - 10px);
    padding: 30px;
    max-width: 100%;
    border-radius: 10px;
}

.rent-adv-title,
.b-br-title,
.tech-store-title {
    font-size: 26px;
    font-weight: 500;
    padding: 20px 0;
}

.b-br-list img {
    width: 100%;
    border-radius: 10px;
}

.tech-store-list>div {
    width: calc(33% - 40px);
    margin-bottom: 20px;
}

.blue-text {
    color: rgb(0, 95, 203);
}

.modal {
    bottom: auto;
    z-index: 1000;
}

.modal.rent-modal {
    max-width: 70%;
}

.partnership-block p,
.rent-ending {
    font-size: 26px;
    font-weight: 500;
}

.partnership-block .p-form-block {
    background: rgb(0, 95, 203);
    color: #fff;
}

.small-text {
    font-size: 16px;
    margin-top: 40px;
}

.partnership-block .btn.btn--white {
    color: rgb(0, 95, 203);
    background: #fff;
    width: 100%;
    padding: 20px;
}

.rent-page .main-banner {
    overflow: hidden;
}

.rent-page .main-banner__image {
    padding-bottom: 85%;
}

@media (max-width: 1024px) {
    .modal.rent-modal {
        max-width: 95%;
    }

    .rent-page .main-banner__title p {
        width: 400px;
    }
}

@media (max-width: 768px) {

    .rent-adv-list>div,
    .partnership-block>div,
    .b-br-list>div {
        width: 100%;
    }

    .tech-store-list>div {
        width: calc(50% - 10px);
    }

    .rent-page .main-banner__title {
        font-size: 25px;
    }
}

@media (max-width: 480px) {
    .tech-store-list>div {
        width: 100%;
    }

    .rent-page p {
        font-size: 16px;
    }

    .partnership-block p,
    .rent-ending {
        font-size: 18px;
    }

    .rent-page .main-banner__title p {
        font-size: 22px;
    }

    .rent-page .main-banner__title span {
        font-size: 14px;
        line-height: 17px;
    }

    .rent-page .main-banner__title p {
        width: 100%;
    }
}

@media (max-width: 375px) {
    .main-banner__title p {
        width: 250px;
    }

    .rent-page .main-banner__image {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .rent-page .main-banner {
        padding: 0 0 20px 0;
    }

    .rent-page .main-banner__title {
        padding: 0 20px 20px;
    }
}

/* Add cookie agreement */

.solution-cookie {
    position: fixed;
    z-index: 1050;
    width: 100%;
    bottom: 0;
    padding-bottom: 30px;
}

#solution_cookie.no {
    display: none;
}

.solution-cookie-body {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0px 5px 30px rgba(137, 158, 180, 0.3);
    background: #fff;
}

.solution-cookie-content,
.solution-cookie-btns {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 100%;
    max-width: 100%;
}

.solution-cookie-content {
    order: 1;
}

@media (min-width: 768px) {
    .solution-cookie-content {
        flex-basis: 0;
        flex-grow: 1;
    }
}

.solution-cookie-content a {
    display: inline-block;
    text-decoration: none;
}

.solution-cookie-content a:hover {
    text-decoration: underline;
}

.solution-cookie-content br {
    display: none;
}

@media (min-width: 1200px) {
    .solution-cookie-content br {
        display: block;
    }
}

.solution-cookie-title {
    margin-top: 4px;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.1;
    color: #232936;
}

@media (min-width: 576px) {
    .solution-cookie-title {
        font-size: 18px;
    }
}

.solution-cookie-text {
    font-size: 12px;
    font-weight: 400;
    color: #8d929e;
    line-height: 1.5;
}

@media (min-width: 576px) {
    .solution-cookie-text {
        font-size: 16px;
    }
}

.solution-cookie-btns {
    order: 13;
    display: flex;
    align-items: center;
    margin-top: 8px;
}

@media (min-width: 768px) {
    .solution-cookie-btns {
        order: -1;
        flex: 0 0 auto;
        width: auto;
        margin-top: 0;
    }
}

.solution-cookie-btns .btn {
    min-height: auto;
    padding: 8px 16px 6px;
    font-size: 12px;
}

@media (min-width: 576px) {
    .solution-cookie-btns .btn {
        padding: 12px 24px;
        font-size: 16px;
    }
}

.action-item__img.stocks_img_prev,
.action-banner.bg-imgfull {
    background-position: left;
}

.catalog-grid__filter .bx-filter .bx-ui-slider-track-container {
    width: 100%;
}

.catalog-grid__filter .bx-filter .bx-ui-slider-handle {
    width: 5px;
    height: 26px;
    border: 3px solid #005fcb;
    border-radius: 10px;
}

.catalog-grid__filter .bx-filter .bx-ui-slider-handle.left {
    margin-left: 0;
}

.catalog-grid__filter .bx-filter .bx-ui-slider-handle.right {
    margin-right: 0;
}

@media (max-width: 960px) {
    .catalog-grid__filter .bx-filter .bx-ui-slider-track-container {
        width: 93%;
        margin: 0;
    }
}

.services-preview {
    padding: 60px 20px;
    text-align: center;
}

.services-preview h2 {
    font-size: 2.5rem;
    color: #333;
    margin-bottom: 40px;
}

.services-grid {
    display: flex;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.service-card {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    width: 275px;
}

.service-card:hover {
    transform: translateY(-10px);
}

.service-card i {
    font-size: 3rem;
    color: #005fcb;
    margin-bottom: 20px;
}

.service-card h3 {
    font-size: 1.25rem;
    color: #333;
    margin-bottom: 15px;
}

.service-card p {
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .services-preview h2 {
        font-size: 2rem;
    }

    .service-card {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .services-grid {
        justify-content: space-around;
    }
}

/* Скрываем настоящий чекбокс */
.b-checkbox .checkbox__real {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Общий стиль лейбла */
.b-checkbox .checkbox__label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    user-select: none;
    padding: 4px 0;
}

/* Квадратик чекбокса */
.b-checkbox .checkbox__box {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
    position: relative;
}

/* Галочка (SVG) — изначально скрыта */
.b-checkbox .checkbox__check {
    opacity: 0;
    transform: scale(0.6);
    transition: all 0.25s ease;
}

/* Когда чекбокс отмечен */
.b-checkbox.error .checkbox__label .checkbox__box {
    background-color: #ffeceb;
}

.b-checkbox:has(.checkbox__real:checked) .checkbox__label .checkbox__box,
.b-checkbox .checkbox__real:checked+.checkbox__label .checkbox__box {
    background: #007bff;
    border-color: #007bff;
}

.b-checkbox:has(.checkbox__real:checked) .checkbox__label .checkbox__check,
.b-checkbox .checkbox__real:checked+.checkbox__label .checkbox__check {
    opacity: 1;
    transform: scale(1);
}

/* Ховер */
.b-checkbox .checkbox__label:hover .checkbox__box {
    border-color: #999;
}

/* Фокус (для доступности) */
.b-checkbox .checkbox__real:focus-visible+.checkbox__label .checkbox__box {
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
    border-color: #007bff;
}

.b-checkbox.has-error .checkbox__label .checkbox__box {
    color: #ef261c;
    border-color: #ef261c;
    background-color: #ffeceb;
}

.b-checkbox.has-error .checkbox__label .checkbox__star {
    color: #ef261c;
}

/* Красная звёздочка */
.b-checkbox.error .checkbox__label .checkbox__star {
    color: #ef261c;
}

.b-checkbox a {
    color: #005fcb;
}

.b-modal .modal__content--form {
    height: 100%;
}

.b-b-form--modal .b-checkbox .checkbox__label {
    font-size: 12px;
}

.b-form--modal .form__inputholder--policy {
    margin-bottom: 10px;
}

.b-b-form--modal .form__inputholder--policy:last-child {
    margin-bottom: 0;
}

.detail__feedback-form form .inputholder.form__inputholder--policy {
    width: 100%;
    flex: 0 0 100%;
}

.b-policybox-order {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.b-video-iframe.fancybox__content {
    padding: 0;
}

.header__top-info-left {
    display: flex;
    align-items: center;
    gap: 15px;
}

.header__top-info-right {
    display: flex;
    align-items: center;
    gap: 5px;
}

.header__top-info__center {
    margin-left: 30px;
}

.b-social-list {
    display: flex;
    align-items: center;
    gap: 10px;
}

.b-social-list a:not(.social-list__item--color) {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #005fcb;
    border-radius: 6px;
    width: 42px;
    height: 42px;
    transition: all 0.2s linear;
}

.b-social-list a:not(.social-list__item--color):hover {
    background: #edeff3;
}

.b-social-list a:not(.social-list__item--color) svg {
    margin: 0 !important;
    vertical-align: middle;
}

.b-social-list a:not(.social-list__item--color) svg path {
    fill: #fff;
    transition: all 0.2s linear;
}

.b-social-list a:not(.social-list__item--color):hover svg path {
    fill: #005fcb;
}

.b-social-list .social-list__item--stroke svg path {
    stroke: #005fcb;
    fill: inherit;
}

.b-social-list .social-list__item--stroke:hover svg path {
    fill: inherit;
    stroke: #edeff3;
}

.b-social-list--head {
    gap: 5px;
}

.b-social-list .social-list__item--mail:hover svg path:nth-child(2) {
    stroke: #005fcb;
}

.b-social-list--head a,
.b-social-list--head a:not(.social-list__item--color) {
    background: #edeff3;
    width: 30px;
    height: 30px;
}

.b-social-list--head a.social-list__item--color {
    transition: opacity 0.2s ease;
}
.b-social-list--head a.social-list__item--color:hover {
    opacity: 0.8;
}

.b-social-list--head a:not(.social-list__item--color) svg path {
    fill: #005fcb;
}

.b-social-list--head a:not(.social-list__item--color):hover {
    background: #005fcb;
}

.b-social-list--head a:not(.social-list__item--color):hover svg path {
    fill: #edeff3;
}

.b-social-list--blue a {
    background: #005fcb;
}

.b-social-list--blue a:hover {
    background: #edeff3;
}

.b-social-list--blue a svg path {
    fill: #fff;
    transition: all 0.2s linear;
}

.b-social-list--blue a:hover svg path {
    fill: #005fcb;
}

.b-social-list--blue .social-list__item--stroke svg path {
    stroke: #fff;
    fill: inherit;
}

.b-social-list--blue .social-list__item--stroke:hover svg path {
    fill: inherit;
    stroke: #005fcb;
}

.b-soc-mobile {
    margin-left: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.b-soc-mobile a {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.b-soc-mobile a svg {
    vertical-align: middle;
}

.header__menu-mobile .header__contacts--social {
    margin: 30px 0;
}

.b-footer .b-social-list {
    gap: 5px;
}

@media (max-width: 767px) {
    .header__top-info {
        gap: 10px;
    }

    .header__top-info-left {
        gap: 10px;
    }

    .header__top-info__center {
        margin-left: auto;
    }
}

@media (max-width: 575px) {
    .b-soc-mobile {
        margin: 0;
    }

    .header__top {
        margin-bottom: 0;
        padding-right: 50px;
    }

    .header {
        height: 60px;
    }

    .header .container {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        gap: 22px;
        height: 100%;
    }

    .header .container::before,
    .header .container::after {
        content: none;
    }

    .header__burger {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
        gap: 4px;
        background-color: #005fcb;
        border-radius: 6px;
    }

    .header__burger .header__burger-item {
        height: 2px;
        width: 16px;
        background: #fff;
        border: none;
    }

    .header__burger--open .header__burger-item:first-child {
        top: 6px;
    }

    .header__burger--open .header__burger-item:last-child {
        top: -6px;
    }

    .header__menu .header__menu-info__sidebar {
        margin-bottom: 30px;
    }

    .header__menu .header__menu-info__sidebar .header__contacts a.header__contacts-phonelink {
        margin-top: 0;
    }

    .header__menu .header__menu-info__sidebar .header__contacts {
        align-items: flex-start;
        gap: 10px;
    }

    .header__menu .header__menu-info__sidebar .header__contacts--social {
        margin-top: 20px;
    }

    .header__menu .header__menu-info__sidebar .header__label {
        margin-left: 28px;
    }
}

.b-video-grid {
    display: grid;
    gap: 10px;
}

.b-video-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.b-video-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 3fr));
}

.b-video-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 4fr));
}

@media (max-width: 1239px) {

    .b-video-grid--3,
    .b-video-grid--4 {
        grid-template-columns: repeat(2, minmax(0, 4fr));
    }
}

@media (max-width: 767px) {}

@media (max-width: 600px) {

    .b-video-grid--3,
    .b-video-grid--4 {
        grid-template-columns: 1fr;
    }
}

.b-video-carousel {
    overflow: hidden;
    max-width: 100vw;
    padding: 1rem 0;
    margin: 0 -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.b-video-carousel:has(.swiper-pagination) {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.b-video-carousel .video-carouse__item {
    min-width: 350px;
    max-width: 350px;
    overflow: hidden;
    cursor: pointer;
}

.b-video-carousel .swiper-wrapper {
    display: flex;
    gap: 10px;
}

.b-video-carousel .swiper-slide {
    flex-shrink: 0;
    width: auto;
}

.b-video-carousel .swiper-pagination {
    bottom: 0;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: 5;
}

.b-video-carousel .swiper-pagination.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.b-video-carousel .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #111111;
    cursor: pointer;
    transition: all 0.2s;
    opacity: 1;
}

.b-video-carousel .swiper-pagination-bullet-active {
    background: #005fcb;
}

@media (max-width: 768px) {
    .b-video-carousel .video-carouse__item {
        min-width: 280px;
        max-width: 280px;
    }

    .b-video-carousel {
        padding-left: 1rem;
        padding-right: 1rem;
        margin: 0 -1rem;
    }

    .b-video-carousel .swiper-pagination-bullet {}
}

@media (max-width: 480px) {
    .b-video-carousel .video-carouse__item {
        min-width: 260px;
        max-width: 260px;
    }
}

.catalog-grid__main {
    width: 100%;
    overflow: hidden;
}

.section--description .catalog-grid .catalog-grid__main a {
    color: #005fcb;
}

.section--description .catalog-grid .catalog-grid__main a:hover {
    text-decoration: underline;
}

.b-table {
    width: 100%;
    display: block;
    overflow-x: auto;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 95, 203, 0.08);
}

.b-table table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 1.45;
    color: #1f2937;
    background: #ffffff;
}

.b-table thead th {
    background: #005fcb;
    color: #ffffff;
    text-align: left;
    padding: 16px 18px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2px;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.b-table table:not(:has(thead)) tbody tr:first-child td,
.b-table table:not(:has(thead)) tbody tr:first-child th {
    background: #005fcb;
    color: #ffffff;
    text-align: left;
    padding: 16px 18px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2px;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.b-table thead th:last-child,
.b-table table:not(:has(thead)) tbody tr:first-child td:last-child,
.b-table table:not(:has(thead)) tbody tr:first-child th:last-child {
    border-right: none;
}

.b-table tbody td,
.b-table tbody th {
    padding: 16px 18px;
    border-bottom: 1px solid #e5e7eb;
    vertical-align: top;
    background: #ffffff;
    transition: background 0.2s ease;
    text-align: left;
}

.b-table tbody tr:nth-child(even) td,
.b-table tbody tr:nth-child(even) th {
    background: #f1f1f1;
}

.b-table table:not(:has(thead)) tbody tr:first-child td,
.b-table table:not(:has(thead)) tbody tr:first-child th {
    background: #005fcb;
}

.b-table table:not(:has(thead)) tbody tr:nth-child(even):not(:first-child) td,
.b-table table:not(:has(thead)) tbody tr:nth-child(even):not(:first-child) th {
    background: #f1f1f1;
}

.b-table tbody tr:hover td,
.b-table tbody tr:hover th {
    background: #eaf3ff;
}

.b-table table:not(:has(thead)) tbody tr:first-child:hover td,
.b-table table:not(:has(thead)) tbody tr:first-child:hover th {
    background: #005fcb;
}

.b-table tbody td strong,
.b-table tbody th strong {
    color: #005fcb;
    font-weight: 700;
}

.b-table thead th strong,
.b-table table:not(:has(thead)) tbody tr:first-child td strong,
.b-table table:not(:has(thead)) tbody tr:first-child th strong {
    color: #ffffff;
}

.b-table tbody tr:last-child td,
.b-table tbody tr:last-child th {
    border-bottom: none;
}

@media (max-width: 768px) {
    .catalog-grid .product__caption {
        margin-bottom: 20px;
    }

    .b-table table {
        font-size: 14px;
        min-width: 680px;
    }

    .b-table thead th,
    .b-table tbody td,
    .b-table tbody th,
    .b-table table:not(:has(thead)) tbody tr:first-child td,
    .b-table table:not(:has(thead)) tbody tr:first-child th {
        padding: 12px 14px;
    }
}

.prod__list-buttons--flex {
    margin-top: auto;
    flex-wrap: wrap;
}

@media (max-width: 575px) {
    .prod__list-buttons--flex {
        gap: 10px;
    }

    .prod__list-buttons>button,
    .prod__list-buttons--flex .product__line-btn {
        flex: 1;
        width: 100%;
        min-width: fit-content;
    }
}

/*---------------*/
.swiper-watch-progress {
    overflow: visible;
}

.swiper-watch-progress .swiper-slide {
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.2s ease,
        visibility 0.2s ease;
}

.swiper-watch-progress .swiper-slide-visible {
    opacity: 1;
    visibility: visible;
}

.swiper-nav-btn {
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #005fcb;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    transition: background 0.2s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    margin: 0;
}

.swiper-nav-btn:hover {
    background: #005fcb;
}

.swiper-nav-btn svg path {
    transition: stroke 0.2s ease;
}

.swiper-nav-btn:hover svg path {
    stroke: #fff;
}

.swiper-nav-btn::after {
    content: none;
}

.swiper-nav-btn--prev {
    left: -70px;
}

.swiper-nav-btn--next {
    right: -70px;
}

.swiper-pagination-bullet {
    background-color: #005fcb;
}

.swiper-pagination-bullet-active {
    background-color: #005fcb;
}

/*---------------*/
@media (max-width: 1480px) and (min-width: 1240px) {

    .swiper-nav-btn--prev,
    .swiper-nav-btn--next {
        background: #fff;
    }

    .swiper-nav-btn--prev {
        left: 0;
    }

    .swiper-nav-btn--next {
        right: 0;
    }
}

@media (max-width: 1239px) {

    .swiper-nav-btn--next,
    .swiper-nav-btn--prev {
        display: none;
    }
}

/*---------------*/
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

/*---------------*/
.b-tab-scroll {
    margin-bottom: 15px;
    overflow: hidden;
}

.b-tab-scroll .tab-scroll__wrapper {
    display: flex;
    gap: 15px;
}

.b-tab-scroll button {
    margin: 0;
}

/*---------------*/
.cat-tabs .tablinks,
.card__caption .tablinks {
    margin: 0;
}

.cat-tabs .tab,
.card__caption .tab {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
    scrollbar-color: #005fcb #f1f1f1;
    scrollbar-width: thin;
    margin-bottom: 15px;
}

.card__caption .tab {
    margin-bottom: 0;
}

.cat-tabs .tab::-webkit-scrollbar,
.card__caption .tab::-webkit-scrollbar {
    height: 6px;
}

.cat-tabs .tabcontent::-webkit-scrollbar-track .cat-tabs .tab::-webkit-scrollbar-track,
.card__caption .tab::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.cat-tabs .tabcontent::-webkit-scrollbar-thumb,
.cat-tabs .tab::-webkit-scrollbar-thumb,
.card__caption .tab::-webkit-scrollbar-thumb {
    background: #005fcb;
    border-radius: 10px;
}

.cat-tabs .tabcontent::-webkit-scrollbar-thumb:hover,
.cat-tabs .tab::-webkit-scrollbar-thumb:hover,
.card__caption .tab::-webkit-scrollbar-thumb:hover {
    background: #004fa8;
}

.cat-tabs .tabcontent {
    max-height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0;
    scrollbar-color: #005fcb #f1f1f1;
    scrollbar-width: thin;
}

/* --вывод стилей FAQ для глобального подключения к проекту--*/
.b-faq {}

.b-faq .faq__title {
    margin-bottom: 41px;
}

.b-faq .faq__item {
    position: relative;
    display: block;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    transition: 0.3s;
    overflow: hidden;
    border: 1px solid #ececec;
    padding: 15px 0;
}

.b-faq .faq__item:hover {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    border-color: transparent;
}

.b-faq .faq__item-name {
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 12px 55px 12px 24px;
    font-size: 20px;
    cursor: pointer;
    list-style: none;
    font-weight: 700;
    transition: 0.3s;
}

.b-faq .faq__item-icon {
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    right: 22px;
    top: 12px;
    border: 1px solid #005fcb;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
}

.b-faq .faq__item-icon:not(:has(svg))::before {
    content: "";
    display: block;
    width: 15px;
    height: 9px;
    background: url("/images/faq-icon.svg") no-repeat center center;
    background-size: contain;
    transition: transform 0.3s;
}

.b-faq .faq__item-name:hover .faq__item-icon {
    background: #005fcb;
}

.b-faq .faq__item-name:hover .faq__item-icon:not(:has(svg))::before {
    background: url("/images/faq-icon-hover.svg") no-repeat center center;
    background-size: contain;
}

.b-faq .faq__item-icon svg path {
    transition: stroke 0.3s;
}

.b-faq .faq__item-icon svg {
    transition: transform 0.3s;
}

.b-faq .faq__item-name:hover .faq__item-icon svg path {
    stroke: #fff;
}

.b-faq .faq__item[open] .faq__item-icon svg {
    transform: rotate(180deg);
}

.b-faq .faq__item[open] .faq__item-icon:not(:has(svg))::before {
    transform: rotate(180deg);
}

.b-faq .faq__item-content {
    padding: 30px 32px 30px;
    font-size: 18px;
    transition: all 0.3s;
}

.b-faq .faq__item-content img {
    max-width: 100% !important;
    height: auto !important;
}

@media (max-width: 767px) {
    .b-faq .faq__title {
        margin-bottom: 20px;
    }

    .b-faq .faq__item-name {
        font-size: 18px;
        padding: 12px 55px 12px 20px;
    }

    .b-faq .faq__item-content {
        padding: 6px 20px 20px;
    }
}

/*------------------------*/

.main:has(.section--banner-catalog) {
    /* padding-top: 0; */
}

.section--banner-catalog {
    /* margin-top: 30px; */
}

.b-banner-catalog {
    box-sizing: border-box;
    position: relative;
    background: linear-gradient(90deg, #005fcb 0%, #1a7ecf 100%);
    overflow: hidden;
    color: #fff;
}

.b-banner-catalog .banner-catalog__fon {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
}

.b-banner-catalog .banner-catalog__inner {
    position: relative;
    z-index: 1;
    display: flex;
    box-sizing: border-box;
    padding: 17px 45px;
    align-items: center;
    gap: 103px;
}

.b-banner-catalog .banner-catalog__icon {
    display: flex;
    position: relative;
}

.b-banner-catalog .banner-catalog__icon::before {
    content: '';
    box-sizing: border-box;
    background: url('/images/catalog_banner_icon_fon.svg') 50% 50% no-repeat;
    background-size: cover;
    width: 336px;
    height: 185px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.b-banner-catalog .banner-catalog__icon img {
    vertical-align: middle;
    max-width: 100%;
    position: relative;
    z-index: 2;
}

.b-banner-catalog .banner-catalog__name {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.44444;
    text-transform: uppercase;
}

.b-banner-catalog .banner-catalog__info {
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

.b-banner-catalog .banner-catalog__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.1;
    color: #fff;
}

@media (width < 1239px) {
    .b-banner-catalog .banner-catalog__fon {
        left: 0;
        right: 0;
    }

    .b-banner-catalog .banner-catalog__icon::before {
        width: 168px;
        height: 92px;

    }

    .b-banner-catalog .banner-catalog__inner {
        padding: 10px 20px;
        gap: 57px;
        display: grid;
        grid-template-columns: minmax(0, 58px) minmax(0, 1fr);
        align-items: flex-start;
    }

    .b-banner-catalog .banner-catalog__info {
        gap: 10px;
    }

    .b-banner-catalog .banner-catalog__name {
        font-size: 20px;
    }
    .b-banner-catalog .banner-catalog__text {
        font-size: 10px;
    }
}

@media (width < 767px) {

    .b-banner-catalog .banner-catalog__fon {
        left: -10%;
        right: -10%;
    }

    .b-banner-catalog .banner-catalog__inner {
        grid-template-columns: minmax(0, 58px) minmax(0, 1fr);
        gap: 19px;
        padding: 23px 20px 24px;
    }

}

/*------------------------*/
.b-social-catalog {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.b-social-catalog svg {
    vertical-align: middle;
}

.b-social-catalog .social-catalog__name {
    font-weight: 400;
    font-size: 16px;
    color: #717483;
    line-height: 19px;
}

.b-social-catalog .social-catalog__elements {
    display: flex;
    align-items: center;
    gap: 19px;
    flex-wrap: wrap;
}

.b-social-catalog .social-catalog__list {
    display: flex;
    gap: 20px;
}

.b-social-catalog .social-catalog__list a {
    transition: opacity .2s ease;
    display: flex;
    width: fit-content;
    height: fit-content;
}

.b-social-catalog .social-catalog__list a:hover {
    opacity: 0.8;
}

.b-social-catalog a[href^='mailto:'] {
    font-weight: 600;
    font-size: 16px;
    color: #005fcb;
    line-height: 19px;
}

.b-social-catalog a[href^='mailto:']:hover {
    text-decoration: underline;
}

/*------------------------*/