:root {
            --glass-bg: rgba(255,255,255,0.1);
            --glass-border: rgba(255,255,255,0.2);
        }

        body {
            font-family: 'Inter', sans-serif;
            font-optical-sizing: auto;
            font-style: normal;
            margin: 0;
            background: rgba(239, 239, 239, 1);
        }

        .no-scroll {
            overflow: hidden;
        }

        .first-screen {
            background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)),
                        url('../img/main_bg.webp') no-repeat center center;
            background-size: cover;
            height: 100vh;
            min-height: 740px;
            color: #fff;
            position: relative;
            display: flex;
/*            overflow: hidden;*/
            flex-direction: column;
        }

        .first-screen__main {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .header__topbar {
            font-size: 16px;
            display: none;
        }

        .header {
            z-index: 5;
            position: relative;
            padding-top: 10px;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .header__search {
            background: rgba(255,255,255,0.1);
            border: none;
            border-radius: 50px;
            color: #fff;
        }

        .header__search::placeholder {
            color: rgba(255,255,255,0.7);
        }

        .logo {
            height: 44px;
            width: 198px;
            margin-right: auto;
        }

        .header__logo {
            margin-right: auto;
        }

        .glass-card {
            position: relative;
            border-radius: 50px;
            border: none;
            backdrop-filter: blur(8px);
        }

        .glass-card::before {
            content: "";
            position: absolute;
            inset: 0;
            padding: 1px;
            border-radius: inherit;
            transition: 0.2s ease;
            background: linear-gradient(
                -45deg,
                rgba(229, 255, 255, 1) 20%,
                rgba(87, 199, 133, 0) 40%,
                rgba(87, 199, 133, 0) 50%,
                rgba(87, 199, 133, 0) 60%,
                rgba(229, 255, 255, 1) 80%
            );

            -webkit-mask:
                linear-gradient(#000 0 0) content-box,
                linear-gradient(#000 0 0);
            -webkit-mask-composite: xor;
                    mask-composite: exclude;

            pointer-events: none;
        }

        .header__search-wrapper {
            width: 100%;
            position: relative;
        }

        .header__search-wrapper::before {
                background: linear-gradient(
                354deg,
                rgba(229, 255, 255, 1) 20%,
                rgba(87, 199, 133, 0) 40%,
                rgba(87, 199, 133, 0) 50%,
                rgba(87, 199, 133, 0) 60%,
                rgba(229, 255, 255, 1) 80%
            );
        }

        .header__search {
            height: 100%;
            width: 100%;
            padding-left: 43px;
        }

        .header__search:focus {
            outline: none;
        }

        .header-find {
            width: 18px;
            height: 18px;
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #ffffff59;
            transition: 0.3s ease;
        }

        .header-find.active {
            color: #fff;
        }

        .first-screen__gradient {
            background: linear-gradient(180deg, #156CCF 0%, rgba(21, 108, 207, 0) 100%);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 380px;
            z-index: 0;
            pointer-events: none;
        }

        .header__top {
            gap: 8px;
            display: flex;
        }

        .header__btn {
            width: 46px;
            height: 46px;
            min-width: 46px;
            border-radius: 50px;
            padding: 0;
            padding-bottom: 2px;
            background: rgba(255, 255, 255, 0.1);
            transition: 0.2s ease;
        }

        .header__btn:hover {
            background: rgba(21, 108, 207, 1);
            color: #fff;
        }

        .header__btn:hover:before {
            background: linear-gradient(
                -45deg,
                rgba(21, 108, 207, 1) 20%,
                rgba(21, 108, 207, 1) 40%,
                rgba(21, 108, 207, 1) 50%,
                rgba(21, 108, 207, 1) 60%,
                rgba(21, 108, 207, 1) 80%
            );
        }

        .hero__header-btn.active {
            background: #fff;
        }

        #open-menu.active {
            background: inherit;
        }

        .hero__header-btn.active .header-btn {
            color: rgba(21, 108, 207, 1);
        }

        .header__btn--secondary {
            border: none;
            backdrop-filter: blur(8px);
            display: none;
        }

        .header__btn.cart {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .header-btn {
            width: 20px;
            height: 20px;
            color: #fff;
            transition: 0.2s ease;
        }

        .header__middle {
            gap: 10px;
            display: flex;
            position: relative;

        }

        .header__phonemenu {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 100;
            background: rgba(21, 108, 207, 0.4);
            backdrop-filter: blur(8px);
            width: 100%;
            border: 1px solid #8dadd5;
            overflow: hidden;
            opacity: 0;
            transition: 0.2s ease;
            pointer-events: none;
        }

        .header__phonemenu-wrap {
            padding: 20px;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .header__phonemenu.active {
            opacity: 1;
            pointer-events: all;
        }

        .header-phonemenu-btn {
            color: #156CCF;
            width: 20px;
            height: 20px;
            transition: 0.2s ease;
        }

        .header__phonemenu-num {
            display: flex;
            align-items: center;
            gap: 10px;
            text-decoration: none;
        }

        .header__phonemenu-num:hover .header__phonemenu-icon {
            background: rgba(21, 108, 207, 1);
            
        }

        .header__phonemenu-num:hover .header-phonemenu-btn {
            color: #fff;
        }

        .header__phonemenu-num--first {
            border-bottom: 1px solid rgba(255, 255, 255, 0.5);
            padding-bottom: 25px;
            margin-bottom: 10px;
        }

        .header__phonemenu-icon {
            background: #fff;
            width: 46px;
            height: 46px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50px;
            transition: 0.2s ease;
        }

        .header__phonemenu-tel {
            color: #fff;
            font-size: 15px;
            font-weight: 600;
            line-height: 140%;
            margin: 0;
        }

        .header__bottom {
            display: none;
        }

        .header__nav {
            background: var(--glass-bg);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            display: none;
            margin-top: 20px;
        }

        .hero {
            height: 100%;
            display: flex;
            flex-direction: column;
            padding-top: 112px;
        }

        .first-screen__top {
            position: fixed;
            top: 0;
            left: 0;
            background: rgba(21, 108, 207, 0);
            padding-bottom: 10px;
            width: 100%;
            opacity: 0;
            z-index: 990;
        }

        .first-screen__top.start {
            opacity: 1;
        }

        .first-screen__top.active,
        .first-screen__top.second {
            background: rgba(21, 108, 207, 1);
        }

        .hero__content {
            z-index: 2;
            position: relative;
            margin: auto 0;
        }

        .hero__title {
            font-size: 38px;
            font-weight: 500;
            line-height: 105%;
            max-width: 700px;
            margin-bottom: 15px;
        }

        .main-subtitle {
            font-size: 17px;
            font-weight: 400;
            line-height: 125%;
            margin-bottom: 30px;
            color: #fff;
        }

        .banner__block-subtitle {
            max-width: 280px;
            color: #fff;
        }

        .hero__subtitle {
            max-width: 280px;
        }

        .main-cta {
            font-size: 13px;
            line-height: 140%;
            font-weight: 600;
            text-decoration: none;
            padding: 14px 22px;
            border-radius: 50px;
        }

        .hero__cta {
            background: rgba(21, 108, 207, 1);
            color: #fff;
            display: inline-flex;
            transition: 0.2s ease;
        }

        .hero__cta:hover {
            background: #fff;
            color: rgba(30, 32, 40, 1);
        }


        .hero__advantages {
            position: relative;
            bottom: 0;
            width: 100%;
            padding-bottom: 30px;
            margin-top: 0;
        }

        .hero__advantages-list {
            gap: 10px;
            display: flex;
            flex-wrap: wrap;
        }

        .hero__advantages-item {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            color: #fff;
            min-height: 114px;
            font-size: 15px;
            font-weight: 600;
            line-height: 140%;
            text-decoration: none;
            padding: 25px 15px;
            width: calc(50% - 5px);
            backdrop-filter: blur(15px);
            border: 1px solid rgba(21, 108, 207, 0.12);
            transition: 0.2s ease;
        }

        .hero__advantages-item:hover {
            opacity: 0.5;
        }
 
        .hero__advantages-text {
            max-width: 130px;
            text-align: center;
        }

        .hero__advantages-icon {
            width: 12px;
            height: 12px;
            min-width: 12px;
        }

        .hero__bottom-item {
            padding: 25px;
            text-align: center;
            text-decoration: none;
            color: #fff;
            transition: background .3s;
            border-right: 1px solid rgba(255,255,255,0.1);
        }

        .hero__bottom-item:hover {
            background: rgba(255,255,255,0.1);
            color: #fff;
        }

.header__menu {
    background: rgba(243, 247, 252, 1);
    position: absolute;
    z-index: 10;
    width: calc(100% + 24px);
    top: 100%;
    left: -12px;
    transform: translateY(10px);
    height: calc(100vh - 122px);
    opacity: 0;
    transition: 0.2s ease;
    pointer-events: none;
    overflow-y: scroll;
    overflow-x: hidden;
}

.header__menu.active {
    opacity: 1;
    pointer-events: auto;
}

.header__menu-next {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #F3F7FC;
    z-index: 10;
    transform: translateX(100%);
    transition: 0.2s ease;
    padding: 30px 15px;
    height: calc(100vh - 122px);
padding-bottom: 86px;
overflow: hidden;
}

.header__menu-item.active .header__menu-next {
    transform: translateX(0);
    height: max-content;
}

.header__menu-back {
    color: #156CCF;
    display: flex;
    gap: 8px;
    align-items: center;
}

.header__menu-back-icon {
    width: 15px;
    height: 10px;
}

.h1-title {
    font-size: 38px;
    line-height: 105%;
    font-weight: 500;
}

.h2-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 105%;
}

.h4-title {
    font-size: 24px;
    line-height: 125%;
    font-weight: 500;
}

.h5-title {
    font-size: 20px;
    line-height: 125%;
    font-weight: 500;
}

.big-m {
    font-size: 15px;
    font-weight: 500;
    line-height: 140%;
}

.big-sm {
    font-size: 15px;
    font-weight: 600;
    line-height: 140%;
}

.big-r {
    font-size: 15px;
    font-weight: 400;
    line-height: 140%;
}

.header__menu-title {
    color: #1E2028;
    margin: 30px 0;
}

.header__menu-wrap {
    padding: 30px 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 86px;
/*    overflow-y: scroll;
    position: relative;
    overflow-x: hidden;*/
}

.header__menu-mid {
    border-top: 1px solid rgba(30, 32, 40, 0.12);
    padding-top: 30px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.header__menu-items {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.header__menu-line {
    display: flex;
    gap: 10px;
    text-decoration: none;
    align-items: center;
    background: inherit;
    outline: none;
    border: none;
    padding: 0;
    text-align: left;
    color: inherit;
}

.header__menu-btns {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.header__menu-btn {
    padding: 6px 12px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 140%;
    color: rgba(21, 108, 207, 1);
    background: rgba(21, 108, 207, 0.05);
    border: 1px solid rgba(21, 108, 207, 0.12);
    border-radius: 50px;
}

.header__menu-text {
    margin-bottom: 0;
    font-size: 15px;
    text-decoration: none;
    line-height: 140%;
    font-weight: 500;
    color: rgba(30, 32, 40, 1);
}

.header__menu-hours {
    margin: 10px 0;
    position: relative;
}

.header__menu-hours-icon {
    width: 10px;
    height: 7px;
    color: rgba(144, 160, 181, 1);
    rotate: 180deg;
    transition: 0.2s ease;
}

.header__menu-hours.active .header__menu-hours-icon {
    rotate: 0deg;
}

.header__menu-hours-top {
    color: rgba(119, 127, 150, 1);
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 140%;
}

.header__menu-hours-bot {
    display: flex;
    align-items: center;
    color: rgba(30, 32, 40, 1);
    font-size: 15px;
    line-height: 140%;
    gap: 7px;
}

.header__menu-icon {
    width: 23px;
    height: 23px;
    color: rgba(144, 160, 181, 1);
}

.catalog {
    padding-top: 50px;
    padding-bottom: 70px;
}


.catalog__block {
    position: relative;
    aspect-ratio: 8/9;
    display: block;
    overflow: hidden;
}

.catalog__block-submenu {
    display: none;
}

.h6-text {
    font-size: 17px;
    font-weight: 500;
    line-height: 125%;
}

.h6r-text {
    font-size: 17px;
    font-weight: 400;
    line-height: 125%;
}


.catalog__block-title {
    position: absolute;
    padding: 15px;
    width: 100%;
    color: #fff;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

.catalog__blur {
  width: 100%;
  height: 100%;
  backdrop-filter: blur(10px);
  position: absolute;
   mask :linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.99) 30%,
    rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 80%);
}

.banner__blur {
  width: 100%;
  height: 100%;
  backdrop-filter: blur(5px);
  position: absolute;
   mask :linear-gradient(194.21deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.99) 50%,
    rgba(0,0,0,0.3) 90%, rgba(0,0,0,0) 100%);
}

.catalog__block-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.catalog__title {
    margin-bottom: 30px;
}


.second-title {
    font-size: 32px;
    line-height: 105%;
    font-weight: 500;
    color: rgba(30, 32, 40, 1);
}


.banner__block {
    position: relative;
    height: 330px;
    width: 100%;
}

.banner__block-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(194.21deg, rgba(3, 10, 39, 0.4) 63.48%, rgba(3, 10, 39, 0) 80.88%);
    padding: 30px;
}

.banner__block-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.banner__block-title {
    color: #fff;
    margin-bottom: 15px;
    max-width: 215px;
}

.banner__block-link {
    background: #fff;
    color: rgba(21, 108, 207, 1);
    display: inline-block;
    transition: 0.2s ease;
}

.banner__block-link:hover {
    background: rgba(36, 187, 245, 1);
    color: #fff;
}


.services {
    padding: 70px 0;
}

.services__card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 137px; 
    padding: 15px;
    background-color: rgba(21, 108, 207, 0.1);
    border: 1px solid rgba(21, 108, 207, 0.12);
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.services__card:hover {
    background-color: #156CCF;
    color: #fff;
}

.services__card:hover .services__title, 
.services__card:hover  .services__arrow,
.services__card:hover  .services__icon {
    color: #fff;
}

.services__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.services__icon {
    width: 32px;
    height: 32px;
    color: #156CCF;
    transition: 0.2s ease;
}

.services__arrow {
    width: 12px;
    height: 12px;
    color: rgba(21, 108, 207, 1);
    transition: 0.2s ease;
}

.services__title {
    color: rgba(30, 32, 40, 1);
    margin: 0;
    transition: 0.2s ease;
}

.about-pools {

}

.p-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: rgba(30, 32, 40, 1);
}

.pm-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}

.sm-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
}

.banner__block-subtitle-next {
    color: #fff;
    margin-bottom: 25px;
}

.header__menu-banner-gradient {
    background: linear-gradient(90deg, #156CCF 10%, rgba(21, 108, 207, 0) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.header__menu-block-img {
    width: 30px;
    height: 30px;
}

.header__menu-block {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.header__menu-block-all {
    text-decoration: none;
    color: #156CCF;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-top: 8px;
    transition: 0.2s ease;
}

.header__menu-block-all:hover {
    color: rgba(36, 187, 245, 1);
}

.header__menu-block-all:hover .header__menu-block-all-icon {
    color: rgba(36, 187, 245, 1);
}

.header__menu-block-all-icon {
    rotate: 180deg;
    width: 15px;
    height: 10px;
    transition: 0.2s ease;
}

.header__menu-block-item {
    width: 100%;
    color: rgba(108, 110, 115, 1);
    text-decoration: none;
}

.header__menu-block-item:hover {
    color: rgba(30, 32, 40, 1);
}

.header__menu-block-title {
    color: #1E2028;
}

.header__menu-block-link {
    text-decoration: none;
    color: inherit;
    transition: 0.2s ease;
}

.header__menu-block-link:hover {
    color: rgba(21, 108, 207, 1);
}

.header__menu-block-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin-top: 8px;
}

.header__menu-banner-img {
    position: absolute;
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.header__menu-banner {
    position: relative;
    width: 100%;
}

.header__menu-banner-title {
    margin-bottom: 15px;
}

.header__menu-banner-subtitle {
    color: #fff;
    margin-bottom: 25px;
}

.header__menu-banner-link {
    color: #fff;
    background: #24BBF5;
    display: inline-flex;
}

.header__menu-banner-content {
    padding: 25px;
    z-index: 5;
    position: relative;
}

.about-pools__title {
  width: 80%;
  margin-bottom: 25px;
}

.about-pools__text {
    color: rgba(30, 32, 40, 1);
    margin-bottom: 25px;
}

.about-pools__subtext {
    color: rgba(30, 32, 40, 1);
}

.about-pools__subtext {
    margin-bottom: 0;
}

.about-pools__contact-card {
  background-color: #ebf1f6;
  padding: 25px;
  margin-top: 25px;
  background-color: rgba(21, 108, 207, 0.1);
  border: 1px solid rgba(21, 108, 207, 0.12);
  position: relative;
}

.contact-card__row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.contact-card__info {
  max-width: 215px;
}

.contact-card__text {
  color: rgba(21, 108, 207, 1);
  margin-bottom: 25px;
}

.contact-card__button {
  background-color: rgba(21, 108, 207, 1);
  color: #fff;
  display: block;
  transition: 0.2s ease;
}

.contact-card__button:hover {
  background-color: rgba(36, 187, 245, 1);
  color: #fff;
}

.contact-card__icon {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 25px;
  right: 25px;
}

.small-r {
    font-size: 13px;
    line-height: 140%;
    font-weight: 400;
}

.small-m {
    font-size: 13px;
    line-height: 140%;
    font-weight: 500;
}

.small-sm {
    font-size: 13px;
    line-height: 140%;
    font-weight: 600;
}

.footer {
    background-color: #0074d4; 
    color: #ffffff;
    position: relative;
    margin-top: 70px;
}

.footer__wrap {
    overflow: hidden;
    position: relative;
    padding: 40px 0 25px;
    padding-bottom: 96px;
}

.footer__bg {
    position: absolute;
    top: 50%;
    right: 0;
    width: 450px;
    transform: translate(45%, -32%);
    opacity: 0.7;
}

.footer__container {
    z-index: 2;
    position: relative;
}

.footer__branding {
    margin-bottom: 40px;
}

.footer__scrollup {
    background: #24BBF5;
    width: 46px;
    height: 46px;
    border-radius: 50px;
    position: absolute;
    top: 0;
    right: 12px;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: inherit;
    border: none;
    z-index: 10;
}

.footer__scrollup-wrap {
    position: relative;
}

.footer__scrollup-svg {
    width: 10px;
    height: 5px;
}

.footer__logo {
    display: block;
    max-width: 180px;
    margin-bottom: 10px;
}

.footer__copyright {
    margin-top: 0px;
    opacity: 0.5;
    margin-bottom: 0;
}


.footer__caption {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    opacity: 0.5;
}


.footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer__item {
    margin-bottom: 10px;
}

.footer__link {
    transition: opacity 0.2s;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    display: block;
}

.footer__link:hover {
    opacity: 0.8;
}

.footer__contacts {
    margin-top: 30px;
}

.footer__contact-group {
    margin-bottom: 30px;
    display: flex;
    gap: 12px;
    margin-top: 0;
}

.footer__contact-link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    margin-bottom: 0;
}

.footer__contact-href {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    margin-bottom: 0;
}

.footer__contact-group-icon {
    display: flex;
}


.footer__contact-phone {
    margin: 0;
    text-decoration: none;
}

.footer__icon {
    width: 20px;
    height: 20px;
}

.footer__subtext {
    opacity: 0.5;
    margin-top: 8px;
    margin-bottom: 0;
}

.footer__socials {
    display: flex;
    gap: 10px;
    margin-bottom: 40px;
}

.footer__social-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transition: background-color 0.2s;
    color: #fff;
}

.footer__social-item:hover {
    background-color: #fff;
    color: rgba(21, 108, 207, 1);
}

.footer__social-item-svg {
    width: 20px;
    height: 20px;
    fill: #ffffff;
    transition: 0.2s ease;
}

.footer__rating {
    display: flex;
    flex-direction: column;
}

.footer__info-block {
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    padding: 20px;
    margin-bottom: 10px;
    border: 1px solid #77C4FF;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__rating-val {
    display: flex;
    align-items: center;
    font-size: 24px;
    gap: 8px;
    font-weight: 500;
}

.footer__icon-geo {
    width: 20px;
    height: 20px;
}

.footer__stars {
    color: #ffffff;
    width: 76px;
    height: 12px;
}

.footer__rating-label {
    opacity: 0.5;
    margin: 0;
    width: 140px;
}

.footer__map {
    height: 188px;
}

.footer__map-container {
    width: 100%;
    height: 150px;
    border-radius: 8px;
    overflow: hidden;
}

.footer__logo {
    height: 48px;
    width: 217px;
    max-width: 100%;
}


.footer__map-frame {
    width: 100%;
}

.footer__legal {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 25px;
}

.footer__legal-link {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    border-bottom: 2px dotted rgba(255, 255, 255, 0.5);
    align-self: flex-start;
    transition: 0.2s ease;
}

.footer__legal-link:hover {
    color: #fff;
    border-bottom: 2px dotted rgba(255, 255, 255, 1);
}


.catalog__block-items {
    padding: 0;
    list-style-type: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 8px;
    column-gap: 20px;
    margin-bottom: 0;
}

.catalog__block-link {
    text-decoration: none;
    color: inherit;
    transition: 0.2s ease;
    opacity: 1;
}

.catalog__block-link:hover {
    opacity: 0.65;
}

.catalog__block-subtitle {
    margin-bottom: 0;
}

.header__phone-icon, .header__phone-tel {
    display: none;
}

.first-screen__container {
    height: 100%;
}

#open-phonemenu.active {
    background: #fff;
    
}

#open-phonemenu.active .header-btn {
    color: rgba(21, 108, 207, 1);
}


.mobile-menu {
    width: 100%;
    height: 56px;
        position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;

}

.mobile-menu__bg {
    -webkit-mask: radial-gradient(circle 32px at 50% 0,
    transparent 31px,
    white 32px);
mask: radial-gradient(circle 32px at 50% 0,
    transparent 31px,
    white 32px);
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.mobile-menu__open-btn {
    background: rgba(21, 108, 207, 1);
    width: 54px;
    height: 54px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
    z-index: 5;
    position: absolute;
    left: 50%;
    top: 0px;
    transition: 0.2s ease;
}

.mobile-menu__btn {
    z-index: 5;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
    font-size: 12px;
    line-height: 140%;
    color: rgba(30, 32, 40, 1);
}

.mobile-menu__wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 20px;
        padding: 8px 15px;
    filter: drop-shadow(0px 2px 13px rgba(32, 73, 126, 0.3));
}


.mobile-menu__btn--two {
    margin-right: auto;
}

.mobile-menu__btn--third {
    margin-left: auto;
}


.mobile-menu__icon {
    width: 20px;
    height: 20px;
    color: #90A0B5;
}

.mobile-menu__btn-num {
    background: rgba(21, 108, 207, 1);
    font-size: 10px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    position: absolute;
    top: -6px;
    right: 6px;
    color: #fff;
}

.mobile-menu__btn-num--second {
    background:
        linear-gradient(#f3f7fc, #f3f7fc) padding-box,
        linear-gradient(
            90deg,
            #f3f7fc 0%,
            #d9e7f7 100%
        ) border-box;

    color: rgba(30, 32, 40, 1);
    border: 1px solid transparent;
}


.mobile-menu__close {
    position: absolute;
    width: 18px;
    height: 18px;
    color: #fff;
    opacity: 0;
    transition: 0.2s ease;
    transform: scale(0);
}

.mobile-menu__open-btn.active {
    background: rgba(36, 187, 245, 1);
}

.mobile-menu__open-btn.active .mobile-menu__close {
    opacity: 1;
    transform: scale(1);
}

.mobile-menu__open-btn .header-btn {
    opacity: 1;
    transform: scale(1);
}

.mobile-menu__open-btn.active .header-btn {
    opacity: 0;
    transform: scale(0);
}

.mobile-header {
    background: rgba(21, 108, 207, 1);
    position: fixed;
    top: 0;
    left: 0;
    transition: 0.2s ease;
    transform: translateX(100%);
}

.mobile-header.active {
    transform: translateX(0);
}

.header__hours-dropdown {
    background: #fff;
    color: rgba(30, 32, 40, 1);
    font-size: 15px;
    padding: 20px;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: 0.2s ease;
    margin-bottom: 10px;
    pointer-events: none;
}

.header__hours-dropdown.active {
    opacity: 1;
    pointer-events: all;
}

.header__hours-text {
    color: rgba(119, 127, 150, 1);
}

.header__hours-time {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.header__hours-dropdown-block {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(227, 231, 235, 1); 
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.header__hours-dropdown--double {
    display: none;
}

.header__hours-items {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.header__hours-item:nth-child(1) {
    order: 2;
}

.header__hours-item:nth-child(2) {
    order: 4;
}

.header__hours-item:nth-child(3) {
    order: 1;
}

.header__hours-item:nth-child(4) {
    order: 3;
}



.page-catalog {
    min-height: 340px;
    max-height: 340px;
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../img/main_bg-cat.webp) no-repeat 60% 60%;
    background-size: auto 120%;
    background-position: 54% 0%;
    overflow: hidden;
}

.hero__breadcrumbs {
    display: flex;
    gap: 8px;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: auto;
}

.hero__breadcrumbs-item {
    color: #fff;
    text-decoration: none;
}

.hero__breadcrumbs-item::after {
    content: "/";
    margin-left: 8px;
}

.hero__breadcrumbs-item:last-child::after {
    display: none;
} 

.hero__content--catalog {
    margin: 0;
    margin-top: 15px;
}

.page-catalog__img {
    width: 188px;
    position: absolute;
    bottom: -148px;
    left: 16px;
}


.pool-categories {
  padding: 20px 0;
  padding-bottom: 70px;
}

.pool-categories__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: #fff;
  padding: 10px 12.5px;

  text-align: center;
  text-decoration: none;
  color: #333;

  height: 100%;
  transition: all 0.2s;

    border: 1px solid;
  border-image: linear-gradient(
      270deg,
      rgba(21, 108, 207, 0.12) 0%,
      rgba(21, 108, 207, 0) 100%
  ) 1;
}

.pool-categories__item:hover {
  background: rgba(21, 108, 207, 0.1);
  
}

.pool-categories__item:hover .pool-categories__title {
    color: rgba(21, 108, 207, 1);
}

.pool-categories__icon {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.pool-categories__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: rgba(30, 32, 40, 1);
  transition: 0.2s ease;
}

.pool-categories__item--wide {
  gap: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.h3-text {
    font-size: 28px;
    line-height: 125%;
    font-weight: 500;
}

.banner__block-price {
    color: #fff;
    margin-bottom: 30px;
}

.banner__block--slider {
    height: 373px;
    min-height: 373px;
}

.banner__block-img--slider {
    object-position: 58%;
}

.banner__blur--slider {
    mask: linear-gradient(
90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.99) 30%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0) 100%);
}


.pool-product {
  padding-bottom: 70px;
  overflow-x: hidden;
}

.pool-product__title {
  margin-bottom: 25px;
  margin-top: 50px;
}

.pool-product__card {
  background: #fff;
  padding: 20px;
  border: 1px solid;
    border-image: linear-gradient(270deg, rgba(21, 108, 207, 0.12) 0%, rgba(21, 108, 207, 0) 100%) 1;
}

.pool-product__image {
  text-align: center;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(227, 231, 235, 1);
  width: 100%;
  aspect-ratio: 278 / 150;
}

.pool-product__img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

.pool-product__table-head {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  margin-bottom: 10px;
  padding-left: 9px;
}

.pool-product__table.carcas .pool-product__table-head {
    padding: 0 20px;
}

.pool-product__table-item {
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    color: rgba(108, 110, 115, 1);
    text-align: center;
    justify-content: center;
}

.pool-product__row {
  background: #fff;
  margin-bottom: 10px;
}

.pool-product__row-main {
  display: grid;
  grid-template-columns: 23.2% 27.8% 19.8% 31.6%;
  align-items: center;
  padding: 16px 20px;
  align-items: center;
  font-size: 14px;
  border: 1px solid #e3e3e3;
  border-radius: 50px;
  position: relative;
}

.pool-product__table.carcas .pool-product__row-main {
    grid-template-columns: repeat(4, 1fr);
}

.pool-product__row-main.active .pool-product__arrow {
    rotate: 0deg;
}

.pool-product__cell--first {
    color: rgba(21, 108, 207, 1);
    z-index: 6;
}

.pool-product__price {
    color: rgba(21, 108, 207, 1);
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.pool-product__cell {
    text-align: center;
    justify-content: center;
}

.tag-r {
    font-size: 12px;
    line-height: 140%;
    font-weight: 400;
}

.tag-m {
    font-size: 12px;
    line-height: 140%;
    font-weight: 500;
}

.pool-product__cell--full {
    min-width: 72px;
    margin-right: 2px;
}

.pool-product__arrow {
    color: rgba(21, 108, 207, 1);
    width: 11px;
    height: 5.5px;
    min-width: 11px;
    rotate: 180deg;
    transition: 0.2s ease;
}

.pool-product__arrow--up {
    rotate: 0deg;
}

.pool-product__price-num {
    margin: 0;
}

.pool-product__dropdown {
  height: 0;
  transition: 0.2s ease;
  overflow: hidden;
  margin-top: 0px;
  opacity: 0;
}

.pool-product__dropdown-wrap {
    padding: 20px;
    border: 1px solid rgba(21, 108, 207, 0.12);
    background: rgba(243, 247, 252, 1);
  border-radius: 14px;
}

.pool-product__dropdown.active {
    margin-top: 10px;
    opacity: 1;
}

.pool-product__dropdown-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 9px;
}

.pool-product__dropdown-image {
    width: 100%;
    aspect-ratio: 252 / 120;
    margin-bottom: 15px;
    position: relative;
}

.pool-product__dropdown-article {
    margin: 0;
    color: rgba(21, 108, 207, 1);
}

.pool-product__dropdown-img {
  width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
  mix-blend-mode: multiply;
}

.pool-product__info-row {
  display: flex;
  justify-content: space-between;
  color: rgba(119, 127, 150, 1);
  align-items: flex-end;
  gap: 10px;
}

.pool-product__info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pool-product__info-article {
    color: rgba(21, 108, 207, 1);
    border-bottom: 2px dotted rgba(21, 108, 207, 1);
}

.pool-product__info-price {
    color: rgba(21, 108, 207, 1);
}

.pool-product__info-value {
    color: rgba(30, 32, 40, 1);
}

.pool-product__info-line {
  flex-grow: 1;
  background-image: radial-gradient(circle, rgba(227, 231, 235, 1) 1px, transparent 1px);
  background-size: 8px 8px;
  background-repeat: repeat-x;
  background-position: bottom;
      height: 6px;
}



.pool-product__actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
  gap: 5px;
}

.pool-product__more {
  background: #fff;
}

.pool-product__cart {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(21, 108, 207, 1);
  border: none;
  transition: 0.2s ease;
}

.view1 .pool-product__cart:hover {
    background: #fff;
    color: rgba(30, 32, 40, 1);
}

.view1 .pool-product__cart:hover .pool-product__cart-icon {
    color: rgba(30, 32, 40, 1);
}

.view3 .pool-product__cart:hover {
    background: #fff;
    color: rgba(30, 32, 40, 1);
}

.view3 .pool-product__cart:hover .pool-product__cart-icon {
    color: rgba(30, 32, 40, 1);
}

.pool-product__cart-icon {
    width: 18px;
    height: 18px;
    color: #fff;   
    transition: 0.2s ease;
}

.pool-product__info-row--icons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.pool-product__icons {
    display: flex;
    gap: 5px;
    justify-content: center;
}

.pool-product__comp {
    width: 35px;
    height: 35px;
    color: rgba(21, 108, 207, 1);
}

.pool-product__comp--off {
    color: rgba(214, 214, 215, 1);
}


.pool-product__cards {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pool-product__btn {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: #fff;
    transition: 0.2s ease;
    color: rgba(21, 108, 207, 1);
}

.pool-product__btn:first-child {
      margin-right: auto;
}

.pool-product__btns {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    position: relative;
    margin-top: 70px;
}

.pool-product__btn-icon {
    width: 20px;
    height: 20px;
    
}

.pool-product__btn--view {
    background: rgba(21, 108, 207, 0.1);
}

.pool-product__btn--view.active {
    background: rgba(21, 108, 207, 1);
    color: #fff;
}

.custom-select {
  position: absolute;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 140%;
  color: rgba(30, 32, 40, 1);
  top: 0;
  left: 51px;
  transition: 0.2s ease;
  width: auto;

}

.custom-select__current {
    padding: 14px 20px;
    background-color: white;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6.5px;
    z-index: 3;
    position: relative;
}



.custom-select__options {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
  border-top: none;
  z-index: 1;
  border-radius: 28px;
  height: 0;
  overflow: hidden;
  transition: 0.2s ease;
  opacity: 0;
}

.custom-select__options-wrap {
      padding-top: 46px;
}

.custom-select__arrow {
    color: rgba(21, 108, 207, 1);
    margin-right: auto;
}

.custom-select__icon {
    color: rgba(144, 160, 181, 1);
    width: 10px;
    height: 6px;
    transition: 0.2s ease;
    rotate: 180deg;
    margin-left: 8.5px;
}

.custom-select.open .custom-select__icon {
    rotate: 0deg;
}


.custom-select__option {
  padding: 17px 20px;
  padding-top: 0;
  cursor: pointer;
  color: rgba(119, 127, 150, 1);
  display: flex;
  align-items: center;
  gap: 5px;
  transition: 0.2s ease;
}

.custom-select__option:hover,
.custom-select__option:hover .custom-select__arrow {
    color: rgba(21, 108, 207, 1);
}



.custom-select__option:first-child {
    padding-top: 5px;
}

.custom-select__option.selected {
  color: rgba(30, 32, 40, 1);
}

.custom-select__option.selected .custom-select__arrow {
    color: rgba(21, 108, 207, 1);
}

.custom-select__option .custom-select__arrow {
    color: rgba(119, 127, 150, 1);
}

.custom-select.open .custom-select__options {
  box-shadow: 
  0px 9px 20px 0px rgba(7, 45, 95, 0.05),
  0px 36px 36px 0px rgba(7, 45, 95, 0.04),
  0px 81px 48px 0px rgba(7, 45, 95, 0.03),
  0px 144px 57px 0px rgba(7, 45, 95, 0.01),
  0px 224px 63px 0px rgba(7, 45, 95, 0);
  opacity: 1;
}

.custom-select__title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    color: rgba(144, 160, 181, 1);
    font-weight: 400;
    width: 0%;
    transition: 0.2s ease;
    overflow: hidden;
    opacity: 0;
}

.custom-select__label--current {
    padding-left: 0;
    transition: 0.2s ease;
    white-space: nowrap;
}

.custom-select.open .custom-select__label--current {
    padding-left: 90px;
}

.custom-select.open .custom-select__title {
    width: 50%;
    opacity: 1;
}

.custom-select.open {
    width: 100%;
    left: 0;
    z-index: 500;
}

.filters {
  width: 100%;
  padding: 25px 15px;
  padding-bottom: 125px;
  background: rgba(239, 239, 239, 1);
  color: #333333;
  position: fixed;
  z-index: 1500;
  overflow-y: scroll;
  max-height: 100vh;
  right: -100%;
  top: 0;
  transition: 0.2s ease;
}

.filters.active {
    right: 0;
}

.filters__header {
  margin-bottom: 15px;

  display: flex;
}

.filters__back {
  background: none;
  border: none;
  color: rgba(21, 108, 207, 1);
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  gap: 8px;
  display: flex;
  align-items: center;
}

.def-arrow {
    width: 11px;
    min-width: 11px;
    height: 5.5px;
    color: rgba(144, 160, 181, 1);
    transition: 0.2s ease;
    rotate: 180deg;
}

.def-arrow.blue {
    color: rgba(21, 108, 207, 1);
    rotate: 180deg;
}

.def-arrow.back {
    width: 13px;
    height: 8px;
    rotate: 0deg;
}

.filters__more-content {
    display: none;
    flex-direction: column;
    gap: 15px;
}

.filters__content.more .filters__more-content {
    display: flex;
}

.filters__more-show {
    display: block;
}

.filters__more-down {
    display: none;
}

.filters__content.more .filters__more-show {
    display: none;
}

.filters__content.more .filters__more-down {
    display: block;
}

.filters__group.open .filters__content.more .def-arrow.blue {
    rotate: 0deg;
}

.filters__group.open .def-arrow.blue {
    rotate: 180deg;
}

.filters__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.filters__title--collapsed::after {
  transform: rotate(180deg);
  color: #999;
}

.filters__group {
    border-bottom: 1px solid rgba(21, 108, 207, 0.12);
  padding-bottom: 25px;
  padding-top: 25px;
}

.filters__group:last-child {
    border-bottom: none;
}

.filters__group.open .def-arrow {
    rotate: 0deg;
}

.filters__content {
    display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 20px;
  transition: 0.2s ease;
}

.filters__content-wrap {
    height: 0;
    transition: 0.2s ease;
    overflow: hidden;
}

.filters__content--price {
    gap: 0;
}

.filters__inputs {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}

.filters__divider {
  border: none;
  border-top: 1px solid #e0e6ed;
  margin: 8px 0;
}

.filters__more, .pool-product__more-btn {
  background: none;
  border: none;
  color: #1976d2;
  padding: 0;
  margin-top: 5px;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(21, 108, 207, 1);
}

.filters__actions {
  display: flex;
  gap: 10px;
  position: fixed;
  bottom: 0;
  width: 100%;
  right: -100%;
  padding: 25px 15px;
  transition: 0.2s ease;
  background: rgba(239, 239, 239, 1);
  z-index: 20;
  box-shadow:
  0px -81px 48px 0px rgba(7, 45, 95, 0.03),
  0px -144px 57px 0px rgba(7, 45, 95, 0.01),
  0px -224px 63px 0px rgba(7, 45, 95, 0);
}

.filters.active .filters__actions {
    right: 0;
}

.checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.checkbox__input {
  display: none;
}

.checkbox__box {
  width: 20px;
  height: 20px;
  border: 1px solid rgba(227, 231, 235, 1);
  border-radius: 5px;
  margin-right: 12px;
  position: relative;
  background: rgba(255, 255, 255, 1);
  flex-shrink: 0;
}

.checkbox__input:checked + .checkbox__box {
  background: #1976d2;
  border-color: #1976d2;
}

.checkbox__input:checked + .checkbox__box::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.checkbox__label {
  font-size: 14px;
}


.input-field {
  display: flex;
  align-items: center;
  flex: 1;
    color: rgba(144, 160, 181, 1);
  transition: 0.2s ease;
  position: relative;
}

.input-field:focus {
    background: rgba(255, 255, 255, 1);
}

.input-field__prefix {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
} 

.input-field__suffix {
  position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);

}

.input-field__input {
  background: rgba(21, 108, 207, 0.05);
  border: 1px solid rgba(21, 108, 207, 0.12);
  width: 100%;
  padding: 0 4px;
  font-weight: 500;
  font-size: 14px;
  color: rgba(30, 32, 40, 1);
    padding: 11.5px 30px;
    padding-left: 33px;
  outline: none;
  border-radius: 5px;
  transition: 0.2s ease;
  -moz-appearance: textfield; 
  -webkit-appearance: none;   
  appearance: none;
}

.input-field__input.fail, .input-field__input.fail:focus {
    color: red;
    border: 1px solid red;
    background: #cf15150d;
}

.input-field__input::-webkit-outer-spin-button,
.input-field__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-field__input:focus {
    background: #fff;
    border-color: #fff;
}

/* Компонент: Кнопки */
.button {
  flex: 1;
  padding: 14px 10px;
  border-radius: 25px;
  border: none;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button--primary {
  background: #1976d2;
  color: #ffffff;
}

.button--reset {
  background: #ffffff;
  color: #333333;
  display: flex;
  align-items: center;
  gap: 10px;
}

.button__x-close {
    width: 10px;
    height: 10px;
    min-width: 10px;
    color: rgba(144, 160, 181, 1);
}


.range-slider {
  height: 2px;
  background: #cfe2f3;
  position: relative;
  margin: 7px auto;
  width: calc(100% - 15px);
}

.range-slider__track {
  position: absolute;
  left: 20%;
  right: 0;
  height: 100%;
  background: #1976d2;
}

.range-slider__thumb {
  width: 25px;
  height: 25px;
  background: transparent;
  border-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  touch-action: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.range-slider__thumb-in {
    width: 14px;
    height: 14px;
    min-width: 14px;
    background: rgba(21, 108, 207, 1);
    border-radius: 50px;
}

.range-slider__thumb.toich {
  background: #e1e9f2;
  border: 1px solid rgba(21, 108, 207, 1);

}

.range-slider__thumb--left {
  left: 20%;
}

.range-slider__thumb--right {
  left: 100%;
}

.pool-product__container {
    padding: 0;
}


.pool-product__cell-link {
    text-decoration: none;
    pointer-events: none;
}

.pool-product__image-text, 
.pool-product__table-item-desc,
.dop-desc,
.pool-product__cell-href,
.pool-product__cart-icon.hover  {
    display: none;
}




.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 15px;
    z-index: 2000;
    overflow-y: scroll;
    transition: 0.2s ease;
    transform: translateX(100%);
    opacity: 0;
}



.modal-overlay.active {
    transform: translateX(0%);
    opacity: 1;
}

.popup {
    background: #ffffff;
    width: 100%;
    max-width: 450px;
    position: relative;
    padding: 25px;
}

.popup__close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: none;
    background: #f0f4f8;
    color: #1b6fd3;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
}

.popup__close-btn:hover {
    background: #e2e8f0;
}

.popup__title {
    margin: 0 0 15px 0;
    color: rgba(30, 32, 40, 1);
    width: 80%;
}

.popup__description {
    color: rgba(108, 110, 115, 1);
    margin-bottom: 25px;
}

.popup__success-description {
    margin: 0;
}

.popup__contacts {
    margin-bottom: 25px;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 18px;
}

.contact-item__icon {
    width: 22px;
    height: 22px;
    color: #1b6fd3;
    margin-right: 12px;
    flex-shrink: 0;
}

.contact-item__info {
    display: flex;
    flex-direction: column;
}

.contact-item__link {
    color: rgba(30, 32, 40, 1);
    text-decoration: none;
    margin-bottom: 2px;
}

.contact-item__label {
    color: rgba(119, 127, 150, 1);
    margin-top: 6px;
}

.form__input, 
.form__textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid rgba(21, 108, 207, 0.12);
    background: rgba(21, 108, 207, 0.05);
    color: rgba(30, 32, 40, 1);
    outline: none;
    box-sizing: border-box;
    min-height: 46px;
    max-height: 46px;
    transition: 0.2s ease;
}

.form__textarea {
    height: 90px;
    resize: none;
}

.form__submit {
    width: 100%;
    background-color: #1b6fd3;
    color: #ffffff;
    border: none;
    padding: 14px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    margin: 20px 0;
    transition: background-color 0.3s ease;
}

.form__submit:hover {
    background-color: #155cb0;
}

.form__checkboxes {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.form__input-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.checkbox__label--popup {
    font-size: 12px;
    color: rgba(108, 110, 115, 1);
    
}

.checkbox__popup {
    align-items: flex-start;
    gap: 10px;
}

.checkbox__box--popup {
    margin: 0;
}

.popup__link {
    color: rgba(21, 108, 207, 1);
    font-size: 12px;
    font-weight: 500;
}

.popup__success {
    padding: 25px;
    text-align: left; 
    animation: fadeIn 0.4s ease forwards;
    background: #fff;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.form__inputs {
    position: relative;
}

.form__input-text {
    position: absolute;
    left: 15px;
    top: 50%;
    font-size: 13px;
    color: rgba(119, 127, 150, 1);
    transform: translateY(-50%);
    transition: 0.2s ease;
    pointer-events: none;
}

.form__inputs.active .form__input-text {
    font-size: 12px;
    top: 6px;
    transform: translateY(0%);
}

.form__inputs.active .form__input {
    padding-bottom: 6px;
    padding-top: 20px;
}

.form__inputs.area .form__input-text {
    top: 14px;
    transform: translateY(0%);
}

.form__inputs.active.area .form__input-text {
    top: 6px;
    font-size: 12px;
}

.form__inputs.area .form__input {
    max-height: 80px;
    min-height: 80px;
}

.button__x-close--popup {
    width: 12px;
    height: 12px;
}

.pool-product__dropdown-image-sale {
    background: rgba(204, 4, 4, 1);
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 50px;
    padding: 1px 6px;
    z-index: 5;
}

.info {
    margin: 70px 0;
}

.info__title {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(21, 108, 207, 0.12);
}

.info__content {
    background: #fff;
    padding: 20px;
}

.info__content-title {
    margin-bottom: 15px;
}

.info__content-text {
    margin-bottom: 30px;
}

.info__content-table {
    background: rgba(21, 108, 207, 0.05);
    padding: 15px;
    border: 1px solid rgba(21, 108, 207, 0.12);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.info__content-table-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 10px;
}

.info__content-table-col.line {
    flex-grow: 1;
    background-image: radial-gradient(circle, rgba(227, 231, 235, 1) 1px, transparent 1px);
    background-size: 8px 8px;
    background-repeat: repeat-x;
    background-position: bottom;
    height: 6px;
}

.info__content-table-col {
    color: rgba(119, 127, 150, 1);
}

.info__content-table-col.value {
    color: rgba(30, 32, 40, 1);
}

.info__cta {
    background: rgba(21, 108, 207, 1);
    color: #fff;
    display: inline-block;
    margin-top: 30px;
    border: none;
}

.info__nav {
    background: rgba(21, 108, 207, 0.05);
    display: flex;
    gap: 5px;
    justify-content: space-between;
    margin-bottom: 30px;
    height: 46px;
    color: rgba(30, 32, 40, 1);
    border: 1px solid rgba(21, 108, 207, 0.12);
    border-radius: 50px;
    padding: 0 20px;
    position: relative;
    overflow: hidden;
}

.info__nav-item {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    flex-grow: 1;
    z-index: 5;
}


.info__nav-active {
    background: #fff;
    padding: 0 20px;
    flex-grow: 0;
    border: 1px solid rgba(21, 108, 207, 0.12);
    position: absolute;
    top: -1px;
    left: 120px;
    height: calc(100% + 2px);
    border-radius: 50px;
    width: 125px;
    transition: 0.2s ease;
}

.info__title.packet {
    border: none;
    padding-bottom: 0;
}

.packet__list {
    padding-left: 18px;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    margin-bottom: 20px;
}

.packet__list-item {
    display: flex;
    align-items: center;
    gap: 7px;
}

.packet__list-item::before,
.delivery-card__list-item::before,
.article__list-item::before {
    content: "";
    width: 5px;
    height: 5px;
    min-width: 5px;
    display: block;
    background: rgba(21, 108, 207, 1);
    border-radius: 50px;
}

.packet__banners {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.packet__banner-title.montage {
    max-width: 155px;
}


.packet__banner {
    background: rgba(21, 108, 207, 1);
    padding: 20px;
        position: relative;
    overflow: hidden;
    color: #fff;
}

.packet__banner-bg {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    rotate: -30deg;
    width: 150px;
}

.packet__banner-title {
    margin-bottom: 5px;
}

.packet__banner-text {
    color: #fff;
    margin-bottom: 39px;
}

.packet__banner-cta {
    background: #fff;
    display: inline-flex;
    gap: 10px;
}

.packet__banner-icon {
    width: 20px;
    height: 20px;
    color: rgba(21, 108, 207, 1);
}

.packet__banner-icon.book {
    color: #fff;
}

.packet__banner-under-link {
    color: #fff;
    text-decoration: none;
    border-bottom: 2px dotted #fff;
}

.packet__banner-under {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    align-items: center;
}

.info__content.packet {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.packet__banner.montage {
    background: rgba(243, 247, 252, 1);
    color: rgba(30, 32, 40, 1);
    border: 1px solid rgba(21, 108, 207, 0.12);
    display: flex;
    flex-direction: column;
}

.packet__banner-text.montage {
    color: rgba(30, 32, 40, 1);
}

.packet__banner-price {
    color: rgba(21, 108, 207, 1);
    margin-bottom: 0;
    margin-top: auto;
}

.packet__banner-bg.montage {
    width: 132px;
    rotate: 0deg;
    right: 13px;
    top: auto;
    bottom: 5px;
    transform: none;
}

.info__content-hidetitle {
    display: none;
}

.delivery {
}

.delivery__title {
    margin-bottom: 10px;
}

.delivery__undertext {
    margin-bottom: 10px;
}

.delivery__text {
    margin-bottom: 20px;
}

.delivery__alert {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
  background: rgba(21, 108, 207, 0.05);
  border: 1px solid rgba(21, 108, 207, 0.12);
}

.delivery__alert-icon {
  width: 20px;
  height: 20px;
  color: rgba(21, 108, 207, 1);
}

.delivery__alert-title {
    color: rgba(21, 108, 207, 1);
    margin-bottom: 10px;
}

.delivery__alert-text {
color: rgba(30, 32, 40, 1);
}

.delivery__subtitle {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(21, 108, 207, 0.12);
  margin-bottom: 25px;
}

.delivery-step-left {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.delivery__subtitle.pay {
    margin-bottom: 25px;
}

.delivery__steps {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.delivery-step {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: rgba(21, 108, 207, 0.05);
  border: 1px solid rgba(21, 108, 207, 0.12);
  padding: 15px;
  position: relative;
}

.delivery-step__sub {
    margin-top: 10px;
    border-top: 1px solid rgba(21, 108, 207, 0.12);
    padding-top: 10px;
    width: 100%;
}

.delivery-step__number.three {
    position: absolute;
    top: 15px;
    right: 15px;
}

.delivery-step.three {
    flex-direction: column;
}

.delivery-step__text {
    max-width: 220px;
}

.delivery-step__number {
    color: rgba(21, 108, 207, 1);
}

.delivery-step__subtitle,
.delivery-step__subtext {
    margin-bottom: 0;
}

.delivery-step__subtext.personal {
    margin-bottom: 15px;
}

.delivery-step__subtext {
    color: rgba(144, 160, 181, 1);
}

.delivery__payment-text {
    margin-bottom: 25px;
}

.delivery__payment-text b {
    font-weight: 600;
}

.delivery__recipients {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.delivery-card {
  background: rgba(21, 108, 207, 0.05);
  border: 1px solid rgba(21, 108, 207, 0.12);
  padding: 12px;
}

.delivery-card__title {
  margin-bottom: 20px;
}

.delivery-card__list {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
  list-style-type: none;
}

.delivery-card__list-item {
    display: flex;
    gap: 7px;
    align-items: flex-start;
}

.delivery-card__list-item::before {
    margin-top: 8px;
}

.delivery-card__note {
  display: flex;
  gap: 15px;
  background: #fff;
  padding: 10px;
}

.delivery-card__note-text {
    color: rgba(21, 108, 207, 1);
    max-width: 80%;
}

.delivery-card__note-icon {
  color: rgba(21, 108, 207, 1);
  width: 20px;
  height: 20px;
  min-width: 20px;
}

.delivery__final-text {
  margin-top: 25px;
  margin-bottom: 0;
}

.delivery__undertitle {
    margin-bottom: 30px;
}

.info__content.packet,
.info__content.delivery,
.info__content.information  {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease;
    scale: 0.8;
}

.info__content.active {
    position: relative;
    opacity: 1;
    pointer-events: all;
    scale: 1;
}

.info__content.packet.active {
    position: relative;
    opacity: 1;
    pointer-events: all;
    scale: 1;
}

.info__nav-item.information {
    margin: 0 20px;
}

.info__contents {
        width: 100%;
        order: 4;
        position: relative;
    }

.second-header {
    padding-top: 122px;
    height: 122px;
    color: #fff;
}

.second-top {
    padding-top: 20px;
    position: relative; 

}

.second-top .hero__breadcrumbs {
    position: relative;
    top: 0;
}

.hero__breadcrumbs-item--second {
    color: rgba(119, 127, 150, 1);
}

.second-top__title {
    margin-bottom: 30px;
}

.info-blocks__item {
    position: relative;
}

.info-blocks__items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.info-blocks__item-link {
    position: absolute;
    inset: 0;
}


.info-blocks__item:hover .info-blocks__content {
    border: 1px solid rgba(21, 108, 207, 0.12);
    background: rgba(21, 108, 207, 0.05);
}

.info-blocks__content {
    padding: 20px;
    border: 1px solid #fff;
    background: #fff;
    border-top: 1px solid transparent;
    transition: 0.2s ease;
    
}

.info-blocks__item-img {
    width: 100%;
    aspect-ratio: 330 / 170;
    object-position: center;
    object-fit: cover;
}

.info-blocks__item-date {
    color: rgba(144, 160, 181, 1);
    margin-top: 15px;
}

.info-blocks__item-title {
    color: rgba(30, 32, 40, 1);
}

.info-blocks__load-icon {
    width: 10px;
    height: 10px;
    color: rgba(144, 160, 181, 1);
    min-width: 10px;
}

.info-blocks__load {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    color: rgba(30, 32, 40, 1);
    padding: 14px 22px;
    background: #fff;
    border-radius: 50px;
    margin-top: 30px;
    border: none;
}

.info-blocks__load-wrap {
    display: flex;
    justify-content: center;
}

.article__img {
    width: 100%;
    margin-bottom: 30px;
    aspect-ratio: 1600 / 650;
    object-position: center;
    object-fit: cover;
}

.article-page {
    margin-top: 30px;
}

.article__title {
    margin-bottom: 20px;
}

.article__date {
    color: rgba(144, 160, 181, 1);
    margin-bottom: 10px;
}

.article__list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    list-style-type: none;
    padding: 0;
    margin-bottom: 30px;
}

.article__list-item {
    display: flex;
    gap: 7px;
    align-items: center;
}

.article__description {
    margin-bottom: 10px;
}

.article__description a,
.article__text-first a,
.article__text-second a  {
    text-decoration: none;
    border-bottom: 2px dotted rgba(21, 108, 207, 1);
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}

.article__text-first,
.article__text-second {
    margin-bottom: 20px;
}

.article__back {
    color: rgba(21, 108, 207, 1);
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.article__title br {
    display: none;
}

.about__card-desc {
    margin: 10px 0;
}

.about__card-under {
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
}

.delivery-step__sub--about {
    display: flex;
    flex-wrap: wrap;
}

.delivery-step--about {
    padding: 20px;
}

.about__card-item {
    width: 50%;
}

.about__card-item.personal {
    order: 3;
    margin-bottom: 0;
}

.about__card-item.firm {
    order: 4;
    margin-bottom: 0;
}

.delivery-step__subtitle.about__card-item {
    margin-bottom: 5px;
}

.about__card-icon {
    width: 23px;
    height: 23px;
    color: rgba(21, 108, 207, 1);
    transition: 0.2s ease;
}

.about__number {
    top: 20px;
    right: 20px;
    position: absolute;
}

.about__cards {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 70px;
}

.about__card-title {
    margin-bottom: 10px;
}

.about__card-last {
    width: 100%;
    margin-bottom: 20px;
}

.about__card-cta {
    background: #fff;
    gap: 10px;
    display: flex;
    align-items: center;
}

.about__card-icon.cta {
    width: 20px;
    height: 20px;
}

.about__map-adress::before {
    content: "Адрес: ";
    color: rgba(119, 127, 150, 1);
}

.about__map {
    padding-top: 70px;
}

.about__map-title {
    margin-bottom: 15px;
}

.about__map-adress {
    margin-bottom: 30px;
}

.about__main {
    margin-bottom: 30px;
}

.about__block-main {
    margin-bottom: 10px;
}

.about__block-under {
    margin-bottom: 20px;
}

.about__images {
    margin: 30px 0;
    display: flex;
    gap: 10px;
    overflow: hidden;
    overflow-x: scroll;
    margin-left: calc(1.5rem * .5);
}

.about__img {
    width: 250px;
    height: 180px;
    object-position: center;
    object-fit: cover;
    aspect-ratio: 250 / 180;
}

.about__img:last-child {
    margin-right: calc(1.5rem * .5);
}

.info__nav--cart {
    max-width: 347px;
    padding: 0 25px;
    gap: 20px;
}

.info__nav-active--cart {
    padding: 0 15px;
}


.cart-item {
    padding: 20px;
    background: #fff;
}

.cart-item__top {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.cart-item__image {
    width: 93px;
    height: 93px;
    background: rgba(21, 108, 207, 0.05);
    border: 1px solid rgba(21, 108, 207, 0.12);


}

.cart-item__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.cart-item__title {
    margin-bottom: 6px;
}

.cart-item__sku {
    color: rgba(144, 160, 181, 1);
}

.cart-item__sku-num {
    color: rgba(30, 32, 40, 1);
}

.cart-item__bottom {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    column-gap: 5px;
    
}

.cart-item__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cart-item__price {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    width: 100%;
}

.cart-item__price-current {
    color: rgba(30, 32, 40, 1);
}

.cart-item__price-old {
    color: rgba(144, 160, 181, 1);
    text-decoration: line-through;
}

.cart-item__discount {
    background: rgba(204, 4, 4, 1);
    color: #fff;
    padding: 1px 6px;
    height: 19px;
    border-radius: 50px;
}


.cart-item__actions {
    display: flex;
    align-items: center;
    gap: 5px;
}

.cart-item__counter-wrap {
    background: linear-gradient(
        270deg,
        rgba(21, 108, 207, 0) 0%,
        rgba(21, 108, 207, 0.08) 10%,
        rgba(21, 108, 207, 0.12) 100%
    );
    border-radius: 50px;
    padding: 1px;
    height: 46px;
    flex-grow: 1;
}

.cart-item__counter {
    display: flex;
    align-items: center;
    border-radius: 50px;
    overflow: hidden;
    height: 100%;
    justify-content: space-between;
    background: rgba(243, 247, 252, 1);
}

.cart-item__counter-btn {
    border: none;
    background: transparent;
    padding: 0 15px;
    cursor: pointer;
    line-height: 0;
}

.cart-item__counter-input {
    width: 35px;
    text-align: center;
    border: none;
    font-size: 13px;
    font-weight: 600;
    background: rgba(243, 247, 252, 1);
    -moz-appearance: textfield; 
    -webkit-appearance: none;   
    appearance: none;
}

.cart-item__counter-input::-webkit-outer-spin-button,
.cart-item__counter-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cart-item__counter-input:focus {
    border: none;
    outline: none;
}

.cart-item__favorite {
    height: 46px;
    padding: 0 20px;
    border-radius: 50px;
    border: none;
    background: rgba(243, 247, 252, 1);
    cursor: pointer;
    color: rgba(30, 32, 40, 1);
    transition: 0.2s ease;
}

.cart-item__favorite:hover {
    color: #fff;
    background: rgba(21, 108, 207, 1);
}

.cart-item__favorite:hover .cart-item__favorite-svg {
    color: #fff;
}


.cart-item__remove {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 50%;
    border: none;
    background: rgba(243, 247, 252, 1);
    cursor: pointer;
    color: rgba(144, 160, 181, 1);
    transition: 0.2s ease;
}

.cart-item__remove:hover {
    background: rgba(21, 108, 207, 1);
    color: #fff;
}


.cart-item__counter-btn--minus {
    color: rgba(144, 160, 181, 1);
}

.cart-item__counter-btn--plus {
    color: rgba(21, 108, 207, 1);
}

.cart-item__counter-svg {
    width: 10px;
    height: 10px;
}

.cart-item__remove-svg {
    width: 20px;
    height: 20px;
}

.cart__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    opacity: 0;
    scale: 0.8;
    transition: 0.3s ease;
    width: 100%;
}

.cart__content.active {
    position: relative;
    opacity: 1;
    pointer-events: all;
    scale: 1;
}

.cart__content-bottom-title {
    color: rgba(119, 127, 150, 1);
    display: flex;
    gap: 10px;
    align-items: anchor-center;
}

.cart__content-bottom-value {
    color: rgba(30, 32, 40, 1);
    margin-bottom: 0;
}

.cart__content-bottom {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

.cart__content-bottom-cta {
    background: rgba(21, 108, 207, 1);
    color: #fff;
    border: none;
    font-size: 16px;
    padding: 17px 27px;
    transition: 0.2s ease;
}

.cart__content-bottom-cta:hover {
    background: #fff;
    color: rgba(30, 32, 40, 1);
}

.cart__content-wrap {
    position: relative;
}

.cart-item__favorite-svg {
    display: none;
    transition: 0.2s ease;
}

.checkbox__box--order {
    background: #fff;
    margin-right: 10px;
    margin-top: 5px;
}

.order__block {
    background: rgba(21, 108, 207, 0.05);
    border: 1px solid rgba(21, 108, 207, 0.12);
    padding: 20px;
}

.order__block-title {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(21, 108, 207, 0.15);
}

.checkbox__label--order {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}

.order__block-desc {
    color: rgba(119, 127, 150, 1);
}

.checkbox--order {
    align-items: flex-start;
}

.order__block-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.form__input--order {
    background: #fff;
    border-color: #fff;
}

.order__cart {
    background: #fff;
    padding: 20px;
}

.order__cart-title {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(21, 108, 207, 0.15);
}

.order__left {
    margin-bottom: 30px;
}

.order__item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}


.order__cart-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(21, 108, 207, 0.15);
}

.order__item-bot {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order__item-bot-price {
    display: flex;
    flex-direction: column;
}

.cart-item__counter--order {
    max-width: 140px;
}

.order__price-current {

}

.order__price-old {
    color: rgba(144, 160, 181, 1);
    text-decoration: line-through;
}

.order__item-top-title {
    margin-bottom: 0;
}

.order__item-mid {
    margin-bottom: 10px;
}

.order__cart-row {
    display: flex;
    justify-content: space-between;
}

.order__cart-name, .order__cart-value {
    margin-bottom: 0;
}

.order__cart-under {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.order__cart-row.final {
    margin-top: 10px;
}

.order__cart-name {
    color: rgba(119, 127, 150, 1);
}

.order__cart-cta {
    width: 100%;
    background: rgba(21, 108, 207, 1);
    color: #fff;
    border: none;
    margin: 30px 0;
    transition: 0.2s ease;
}

.order__cart-cta:hover {
    background: #fff;
    color: rgba(30, 32, 40, 1);
}

.order__cart-row.final .order__cart-name {
    color: rgba(30, 32, 40, 1);
}

.order__cart-value.sale {
    color: rgba(21, 108, 207, 1);
}

.info__nav-item--cart {
    flex-grow: unset;
}

.about__cards.contacts .delivery-step {
    background: #fff;
}

.contacts__link {
    color: rgba(21, 108, 207, 1);
    border-bottom: 2px dotted rgba(21, 108, 207, 1);
    text-decoration: none;
}

.about__card-cta--contacts {
    background: rgba(243, 247, 252, 1);
    transition: 0.2s ease;
}

.about__card-cta--contacts:hover {
    background: rgba(21, 108, 207, 1);
    color: #fff;
}

.about__card-cta--contacts:hover .about__card-icon {
    color: #fff;
}

.contacts__tels-icon {
    width: 20px;
    height: 20px;
    color: rgba(21, 108, 207, 1);
    transition: 0.2s ease;
}

.contacts__tels-icon.tg {
    color: rgba(32, 174, 245, 1);
}

.contacts__tels-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: inherit;
    text-decoration: none;
}

.contacts__tels-item:hover .contacts__tels-icon {
    color: #fff;
}

.contacts__tels-item:hover:before {
    background: rgba(21, 108, 207, 1);
}

.contacts__tels {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 10px;
}

.contacts__socs-icon {
    width: 22px;
    height: 22px;
}

.contacts__socs-icon.vk {
    color: rgba(21, 108, 207, 1);
}

.contacts__socs-icon.ok {
    color: rgba(240, 148, 20, 1);
}

.contacts__socs-icon.tg {
    color: rgba(32, 174, 245, 1);
}

.contacts__socs {
    display: flex;
    gap: 5px;
    margin-top: 5px;
}

.contacts__soc-item {
    background: rgba(243, 247, 252, 1);
    border-radius: 50px;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease;
}

.contacts__soc-item:hover {
    background: rgba(21, 108, 207, 1);
    color: rgba(30, 32, 40, 1);
}

.contacts__soc-item:hover .contacts__socs-icon.ok,
.contacts__soc-item:hover .contacts__socs-icon {
    color: #fff;
}

.contacts__tels-item.mail {
    margin-bottom: 10px;
    margin-top: 5px;
}

.delivery-step__sub.socials {
    position: relative;
}


.contacts__card-icon {
    width: 23px;
    height: 23px;
    position: absolute;
    top: 20px;
    right: 0px;
    color: rgba(21, 108, 207, 1);
}

.contacts__banner {
    background: rgba(21, 108, 207, 1);
    position: relative;
    overflow: hidden;
    padding: 20px;
}

.contacts__banner-cta {
    background: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    z-index: 5;
    position: relative;
    display: inline-flex;
    transition: 0.2s ease;
}

.contacts__banner-cta:hover {
    background: rgba(21, 108, 207, 1);
    color: #fff;
}

.contacts__banner-cta:hover .contacts__tels-icon {
    color: #fff;
}

.contacts__banner-title {
    color: #fff;
    z-index: 5;
}

.contacts__banner-bg {
    position: absolute;
    z-index: 1;
    width: 157px;
    right: 0;
    bottom: -15px;
}

.about__cards.contacts {
    margin-top: 30px;
}


.delivery-step--contacts {
    background: #fff;
    padding: 20px;
}

.contacts__tels-hours {
    color: rgba(30, 32, 40, 1);
}

.contacts__tels-under {
    color: rgba(144, 160, 181, 1);
    margin-top: -10px;
}

.delivery-step__sub--contacts {
    margin-top: 20px;
    padding-top: 20px;
}

.contacts__under-block {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
}

.contacts__under-title {
    margin-bottom: 15px;
}

.contacts__under-text {
    margin-bottom: 5px;
}

.delivery-card__note--contacts {
    background: rgba(21, 108, 207, 0.05);
    border: 1px solid rgba(21, 108, 207, 0.12);
    padding: 15px;
    margin-top: 20px;
}

.delivery-card__note--contacts .delivery-card__note-text {
    max-width: 100%;

}

.contacts__way {
    background: #fff;
    padding: 20px;
    margin-top: 10px;
    position: relative;
}

.contacts__way-title {
    margin-bottom: 20px;
}

.contacts__way-img {
    width: 100%;
    transition: transform 0.3s ease;
    transform: scale(1);
}

.contacts__way-map {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    user-select: none;
}

.contacts__way-btn--main {
    background: rgba(21, 108, 207, 1);
    color: #fff;
    display: flex;
    gap: 10px;
    border: none;
    align-items: center;
    transition: 0.2s ease;
}

.contacts__way-btn--main:hover {
    background: #fff;
    color: rgba(30, 32, 40, 1);
}

.contacts__way-btn--main:hover .contacts__tels-icon {
    color: rgba(30, 32, 40, 1);
}

.contacts__way-btn {
    background: rgba(243, 247, 252, 1);
    border: none;
    color: rgba(30, 32, 40, 1);
    display: flex;
    gap: 10px;
    align-items: center;
    transition: 0.2s ease;
}

.contacts__way-btn.blue:hover {
    background: rgba(21, 108, 207, 1);
    color: #fff;
}

.contacts__way-btn.blue:hover .contacts__tels-icon {
    color: #fff;
}

.contacts__way-btn:hover {
    background: rgba(21, 108, 207, 1);
    color: #fff;
}

.contacts__way-btn:hover .contacts__tels-icon {
    color: #fff;
}

.contacts__way-btn.blue {
    color: rgba(21, 108, 207, 1);
}

.contacts__tels-icon--white {
    color: #fff;
}

.contacts__way-btns {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}


.contacts__tels-icon.play {
    width: 12px;
    height: 12px;
    color: rgba(144, 160, 181, 1);
}

.contacts__tels-icon.right {
    position: absolute;
    top: 20px;
    right: 20px;
}

.contacts__way-map-zoom {
    background: rgba(243, 247, 252, 1);
    width: 46px;
    border-radius: 50px;
    padding: 22px 18px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.contacts__way-zoom {
    width: 10px;
    height: 10px;
    color: rgba(21, 108, 207, 1);
    cursor: pointer;
}

.notfound__subtitle,
.notfound__text {
    text-align: center;
}

.notfound__subtitle {
    margin-bottom: 10px;
    margin-top: 20px;
}

.notfound__text {
    margin-bottom: 20px;
}

.notfound__back {
    justify-content: center;
}


.notfound__title {
    display: flex;
    justify-content: center;
    font-weight: 500;
    font-size: 179.35px;
    line-height: 105%;
    letter-spacing: 0%;
    color: rgba(21, 108, 207, 1);
    gap: 90px;
    position: relative;
    margin-top: 30px;
}

.notfound__img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 153px;
}

.requisites {
    margin-top: 70px;
}

.requisites__title {
    margin-bottom: 30px;
}

.requisites__block {
    background: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.requisites__item {
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.requisites__item-title {
    color: rgba(119, 127, 150, 1);
    margin-bottom: 0;
}

.requisites__item-value {
    margin-bottom: 0;
    color: rgba(30, 32, 40, 1);
}

.requisites__cta {
    background: #fff;
    padding: 13px 20px;
    margin-top: 20px;
    display: inline-flex;
    gap: 10px;
    transition: 0.2s ease;
    align-items: center;
}

.requisites__cta:hover {
    background: rgba(21, 108, 207, 1);
    color: #fff;
}

.requisites__cta:hover .about__card-icon {
    color: #fff;
}

.payments__delivery-title {
    margin-bottom: 15px;
    margin-top: 70px;
}

.delivery__alert-icon--payments {
    position: absolute;
    top: 20px;
    right: 20px;
}

.delivery__alert--paymments {
    position: relative;
}

.delivery__text--payments {
    margin-bottom: 30px;
}

.payments__subtitle {
    margin-bottom: 30px;
    margin-top: 70px;
}

.payments__subtitle.pay {
    margin-bottom: 15px;
}

.delivery-step--payments {
    background: rgba(21, 108, 207, 0.05);
    flex-direction: column;
    padding: 20px;
}

.payments__card-title {
    color: rgba(30, 32, 40, 1);
}

.payments__card-subtitle {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(21, 108, 207, 0.15);
    color: rgba(30, 32, 40, 1);
    width: 100%;
    margin-bottom: 15px;
}

.contacts__tels--payments {
    margin-top: 0;
}

.contacts__under-block--payments {
    margin-bottom: 0;
}

.payments__banner {
    height: 300px;
    padding: 20px;
    background: rgba(21, 108, 207, 0.05);
    border: 1px solid rgba(21, 108, 207, 0.12);
    position: relative;
    overflow: hidden;
}

.payments__banner-img {
    position: absolute;
    top: 124px;
    right: -137px;
    rotate: 45deg;
}

.about__cards--payments {
    margin-top: 30px;
}

.payment-del {
}

.payment-del__title {
  margin-bottom: 15px;
  margin-top: 70px;
  color: rgba(30, 32, 40, 1);
}

.payment-del__subtitle {
  color: rgba(30, 32, 40, 1);
  margin-bottom: 30px;
}

.payment-del__card {
  background: rgba(21, 108, 207, 0.05);
  padding: 20px;
  border: 1px solid rgba(21, 108, 207, 0.12);
}

.payment-del__cards {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.payment-del__card-title {
  margin-bottom: 10px;
  color: rgba(30, 32, 40, 1);
}

.payment-del__text {
  margin-bottom: 0px;
  color: rgba(30, 32, 40, 1);
}

.payment-del__text--muted {
  color: rgba(30, 32, 40, 1);
  margin-top: 5px;
  margin-bottom: 15px;
}

.payment-del__text--muted:last-child {
    margin-bottom: 0;
}

.payment-del__accent {
  color: rgba(21, 108, 207, 1);
}

.payment-del__hide-text {
    color: rgba(119, 127, 150, 1);
    margin-bottom: 0;
}

.payment-del__hide {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 20px;
}

.payment-del__price {
  color: rgba(21, 108, 207, 1);
  margin-top: 20px;
}

.payment-del__info {
  background: #fff;
  padding: 20px;
}

.payment-del__info-title {
  margin-bottom: 10px;
}

.payment-del__info-text {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(227, 231, 235, 1);
}

.payment-del__info-text:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.delivery-card__note--payments {
    padding: 20px;
}

.payment-del__warning {
  margin-top: 10px;
  color: #1e73be;
  padding-left: 18px;
  position: relative;
}

.payment-del__warning::before {
  content: "⚠";
  position: absolute;
  left: 0;
  top: 0;
}

.payment-del__pay-title{
  margin-top: 70px;
  margin-bottom: 30px;
}

.payment-del__pay-list{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.payment-del__pay-card{
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 20px;
  background: rgba(21, 108, 207, 0.05);
  border: 1px solid rgba(21, 108, 207, 0.12);
}

.payment-del__pay-name {
    margin-bottom: 10px;
}

.payment-del__pay-icon{
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: rgba(21, 108, 207, 1);
}


.payments__title {
    color: rgba(30, 32, 40, 1);
}

.product{
padding-bottom:20px;
}

/* gallery */

.product-gallery{
position:relative;

overflow: hidden;
}

.product-gallery__image{
    width:100%;
    height: 100%;
    aspect-ratio: 330 / 240;
    object-position: center;
    object-fit: cover;
    mix-blend-mode: multiply;
}

.product-gallery__badges{
position:absolute;
top:10px;
left:10px;
display:flex;
flex-direction: column;
align-items: flex-start;
gap:2px;

}

.product-gallery__pagination {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 4px;
}

.product-gallery__pagination-dot {
    display: flex;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    backdrop-filter: blur(10px);
    transition: 0.2s ease;
}

.product-gallery__pagination-dot.active {
    background: #fff;
}

.product-gallery__pagination-dot:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(-45deg, rgba(229, 255, 255, 1) 20%, rgba(87, 199, 133, 0) 40%, rgba(87, 199, 133, 0) 50%, rgba(87, 199, 133, 0) 60%, rgba(229, 255, 255, 1) 80%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.product-gallery__slides {
    display: flex;
  transition: transform .4s;
  gap: 5px;
}

.product-gallery__badge{
padding:1px 6px;
border-radius: 50px;
color:white;
height: 19px;
padding-top: 2px;
}

.product-gallery__badge--hit{
background: rgba(21, 108, 207, 1);
}

.product-gallery__badge--sale{
background: rgba(204, 4, 4, 1);
}

.product-gallery__guarantee{
position:absolute;
top:10px;
right:10px;
background: rgba(36, 187, 245, 1);
color:white;
font-size:12px;
height: 19px;
padding:1px 6px;
border-radius: 50px;
}

/* options */

.product-options{
margin: 30px 0;
border-bottom:1px solid #eee;
}

.product-options__title{
margin-bottom: 20px;
}

.product-options__list{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
column-gap: 14px;
}

.product-options__item{
display:flex;
align-items:center;
gap: 10px;
cursor: pointer;
}

.product-options__text-dop {
    color: rgba(144, 160, 181, 1);
}

.product-options__item input{
display:none;
}

.product-options__circle{
width:40px;
height:40px;
border-radius:50%;
border:2px solid transparent;
background: transparent;
display: flex;
justify-content: center;
align-items: center;
scale: 0;
opacity: 0;
transition: 0.2s ease;
}

.product-options__circle-wrap {
    border-radius: 50%;
    transition: 0.2s ease;
    position: relative;
    overflow: hidden;
}

.product-options__circle-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.2s ease;
    opacity: 1;
}

.product-options__circle-wrap.active {
    background: transparent;
}

.product-options__circle-wrap.active .product-options__circle-img {
    opacity: 0;
}

.product-options__circle.active {
    border:2px solid rgba(36, 187, 245, 1);
    scale: 1;
    opacity: 1;
}

.product-options__circle-in {
    width: 28px;
    height: 28px;
    display: block;
    background: rgba(36, 187, 245, 1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    scale: 0;
    transition: 0.2s ease;
}

.product-options__circle.active .product-options__circle-svg {
    opacity: 1;
    scale: 1;
}

.product-options__circle.active .product-options__circle-in {
    opacity: 1;
    scale: 1;
}

.product-options__circle-svg {
    width: 20px;
    height: 20px;
    color: #fff;
    opacity: 0;
    scale: 0;
    transition: 0.2s ease;
}

.product-options__circle--blue{background: rgba(36, 187, 245, 1);}
.product-options__circle--gray{background:#777;}
.product-options__circle--white{background:#f7f7f7;}
.product-options__circle--marble{background:#4cc0ff;}

/* purchase */

.product-purchase{
padding: 20px;
background: #fff;
border-bottom:1px solid #eee;
}

.product-purchase__top{
display:flex;
justify-content:space-between;
align-items: center;
margin-bottom: 25px;
}

.product-purchase__stock{
background:#e8f2ff;
padding:4px 8px;
border-radius:10px;
}

.product-purchase__sku {
    color: rgba(144, 160, 181, 1);
}

.product-purchase__sku-dop {
    color: rgba(30, 32, 40, 1);
}

.product-purchase__price{
display:flex;
gap:10px;
align-items:center;
margin-bottom: 20px;
}

.product-purchase__current{
font-size:22px;
font-weight:bold;
}

.product-purchase__old{
color:#999;
text-decoration:line-through;
}

.product-purchase__controls{
display:grid;
grid-template-columns: 1fr 1fr;
gap:10px;
}

/* counter */

.counter{
display:flex;
align-items:center;
border:1px solid #ddd;
border-radius:10px;
overflow:hidden;
}

.counter__btn{
background:none;
border:none;
padding:10px;
font-size:18px;
cursor:pointer;
}

.counter__value{
padding:0 10px;
}


/* delivery */

.delivery-prod {
border-top:1px solid #eee;
padding-top: 20px;
display:flex;
flex-direction:column;
align-items: flex-start;
gap: 15px;
background: #fff;

}

.delivery-prod__wrap {
    background: #fff;
    padding: 20px;
    margin-top: 10px;
    height: 64px;
    overflow: hidden;
    transition: 0.3s ease;
}

.delivery-prod__item{
color: rgba(21, 108, 207, 1);
font-size:14px;
text-decoration:none;
display: flex;
align-items: center;
gap: 10px;
background: transparent;
border: none;
}

.delivery-prod__item-text {
    border-bottom: 2px dotted rgba(21, 108, 207, 1);
    color: rgba(21, 108, 207, 1);
}

.delivery-prod__item-icon {
    width: 20px;
    height: 20px;

}

.delivery-prod__calc{
margin-top: 5px;
border:none;
background: rgba(243, 247, 252, 1);
padding:14px;
border-radius:50px;
color: rgba(21, 108, 207, 1);
width: 100%;
}

.schedule{
background: #fff;
padding: 20px;
color: rgba(30, 32, 40, 1);
margin-top: 10px;
height: 64px;
transition: height 0.3s ease;
overflow: hidden;
}



.schedule__block{
margin-bottom: 0px;
}


.schedule__title{
margin-bottom: 10px;
}

.info__content-table--product {
    background: transparent;
    border: none;
    padding: 0;
}

.info__content-charact--product {
    margin: 30px 0;
}

.info__content-title--product {
    margin-bottom: 20px;
}

.schedule__row{
display:grid;
grid-template-columns: 1fr 1fr;
margin-bottom:4px;
}

.schedule__row-tel {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.schedule__row-hide {
color: rgba(144, 160, 181, 1);
}

.equipment-content {
    position: relative;
}

.equipment{
padding: 20px;
background:#fff;
margin-bottom:12px;
position: absolute;
opacity: 0;
scale: 0.8;
transition: 0.3s ease;
top: 0;
left: 0;
width: 100%;
pointer-events: none;
}

.equipment.active {
    position: relative;
    opacity: 1;
    scale: 1;
    pointer-events: all;
}

.equipment__title{
margin-bottom: 20px;
}

.equipment__text{
margin-bottom:15px;
color: rgba(30, 32, 40, 1);
}

.equipment__list{
padding-left: 0px;
margin-bottom: 0px;
display: flex;
flex-direction: column;
gap: 10px;
list-style-type: none;
}

.equipment__item{
margin-bottom: 0px;
display: flex;
align-items: center;
gap: 7px;
}

.equipment__item::before {
    content: "";
    width: 5px;
    height: 5px;
    background: rgba(21, 108, 207, 1);
    border-radius: 50px;
}

.equipment__box{
background: rgba(21, 108, 207, 0.05);
border: 1px solid rgba(21, 108, 207, 0.12);
padding: 15px;
margin-top: 20px;
}

.equipment__row{
display:flex;
justify-content:space-between;
margin-bottom:6px;
font-size:14px;
}


/* video */

.video{
margin-bottom:10px;
margin-top: 20px;
}

.video__play-icon {
    color: #fff;
    width: 14px;
    height: 14px;
}

.video__preview{
position:relative;
}

.video__image{
width:100%;
}

.video__play{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:46px;
height:46px;
border-radius:50%;
background: rgba(21, 108, 207, 1);
border:none;
display: flex;
justify-content: center;
align-items: center;
}


.product__banners {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.specs{
padding: 20px;
background:#fff;
margin-bottom:12px;
margin-top: 10px;
}

.specs__title{
font-size:20px;
margin-bottom:14px;
}

.specs__row{
display:flex;
justify-content:space-between;
padding:6px 0;
border-bottom:1px dotted #ccc;
}

.specs__name{
color:#666;
}


/* description */

.description {
margin-bottom:70px;
}

.description.open .description__text--dop {
    display: block;
}

.description.open .pool-product__arrow {
    rotate: 0deg;
}

.description__text--dop {
    display: none;
}

.description__title{
font-size:20px;
margin-bottom:10px;
}

.description__text{
color:#444;
margin-bottom:10px;
}

.description__more{
border:none;
background:none;
color: rgba(21, 108, 207, 1);
padding: 0;
display: flex;
align-items: center;
gap: 10px;
}

.description.open .description__more::before {
    content: "Свернуть";
}

.description__more::before {
    content: "Читать полностью";
}


/* ask button */

.ask-button{
bottom:16px;
left:16px;
right:16px;
background:#2d6fbd;
color:#fff;
border:none;
padding:14px;
border-radius:30px;
margin-top: 30px;
}

.bundle{
background:#fff;
padding: 20px;
margin-bottom:70px;
margin-top: 70px;
}

.bundle__header{
display:flex;
gap: 20px;
align-items:center;
margin-bottom: 20px;
}

.bundle__image{
width:104px;
aspect-ratio: 104 / 67;
object-fit: cover;
object-position: center;
}

.bundle__title{

}

.bundle__plus{
color: rgba(36, 187, 245, 1);
}

.bundle__purchase{
display:flex;
justify-content:space-between;
align-items:center;
background: rgba(243, 247, 252, 1);
padding: 20px;
margin-bottom:16px;
}

.bundle__stock{
display: inline-flex;
align-items: center;
gap: 5px;
background: #fff;
padding:4px 8px;
padding-top: 6px;
border-radius: 50px;
margin-bottom:12px;
}

.bundle__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}

.bundle__stock-circ {
    width: 5px;
    height: 5px;
    background: rgba(21, 108, 207, 1);
    border-radius: 50px;
}

.bundle__info {
    width: 100%;
}

.bundle__price{
display:flex;
flex-direction: column;
align-items:flex-start;
}

.bundle__icon {
    color: #fff;
    width: 20px;
    height: 20px;
    transition: 0.2s ease;
}

.bundle__current{
font-size:20px;
font-weight:bold;
}

.bundle__old{
color:#888;
text-decoration:line-through;
font-size:14px;
}

/* button */

.button--cart{
background: rgba(21, 108, 207, 1);
color:#fff;
border:none;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
transition: 0.2s ease;
}

.button--cart:hover {
    background: #fff;
    color: rgba(30, 32, 40, 1);
}

.button--cart:hover .bundle__icon {
    color: rgba(30, 32, 40, 1);
}


/* slider */

.product-slider__list{
display: flex;
gap:5px;
}

.product-slider__dots{
display:flex;
justify-content:center;
gap: 4px;
margin-top:15px;
}

.product-slider__dots .product-gallery__pagination-dot {
width:6px;
height:6px;
background: rgba(243, 247, 252, 1);
border-radius:50%;
}

.product-slider__dots .product-gallery__pagination-dot:before {
    display: none;
}

.product-slider__dots .product-gallery__pagination-dot.active{
background: rgba(21, 108, 207, 1);
}

.product-gallery__slides,
.product-slider__list {
    touch-action: pan-y;
}

.product-card{
background: rgba(21, 108, 207, 0.05);
padding: 15px;
width: calc(50% - 2.5px);
flex-shrink:0;
border: 1px solid;
border-image: linear-gradient(270deg, rgba(21, 108, 207, 0.12) 0%, rgba(21, 108, 207, 0) 100%) 1;
position: relative;
}

.product-card__image-wrapper{
position:relative;
margin-bottom:10px;
width: 100%;
aspect-ratio: 118 / 90;
mix-blend-mode: multiply;
z-index: 10;
}

.product-card__image{
width:100%;
height: 100%;
object-fit: cover;
object-position: center;
}

.product-card__info{
position:absolute;
top:6px;
right:6px;
background: #ddeaf8;
border-radius:50%;
width:28px;
height:28px;
display:flex;
align-items:center;
justify-content:center;
cursor: pointer;
transition: 0.2s ease;
z-index: 20;
}

.product-card__info-icon {
    width: 14px;
    height: 14px;
    color: rgba(21, 108, 207, 1);
    transition: 0.2s ease;
}

.product-card__sale{
position:absolute;
top:6px;
left:6px;
background: rgba(204, 4, 4, 1);
color:#fff;
min-height: 19px;
padding:1px 6px;
padding-top: 2px;
border-radius:50px;
}

.product-card__title{
margin-bottom:15px;
}

.product-card__price{
display:flex;
justify-content: space-between;
align-items:center;
font-size:14px;
}

.product-card__old{
color:#999;
text-decoration:line-through;
font-size:12px;
}

.product-card__bottom{
display:flex;
justify-content:space-between;
align-items:flex-end;
}

.product-card__cart{
width:36px;
height:36px;
border-radius:50%;
background:#2d6fbd;
border:none;
}

.recommend__title{
margin-bottom: 25px;
}

.recommend__list{
display:flex;
gap:12px;
overflow-x:auto;
}

.product-card--rec {
    background: #fff;

}

.product__links {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 70px;
}

.bundle__stock--top {
    background: rgba(243, 247, 252, 1);
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 0;
}

.product__link {
    background: rgba(21, 108, 207, 0.05);
    border: 1px solid rgba(21, 108, 207, 0.12);
    padding: 20px;
    color: rgba(30, 32, 40, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
}

.product__link-icon {
    width: 30px;
    height: 30px;
    color: rgba(21, 108, 207, 1);
}

.product-card__btn {
    background: rgba(21, 108, 207, 1);
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: none;
}

.product-card__price--bottom {
    flex-direction: column;
    align-items: flex-start;
}

.recommend__dots {
    display: none;
}

.product-gallery__btn-prev,
.product-gallery__btn-next {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    color: #fff;
    top: calc(50% - 105px);
    transform: translateY(50%);
    position: absolute;
    left: 20px;
    cursor: pointer;
}

.recommend__btn-prev,
.recommend__btn-next {
    width: 56px;
    height: 56px;
    background: rgba(36, 187, 245, 1);
    border-radius: 50%;
    position: absolute;
    right: 0px;
    cursor: pointer;
    transform: translate(50%, 50%);
    top: 50%;
    z-index: 10;
}

.recommend__slider {
    position: relative;
    overflow: hidden;
}

.recommend__btn-prev {
    display: none;
}

.recommend.product-gallery .product-gallery__icon {
    opacity: 1;
}


.product-gallery__btn-next  {
    left: auto;
    right: 20px;
}

.product-gallery__btn-prev:hover .product-gallery__icon,
.product-gallery__btn-next:hover .product-gallery__icon{
    opacity: 1;
}

.product-gallery__icon {
    width: 15px;
    height: 15px;
    color: #fff;
    position: absolute; 
    top: 50%;
    left: 50%;
    opacity: 0.5;
    transition: 0.2s ease;
    transform: translate(-50%, -50%) rotate(45deg);
}

.product-gallery__btn-prev .product-gallery__icon {
    transform: translate(-50%, -50%) rotate(225deg);
}


.product-gallery__btn-prev, 
.product-gallery__btn-next {
    display: none;
}

.product-gallery__btn-prev:before,
.product-gallery__btn-next:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(-45deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 1) 80%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.product-card-link {
    position: absolute;
    inset: 0;
    z-index: 6;
}

.recommend.product-gallery {
    position: relative;
    overflow: unset;
    user-select: none;
}

.recommend__btn-next {
    display: none;
}

.popup-delivery__modal,
.popup-price__modal,
.popup-pickup__modal,
.popup-map__modal {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 4000;
    padding: 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    transform: translateX(100%);
    transition: 0.2s ease;
}

.popup-delivery__modal.active,
.popup-price__modal.active,
.popup-pickup__modal.active,
.popup-map__modal.active {
    transform: translateX(0%);
}

.popup-delivery,
.popup-price,
.popup-pickup,
.popup-map {
    background: #fff;
    padding: 15px;
    height: calc(100vh - 81px);
    overflow-y: auto;
    margin-top: 51px;
    position: relative;
}

.popup-map {
    height: auto;
    min-width: 100%;
}



.popup-map__modal {
    height: 100%;
}

.product__modal-title {
    margin-top: 0;
}

.product__modal-subtitle {
    margin-bottom: 20px;
}

.payment-del__info--product,
.delivery-card__note--product {
    padding: 0;
}

.payment-del__cards--product {
    gap: 20px;
}

.product__modal-title--sec {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid rgba(227, 231, 235, 1);
}

.products__info-text {
    border-bottom: none;
}

.about__cards--products {
    margin-top: 0;
}

.delivery-step__sub--product {
    margin-top: 20px;
}

.products__pickup-text {
    margin-top: 10px;
    color: rgba(144, 160, 181, 1);
}

.product__under-title {
    color: rgba(144, 160, 181, 1);
}

.product__under-block {
    background: #fff;
    padding: 15px;
}

.delivery-step--products {
    padding: 20px;
}

.delivery-card__note--product {
    padding: 0;
    margin-top: 20px;
    background: transparent;
    max-width: 100%;
}

.product__note-text {
    color: rgba(21, 108, 207, 1);
}

.about__map--product {
    padding-top: 0;
}

.popup__close-btn--product {
    top: 0;
    right: 0;
    transform: none;

    z-index: 56;
}

.popup-delivery__wrap {
    position: relative;
    width: 100%;
    max-width: 1300px;
}

.delivery-step--product {
    padding: 20px;
}


.cart-add__overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3000;
  padding: 15px;
  transform: translateX(100%);
  transition: 0.2s ease;
}

.cart-add__overlay.active {
    transform: translateX(0);
}

.cart-add {
    background: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 330px;
}

.cart-add__image-wrapper {
    width: 290px;
    height: 150px;
    background: rgba(21, 108, 207, 0.05);
    border: 1px solid rgba(21, 108, 207, 0.12);

}

.cart-add__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    mix-blend-mode: multiply;
}

.cart-add__label {
    color: rgba(144, 160, 181, 1);
}


.cart-add__value,
.cart-add__current {
    color: rgba(30, 32, 40, 1);

}

.cart-add__info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cart-add__price {
    display: flex;
    gap: 15px;
    align-items: flex-end;
}

.cart-add__old {
    text-decoration: line-through;
    color: rgba(144, 160, 181, 1);
}

.cart-add__btn {
    background: rgba(21, 108, 207, 1);
    color: #fff;
    border: none;
}

.cart-add__close {
    display: flex;
    align-items: center;
    color: rgba(21, 108, 207, 1);
    gap: 10px;
    background: transparent;
    border: none;
}

.view1 .pool-product__row {
    height: auto;
}

.view3 .pool-product__row {
    height: auto;
    gap: 0;
    align-items: flex-start;
}

.view3 .pool-product__dropdown-image {
    aspect-ratio: 385 / 441;
    max-width: 370px;
    background: rgba(21, 108, 207, 0.05);
    border: 1px solid rgba(21, 108, 207, 0.12);


}

.view3 .pool-product__card {
    padding: 0;
    background: transparent;
    border: none;
}

.view3 .pool-product__info {
    padding: 0;
    display: grid;
    justify-content: space-between;
    grid-template-columns: 405px 250px;
    align-items: flex-end;
}

.view3 .pool-product__image,
.view3 .pool-product__table-head {
    display: none;
}

.view3 .pool-product__table {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.view3__content {
    padding: 40px;
    width: 100%;
}

.view3 .pool-product__dropdown-title {
    border: none;
    padding-bottom: 40px;
}

.view3 .pool-product__cart {
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    border-radius: 50px;
    justify-content: center;
    color: #fff;
    margin-top: 10px;
}

.view3 .dop-filter .pool-product__cart {
    width: 56px;
    height: 56px;
    margin-top: 0;
}

.view3 .pool-product__info-price {
    line-height: 32px;
}

.view3 .pool-product__info-row--price {
    margin-bottom: 25px;
    justify-content: flex-end;
}

.view3 .pool-product__info-row--icons {
    margin: 0;
    padding: 0;
    border: none;
}

.view3__content-right {
    max-width: 250px;
}

.view3__content-left {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.view3 .pool-product__info-row.article {
    display: block;
    margin-top: 0;
    color: rgba(144, 160, 181, 1);
    margin-bottom: 15px;
}

.view3 .pool-product__info-article {
    font-size: 18px;
    color: rgba(30, 32, 40, 1);
    border-bottom: none; 
}

.view3 .product-card__info {
    top: 20px;
    right: 20px;
}

#views3 {
    display: none;
}

.pool-product__wrap.main-catalog {
    margin-top: 0;
}

.catalog-product__type {
    display: flex;
    gap: 8px;
    overflow: auto;
    padding-left: 12px;
    padding-right: 12px;
}

.catalog-product__type-img {
    width: 40px;
    height: 40px;
}

.catalog-product__type-item {
    padding: 10px 12px;
    padding-right: 20px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    text-align: left;
}


.catalog-product__category-item {
    padding: 12.5px 15px;
    background: rgba(21, 108, 207, 0.05);
    border: 1px solid rgba(21, 108, 207, 0.12);
    display: flex;
    gap: 12px;
    align-items: center;
    white-space: nowrap;
    text-align: left;
}

.catalog-product__category-item.active {
    color: rgba(21, 108, 207, 1);
}

.catalog-product__category-img {
    width: 35px;
    height: 35px;
}

.catalog-product__category {
    display: flex;
    gap: 10px;
    padding-left: 12px;
    padding-right: 12px;
    overflow: auto;
    margin-bottom: 50px;
}

.catalog-product__category-btn {
    color: rgba(21, 108, 207, 1);
    display: none;
    align-items: center;
    gap: 10px;
}

.recommend__slider--catalog {
    padding-left: 12px;
}

.recommend__slider--catalog .product-card--rec {
    width: 150px;
}

.recommend__slider--catalog .product-card__btn {
    display: none;
}

.recommend__slider--catalog .product-card__price--bottom {
    flex-direction: row;
    align-items: flex-end;
    gap: 5px;
}

.recommend--catalog .recommend__title {
    padding-left: 12px;
}

.recommend--catalog {
    margin-bottom: 70px;
}

.catalog-product__category-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 12px;
    margin-bottom: 40px;
}

.catalog-product__category-link {
    text-decoration: none;
    background: #fff;
    border-radius: 50px;
    font-size: 13px;
    line-height: 140%;
    font-weight: 500;
    color: rgba(30, 32, 40, 1);
    padding: 11px 15px;
    white-space: normal;
}

.catalog-banner__bot {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.catalog-banner__bot .banner__block-link {
    height: 46px;
}

.banner--catalog .banner__block-subtitle {
    margin-bottom: 30px;
}

.banner--catalog {
    margin-top: 10px;
}

.catalog-product__category-link.active {
    color: rgba(21, 108, 207, 1);
}

.recommend--category .product-card--rec {
    width: 301px;
    padding: 0;
}

.recommend--category .product-card__image-wrapper,
.recommend--category .product-card__title {
    margin-bottom: 0;
}

.product-card__content {
    padding: 15px;
}

.product-card__article {
    color: rgba(144, 160, 181, 1);
    margin-bottom: 0;
    margin-top: 5px;
}

.product-card__content-packet {
    margin-bottom: 0;
}

.product-card__content-mid {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(227, 231, 235, 1);
    border-bottom: 1px solid rgba(227, 231, 235, 1);
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.recommend--category .product-card__info {
    top: 10px;
    right: 10px;
}

.recommend--category .product-card__sale {
    top: 10px;
    left: 10px;
}

.catalog-product__category-menu--category {
    display: none;
}

.catalog-product__type--category {
    flex-wrap: wrap;
}

.catalog-product__type--category .catalog-product__type-item {
    border-radius: 50px;
}

.recommend--catalog .product-card--rec {
    transition: 0.2s ease;
}

.recommend--catalog .product-card--rec:hover {
    background: rgba(21, 108, 207, 0.05);
}

.recommend--catalog .product-card--rec:hover .product-card__content-mid {
    border-color: rgba(21, 108, 207, 0.12);
}


.category-card__description-wrap {
    background: rgba(21, 108, 207, 0.05);
    border: 1px solid rgba(21, 108, 207, 0.12);
    padding: 15px;
    margin-top: 20px;
}

.category-card__description-title {
    margin-bottom: 10px;
}

.category-card__description {
    margin-bottom: 0;
}

.product-purchase__price--spa {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
    gap: 0;
}

.spa-bottom__wrap {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.product-purchase__controls--spa {
    margin-left: auto;
    display: flex;
    gap: 5px;
}

.product-purchase__sku--spa {
    font-size: 14px;
    font-weight: 400;
}

.product-purchase__sku--spa .product-purchase__sku-dop {
    font-weight: 500;
}

.product-purchase__top--spa {
    margin: 20px 0;
}

.card-spa__link .def-arrow.back {
    width: 11px;
    height: 7px;
    rotate: 180deg;
}

.card-spa__link {
    display: flex;
    gap: 10px;
    text-decoration: none;
    align-items: center;
}

.category-card__description{
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.category-card__description.active{
  -webkit-line-clamp:unset;
}

.category-card__description-btn{
  display:flex;
  align-items:center;
  gap:6px;
  background: transparent;
  border: none;
  padding: 0;
  color: rgba(21, 108, 207, 1);
  margin-top: 10px;
}

.pool-product__arrow{
  transition:transform .3s;
}

.category-card__description-btn.active .pool-product__arrow{
  transform:rotate(180deg);
}

.pool-product__card--spa {
    background: transparent;
    border: none;
    padding: 0;
}

.card-spa,
.card-laguna {
    background: #fff;
    padding: 15px;
}

.pool-product__table--spa {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pool-product__image--spa {
    margin: 0;
    padding: 0;
    border: none;
    margin-bottom: 25px;
    padding: 20px;
    background: #fff;
}

.pool-product__table--laguna {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}


.product-purchase__sku--laguna {
    color: rgba(21, 108, 207, 1);
    border-bottom: 2px dotted rgba(21, 108, 207, 1);
}

.product-purchase__sku-dop--laguna {
    color: rgba(21, 108, 207, 1);
}


.card-laguna .pool-product__info-row.packet {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(227, 231, 235, 1);
    z-index: 14;
}

.card-laguna__packet {
    order: 2;
}

.card-laguna__title {
    margin-bottom: 2px;
}

.product-purchase__top--laguna {
    margin-bottom: 0;
}

.card-laguna .pool-product__info {
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px solid rgba(227, 231, 235, 1);
    border-top: 1px solid rgba(227, 231, 235, 1);
}

.card-laguna .pool-product__info-row.packet .pool-product__info-value {
    overflow: auto;
    width: 100%;
}

.card-laguna .pool-product__info {
    gap: 5px;
}

.card-laguna {
    width: calc(50% - 5px);
    min-width: calc(50% - 5px);
    padding: 0;
    position: relative;
    transition: 0.2s ease;
    display: flex;
    flex-direction: column;
}

.card-laguna:hover {
    background: rgba(21, 108, 207, 0.05);
}

.card-laguna__link {
    position: absolute;
    inset: 0;
    z-index: 5;
}

.card-laguna .pool-product__comp {
    min-width: 25px;
    width: 25px;
    height: 25px;
}


.laguna-bottom__wrap {
    display: flex;
    align-items: center;
    margin-top: 0px;
    margin-top: auto;
}

.dop-filter {
    background: #fff;
    padding: 20px;
    margin: 0 12px;
}

.dop-filter__items-btn {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0px;
    transition: 0.2s ease;
    align-items: center;
    color: rgba(108, 110, 115, 1);
}

.dop-filter__items-btn .def-arrow{
    width: 9px;
    height: 4.5px;
    color: rgba(144, 160, 181, 1);
    rotate: 180deg;
    
}

.dop-filter__items.active .def-arrow {
    rotate: 0deg;
}

.dop-filter__title {
    margin-bottom: 20px;
}

.dop-filter__item {
    background: rgba(243, 247, 252, 1);
    border-radius: 50px;
    padding: 8px 16px;
    color: rgba(30, 32, 40, 1);
    transition: 0.2s ease;
    border: none;
}

.dop-filter__item.active {
    background: rgba(21, 108, 207, 1);
    color: #fff;
}

.dop-filter__items-btns {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.dop-filter__items {
    margin-bottom: 25px;
}

.card-laguna__wrap {
    padding: 15px;
    border: 1px solid transparent;
    border-top: none;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.card-laguna .product-gallery__image {
    aspect-ratio: 160 / 110;
}



.dop-filter__bottom {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-top: 20px;
    border-top: 1px solid rgba(227, 231, 235, 1);
}



.dop-filter__more {
    background: rgba(243, 247, 252, 1);
    color: rgba(21, 108, 207, 1);
    border: none;
    margin-left: auto;
}

.dop-filter__items-content {
    transition: 0.2s ease;
    overflow: hidden;
}

.dop-filter__items.active .dop-filter__items-btn {
    padding-bottom: 15px;
}

.dop-filters {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.dop-filters .checkbox__popup {
    align-items: center;
}

.card-poliprop {
    display: flex;
    flex-wrap: wrap;
    border-radius: 14px;
    padding: 20px;
}

.card-poliprop .pool-product__info-row.diametr {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.card-poliprop .pool-product__info-value:first-child {
    color: rgba(21, 108, 207, 1);
}

.card-poliprop .pool-product__info-value {
    color: rgba(30, 32, 40, 1);
}

.card-poliprop .pool-product__info {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.card-poliprop .pool-product__info-row--icons {
    display: none;
}

.card-poliprop .pool-product__info-article {
    color: rgba(30, 32, 40, 1);
    border-bottom: none;
}


.card-poliprop__cta {
    background: rgba(243, 247, 252, 1);
    color: rgba(21, 108, 207, 1);
    display: flex;
    gap: 10px;
    align-items: center;
}

.pool-product__table-head--poliprop,
.poliprop-slider__back,
.poliprop-slider__dots {
    display: none;
}

.poliprop-slider__list {
    display: flex;
    gap: 5px;
}

.poliprop-slider__card {
    min-width: calc(33.3333% - 3.3333px);
    width: calc(33.3333% - 3.3333px);
    aspect-ratio: 105 / 70;
    object-fit: cover;
    object-position: center;
    mix-blend-mode: multiply;
    background: rgba(21, 108, 207, 0.05);
    border: 1px solid rgba(21, 108, 207, 0.12);
}

.poliprop-slider-wrap {
    overflow: hidden;
}

.poliprop-slider__next {
    display: block;
    width: 35px;
    height: 35px;
    top: 50%;
    transform: translate(50%, -50%);
}




.poliprop-slider {
    position: relative;
    margin: 25px 0;
    user-select: none;
}

.poliprop-slider .product-gallery__icon {
    opacity: 1;
    width: 9px;
    height: 9px;
}

.poliprop__top-title {
    margin-bottom: 15px;
    margin-top: 30px;
}

.poliprop__top-list-item {
    display: flex;
    gap: 5px;  
}

.poliprop__top-list-item::before {
    content: "";
    width: 5px;
    min-width: 5px;
    height: 5px;
    background: rgba(21, 108, 207, 1);
    border-radius: 50px;
    margin-top: 8px;
}

.poliprop__top-list {
    display: flex;
    flex-direction: column;
    padding: 0;
    list-style-type: none;
    gap: 10px;
}

.poliprop__top-text {
    margin-bottom: 20px;
}

.poliprop__top-subtitle {
    margin-bottom: 15px;
}

.pool-product__image--poliprop {
    padding: 20px;
    border: none;
    background: #fff;
}


.pool-product.view3 .poliprop-slider,
.pool-product.view3 .delivery-card__note--poliprop,
.pool-product.view3 .pool-product__title--kupeli,
.pool-product__table-head--complect .name,
.pool-product__row-main--complect .article,
.pool-product__table-head--complect .efficiency span:first-child,
.pool-product__table-head--complect .weight {
    display: none;
}

.pool-product__row-main--complect .pool-product__cell.efficiency,
.pool-product__row-main--complect .pool-product__cell.weight,
.pool-product__row-main--complect .pool-product__cell.cartridge,
.pool-product__row-main--complect .pool-product__cell.article {
    font-weight: 400;
}

.pool-product__row-main--complect {
    padding: 3px;
    padding-left: 20px;
    grid-template-columns: 1fr 1fr 1fr 46px;
}

.pool-product__table-head--complect {
    grid-template-columns: 1fr 1fr 1fr 46px;
}

.pool-product__row-main--complect .pool-product__price {
    justify-content: center;
}

.pool-product__image--complect .pool-product__image-text {
    display: block;
    text-align: left;
    margin-top: 20px;
}


.pool-product__image--complect .pool-product__image-text-more {
    display: none;
}

.pool-product__image--complect .pool-product__image-text-more.open {
    display: block;
}

.pool-product__image--complect .pool-product__image-text.open .filters__more-show {
    display: none;
}

.pool-product__image--complect .pool-product__image-text.open .filters__more-down {
    display: block;
}

.pool-product__image--complect .pool-product__image-text.open .def-arrow.blue {
    rotate: 0deg;
}

.pool-product__row--complect .product-card__info-icon {
        display: none;
    }



.tech__image {
    aspect-ratio:  336 / 200;
    width: 100%;
    margin: 50px 0;
}

.tech__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.pool-product__cards--tech {
    margin-bottom: 20px;
}

.pool-product__cards--tech:last-child {
    margin-bottom: 0;
}

.pool-product__row-main--plenka .efficiency,
.pool-product__row-main--plenka .article {
    display: none;
}

.pool-product__table-head--plenka .name,
.pool-product__table-head--plenka .weight,
.pool-product__table-head--plenka .efficiency span:first-child {
    display: none;
}

.pool-product__table-head--plenka .efficiency {
    display: flex;
    justify-content: center;
}

.pool-product__row-main--plenka .diametr {
    display: flex;
    justify-content: center;
    font-weight: 400;
}

.pool-product__table-head--plenka,
.pool-product__row-main--plenka {
    grid-template-columns: 1fr 2fr 1fr;
}

.card-laguna--naduv {
    border: 1px solid transparent;
}

.card-laguna--naduv:hover {
    border: 1px solid rgba(21, 108, 207, 0.12);
}



.card-laguna--naduv .pool-product__info-row.pump {
    align-items: center;
}

.product-gallery__badge--model {
    background: rgba(36, 187, 245, 1);
}

.card-laguna--naduv .cart-item__counter-wrap {
    opacity: 0;
    position: absolute;
    inset: 0;
    height: auto;
    z-index: 17;
    transition: 0.2s ease;
    pointer-events: none;
}


.card-laguna--naduv .pool-product__cart {
    order: 2;
    z-index: 15;
}

.card-laguna--naduv .cart-item__counter-wrap.active {
    opacity: 1;
    pointer-events: all;
    
}

.card-laguna:hover .cart-item__counter-wrap::before {
    background: rgb(228, 233, 238);
}

.card-laguna--naduv .cart-item__counter-wrap::before {
    content: "";
    background: #fff;
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    transition: 0.2s ease;
}

.card-laguna--naduv .cart-item__counter-wrap.active::before {
    opacity: 1;
    pointer-events: all;
}

.card-laguna--naduv .cart-item__counter {
    z-index: 18;
    position: relative;
}

.card-laguna--naduv .laguna-bottom__wrap {
    position: relative;
}

.banner--naduv {
    margin: 50px 0;
}

.pool-product__image-text--chim {
    text-align: left;
}

.chim__image-title {
    margin-top: 20px;
    margin-bottom: 10px;
}

.chim__list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.chim__list-item {
    display: flex;
    gap: 5px;
    color: rgba(108, 110, 115, 1);
}

.chim__list-item.active {
    color: rgba(21, 108, 207, 1);
}

.chim__list-item::before {
    content: "";
    width: 5px;
    height: 5px;
    min-width: 5px;
    border-radius: 50px;
    background: rgba(21, 108, 207, 1);
    margin-top: 8px;
}

.pool-product__cards--chim .pool-product__table-item.weight {
    display: block;
}

.chim__container .pool-product__table-head .weight,
.chim__container .pool-product__cell.weight {
    display: flex;
}


.chim__container .pool-product__cell.efficiency {
    display: none;
}

.pool-product__image--perekis .pool-product__img {
    order: 2;
}

.perekis__container .pool-product__table-item.packaging,
.perekis__container .pool-product__cell.packaging {
    display: none;
}

.perekis__container .pool-product__cell.volume {
    display: flex;
}

.cases__card {
    background: #fff;
}

.cases__img {
    width: 100%;
}

.cases__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    max-width: 100%;
}

.cases__content {
    padding: 15px;
}

.cases__card .pool-product__info-row.article .pool-product__info-line {
    display: none;
}

.cases__card .pool-product__info-row.article {
    justify-content: flex-start;
    gap: 4px;
    border-bottom: 1px solid rgba(227, 231, 235, 1);
    padding-bottom: 10px;
}

.cases__card .pool-product__info {
    border-bottom: 1px solid rgba(227, 231, 235, 1);
    padding-bottom: 10px;
    gap: 8px;
}

.cases__card .pool-product__info-row.mader {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.cases__card .pool-product__info-row {
    gap: 5px;
}

.cases__card .pool-product__info-row.mader .pool-product__info-line {
    display: none;
}

.cases__card-title {
    margin-bottom: 5px;
}

.cases__price {
    display: flex;
    flex-direction: column;
    
}

.cases__price-old {
    color: rgba(144, 160, 181, 1);
    text-decoration: line-through;
}

.cases__actions {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
}

.cases__counter {
    position: absolute;
    top: 10px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: 0.2s ease;
}

.cases__counter::before {
    content: "";
    background: #fff;
    inset: 0;
    position: absolute;
}

.cases__counter .cart-item__counter {
    z-index: 5;
    position: relative;
}

.cases__actions-btn {
    background: rgba(21, 108, 207, 1);
    width: 46px;
    height: 46px;
    border-radius: 50px;
    min-width: 46px;
    border: none;
}

.cases__counter.active {
    top: 10px;
    width: 100%;
    opacity: 1;
    pointer-events: all;
}

.cases__main-title {
    margin-bottom: 25px;
}

.card__colors .pool-product__info-row.color .pool-product__info-value {
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 50px;
}


.card__colors .pool-product__actions {
    margin: 0;
}


.card__colors-head .name,
.card__colors .pool-product__info-row.title {
    display: none;
}

.pool-product__cards--colors {
    margin-bottom: 20px;
}

.colors__blocks {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    margin: 20px 0;
}

.colors__blocks-item {
    display: flex;
    flex-direction: column;
    background: rgba(21, 108, 207, 0.05);
    border: 1px solid rgba(21, 108, 207, 0.12);
    padding: 15px;
    min-width: 107px;
    text-decoration: none;
    color: rgba(30, 32, 40, 1);
}

.colors__blocks-item.active {
    background: rgba(21, 108, 207, 1);
    border: 1px solid transparent;
    color: #fff;
}

.colors__blocks-item.active .colors__blocks-item-bot {
    color: #fff;
    opacity: 0.5;
}

.colors__blocks-item-bot {
    color: rgba(119, 127, 150, 1);
}

.product-card__info.dropdow {
    position: static;
    margin-left: auto;
    margin-right: -5px;
    cursor: pointer;
    
    display: none;
}

.pool-product__cart.dropdow {
    display: none;
}


.product-card__info:hover {
    background: rgba(21, 108, 207, 1);
    color: #fff;
}

.product-card__info:hover .product-card__info-icon {
    color: #fff;
}


.video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.video-modal-content {
    position: relative;
    width: 80%;
    max-width: 800px;
}

.video-modal iframe {
    width: 100%;
    height: 450px;
}

.video-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    color: white;
    cursor: pointer;
    line-height: 17px;
}

.schedule__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    padding-bottom: 20px;
    
}

.schedule__block {
    border-top: 1px solid rgba(227, 231, 235, 1);
    padding-top: 20px;
    margin-bottom: 20px;
}

.schedule__block:last-child {
    margin-bottom: 0;
}

.schedule__header-icon {
    width: 12px;
    height: 6px;
    color: rgba(144, 160, 181, 1);
    rotate: 180deg;
    transition: 0.2s ease;
}

.schedule.open .schedule__header-icon {
    rotate: 0deg;
}

.delivery-prod__wrap.open .schedule__header-icon {
    rotate: 0deg;
}


.catalog-product__category-item .catalog-product__category-menu {
    display: none;
}

.main-catalog__aside-wrap {
    max-width: 378px;
}

.main-catalog__aside-wrap .catalog-product__category {
    margin: 0;
}

.main-catalog__aside-wrap .catalog-product__category-item {
    height: 80px;
}

.main-catalog__aside-wrap .catalog-product__category-item:first-child {
    height: 70px;
}

.main-catalog__aside-wrap .catalog-product__category-menu {
    opacity: 0;
    pointer-events: none;
    transition: 0.2s ease;
}

.main-catalog__aside-wrap .catalog-product__category-item.open .catalog-product__category-menu {
    opacity: 1;
    pointer-events: all;
}























@media (min-width: 576px) {
    .banner__blur {
        mask: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.99) 30%,
    rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
    }

    .banner__block-img {
        object-position: right;
    }

    .banner__block-wrap {
        background: linear-gradient(90deg, rgba(3, 10, 39, 0.4) 40%, rgba(3, 10, 39, 0) 60%);
    }

    .services__title-br {
        display: none;
    }

    .page-catalog__img {
        left: unset;
    }

    .about__images {
        margin: 30px auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        max-width: 540px;
        padding-right: calc(1.5rem * .5);
        padding-left: calc(1.5rem * .5);
        overflow: visible;
    }

    .about__img {
        width: 100%;
        height: 100%;
    }

    .catalog-product__category {
        margin-right: 12px;
        margin-left: 12px;
        padding: 0;
    }

    .pool-product__table-head--plenka {
        padding-left: 20px;
        padding-right: 20px;
    }


}

@media (min-width: 576px) and (max-width: 1200px) {
    .first-screen__wrap {
        max-width: 100%;
    }

    .header__btns {
        display: flex;
        gap: 8px;
    }

    .mobile-menu {
        display: none;
    }

    .header__btn--secondary {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header__btn-num {
        display: none;
    }
}

@media (min-width: 768px) {
    .contact-card__button {
        max-width: 215px;
    }

    .contact-card__info {
        max-width: 353px;
    }

    .pool-product__wrap {
        display: flex;
        margin-top: 70px;
    }

    .filters {
        position: static;
        max-width: 385px;
        max-height: 100%;
        overflow: unset;
        background: rgba(21, 108, 207, 0.05);
        padding: 30px;
    }

    .filters__actions {
        position: static;
        background: transparent;
        box-shadow: none;
        padding: 0;
        padding-top: 5px;
    }

    .pool-product__container {
        display: flex;
        align-items: flex-start;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        gap: 8px;
    }

    .pool-product {
        width: 100%;
        min-width: 360px;
    }

    .pool-product__btns {
        margin-top: 0;
        justify-content: flex-end;
    }

    .custom-select {
        left: 0;
    }

    .pool-product__btn.settings {
        display: none;
    }

    .pool-product__container-cart {
        padding-right: 0;
    }

    .filters__back {
        display: none;
    }

    .filters__header::before {
        content: "Фильтр";
        color: rgba(30, 32, 40, 1);
        display: block;
        width: 100%;
        padding-bottom: 25px;
        margin-bottom: 0;
        font-size: 22px;
        font-weight: 500;
        line-height: 125%;
        border-bottom: 1px solid rgba(21, 108, 207, 0.12);
    }

    .packet__banners {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .info-blocks__items {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .article__title br {
        display: block;
    }

    .about__images {
        max-width: 720px;
    }

    .cart-item__info {
        justify-content: center;
    }

    .about__card-under br {
        display: none;
    }

    .catalog-product__type {
        margin-bottom: 65px;
    }

    .main-catalog .pool-product__container {
        display: flex;
        gap: 10px;
    }

    .recommend__slider--catalog .product-slider__list {
        gap: 8px;
    }

    .recommend__slider--catalog,
    .catalog-product__type,
    .recommend--catalog .recommend__title {
        padding: 0;
    }

    .recommend--catalog,
    .catalog-product__type {
        margin-left: 12px;
    }

    .main-catalog .filters {
        grid-column: 1;
        order: 3;
    }

    .catalog-product__category {
        flex-direction: column;
        padding: 0;
        order: 1;
        margin-bottom: 0;
        overflow: hidden;
        transition: 0.2s ease;
    }

    .catalog-product__category-wrap {
        background: rgba(21, 108, 207, 0.05);
        border: 1px solid rgba(21, 108, 207, 0.12);
        padding: 30px;
        margin-bottom: 12px;
    }

    .catalog-product__category-item:first-child {
        padding-top: 0;
    }


    .catalog-product__category-wrap.active .catalog-product__category-text {
        display: none;
    }

    .catalog-product__category-btn {
        cursor: pointer;
    }

    .catalog-product__category-wrap.active .catalog-product__category-btn::before {
        content: "Свернуть";
    }

    .catalog-product__category-wrap .pool-product__arrow {
        transition: 0.3s ease;
    }

    .catalog-product__category-wrap.active .pool-product__arrow {
        rotate: 0deg;
    }

    .main-catalog .pool-product {
        order: 2;
        grid-row: span 2;
    }

    .catalog-product__category-menu {
        display: flex;
        flex-direction: column;
        grid-column: 2;
        gap: 10px;
        padding-bottom: 20px;
        padding: 0;
        margin-bottom: 10px;
    }

    .catalog-product__category-btn {
        display: flex;
    }

    .catalog-product__category-item {
        display: grid;
        grid-template-columns: 60px 1fr;
        row-gap: 2px;
        background: none;
        border: none;
        padding: 0;
        border-bottom: 1px solid rgba(21, 108, 207, 0.12);
        padding: 10px 0;
        padding-top: 9px;
        transition: 0.2s ease;
    }

    .catalog-product__category-item:hover {
        color: rgba(21, 108, 207, 1);
    }

    .catalog-product__category-item:last-child {
        border: none;
    }

    .catalog-product__category-link {
        color: rgba(30, 32, 40, 1);
        text-decoration: none;
        transition: 0.2s ease;
        background: transparent;
        padding: 0;
    }

    .catalog-product__category-link:hover {
        color: rgba(21, 108, 207, 1);
    }

    .catalog-product__category-img {
        width: 60px;
        height: 60px;
    }

    .dop-filters {
        margin-bottom: 70px;
    }

    .dop-filter {
        margin-right: 0;
    }

    .cases__container {
        padding-right: 0;
    }

    .cases {
        margin-bottom: 50px;
    }

    .catalog-product__category-item .catalog-product__category-menu {
        display: flex;
    }

}

@media (min-width: 992px) {
    .catalog__block {
        max-height: 496px;
        aspect-ratio: unset;
        height: 100%;
        min-height: 496px;
    }

    .contact-card__info {
        min-width: 470px;
    }

    .contact-card__button {
        max-width: 261px;
    }

    .about-pools__subtext {
        font-size: 18px;
    }

    .contact-card__icon {
        width: 45px;
        height: 45px;
    }

    .catalog__block-title {
        padding: 30px;
        z-index: 10;
    }
    .second-title {
        font-size: 54px;
        font-weight: 500;
        line-height: 105%;
    }

    .catalog__title  {
        margin-bottom: 60px;
    }

    .catalog {
        padding: 140px 0;
    }

    .banner__block-title {
        max-width: 640px;
        margin-bottom: 20px;
    }

    .banner__block-subtitle {
        max-width: 100%;
        margin-bottom: 40px;
    }

    .main-subtitle {
        font-size: 22px;
        font-weight: 400;
    }

    .main-cta {
        font-size: 16px;
        padding: 17px 27px;
    }

    .banner__block {
        height: 378px;
    }

    .banner__block-price {
        margin-bottom: 40px;
    }

    .banner__block--slider {
        height: 473px;
    }

    .banner__block-wrap {
        padding: 60px;
    }

    .catalog__block-submenu {
        display: flex;
        flex-direction: column;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        transform: translateY(100%);
        padding: 0 30px;
        padding-top: 100px;
        color: #fff;
        justify-content: space-between;
        height: 100%;
        padding-bottom: 30px;
        backdrop-filter: blur(15px);
        transition: 0.3s ease;
        background: rgba(21, 108, 207, 0.3);
    }

    .small-sm-desktop {
        font-size: 16px;
        font-weight: 600;
        line-height: 140%;
    }

    .sm-desktop {
        font-weight: 600;
        font-size: 18px;
        line-height: 140%;
        letter-spacing: 0%;
    }

    .small-m-desktop {
        font-size: 16px;
        font-weight: 500;
        line-height: 140%;
    }

    .small-r-desktop {
        font-size: 16px;
        font-weight: 400;
        line-height: 140%;
    }

    .h2-desktop {
        font-size: 54px;
        font-weight: 500;
        line-height: 105%;
    }

    .h3-desktop {
        font-size: 44px;
        line-height: 125%;
        font-weight: 500;
    }

    .h4-desktop {
        font-size: 34px;
        line-height: 125%;
        font-weight: 500;
    }

    .h6-desktop {
        font-size: 22px;
        line-height: 125%;
        font-weight: 500;
    }

    .h6r-desktop {
        font-size: 22px;
        line-height: 125%;
        font-weight: 400;
    }

    .r-desktop {
        font-size: 18px;
        font-weight: 400;
        line-height: 140%;
    }

    .h5-desktop {
        font-size: 28px;
        font-weight: 500;
        line-height: 125%;
    }

    .m-desktop {
        font-size: 18px;
        font-weight: 500;
        line-height: 140%;
    }

    .tag-r-desktop {
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
    }

    .tag-m-desktop {
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
    }

    .big-sm-desktop {
        font-size: 20px;
        font-weight: 600;
        line-height: 140%;
    }

    .big-r-desktop {
        font-size: 20px;
        font-weight: 400;
        line-height: 140%;
    }

    .article__description a,
    .article__text-first a,
    .article__text-second a  {
        font-size: 18px;
        font-weight: 400;
        line-height: 140%;
    }

    .catalog__block-title {
        height: auto;
        width: 100%;
        height: 100%;
    }

    .catalog__blur {
        backdrop-filter: blur(5px);
    }

    .catalog__block-items-small {
        display: flex;
        flex-direction: column;
    }

    .about-pools__title, 
    .about-pools__text {
        margin-bottom: 30px;
    }

    .services {
        padding: 140px 0;
    }

    .footer {
        margin-top: 140px;
    }

    .footer__legal {
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .footer__info-wrap {
       display: flex;
       gap: 20px; 
    }

    .footer__icon {
        width: 22px;
        height: 22px;
    }

    .footer__info-block {
        order: 2;
        margin-bottom: 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .footer__map, .footer__map-frame {
        width: 100%;
        height: 260px;
    }

/*    .small-r {
        font-size: 16px;
    }*/

    .footer__caption {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .footer__contact-group {
        margin-bottom: 40px;
    }

    .footer__logo {
        width: 273px;
        height: 60px;
        margin-bottom: 25px;
    }

    .footer__scrollup {
        width: 56px;
        height: 56px;
    }

    .footer__scrollup-svg {
        width: 12px;
        height: 6px;
    }

    .footer__wrap {
        padding: 60px 0;
    }



    .hero__advantages-text {
        margin-bottom: 0;
        font-size: 22px;
        font-weight: 500;
        line-height: 125%;
        max-width: 100%;
    }

    .hero__advantages-icon {
        width: 14px;
        height: 14px;
        min-width: 14px;
    }

    .hero__title {
        font-size: 80px;
        max-width: 800px;
        margin-bottom: 20px;
    }

    .hero__subtitle {
        max-width: 100%;
        margin-bottom: 40px;
    }

    .header__topbar-nav {
        display: flex;
        gap: 30px;
        align-items: center;
    }

    .header__topbar-link {
        color: #fff;
        text-decoration: none;
        transition: 0.2s ease;
    }

    .header__topbar-link:hover {
        opacity: 0.5;
    }

    .header__hours {
        display: none;
    }

    .header__topbar-btns {
        display: flex;
        gap: 10px;
        align-items: center;

    }

    .header__topbar-btn {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 50px;
        border: none;
        padding: 8px 16px;
        color: #fff;
        transition: 0.2s ease;
    }

    .header__topbar-btn:hover {
        background: #fff;
        color: rgba(30, 32, 40, 1);
    }

    .header__nav-container {
        display: flex;
        justify-content: space-between;
    }

    .page-catalog {
        min-height: 471px;
        max-height: 471px;
    }

    .page-catalog__img {
        width: 245px;
    }

    .pool-categories__item {
        min-height: 195px;
        padding: 30px;
        gap: 15px;
    }

    .pool-categories__title {
        font-size: 18px;
    }

    .pool-categories__icon {
        width: 70px;
        height: 70px;
    }

    .pool-categories {
        padding-top: 70px;
    }

    .custom-select__title {
        position: static;
        transform: none;
        opacity: 1;
        width: auto;
    }

    .custom-select.open .custom-select__label--current {
        padding: 0;
    }

    .custom-select.open .custom-select__title {
        width: auto;
    }

    .pool-product {
        overflow: unset;
    }

    .info__nav {
        max-width: 542px;
        margin-bottom: 0;
        height: 56px;
    }

    .info__container,
    .info__contents {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 40px;
    }

    

    .info__cta {
        order: 2;
        margin-top: 0;
    }

    .info__content {
        order: 3;
        padding: 40px;
    }

    .info__title {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .info__content-title {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .info__content-title.h6-desktop {
        font-size: 22px;
    }

    .info__content-table-col.value {
        font-size: 18px;
    } 

    .info__content-table {
        padding: 30px;
        gap: 15px;
    }

    .info__nav-item {
        font-size: 16px;
    }

    .info__content.packet {
        width: 100%;

    }

    .packet__banner {
        padding: 40px;
    }

    .packet__banner-price {
        font-size: 28px;
        font-weight: 500;
    }

    .packet__banner-title.montage {
        margin-bottom: 15px;
    }

    .packet__banner.instruct {
        display: flex;
        flex-direction: column;
    }

    .packet__banner-unders {
        margin-top: auto;
        display: flex;
        justify-content: space-between;
    }

    .packet__banner-under {
        margin-top: 0;
    }

    .packet__banner-bg {
        width: 212px;
        right: -84px;
        top: 40%;
    }

    .packet__banner-bg.montage {
        width: 224px;
    }

    .packet__banners {
        gap: 20px;
    }

    .delivery__title br {
        display: none;
    }

    .delivery__texts-wrapper {
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .delivery__steps {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .delivery-step-left {
        display: grid;
        gap: 20px;
    }

    .delivery__recipients {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .delivery-card {
        display: flex;
        flex-direction: column;
        padding: 30px;
    }

    .delivery-card__note {
        margin-top: auto;
        padding: 20px;
    }


    .delivery__undertitle {
        margin-bottom: 40px;
    }

    .delivery__alert {
        padding: 30px;
    }

    .delivery__subtitle {
        margin-top: 70px;
        padding-top: 70px;
        margin-bottom: 40px;
    }

    .delivery-step__text {
        max-width: 100%;
        order: 2;
    }

    .delivery-step.three {
        gap: 0;
    }

    .delivery-step__number {
        order: 1;
    }

    .delivery-step {
        padding: 30px;
        gap: 10px;
        justify-content: flex-start;
    }

    .delivery-step__sub {
        padding-top: 40px;
        margin-top: 40px;
        order: 3;
    }

    .delivery-step__number.three {
        top: 31px;
        right: auto;
        left: 30px;
    }

    .delivery-step.three .delivery-step__text {
        padding-left: 37px;
        max-width: 100%;
    }

    .delivery__subtitle.pay {
        margin-bottom: 30px;
    }

    .delivery__payment-text {
        margin-bottom: 40px;
    }

    .delivery-card__list {
        gap: 15px;
    }

    .delivery-card__list-item {
        gap: 10px;
    }

    .delivery__final-text {
        margin-top: 40px;
    }

    .delivery-card__note-icon,
    .delivery__alert-icon {
        width: 24px;
        height: 24px;
        min-width: 24px;
    }

    .info__nav-item {
        cursor: pointer;
        user-select: none;
    }

    .info-blocks__load-icon {
        width: 14px;
        height: 14px;
        min-width: 14px;
    }

    .info-blocks__load {
        padding: 17px 27px;
        margin-top: 40px;
    }

    .info-blocks__load-wrap {
        justify-content: flex-end;
    }

    .about__images {
        max-width: 960px;
    }

    .about__img {
        aspect-ratio: 520 / 360;
    }

    .delivery-step.three .delivery-step__text--about {
        order: unset;
        padding-left: 75px;
        width: 100%;
        margin-bottom: 0;
    }

    .delivery-step__text--about br {
        display: none;
    }

    .about__card-icon {
        width: 45px;
        height: 45px;
    }

    .about__number {
        top: 46px;
        right: auto;
        left: 40px;
    }

    .delivery-step--about {
        padding: 40px;
    }

    .about__card-desc {
        margin-bottom: 0;
        margin-top: 20px;
    }

    .delivery-step__sub--about {
        margin-top: 35px;
        padding-top: 35px;
    }

    .about__card-under {
        margin: 0;
        margin-bottom: 20px;
    }

    .about__cards {
        gap: 20px;
    }

    .cart-item {
        display: flex;
        column-gap: 20px;
        justify-content: space-between;
    }

    .cart-item__info {
        justify-content: center;
    }

    .cart-item__bottom {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        column-gap: 20px;
        width: min-content;
    }

    .cart-item__top {
        margin-bottom: 0;
    }

    .cart-item__counter-wrap {
        order: 1;
        min-width: 128px;
    }

    .product-purchase .cart-item__counter-wrap {
        order: unset;
    }

    .cart-item__price {
        flex-wrap: wrap;
        order: 2;
        min-width: 138px;
        margin-left: 20px;
        align-items: center;
        row-gap: 3px;
    }


    .cart-item__discount {
        height: 33px;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .cart-item__actions {
        order: 3;
    }

    .info__nav--cart {
        min-width: 350px;
    }

    .cart__header {
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .cart__title {
        margin-bottom: 0;
    }

    .cart__content-bottom {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .info__nav-item--cart {
        flex-grow: 1;
    }

    .order__nav  {
        margin-bottom: 40px;
    }

    .order__wrap {
        display: flex;
        gap: 20px;
    }

    .order__left {
        width: 100%;
    }

    .order__right {
        max-width: 360px;
    }

    .contacts__tels-icon,
    .contacts__socs-icon {
        width: 24px;
        height: 24px;
        z-index: 5;
    }

    .contacts__soc-item {
        width: 56px;
        height: 56px;
    }

    .contacts__socs {
        gap: 10px;
        margin-top: 35px;
    }

    .contacts__tels {
        gap: 31px;
    }

    .contacts__tels-item.mail {
        margin-top: 35px;
    }

    .contacts__tels-item::before,
    .contacts__under-block::before {
        content: "";
        width: 50px;
        height: 50px;
        background: rgba(243, 247, 252, 1);
        position: absolute;
        z-index: 1;
        border-radius: 50px;
        left: 0;
        transition: 0.2s ease;
    }

    .contacts__under-block::before {
        left: 30px;
    }

    .contacts__tels-item {
        gap: 28px;
        position: relative;
        padding-left: 13px;
    }

    .delivery-step__sub--contacts {
        padding-top: 35px;
        margin-top: 35px;
    }

    .contacts__under-title {
        margin-bottom: 31px;
    }

    .delivery-card__note--contacts {
        margin-top: 35px;
    }

    .contacts__way-title br {
        display: none;
    }

    .contacts__way-title {
        margin-bottom: 78px;
        padding-left: 75px;
    }

    .contacts__way {
        padding: 40px;
    }

    .contacts__way-btns {
        flex-direction: row;
        margin-top: auto;
    }

    .contacts__way-btn.blue {
        margin-right: auto;
    }

    .contacts__way-zoom {
        width: 15px;
        height: 15px;
    }

    .contacts__way-map-zoom {
        width: 58px;
        padding: 22px;
        gap: 22px;
        align-items: center;
    }

    .contacts__card-icon {
        top: 40px;
        right: auto;
        left: 0;
        width: 45px;
        height: 45px;
    }

    .about__card-desc.soc {
        display: none;
    }

    .contacts__tels.contacts {
        margin-top: 35px;
        position: relative;
        width: 100%;
    }

    .contacts__tels-under {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .delivery-step__sub--contacts {
        margin-top: 46px;
    }

    .contacts__under-block {
        margin-bottom: 46px;
        gap: 28px;
        margin-left: 13px;
    }

    .contacts__under-text {
        margin-bottom: 0;
    }

    .contacts__under-text:nth-child(3) {
        margin-bottom: 20px;
    }

    .contacts__tels-icon.right {
        width: 45px;
        height: 45px;
        left: 40px;
        top: 40px;
    }

    .notfound__subtitle {
        margin-bottom: 15px;
    }

    .notfound__text {
        margin-bottom: 30px;
    }

    .notfound__title {
        font-size: 250px;
        gap: 143px;
        margin-top: 85px;
    }

    .notfound__img {
        width: 214px;
    }

    .payments__card-title {
        padding-left: 75px;
    }

    .delivery-step--payments {
        padding: 40px;
    }

    .payments__title br,
    .payment-del__title br {
        display: none;
    }

    .payments__banner {
        padding: 40px;
    }

    .contacts__under-block--payments::before {
        left: 40px;
    }

    .contacts__under-block--payments {
        margin-bottom: 0;
    }

    .delivery__texts-wrapper--payments {
        flex-direction: column;
    }

    .delivery__text--payments {
        margin-bottom: 0;
    }

    .delivery__alert-title--payments br {
        display: none;
    }

    .payment-del__cards,
    .payment-del__pay-list {
        gap: 20px;
    }

    .product-gallery__guarantee,
    .product-gallery__badge {
        height: auto;
        padding: 4px 10px;
    }

    .product-gallery__guarantee {
        top: 20px;
        right: 20px;
    }

    .product-gallery__badges {
        gap: 5px;
        top: 20px;
        left: 20px;
    }

    .info__content-table--product {
        padding: 0;
    }

    .product-aside {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .schedule {
        grid-column: span 2;
        margin-top: 0;
    }

    .delivery-prod,
    .delivery-prod__wrap {
        margin-top: 0;
    }

    .product-purchase {
        display: flex;
        flex-direction: column;
    }

    .product-purchase__price {
        margin-top: auto;
    }

    .equipment-content {
        margin-top: 40px;
    }

    .about__cards--products .delivery-step__text {
        height: 43px;
        display: flex;
        align-items: center;
    }

    .about__cards--products .delivery-step__number {
        top: 30px;
        left: 30px;
    }

    .delivery-step__sub--product {
        padding-top: 0;
        margin-top: 45px;
    }

    .delivery-step--product {
        padding: 30px;
    }

    .recommend__slider--catalog .product-card--rec {
        width: 250px;
    }

    .main-catalog .pool-product__container {
        gap: 20px;
    }

    .catalog-product__category-link {
        font-size: 16px;
    }

    .card-laguna .pool-product__comp {
        width: 35px;
        height: 35px;
        min-width: 35px;
    }

    .catalog-banner__bot .banner__block-link {
        height: 56px;
    }

    .dop-filter__item {
        padding: 10px 20px;
    }

    /*.card-poliprop .pool-product__info-row {
        color: rgba(30, 32, 40, 1);
    }*/

    .delivery-card__note--poliprop {
        margin-top: 0;
    }

    .card-laguna--naduv .product-card__info {
        top: 20px;
        right: 20px;
    }

    .cases__actions-btn {
        width: 56px;
        height: 56px;
        min-width: 56px;
    }

    .cases__actions-btn .pool-product__cart-icon {
        width: 24px;
        height: 24px;
    }

    .cases__counter.active,
    .cases__counter {
        height: 60px;
        top: 25px;
    }

    .cases__actions {
        padding-top: 25px;
    }

    .cases__content {
        padding: 30px;
    }

    .cases__card .pool-product__info {
        padding-bottom: 25px;
        gap: 15px;
    }

    .cases__card .pool-product__info-row.mader {
        margin-top: 10px;
    }

    .cases__card .pool-product__info-row.article {
        padding-bottom: 25px;
    }

    .card__colors .pool-product__cart {
        width: 56px;
        height: 56px;
        min-width: 56px;
    }

    .card__colors .pool-product__cart-icon {
        width: 24px;
        height: 24px;

    }

    .colors__blocks-item {
        min-width: 130px;
    }

    .footer__contacts .footer__contact-group:first-child {
        order: 1;
    }

    .footer__contacts .footer__contact-group:nth-child(2) {
        order: 4;
    }

    .footer__contacts .footer__contact-group:nth-child(3) {
        order: 2;
    }

    .footer__contacts .footer__contact-group:nth-child(4) {
        order: 3;
    }

    .footer__contacts .footer__contact-group:nth-child(3) .footer__subtext {
        margin-top: auto;
    }

    .delivery-prod__wrap,
    .schedule {
        padding: 30px;
        height: 83px;
    }

    .schedule__header {
        padding-bottom: 25px;
        cursor: pointer;
        user-select: none;
    }

    .delivery-prod {
        padding-top: 25px;
    }

    .schedule__header-icon {
        width: 14px;
        height: 7px;
    }


}

@media (min-width: 1200px){
    .services__card {
        max-height: 183px;
        height: 183px;
    }



    .header-phonemenu-btn {
        width: 24px;
        height: 24px;
    }

    .header__topbar {
        display: flex;
        justify-content: space-between;
    }

    .header__nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .services__title {
        font-size: 22px;
    }

    .about-pools__title {
        width: 100%;
    }

    .contact-card__info {
        width: 100%;
        max-width: 100%;
    }

    .footer__container {
        display: flex;
        flex-wrap: wrap;
    }

    .footer__branding {
        order: 3;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-bottom: 0;
    }

    .footer__bottom {
        order: 4;
    }

    .footer__contacts {
        margin-top: 0;
    }

    .footer__bg {
        top: 70%;
        right: 60%;
        width: 700px;
    }

    .hero__advantages-list {
        flex-wrap: unset;
        gap: 0;
    }

    .hero__advantages-item {
        flex-direction: row;
        justify-content: center;
        gap: 15px;
        border: none;
        backdrop-filter: blur(0px);
        min-height: 0;
        padding: 0;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        padding: 0 12px;
        width: auto;
        flex-grow: 1;
    }

    .hero__advantages-item:last-child {
        border-right: 0;
        padding-right: 0;
    }

    .hero__advantages-item:first-child {
        padding-left: 0;
    }


    .hero__advantages {
        backdrop-filter: blur(15px);
        padding-bottom: 0;
        margin-bottom: 30px;
        padding: 25px;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }






    .header__middle {
        display: none;
    }

    .logo {
        width: 309px;
        min-width: 309px;
        height: 68px;
    }

    .header__top {
        gap: 40px;
        align-items: center;
    }

    .header__search-wrapper {
        max-height: 56px;
        height: 56px;
        border-radius: 0;
        border: 1px solid rgba(229, 255, 255, 0.4);
    }

    .header__search {
        border-radius: 0;
    }

    .header__search-wrapper::before {
        background: unset;
    }

    .header__phone {
        display: flex;
        min-width: max-content;
        gap: 15px;
        align-items: center;
        position: relative;
        padding: 0 20px;
    }

    .header__phone-tel {
        margin: 0;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
        display: none;
    }

    .header__phone-icon {
        width: 11px;
        height: 4.5px;
        color: rgba(255, 255, 255, 0.35);
        rotate: 180deg;
        margin-left: -4px;
        z-index: 105;
        transition: 0.2s ease;
        display: none;
    }

    .header__btns {
        display: flex;
        gap: 10px;
    }

    .header__btn {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .header__btn.cart {
        background: rgba(21, 108, 207, 1);
        color: #fff;
    }

    .header__btn.cart:hover {
        background: rgba(36, 187, 245, 1);
        color: #fff;
    }

    .header__btn-num {
        background: rgba(21, 108, 207, 1);
        font-size: 12px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        border-radius: 50px;
        position: absolute;
        top: -4px;
        right: -4px;
        color: #fff;
    }

    .header__btn--secondary {
        width: 60px;
        height: 60px;
        min-width: 60px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: 0.2s ease;
    }

    .header__btn--secondary:hover {
        background: rgba(21, 108, 207, 1);
        color: #fff;
    }

    .header__phonemenu-icon {
        width: 50px;
        height: 50px;
    }

    .header-btn {
        width: 24px;
        height: 24px;
    }

    .header {
        gap: 20px;
    }

    .header__phonemenu {
        top: -21px;
        left: -1px;
        min-width: 315px;
    }

    .header__phonemenu-tel {
        font-size: 20px;
    }

    .header__phonemenu-num {
        gap: 15px;
    }

    .header__phonemenu-num--first {
        padding-bottom: 30px;
    }

    .header__phonemenu-wrap {
        gap: 20px;
    }

    .header__btn.active ~ .header__phone-icon {
        rotate: 0deg;
        color: rgba(255, 255, 255, 1.0);
    }

        .header__menu-line {
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 10px;
            white-space: nowrap;
            padding: 20px 0;
            position: relative;
            z-index: 2;
        }

    .header__menu-text {
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 140%;
        transition: 0.2s ease;
    }

    .header__menu-icon {
        color: #fff;
        transition: 0.2s ease;
    }

    .header__menu-items {
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .header__menu-item:hover .header__menu-next {
        opacity: 1;
        pointer-events: all;
    }

    .header__menu-next {
        transform: translateX(0);
        top: 100%;
        z-index: 100;
        opacity: 0;
        pointer-events: none;
        padding: 37px 0;
    }

    .header__menu-next-container {
        display: flex;  
        gap: 15px;      
    }

    .header__menu-banner {
        order: 2;
        max-width: 520px;
        max-height: 500px;
    }

    .header__menu-blocks {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        row-gap: 40px;
        column-gap: 15px;
        align-items: flex-start;
    }

    .header__menu-block {
        width: calc(50% - 7.5px);
        margin-top: 0;
    }

    .header__menu-banner-img {
        object-position: right;
    }

    .header__menu-banner-subtitle {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .header__menu-banner-gradient {
        background: linear-gradient(180deg, #156CCF 10%, rgba(21, 108, 207, 0) 60%);
    }

    .header__menu-line::before {
        content: "";
        width: calc(100% + 40px);
        height: 100%;
        background: rgba(243, 247, 252, 1);
        position: absolute;
        left: -20px;
        opacity: 0;
        transition: 0.2s ease;
    }

    .header__menu-item.active .header__menu-line::before {
        opacity: 1;
    }

    .first-screen__top.active .header__menu-item.active .header__menu-text,
    .first-screen__top.active .header__menu-item.active .header__menu-icon,
    .first-screen__top.second .header__menu-item.active .header__menu-text,
    .first-screen__top.second .header__menu-item.active .header__menu-icon {
        color: rgba(21, 108, 207, 1);
    }

    .first-screen__top.active .header__btn.cart,
    .first-screen__top.second .header__btn.cart {
        background: #fff;
        
    }

    .first-screen__top.active .header__btn.cart .header-btn,
    .first-screen__top.second .header__btn.cart .header-btn {
        color: rgba(21, 108, 207, 1);
    }

    .header__menu-text, .header__menu-icon {
        z-index: 5;
    }

    .header__nav {
        z-index: 110;
        transition: 0.2s ease;
    }

    .first-screen__gradient,
    .header__menu-title,
    .header__menu-back {
        display: none;
    }

    .first-screen__gradient--catalog {
        display: block;
    }

    .first-screen__top {
        background: rgba(21, 108, 207, 0);
        z-index: 200;
        transition: 0.2s ease;
        padding-bottom: 0;
    }

    .first-screen__top.active,
    .first-screen__top.second {
        background: rgba(21, 108, 207, 1);
    }

    .first-screen__top.active .header__nav,
    .first-screen__top.second .header__nav {
        background: #fff;
        border-top: 1px solid rgba(21, 108, 207, 1);
    }

    .first-screen__top.active .header__menu-text,
    .first-screen__top.active .header__menu-icon,
    .first-screen__top.second .header__menu-text,
    .first-screen__top.second .header__menu-icon {
        color: rgba(30, 32, 40, 1);
    }

    .header__hours {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .header__hours-text {
        opacity: 0.5;
    }



    .header__menu-icon, .header__hours, .mobile-menu {
        display: none;
    }

    .hero {
        padding-top: 222px;
    }

    .page-catalog {
        min-height: 671px;
        max-height: 671px;
    }

    .hero__content--catalog {
        margin-top: 0;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .hero__breadcrumbs {
        position: absolute;
        top: 20px;
    }

    .hero__title--catalog {
        margin: auto 0;
    }

    .page-catalog__img {
        width: 470px;
        bottom: -312px;
        right: 0;
    }

    .first-screen__container--catalog {
        position: relative;
    }

    .pool-product__row {
        display: flex;
        position: relative;
        gap: 20px;
        height: 56px;
    }

    .pool-product__row.hover .pool-product__row-main {
        background: rgba(243, 247, 252, 1);
        border-color: rgba(21, 108, 207, 0.12);
    }

    .pool-product__row-main {
        width: 100%;
        grid-template-columns: 23.2% 27.8% 19.8% 1fr;
        transition: 0.2s ease;
    }

    .pool-product__cards {
        gap: 20px;
    }

    .pool-product__image {
        display: flex;
        aspect-ratio: unset;
        gap: 30px;
        align-items: center;
    }

    .pool-product__img {
        width: 290px;
        min-width: 290px;
        height: 131px;
    }

    .pool-product__price {
        justify-content: center;
    }

    .pool-product__table-item--price {
        text-align: center;
        justify-content: center;
    }

    .pool-product__cart {
        width: 56px;
        height: 56px;
    }

    .pool-product__cart-icon {
        width: 24px;
        height: 24px;
    }

    .pool-product__table-head {
        padding-right: 251px;
        grid-template-columns: 23.2% 27.8% 19.8% 1fr;
        padding-left: 20px;
    }

    .pool-product__table.carcas .pool-product__table-head {
        padding-right: 251px;
        grid-template-columns: repeat(4, 1fr);
        padding-left: 20px;
    }

    .pool-product__more {
        background: rgba(243, 247, 252, 1);
        transition: 0.2s ease;
    }

    .pool-product__more:hover {
        background: rgba(21, 108, 207, 1);
        color: #fff;
    }

    .pool-product__more:hover .product-card__info-icon {
        color: #fff;
    }

    .pool-product__dropdown {
        position: absolute;
        left: 0;
        top: 0;
        transform: translate(-90%, 19px);
        z-index: 300;
        max-width: 385px;
        z-index: 1501;
        box-shadow: 0px 9px 20px 0px rgba(7, 45, 95, 0.05),
        0px 36px 36px 0px rgba(7, 45, 95, 0.04),
        0px 81px 48px 0px rgba(7, 45, 95, 0.03),
        0px 144px 57px 0px rgba(7, 45, 95, 0.01),
        0px 224px 63px 0px rgba(7, 45, 95, 0);

    }


    .pool-product__dropdown-wrap {
        background: #fff;
        border-radius: 0;
        padding: 30px;
    }

    .pool-product__dropdown.hover {
        height: auto;
        opacity: 1;

    }

    .pool-product__price .pool-product__arrow {
        display: none;
    }



    .pool-product__cell--first {
        cursor: pointer;
        transition: 0.2s ease;
    }

    .pool-product__row.hover .pool-product__cell--first {
        color: rgba(36, 187, 245, 1);
    }

    .pool-product__row.hover .pool-product__cell-link {
        border-color: rgba(36, 187, 245, 1);
    }

    .pool-product__actions {
        margin-top: 0;
        gap: 10px;
    }

    .pool-product__image-text {
        display: block;
        text-align: left;
        font-size: 14px;
    }

    .pool-product__more-btn {
        margin-top: 8px;
    }

    .pool-product__image-text.open .filters__more-show {
        display: none;
    }

    .pool-product__image-text.open .filters__more-down {
        display: block;
    }

    .pool-product__image-text.open .def-arrow.blue {
        rotate: 0deg;
    }

    .pool-product__image-text-more {
        display: none;
    }

    .pool-product__image-text-more.open {
        display: block;
    }

    .pool-product__cell-link {
        color: inherit;
        border-bottom: 2px dotted rgba(21, 108, 207, 1);
        
    }

    .pool-product__cell-href {
        position: absolute;
        inset: 0;
        display: block;
    }


    .info__content-blocks {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .info__content.packet {
        flex-direction: row;
        justify-content: space-between;
    }

    .packet__banners {
        display: flex;
        flex-direction: column;
        min-width: 420px;
        max-width: 480px;
    }

    .packet__banner {
        min-height: 363px;
    }

    .packet__banner-bg {
        width: 212px;
        right: -88px;
        top: 44%;
    }

    .info__content-table.packet {
        max-width: 470px;
    }

    .info__content-title.packet {
        margin-bottom: 20px;
    }

    .info__content-hidetitle {
        margin-bottom: 40px;
    }

    .packet__list {
        margin-bottom: 40px;
        gap: 15px;
    }

    .packet__list-item {
        gap: 10px;
    }

    .info__content-hidetitle {
        display: block;
    }

    .modal-overlay {
        scrollbar-width: none;
    }

    .modal-overlay::-webkit-scrollbar {
        display: none;
    }

    .info-blocks__items {
        row-gap: 40px;
        column-gap: 20px;
    }

    .second-header {
        padding-top: 222px;
    }

    .second-top__title {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .h1-desktop {
        font-size: 80px;
        font-weight: 500;
        line-height: 105%;
    }

    .info-blocks__content {
        padding: 40px;
    }

    .info-blocks__item-date {
        margin-top: 30px;
    }

    .info-blocks__item-img {
        width: 100%;
        aspect-ratio: 520 / 321;
        object-position: center;
        object-fit: cover;
    }

    .article__date,
    .article__title,
    .article__text-first,
    .article__text-second {
        margin-bottom: 40px;
    }

    .article__description {
        margin-bottom: 20px;
    }

    .article__list {
        margin-bottom: 70px;
    }

    .article__img {
        margin-bottom: 70px;
    }

    .article__title {
        font-size: 60px;
    }

    .article-page {
        margin-top: 70px;
    }

    .about__images {
        max-width: 1140px;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .about__map {
        padding-top: 140px;
    }

    .about__cards {
        margin-top: 140px;
    }

    .about__title,
    .about__main {
        margin-bottom: 40px;
    }

    .about__block-under {
        margin-bottom: 0;
    }

    .about__block-main {
        margin-bottom: 20px;
    }

    .about__blocks {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        row-gap: 40px;
    }

    .about__map-title br {
        display: none;
    }

    .about__map-title {
        margin-bottom: 30px;
    }

    .about__map-adress {
        margin-bottom: 60px;
    }

    #map {
        height: 631px!important;
    }

    .cart__title {
        margin: 0;
    }

    .cart__header {
        margin: 70px 0;
    }

    .cart-item__counter-input {
        font-size: 16px;
    }





    .cart-item__favorite-svg {
        display: flex;
        width: 24px;
        height: 24px;
        color: rgba(144, 160, 181, 1);
    }

    .cart-item__favorite {
        display: flex;
        gap: 10px;
        align-items: center;
        height: 58px;
        padding: 0 27px;
    }

    .cart-item__remove {
        width: 58px;
        min-width: 58px;
        height: 58px;
    }

    .cart-item__remove-svg {
        width: 24px;
        height: 24px;
    }

    .cart-item__actions {
        gap: 10px;
    }

    .cart-item__counter-wrap {
        height: 58px;
    }

    .contacts__title {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .about__cards--payments {
        margin-top: 0;
    }

    .contacts__tels--payments {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .payment-del__pay-card {
        padding: 30px;
        align-items: center;
    }



    .payment-del__pay-icon {
        width: 45px;
        height: 45px;
    }

    .product-gallery__pagination {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        gap: 5px;
        margin-top: 5px;
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
         transition: 0.2s ease;
         scroll-behavior: smooth;
    }

    .product-gallery__pagination::-webkit-scrollbar {
      -webkit-appearance: none; 
      width: 0;
      height: 0;
    }

    .product-gallery__pagination-thumb {
        width: calc(20% - 4px);
        opacity: 0.5;
        transition: 0.2s ease;
        cursor: pointer;
        object-fit: cover;
        object-position: center;
    }

    .product-gallery__pagination-thumb.active {
        opacity: 1;
    }

    .product-info__wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;   
        gap: 20px;
    }

    .product-aside {
        grid-column: span 2;
    }

    .product-options,
    .description,
    .ask-button {
        margin-bottom: 0;
        margin-top: 0;
    }

    .schedule {
        margin-bottom: 0;
    }

    .tab-menu__wrap {
        display: flex;
        justify-content: space-between;
    }

    .product__links {
        margin-top: 0;
        margin-bottom: 40px;
        grid-column: span 2;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .equipment--packet {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .equipment__wrap--video {
        grid-column: 3;
    }

    .packet__banners--product .montage {
        display: none;
    }

    .packet__banners--product .instruct {
        min-height: 0;
        padding: 15px;
    }

    .product-slider__list {
        gap: 20px;
    }

    .product-card {
        width: calc(33.3333% - 13.3333px);
    }

    .bundle__image {
        width: 284px;
    }

    .product-card__sale {
        height: auto;
        padding: 4px 10px;
    }

    .product-card__info {
        width: 56px;
        height: 56px;
    }

    .product-card__info-icon {
        width: 24px;
        height: 24px;
    }

    .bundle__header {
        gap: 56px;
    }

    .recommend__title {
        margin-bottom: 60px;
    }

    .bundle {
        margin-bottom: 140px;
    }

    .product__title {
        margin-bottom: 40px;
        margin-top: 70px;
    }
    
    .product-gallery.main {
        align-self: flex-start;
    }

    .product-gallery__image {
        aspect-ratio: 1 / 1;
    }

    .popup-delivery, .popup-price, .popup-pickup, .popup-map {
        max-width: 1300px;
        height: calc(100vh - 81px);
    }

    .payments__subtitle--product br {
        display: none;
    }

    .about__cards--products {
        margin-top: 40px;
    }

    .about__map--product {
        padding-top: 0;
    }

    .about__map--product .about__map-title {
        margin-bottom: 10px;
    }

    .about__map--product .about__map-adress {
        margin-bottom: 40px;
    }

.custom-scroll::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(239, 239, 239, 1);
}

.custom-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(21, 108, 207, 1);
}

.cart-add__overlay {
    padding: 30px;
    align-items: flex-start;
    justify-content: flex-end;
}

.cart-add {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 520px;
}

.cart-add__image-wrapper {
    width: 150px;
    height: 150px;
}

.cart-add__info {
    width: calc(100% - 170px);
    justify-content: center;
}

.cart-add__close {
    order: 3;
}

.cart-add__btn {
    order: 4;
    margin-left: auto;
}

.catalog-product__type {
    padding-right: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.recommend--catalog .recommend__title {
    margin-bottom: 40px;
}

.recommend--catalog .recommend__title br {
    display: none;
}

.banner--catalog .banner__block-subtitle {
    margin-bottom: 40px;
}

.banner--catalog .banner__block-price {
    margin-bottom: 0;
}

.catalog-banner__bot {
    flex-direction: row;
    align-items: center;
    gap: 40px;
}

.banner--catalog .banner__block--slider {
    height: 333px;
    min-height: 0;
}

.banner--catalog {
    margin-top: 20px;
}

.catalog-product__type--category .catalog-product__type-item {
    border-radius: 00px;
}

.catalog-product__type--category .catalog-product__type-item br {
    display: none;
}

.card-spa {
    display: grid;
    grid-template-columns: 43% 1fr;
    gap: 20px;
}

.card-spa .product-gallery {
    order: 1;
    min-width: 0;
}


.card-spa .category-card__description-wrap {
    order: 3;
    grid-column: span 2;
}

.card-spa__content {
    order: 2;
}

.card-spa .product-gallery__pagination-thumb {
    width: calc(25% - 3.75px);
}

.card-spa .product-gallery__btn-prev, 
.card-spa .product-gallery__btn-next {
    width: 46px;
    height: 46px;
    top: calc(100% - 91px);
    transform: translateY(-100%);
}

.card-laguna .product-gallery__pagination {
    display: none;
}

.card-laguna__wrap {
    padding: 30px;
    transition: 0.2s ease;
}

.card-laguna:hover .card-laguna__wrap {
    border: 1px solid rgba(21, 108, 207, 0.12);
    border-top: none;
}

.card-laguna--naduv:hover .card-laguna__wrap {
    border: 1px solid transparent;
    border-top: none;
}

.card-laguna__title {
    margin-bottom: 10px;
}

.card-laguna .pool-product__info {
    margin: 20px 0;
    padding: 20px 0;
}

.card-laguna .pool-product__info-row.packet {
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.pool-product__table--laguna {
    gap: 20px;
}

.card-laguna {
    width: calc(50% - 10px);
    min-width: calc(50% - 10px);
    padding: 0;
}

.card-laguna .pool-product__icons {
    flex-wrap: wrap;
}

.card-laguna .product-gallery__image {
    aspect-ratio: 283 / 220;
}

.dop-filter__items-btn {
    cursor: pointer;
}


.pool-product__table-head--poliprop {
        display: flex;
        padding-right: 225px;
        padding-left: 25px;
    }

    .card-poliprop .pool-product__info {
        margin: 0;
        width: 100%;
        gap: 0;
    }

    .card-poliprop .pool-product__info-row span:first-child,
    .card-poliprop .pool-product__info-row.diametr span:nth-child(2),
    .card-poliprop .pool-product__info-line,
    .dop-filter__items.active .def-arrow {
        display: none;
    }

    .card-poliprop .pool-product__info-row.diametr .pool-product__info-value {
        display: block;
    }

    .card-poliprop .pool-product__info-row.diametr {
        width: auto;
        min-width: 85px;
        justify-content: center;
    }

    .card-poliprop .pool-product__info-row.height {
        min-width: 75px;
    }

    .card-poliprop .pool-product__info-row.article {
        min-width: 125px;
    }

    .card-poliprop .pool-product__info-row--price {
        justify-content: flex-end;
    }

    .card-poliprop,
    .card-poliprop .pool-product__info {
        flex-direction: row;
    }

    .pool-product__row--poliprop {
        display: flex;
    }

    .pool-product__table-head--poliprop .pool-product__table-item {
        flex-grow: 1;
        text-align: center;
    }

    .card-poliprop {
        width: 100%;
        border-radius: 50px;
        padding: 16.5px 25px;
        flex-wrap: nowrap;
    }

    .card-poliprop .pool-product__info-row {
        flex-grow: 1;
        justify-content: center;
    }

    .poliprop-slider__card {
        min-width: calc(25% - 3.75px);
        width: calc(25% - 3.75px);
    }

    .card-poliprop .pool-product__info-row.volume {
        min-width: 70px;
    }

    .about-pools--others {
        margin-top: 70px;
    }

    .pool-product__row-main--complect {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        padding-right: 20px;
    }

    .pool-product__table-head--complect {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .pool-product__row-main--complect .pool-product__cart {
        display: none;
    }

    .pool-product__row-main--complect .pool-product__price,
    .pool-product__table-head--complect .pool-product__table-item--price {
        justify-content: center;
        display: flex;
    }

    .pool-product__table-head--complect .pool-product__table-item.weight,
    .pool-product__row-main--complect .pool-product__cell.weight {
        display: block;
    }

    .tech__image {
        aspect-ratio:  1195 / 495;
    }

    .pool-product__table-head--plenka, 
    .pool-product__row-main--plenka {
        grid-template-columns: 1fr 2fr 1fr;
    }

    .card-laguna--naduv .laguna-bottom__wrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .card-laguna--naduv .product-purchase__price {
        flex-direction: row;
        align-items: flex-end;
        gap: 15px;
    }



    .card-laguna--naduv .product-purchase__controls {
        width: 100%;
        gap: 10px;
        margin-top: 20px;
    }

    .card-laguna--naduv .cart-item__counter-wrap {
        display: block;
        z-index: 15;
        opacity: 1;
        position: static;
        pointer-events: all;
    }

    .card-laguna--naduv .card-laguna__title {
        border-top: 1px solid rgba(227, 231, 235, 1);
        padding-top: 30px;
    }

    .card-laguna--naduv .card-laguna__wrap {
        padding-top: 0;
    }

    .banner--naduv {
        margin: 70px 0;
    }

    .chim__container .pool-product__table-head,
    .chim__container .pool-product__row-main {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .cases__container {
        gap: 20px;
    }

    .cases__card .pool-product__info-row.article {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .cases__card .pool-product__info-row.mader {
        margin-top: 0;
    }

    .cases__card .pool-product__info {
        padding-top: 25px;
        border-top: 1px solid rgba(214, 214, 215, 1);
    }

    .cases__card-title {
        margin-bottom: 25px;
    }

    .cases__card .pool-product__info-row.article .pool-product__info-line,
    .cases__card .pool-product__info-row.mader .pool-product__info-line {
        display: block;
    }

    .cases__card .pool-product__info-row.mader {
        flex-direction: row;
        align-items: flex-end;
    }

    .cases__price {
        flex-direction: row;
        align-items: flex-end;
        gap: 15px;
    }

    .cases__actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .cases__actions-btn {
        width: 100%;
        gap: 10px;
    }

    .cases__actions-btn::after {
        content: "В корзину";
        font-size: 16px;
        font-weight: 600;
        color: #fff;
    }

    .cases__counter.active, .cases__counter {
        top: auto;
        bottom: 0;
    }

    .cases__actions-btn.active {
        width: 56px;
        height: 56px;
        align-self: flex-end;
    }

    .cases__actions-btn.active::after {
        display: none;
    }

    .cases__counter.active, .cases__counter {
        width: calc(100% - 66px);
    }

    .cases__main-title {
        margin-bottom: 40px;
    }

    .card__colors .pool-product__info-row.article span:first-child {
        display: block;
    }

    .card__colors .pool-product__info-row.article span:nth-child(2) {
        display: none;
    }

    .card__colors-head {
        display: grid;
        grid-template-columns: 75px 1.5fr 1fr 40px 1fr;
        padding-right: 290px;
    }

    .card__colors .pool-product__info-row.article {
        display: grid;
    }

    .card__colors .pool-product__info-row {
        align-items: center;
    }

    .card__colors-head .pool-product__table-item--price {
        text-align: right;
    }

    .card__colors {
        display: grid;
        grid-template-columns: 75px 1fr;
    }

    .card__colors .pool-product__info {
        display: grid;
        grid-template-columns: 1.5fr 1fr 40px 1fr;
        gap: 0;
    }

    .colors__blocks {
        justify-content: space-between;
    }

    .colors__blocks-item {
        flex-grow: 1;
    }

    .delivery-prod__wrap,
    .schedule {
        padding: 30px;
        height: 82px;
    }

}


@media (min-width: 1400px) {
    .h5-desktop {
        font-size: 28px;
        line-height: 125%;
        font-weight: 500;
    }

    .header__menu-line::before {
        width: calc(100% + 60px);
        left: -30px;
    }

    .services__card {
        padding: 30px;
    }

    .catalog__block-submenu--small {
        padding-top: 80px;
    }

    .contact-card__info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        order: 2;
    }

    .contact-card__row {
        align-items: center;
        gap: 25px;
    }

    .contact-card__text {
        margin-bottom: 0;
    }

    .contact-card__icon {
        position: unset;
        order: 1;
    }

    .header__phone-tel {
      display: block;  
    }

    .header__phonemenu {
        min-width: 0;
    }

    .header__phone-icon {
        display: block;
    }

    .pool-categories .col-xxl-2 {
        width: 20%;
    }

    .about-pools__contact-card {
        margin-top: 30px;
    }

    .pool-product__table-item br, .pool-product__table-item-mob {
        display: none;
    }

    .dop-desc {
        display: block;
    }

    .dop-desc.weight {
        display: flex;
    }

    .pool-product__table-head,
    .pool-product__row-main {
        grid-template-columns: 1fr 1fr 1fr 1fr 2.5fr 1fr;
    }

    .pool-product__row-main--complect,
    .pool-product__table-head--complect {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .pool-product__row-main--complect .pool-product__cell--first {
        color: rgba(30, 32, 40, 1);
        font-weight: 400;
    }

    /*.pool-product__row-main--complect .pool-product__cell {
        font-size: 13px;
    }*/

    .pool-product__row-main {
        padding: 11.5px 20px;
        position: relative;
    }

    .pool-product__row-main .pool-product__comp {
        width: 25px;
        height: 25px;
    }

    


    

    

    

    

    

    

    

    

    

    .pool-product__info-cta {
        width: 100%;
        height: 58px;
        border-radius: 50px;
        background: rgba(21, 108, 207, 1);
        color: #fff;
        font-weight: 600;
        border: none;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 50px;
    }

    .pool-product__cta-icon {
        width: 24px;
        height: 24px;
    }

    .popup {
        max-width: 790px;
        padding: 40px;
    }

    .modal-overlay {
        align-items: center;
    }

    .form__input-wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .form__inputs.area {
        grid-column: 1 / -1;
        display: flex;
    }

    .form__input {
        min-height: 56px;
        max-height: 56px;
        padding-left: 26px;
        padding-right: 26px;
    }

    .form__inputs.area .form__input {
        min-height: 120px;
        max-height: 120px;
        padding-left: 27px;
        padding-right: 27px;
    }

    .form__inputs.active .form__input {
        padding-top: 22px;
    }

    .form__inputs.area .form__input-text {
        top: 17px;
        left: 27px;
    }

    .form__input-text {
        font-size: 16px;
        left: 27px;
    }

    .form__inputs.active.area .form__input-text {
        font-size: 14px;
    }

    .form__inputs.active .form__input-text {
        font-size: 14px;
        top: 8px;
    }

    .popup__title {
        font-size: 28px;
    }

    .popup__close-btn {
        width: 60px;
        height: 60px;
        color: rgba(144, 160, 181, 1);
    }

    .popup__description {
        font-size: 18px;
        margin-bottom: 40px;
    }

    .contact-item__link {
        font-size: 22px;
    }

    .popup__contacts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 40px;
    }

    .form__submit {
        font-size: 16px;
        height: 56px;
    }

    .checkbox__label--popup,
    .popup__link {
        font-size: 14px;
    }

    .button__x-close--popup {
        width: 14px;
        height: 14px;
    }

    .popup__success {
        max-width: 790px;
        width: 100%;
        padding: 40px;
    }

    .popup__success-description {
        font-size: 18px;
        color: rgba(108, 110, 115, 1);
    }

    .popup__success-description br {
        display: none;
    }

    .packet__banners {
        width: 100%;
    }

    .packet__banner-under-link {
        font-size: 18px;
    }

    .packet__banner-icon {
        width: 24px;
        height: 24px;
    }

    .packet__banner-bg {
        top: 38%;
    }

    .info-blocks__items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .article__title {
        font-size: 80px;
    }

    .about__images {
        max-width: 1320px;
    }

    .about__cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .delivery-step--about.payment {
        grid-column: span 2;
    }

    .about__card-cta {
        position: absolute;
        top: 40px;
        right: 40px;
    }

    .about__card-last {
        margin-bottom: 0;
    }

    .cart-item__counter-svg {
        width: 14px;
        height: 14px;
    }

    .cart-item__counter-btn {
        padding: 0 27px;
    }

    .cart-item__price-current {
        width: 100%;
    }

    .cart-item__counter-wrap {
        min-width: 180px;
    }

    .cart-item {
        padding: 0;
    }

    .cart-item__bottom {
        padding: 40px 30px;
        padding-left: 0;
    }

    .cart-item__top {
        grid-template-columns: 215px 1fr;
        gap: 30px;
    }

    .cart-item__image {
        height: 100%;
        width: 215px;
        aspect-ratio: 215 / 150;
    }

    .cart__content {
        gap: 20px;
    }

    .cart-item__img {
        object-fit: cover;
    }

    .cart__content-bottom {
        margin-top: 20px;
    }

    .cart__content-bottom-title {
        gap: 15px;
    }

    .form__input-wrap--order {
        grid-template-columns: 1fr 1fr;
    }

    .form__input-wrap--order .form__inputs.area {
        grid-column: span 2;
    }

    .form__input-wrap--order .form__inputs.adress {
        grid-column: span 2;
    }

    .order__right {
        max-width: 520px;
    }

    .order__block-title, 
    .order__cart-title,
    .order__cart-item {
        margin-bottom: 35px;
        padding-bottom: 35px;   
    }

    .order__block {
        padding: 40px;
    }

    .order__block-checkboxes {
        gap: 20px;
    }

    .order__cart {
        padding: 40px;
    }

    .order__item-mid {
        margin-bottom: 15px;
    }

    .order__item-bot-price {
        min-width: 80px;
    }

    .cart-item__remove {
        order: 3;
    }

    .order__item-top {
        gap: 10px;
    }

    .cart__content--order {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .order__block.form {
        grid-column: span 2;
    }

    .contacts__tels {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .contacts__banner {
        padding: 40px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .contacts__banner-cta {
        margin-top: auto;
    }

    .contacts__banner-bg {
        width: 396px;
        right: -76px;
        bottom: -46px;
    }

    .delivery-step--about.auto {
        grid-column: span 2;
    }

    

    .contacts__under-wrap .contacts__tels.contacts {
        display: flex;
    }

    .about__cards--payments {
        margin-top: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .payments__banner {
        height: 100%;
    }

    .payments__banner-img {
        top: auto;
        bottom: -200px;
        width: 500px;
    }

    .payment-del__cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .payment-del__card {
        order: 1;
    }

    .payment-del__info {
        order: 2;
        grid-row: span 3;
        padding: 40px;
    }

    .payment-del__card.second {
        order: 3;
    } 

    .payment-del__card.three {
        order: 4;
    } 

    .delivery-card__note--payments {
        order: 7;
        max-width: 477px;
    }

    .payment-del__info-text {
        margin-bottom: 35px;
        padding-bottom: 35px;
    }

    .payment-del__info-title {
        margin-bottom: 20px;
    }

    .payment-del__cards--second {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .delivery-card__note--payments.second {
        max-width: 801px;
        grid-column: span 2;
    }

    .payment-del__pay-list,
    .requisites {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .payment-del__pay-title br {
        display: none;
    }

    .requisites__cta {
        max-width: 300px;
        height: 58px;
        margin-top: auto;
    }

    .requisites__block {
        grid-row: span 2;
    }

    .requisites {
        margin-top: 140px;
    }

    .payments__subtitle,
    .payments__delivery-title,
    .payment-del__pay-title,
    .payment-del__title {
        margin-top: 100px;
    }

    .about__cards--payments {
        margin-bottom: 140px;
    }

    .product-card {
        width: calc(25% - 15px);
    }

    .product-slider__dots {
        display: none;
    }

    .product-gallery {
        padding-bottom: 1px;
        min-width: 419px;
    }

    .product-info__wrap {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .product-aside {
        grid-column: 3;
    }

    .product-aside {
        display: flex;
        flex-direction: column;
    }

    .product__links {
        grid-column: span 3;
        margin-top: 70px;
        gap: 20px;
        margin-bottom: 70px;
    }

    .product-aside {
        max-width: 385px;
    }

    .product__link {
        padding: 30px;
        justify-content: flex-start;
        gap: 30px;
    }

    .product__link-icon {
        width: 45px;
        height: 45px;
    }

    .product__link-text {
        order: 2;
    }

    .schedule {
        padding: 30px;
    }

    .info__nav {
        width: 542px;
    }

    .equipment--packet {
        padding: 40px;
    }

    .equipment__title {
        margin-bottom: 40px;
    }

    .equipment__box {
        margin-top: 40px;
        padding: 30px;
    }

    .video {
        margin-top: 0;
        height: 235px;
        overflow: hidden;
    }

    

    .equipment__list {
        gap: 15px;
    }

    .cart-item__counter-wrap {
        min-width: 147px;
    }

    .cart-item__counter-btn--plus {
        padding-left: 5px;
    }

    .cart-item__counter-btn--minus {
        padding-right: 5px;
    }

    .popup-delivery, .popup-price, .popup-pickup, .popup-map {
        margin-top: 0px;
    }

    .popup__close-btn--product {
        top: 20px;
        right: 20px;
    }

    .popup-delivery, .popup-price, .popup-pickup, .popup-map {
        padding: 40px;
        height: calc(100vh - 160px);
    }

    .popup-delivery__modal, .popup-price__modal, .popup-pickup__modal, .popup-map__modal {
        padding: 80px 20px;
    }

    .payment-del__cards--product {
        grid-template-columns: 1fr 1fr 493px;
        grid-template-rows: 339px 72px 1fr;
    }

    .delivery-card__note--product {
        padding: 0;
        margin: 0;
        order: 7;
        grid-column: 3;
        margin-top: 15px;
        padding-left: 30px;
    }

    .payment-del__cards--product .payment-del__card-title.last,
    .prod-del__card-title {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 40px;
    }


    .delivery-card__note--product .delivery-card__note-text {
        max-width: 100%;
    }

    .delivery-card__note--product.second {
        grid-column: span 3;
        padding-left: 0;
    }

    .product__modal-subtitle {
        margin-bottom: 40px;
    }

    .payment-del__info--product {
        order: 3;
        padding: 0px;
        padding-left: 30px;
        grid-row: span 2;
    }

    .payment-del__cards--product .payment-del__card.three:nth-child(3) {
        grid-column: span 2;
        grid-row: span 2;
        min-height: 216px;
        display: flex;
        flex-direction: column;
    }

    .payment-del__kg--product {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: auto;
    }

    .payment-del__card--product {
        display: flex;
        flex-direction: column;
    }

    .payment-del__price--product {
        margin-top: auto;
    }

    .payment-del__kg--prod {
        margin-top: auto;
        display: flex;
        flex-direction: column;
        gap: 30px;

    }

    .payments__subtitle--product {
        margin-top: 80px;
    }

    .delivery-step--products {
        grid-column: span 2;
    }

    .product__under-block--product {
        margin-bottom: 30px;
    }

    

    .recommend--category .product-card--rec {
        width: 332px;
    }

    .product-card__content {
        padding: 30px;
    }

    .product-card__content-mid {
        margin: 15px 0;
        padding: 15px 0;
    }

    .card-spa .product-gallery {
        order: 1;
        min-width: 0;
    }

    .card-spa .product-gallery__btn-prev, .card-spa .product-gallery__btn-next {
        width: 46px;
        height: 46px;
        top: calc(100% - 142px);
        transform: translateY(-100%);
    }

    .card-spa {
        display: grid;
        grid-template-columns: 480px 1fr;
        gap: 40px;
        row-gap: 20px;
    }

    .card-spa .product-gallery {
        width: auto;
    }

/*    .card-laguna {
        width: calc(33.3333% - 13.3333px);
        min-width: calc(33.3333% - 13.3333px);
        padding: 0;
    }*/

    .card-laguna .product-gallery {
        min-width: 0;
    }

    .dop-filters {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-left: 12px;
    }

    .dop-filter {
        margin-left: 0;
        padding: 40px;
    }

    .dop-filter__wrap {
        display: flex;
        height: 100%;
        flex-direction: column;
    }

    .dop-filter__bottom {
        margin-top: auto;
    }

    .dop-filters .product-options__list {
        gap: 15px;
    }

    .dop-filter__items.active .dop-filter__items-btn {
        padding-bottom: 20px;
    }

    .dop-filter__title {
        margin-bottom: 30px;
    }

    .dop-filter__items-btns {
        margin-bottom: 40px;
    }

    .card-poliprop .pool-product__info {
        padding: 0;
    }

    .pool-product__table-head--poliprop .pool-product__table-item br {
        display: block;
    }

    .card-poliprop .pool-product__info-value,
    .card-poliprop .pool-product__info-value:first-child,
    .card-poliprop .pool-product__info-price {
        font-size: 18px;
        font-weight: 400;
        color: rgba(30, 32, 40, 1);
    }

    .card-poliprop .pool-product__info-price {
        color: rgba(21, 108, 207, 1);
    }

    .card-poliprop .pool-product__info-price::after {
        display: none;
    }

    .card-poliprop .pool-product__info-row.article {
        min-width: 158px;
    }

    .card-poliprop .pool-product__info-row.diametr {
        width: auto;
        min-width: 131px;
    }

    .card-poliprop .pool-product__info-row.height {
        min-width: 106px;
    }

    .card-poliprop .pool-product__info-row.article {
        display: block;
        text-align: center;
    }

    .card-poliprop .pool-product__info-article {
        font-size: 18px;
        font-weight: 400;
    }

    .card-poliprop .pool-product__info-row.volume {
        min-width: 100px;
    }

    .card-poliprop .pool-product__info-row--price {
        justify-content: center;
    }

    .pool-product__row-main--complect .pool-product__cell.article,
    .pool-product__table-head--complect .pool-product__table-item.name,
    .pool-product__row--complect .pool-product__info-row.article {
        display: flex;
    }

    .pool-product__row--complect .pool-product__dropdown-title {
        width: 100%;
    }

    .pool-product__table-head--plenka .efficiency,
    .pool-product__row-main--plenka .diametr {
        justify-content: flex-start;
    }

    .pool-product__row-main--plenka .diametr {
        justify-content: center;
    }

    .pool-product__table-head--plenka .efficiency span:first-child {
        display: flex;
    }

    .pool-product__table-head--plenka .efficiency span:nth-child(2) {
        display: none;
    }


    .pool-product__table-head--plenka, 
    .pool-product__row-main--plenka {
        grid-template-columns: 1fr 1fr 1fr 3fr;
    }

    .chim__container .pool-product__table-head,
    .chim__container .pool-product__row-main {
        grid-template-columns: 2fr 1fr 1fr 1fr;
    }

    .perekis__container .pool-product__table-head, 
    .perekis__container .pool-product__row-main {
        grid-template-columns: 2fr 1fr 1fr 1fr 70px;
    }

    .perekis__container .pool-product__cell {
        font-weight: 400;
    }

    .perekis__container .pool-product__price {
        font-weight: 500;
    }

    .cases__card .pool-product__info {
        padding: 25px 0;
    }

    .cases__card .pool-product__info-row.article {
        display: flex;
        padding: 0;
        margin: 0;
    }

    .card__colors-head .name {
        display: flex;
    }

    .card__colors .pool-product__info-row.title .pool-product__info-value {
        display: flex;
    }

    .card__colors-head {
        grid-template-columns: 150px 80px 87px 1fr 60px 75px;
        padding-right: 271px;
    }

    .card__colors {
        grid-template-columns: 150px 80px 1fr;
    }

    .card__colors .pool-product__info {
        grid-template-columns: 87px 1fr 60px 75px;
    }

    .card__colors-head .pool-product__table-item--price {
        text-align: left;
    }

    .card__colors .pool-product__info-row.color .pool-product__info-value {
        width: 27px;
        height: 27px;
    }

    .card__colors .pool-product__info-row.title {
        display: flex;
    }

    .colors__blocks {
        gap: 20px;
    } 

    .colors__blocks-item {
        gap: 5px;
        padding: 20px;
    }

    .card__color .product-card__info-icon {
        display: none;
    }

    .pool-product__table.carcas .pool-product__row-main,
    .pool-product__table.carcas .pool-product__table-head {
        grid-template-columns: 1fr 1fr 1fr 1fr 2.5fr 1fr;
    }


    .pool-product__dropdown-title,
    .pool-product__info-price-sale {
        display: none;
    }

    


}

@media (min-width: 1400px) and (max-width: 1700px) {
    .catalog__block--small {
        height: 500px;
        max-height: 100%;
    }
}

@media (min-width: 1700px) {
    .container, 
    .container-lg, 
    .container-md, 
    .container-sm, 
    .container-xl, 
    .container-xxl {
        max-width: 1624px;
    }

    .services__icon {
        width: 45px;
        height: 45px;
    }

    .services__arrow {
        width: 14px;
        height: 14px;
    }


    .header__menu-icon, .header__hours {
        display: flex;
    }

    .header__menu-block {
        width: calc(33.3333% - 5.3333px);
    }

    .header__hours-dropdown {
        position: absolute;
        top: -17px;
        left: -21px;
        width: 100%;
        background: rgba(21, 108, 207, 0.4);
        backdrop-filter: blur(8px);
        border: 1px solid #8dadd5;
        padding: 24px 20px;
        transition: 0.2s ease;
        opacity: 0;
        font-size: 16px;
        bottom: auto;
        color: #fff;
    }

    .header__menu-blocks {
        column-gap: 8px;
    }

    .header__hours-dropdown.active {
        opacity: 1;
    }

    .header__hours {
        position: relative;
        z-index: 5;
        width: 100%;
        max-width: 463px;
        transition: 0.2s ease;
        cursor: pointer;
    }

    .header__hours-time {
        display: flex;
        gap: 10px;
        flex-direction: row;
    }

    .header__hours-dropdown-block {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .header__hours-items {
        display: flex;
        flex-wrap: wrap;
        row-gap: 5px;
        margin-top: 10px;
    }

    .header__hours-item {
        width: 50%;
    }

    .header__hours-icon {
        width: 11px;
        height: 4.5px;
        color: rgba(255, 255, 255, 0.35);
        rotate: 180deg;
        margin-left: -4px;
        z-index: 105;
        transition: 0.2s ease;
    }

    .header__hours.active .header__hours-icon {
        rotate: 0deg;
    }

    .header__hours-text {
        color: #fff;
        opacity: 0.5;
    }

    .header__hours-item:nth-child(1) {
        order: 1;
    }

    .header__hours-item:nth-child(2) {
        order: 2;
    }

    .header__hours-item:nth-child(3) {
        order: 3;
    }

    .header__hours-item:nth-child(4) {
        order: 4;
    }

    .header__menu-icon {
        width: 26px;
        height: 26px;
    }

    .catalog__block:hover .catalog__block-submenu {
        transform: translateY(0);
    }

       .catalog__block-title {
        height: auto;
        width: 100%;
        height: auto;
    }

    .header__menu-block-img {
        width: 60px;
        height: 60px;
    }

    .header__menu-block-link,
    .pool-product__cell--first {
        font-size: 18px;
        font-weight: 500;
    }

    .header__menu-block-item,
    .header__menu-block-all {
        font-size: 16px;
    }

    .pool-product__table-item {
        font-size: 16px;
        font-weight: 500;
        color: rgba(30, 32, 40, 1);
    }

    .pool-product__cell {
        font-size: 18px;
        font-weight: 400;
    }

    .pool-product__row-main .pool-product__comp {
        width: 35px;
        height: 35px;
    }

    .pool-product__icons {
        gap: 10px;
    }

    .pool-product__table-head {
        margin-bottom: 35px;
    }

    .pool-product__row {
        margin-bottom: 15px;
    }

    .pool-product__row-main {
        height: 58px;
        padding: 0 20px;
    }

    .pool-product__cart-icon.hover {
        display: block;
        opacity: 0;
        scale: 0;
        position: absolute;
        transition: 0.2s ease;
    }

    .pool-product__cart {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: 0.2s ease;
    }

    .pool-product__image-title {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .pool-product__image-text {
        font-size: 18px;
        font-weight: 400;
    }

    .pool-product__more-btn {
        margin-top: 20px;
    }

    .filters__more-show {
        font-size: 16px;
        font-weight: 500;
    }

    .pool-product__card {
        padding: 40px;
        padding-bottom: 25px;
    }

    .pool-product__image {
        padding: 0px;
        padding-bottom: 40px;
        margin-bottom: 40px;   
        gap: 60px;
    }

    .pool-product__img {
        width: 305px;
        min-width: 305px;
        height: 160px;
    }

    .pool-product__title {
        margin-bottom: 40px;
        margin-top: 70px;
    }

    .filters__title {
        font-size: 18px;
    }

    .filters__header {
        margin-bottom: 0;
    }

    .filters__header::before {
        padding-bottom: 30px;
    }

    .filters__group {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .filters__actions {
        padding-top: 0;
    }

    .pool-product__btn {
        width: 56px;
        height: 56px;
    }

    .pool-product__btn-icon {
        width: 24px;
        height: 24px;
    }

    .custom-select {
        font-size: 16px;
    }

    .custom-select__current {
        padding: 17px 27px;
        cursor: pointer;
    }

    .delivery-step__sub {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .delivery-step__subtext.personal {
        order: 3;
    }

    .delivery-step__subtext.firm {
        order: 4;
    }

    .delivery-step {
        align-items: center;
    }

    .delivery-step.three {
        align-items: flex-start;
    }

    .delivery-step__number.two {
        margin-bottom: 27px;
    }

    .delivery__alert-title {
        max-width: 80%;
    }

    .delivery__alert {
        position: relative;
    }

    .delivery__alert-icon {
        position: absolute;
        right: 30px;
        top: 30px;
        width: 45px;
        height: 45px;
    }

    .about__images {
        max-width: 1624px;
    }

    .about__cards .delivery-step__sub {
        display: flex;
        flex-direction: row;
    }

    .cart-item__price {
        margin-left: 0;
    }

    .cart-item__bottom {
        gap: 90px;
    }

    .cart-item {
        gap: 90px;
    }

    .contacts__under-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .contacts__way {
        margin-top: 0;
        display: flex;
        flex-direction: column;
    }

    .delivery-step__sub--contacts {
        display: block;
    }

    .delivery-step--about.payment.contacts,
    .delivery-step--about.auto {
        grid-column: unset;
    }

    .about__cards  .delivery-step__sub--payments {
        flex-direction: column;
    }

    .payments__banner-img {
        bottom: -384px;
        right: -219px;
        width: 846px;
    }

    .payment-del__title {
        margin-bottom: 30px;
        width: 860px;
    }

    .payment-del__subtitle {
        margin-bottom: 50px;
    }

    .payment-del__card {
        position: relative;
        padding: 40px;
        display: flex;
        flex-direction: column;
    }

    .payment-del__price {
        position: absolute;
        top: 40px;
        right: 40px;
        margin-top: 0;
    }

    .payment-del__card-title.last {
        margin-bottom: 35px;
        padding-bottom: 35px;
        border-bottom: 1px solid rgba(21, 108, 207, 0.15);
    }

    .payment-del__kg {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: auto;
    }

    .payment-del__title.sec {
        margin-bottom: 20px;
    }

    .payment-del__cards--second .payment-del__price {
        position: static;
        margin-top: 30px;
    }

    .payment-del__price.sec {
        margin-top: auto;
    }

    .delivery-card__note-text--payments {
        width: 100%;
        max-width: 100%;
    }

    .delivery__alert-text--payments {
        max-width: 80%;
    }

    .payments__subtitle br {
        display: none;
    }

    .requisites__item {
        flex-direction: row;
    }

    .product-purchase {
        padding: 30px;
    }

    .product-gallery {
        width: 655px;
        min-width: 655px;
        max-width: 655px;
    }

    .product-info__wrap {
        grid-template-columns: 655px 1fr 385px;
        row-gap: 0;
        column-gap: 40px;
    }

    .bundle {
        display: grid;
        grid-template-columns: 1fr 326px;
        padding: 60px;
        margin-top: 140px;
    }

    .bundle__purchase {
        max-width: 290px;
        background: transparent;
        padding: 0;
        margin-bottom: 60px;
    }

    .product-slider.product-gallery {
        grid-column: span 2;
        width: 100%;
        max-width: 100%;
    }

    .bundle__bottom {
        flex-direction: column;
        align-items: center;
    }

    .bundle__price {
        align-items: flex-end;
        flex-direction: row;
        margin: 30px 0;
        gap: 15px;
    }

    .bundle__info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .bundle__stock {
        justify-content: center;
        background: rgba(243, 247, 252, 1);
        margin-bottom: 0;
        padding: 4px 10px;
    }

    .button--cart {
        width: 100%;
        justify-content: center;
    }

    .product-card {
        padding: 30px;
    }

    .product-card__title {
        margin-bottom: 25px;
    }

    .product-card__price {
        justify-content: flex-start;
        gap: 15px;
        align-items: flex-end;
    }

    .product-card__image-wrapper {
        margin-bottom: 25px;
        padding-bottom: 25px;
        border-bottom: 1px solid rgba(227, 231, 235, 1);
    }

    .recommend.product-gallery {
        width: 100%;
        max-width: 100%;
    }

    .product-card__price--bottom {
        flex-direction: row;
    }

    .product-card__bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .recommend .product-card__btn {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        margin-top: 20px;
        height: 58px;
    }

    .recommend .product-card__btn::after {
        content: "В корзину";
    }

    .schedule__title {
        margin-bottom: 15px;
    }

    .schedule__row {
        margin-bottom: 5px;
        gap: 20px;
    }

    .delivery-prod {
        gap: 20px;
    }

    .delivery-prod__item-icon {
        width: 24px;
        height: 24px;
    }

    

    .info__content-charact--product {
        margin: 40px 0;
    }

    .description__title,
    .description__text {
        margin-bottom: 20px;
    }

    .packet__banners--product .instruct {
        padding: 30px;
    }

    .product-purchase__controls {
        display: flex;
        flex-direction: row;
    }

    .payment-del__price--product {
        position: static;
        margin-top: auto;
    }

    .payment-del__card--product,
    .payment-del__cards--product .payment-del__card.three:nth-child(3) {
        padding: 30px;
    }

    .payment-del__kg--prod {
        margin-top: auto;
        display: flex;
        flex-direction: column;
        gap: 30px;

    }

    .contacts__tels--product {
        grid-template-columns: 1fr 1fr 424px;
        grid-template-rows: 50px 30px 70px;
        gap: 30px;
    }

    .product__under-block {
        grid-column: 3;
        grid-row: span 3;
        padding: 30px;
    }

    .products__pickup-text {
        order: 2;
        margin-top: 25px;
    }

    .contacts__tels-item--product {
        order: 4;
    }

    .product__under-title {
        order: 3;
        margin-bottom: 0;
        margin-top: 25px;
    }

    .delivery-step--products .contacts__under-block {
        margin-bottom: 0;
        position: relative;
        order: 5;
    }

    .delivery-step--products .contacts__under-block::before {
        left: -14px;
        background: #fff;
    }

    .contacts__tels-item--product::before,
    .delivery-step--products .contacts__tels-item::before, 
    .delivery-step--products .contacts__under-block::before {
        background: #fff;
    }

    .contacts__tels--product .contacts__tels-item:nth-child(1),
    .contacts__tels--product .contacts__tels-item:nth-child(2) {
        margin-top: 15px;
    }

    .delivery-step__sub--product {
        border-top: 0;
        margin-top: 30px;
    }

    .delivery-step--products .delivery-card__note--product {
        padding: 0;
    }

    .prod-del__card-title.last {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 40px;
    }


    #views3 {
        display: block;
    }

    .recommend__slider--catalog .product-card--rec {
        width: 332px;
    }

    .recommend__slider--catalog .product-card__btn {
        display: none;
    }

    .recommend__slider--catalog .product-slider__list,
    .catalog-product__type {
        gap: 20px;
    }

    .catalog-product__type-item {
        padding: 14px;
    }

    .main-catalog .pool-product__container {
        grid-template-columns: 385px 1fr;
    }


    .catalog-product__category-item br {
        display: none;
    }

    .catalog-product__category-wrap {
        margin-bottom: 20px;
    }

    .recommend--catalog {
        padding-right: 12px;
    }

    .recommend--category .product-card__image-wrapper {
        padding: 0;
    }

    .card-spa {
        padding: 40px;
    }

    .product-purchase__top--spa {
        margin-top: 25px;
        margin-bottom: 40px;
    }

    .card-spa .product-gallery__btn-prev, .card-spa .product-gallery__btn-next {
        width: 46px;
        height: 46px;
        top: calc(100% - 109px);
        transform: translateY(-100%);
    }

    .card-spa .pool-product__dropdown-title {
        padding-bottom: 40px;
        border: none;
        font-size: 28px;
    }

    .card-spa .pool-product__info {
        padding: 0;
    }

    .card-spa .product-gallery__pagination-thumb {
        aspect-ratio: 112 / 80;
    }

    .card-spa__content {
        display: flex;
        flex-direction: column;
    }

    .card-spa .pool-product__info {
        order: 5;
    }

    .spa-bottom__wrap {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .category-card__description {
        -webkit-line-clamp: 5;
    }

    .category-card__description-wrap {
        padding: 40px;
    }

    .category-card__description-title {
        margin-bottom: 15px;
    }

    .category-card__description-btn {
        margin-top: 20px;
    }

    .pool-product__table--spa {
        gap: 20px;
    }

    .product-purchase__controls--spa .pool-product__cart {
        order: 2;
        width: auto;
        border-radius: 50px;
        padding: 17px 31px;
        display: flex;
        color: #fff;
        gap: 10px;
        font-weight: 600;
    }

    .product-purchase__controls--spa .pool-product__cart::after {
        content: "В корзину";
    }

    .pool-product__card--spa {
        padding: 0;
    }

    .card-spa .cart-item__counter-wrap {
        min-width: 175px;
    }

    .product-purchase__controls--spa {
        gap: 10px;
    }

    .card-laguna .product-gallery {
        width: auto;
    }

    .card-laguna {
        width: calc(25% - 15px);
        min-width: calc(25% - 15px);
        padding: 0;
    }

    .card-laguna .product-purchase__controls--spa .pool-product__cart::after {
        display: none;
    }

    .card-laguna .pool-product__cart {
        width: 56px;
        height: 56px;
        padding: 0;
    }

    .card-poliprop {
        padding: 16.5px 25px;
    }

    .card-poliprop .pool-product__info-row.diametr {
        min-width: 179px;
    }

    .card-poliprop .pool-product__info-row.height {
        min-width: 157px;
    }

    .card-poliprop .pool-product__info-row.article {
        min-width: 223px;
    }

    .card-poliprop .pool-product__info-row.volume {
        min-width: 151px;
    }

    .pool-product__table-head--poliprop .pool-product__table-item {
        font-size: 18px;
        font-weight: 500;
    }

    .poliprop__head-under {
        font-size: 16px;
        font-weight: 400;
    }

    .poliprop-slider__card {
        min-width: calc(20% - 8px);
        width: calc(20% - 8px);
    } 

    .poliprop-slider__list {
        gap: 10px;
    }

    .poliprop-slider {
        margin: 40px 0;
    }

    .poliprop-slider__next {
        width: 56px;
        height: 56px;
    }

    .poliprop-slider .product-gallery__icon {
        width: 14px;
        height: 14px;
    }

    .poliprop__top-title {
        margin-top: 70px;
        margin-bottom: 30px;
    }

    .poliprop__top-text {
        margin-bottom: 30px;
    }

    .poliprop__top-subtitle {
        margin-bottom: 25px;
    }

    .poliprop__top-list {
        gap: 15px;
    }

    .poliprop__top-list-item {
        gap: 10px;
    }

    .pool-product__image--poliprop {
        padding: 40px;
    }

    .pool-product__table-head--complect .efficiency span:first-child {
        display: flex;
    }

    .pool-product__table-head--complect .efficiency span:nth-child(2) {
        display: none;
    }

    .pool-product__row-main--complect .pool-product__price, 
    .pool-product__table-head--complect .pool-product__table-item--price {
        justify-content: center;
        display: flex;
    }

    .card-poliprop__cta span {
        order: 2;
    }

    .pool-product__row--complect .product-card__info-icon {
        display: block;
    }

    .pool-product__row--complect .pool-product__more {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .pool-product__table-head--complect {
        padding-right: 286px;
    }

    .tech__image {
        margin: 70px 0;
    }

    .pool-product__image--spa {
        padding: 40px;
    }

    /*.card-laguna--naduv {
        width: calc(25% - 13.3333px);
        min-width: calc(33.3333% - 13.3333px);
        padding: 0;
    }*/

    .card-laguna--naduv .pool-product__info {
        gap: 15px;
    }

    .chim__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .chim__image-title {
        margin-bottom: 25px;
    }

    .chim__list {
        gap: 11px;
    }

    .card__colors {
        padding: 12px 25px;
    }
    
    .card__colors-head {
        grid-template-columns: 2fr 0.7fr 1fr 0.7fr 0.3fr 0.6fr;
        padding-left: 25px;
        padding-right: 289px;
    }

    .card__colors .pool-product__info {
        grid-template-columns: 1fr 0.7fr 0.3fr 0.6fr;
    }

    .card__colors .pool-product__info-row.article,
    .card__colors .pool-product__info-row.volume {
        min-width: 0;
    }

    .card__colors {
        grid-template-columns: 2fr 0.7fr 2.6fr;
    }

    .card__colors .pool-product__info-row--price {
        justify-content: flex-end;
    }

    .card__colors-head .pool-product__table-item--price {
        text-align: right;
    }

    .card__color .product-card__info-icon {
        display: flex;
    }

    .footer__legal-link {
        font-size: 16px;
        font-weight: 400;
    }



    .pool-product__table-head--complect .pool-product__table-item--10,
    .pool-product__row-main--complect .pool-product__price--10 {
        justify-content: center;
    }


    .pool-product__dropdown-wrap {
        padding: 0;
    }

    .pool-product__dropdown-image {
        aspect-ratio: 385 / 280;
        margin-bottom: 0;
    }

    .pool-product__dropdown-title {
        font-size: 22px;
        font-weight: 500;
        line-height: 125%;
        padding-bottom: 25px;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(227, 231, 235, 1);
    }

    .pool-product__dropdown-head,
    .pool-product__info-row.article {
        margin-bottom: 25px;
        padding: 30px;
        padding-bottom: 0;   
    }

    .pool-product__dropdown-article {
        display: none;
    }

    .pool-product__dropdown-image-sale {
        top: 20px;
        left: 20px;
        font-size: 18px;
        padding: 4px 10px;
    }

    .pool-product__info {
        padding: 30px;
        padding-top: 0;
        gap: 15px;
    }

    .pool-product__info-row {
        font-size: 18px;
    }

    .pool-product__info-value {
        font-size: 18px;
        font-weight: 500;
    }

    .pool-product__info-row--icons {
        padding: 25px 0;
        margin: 10px 0;
        border-top: 1px solid rgba(227, 231, 235, 1);
        border-bottom: 1px solid rgba(227, 231, 235, 1);
    }

    .pool-product__icons-text {
       order: 2;
    }

    .pool-product__dropdown .pool-product__icons {
        gap: 10px;
    }

    .pool-product__info-row--price {
        justify-content: flex-start;
        gap: 15px;
    }

    .pool-product__arrow--up,
    .pool-product__info-price-text {
        display: none;
    }

    .pool-product__info-row--price .pool-product__info-line {
        display: none;
    }

    .pool-product__info-price {
        color: rgba(30, 32, 40, 1);
        font-size: 28px;
        font-weight: 500;
    }

    .pool-product__info-price-sale {
        color: rgba(144, 160, 181, 1);
        font-size: 18px;
        font-weight: 400;
        text-decoration: line-through;
    }

    

    .pool-product__info-price::after,
    .pool-product__info-price-sale::after {
        content: " ₽";
    }

    .pool-product__table-item-desc {
        display: block;
    }

    .product-card__info.dropdow {
        display: flex;
    }

    .pool-product__dropdown .dop-desc {
        display: flex;
    }

    .pool-product__cart.dropdow {
        display: block;
    }

    .pool-product__info-row.article {
        display: none;
        padding: 0;
        margin: 0;
    }

    .view3 .cases__card .pool-product__info {
        display: flex;
        flex-direction: column;
    }

    .view3 .cases__card .pool-product__info-row {
        width: 100%;
    }
}