@font-face {
    font-family: 'YS Text';
    src: url('./fonts/text-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YS Text';
    src: url('./fonts/text-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YS Text';
    src: url('./fonts/text-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YS Text';
    src: url('./fonts/text-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YS Geo';
    src: url('./fonts/text-geo-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YS Geo';
    src: url('./fonts/text-geo-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YS Compressed';
    src: url('./fonts/YSCompressed-Heavy.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'YS Compressed';
    src: url('./fonts/YSCompressed-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 1px;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%;
    font-size: 17px;
    font-family: 'YS Text', Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #302B31;
    background: #fff;
}

body.modal-open {
    overflow: hidden;
}

button,
a {
    font: inherit;
}

button {
    border: 0;
    cursor: pointer;
}

a {
    display: block;
    color: inherit;
    text-decoration: none;
}

img,
video {
    width: 100%;
    display: block;
}

@media (min-width: 640px) and (max-width: 1439px) {
    html {
        font-size: calc(1vw / 14.4);
    }
}

@media (max-width: 639px) {
    html {
        font-size: calc(1vw / 3.6);
    }

    .mob-hide {
        display: none !important;
    }

    .pc-hide {
        display: block !important;
    }
}

@media (min-width: 640px) {
    .mob-hide {
        display: block !important;
    }

    .pc-hide {
        display: none !important;
    }
}

.wrapper {
    max-width: calc(1920rem + (18rem * 2));
    margin: 0 auto;
    padding: 0 18rem;
}

.hero {
    padding: 104rem 0 116rem;
}

.hero__wrapper h1,
.section__title {
    font-family: YS Compressed, Helvetica, Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    color: #302B31;
    letter-spacing: -0.01em;
}

.hero__wrapper h1 {
    font-size: 100rem;
    line-height: 84%;
    padding: 18rem 0;
}

.main-block {
    --main-block-height: clamp(620rem, calc(100vh - (104px + 156.8rem + (8rem * 2))), 1300rem);
    padding: 8rem 0;
}

.main-block__container {
    position: relative;
}

.main-block__image img {
    height: var(--main-block-height);
    border-radius: 12rem;
    object-fit: cover;
    object-position: center top;
}

.main-block__content {
    position: absolute;
    inset: 0;
    z-index: 1;
    height: var(--main-block-height);
    padding: 0;
}

.main-block__content__header {
    position: absolute;
    top: 24rem;
    left: 24rem;
    z-index: 2;
    max-width: 400rem;
}

.main-block__logo {
    position: absolute;
    top: 24rem;
    right: 24rem;
    z-index: 2;
    width: 380rem;
}

.main-block__content__header p,
.main-block__content__tip {
    font-family: YS Geo, Helvetica, Arial, sans-serif;
    color: #fff;
}

.main-block__content__header p {
    font-weight: 500;
    font-size: 20rem;
    line-height: 140%;
}

.main-block__content__footer {
    position: absolute;
    left: 24rem;
    right: 24rem;
    bottom: 24rem;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24rem;
}

.main-block__content__tip {
    max-width: 400rem;
    font-weight: 400;
    font-size: 20rem;
    line-height: 140%;
    opacity: 0.5;
}

.hero__video-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 8rem;
    width: 100%;
    max-width: 265rem;
}

.video-link {
    width: 100%;
    height: 61rem;
    min-height: 61rem;
    padding: 8rem 19rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12rem;
    background: #fff;
    color: #302B31;
    font-family: YS Compressed, Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 24rem;
    line-height: 90%;
    text-align: center;
    text-transform: uppercase;
    transition: 0.1s;
}

.video-link:hover {
    background: #F4F5F7;
}

.group-blocks {
    padding: 0 0 8rem;
}

.group-blocks__container,
.cards-row {
    display: grid;
    grid-auto-flow: column;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #333 #ccc;
}

.group-blocks__container.is-dragging,
.cards-row.is-dragging {
    cursor: grabbing;
    user-select: none;
}

.group-blocks__container {
    grid-auto-columns: 346rem;
    grid-auto-rows: 400rem;
    gap: 8rem;
    max-width: calc(1920rem + (18rem * 2));
    margin: 0 auto;
    padding: 0 18rem 16rem;
}

.group-blocks__container::-webkit-scrollbar,
.cards-row::-webkit-scrollbar {
    height: 8rem;
}

.group-blocks__container::-webkit-scrollbar-track,
.cards-row::-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 999rem;
}

.group-blocks__container::-webkit-scrollbar-thumb,
.cards-row::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 999rem;
}

.group-block {
    position: relative;
    min-width: 346rem;
    width: 346rem;
    height: 400rem;
}

.group-block__image,
.group-block__image img {
    height: 100%;
}

.group-block__image img {
    object-fit: cover;
    border-radius: 12rem;
}

.group-block__content {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 12rem;
}

.group-block__title,
.info-card h3,
.product-card h3,
.main-button,
.product-card__button,
.inline-button {
    font-family: YS Compressed, Helvetica, Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.group-block__title {
    color: #fff;
    font-size: 28rem;
    line-height: 110%;
}

.group-block__link {
    width: 36rem;
    height: 36rem;
    border-radius: 10rem;
    background: transparent url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M18%200C23.5909%200%2026.3866%20-0.000164073%2028.5918%200.913086C31.5321%202.13101%2033.869%204.46787%2035.0869%207.4082C36.0002%209.61338%2036%2012.4091%2036%2018C36%2023.5909%2036.0002%2026.3866%2035.0869%2028.5918C33.869%2031.5321%2031.5321%2033.869%2028.5918%2035.0869C26.3866%2036.0002%2023.5909%2036%2018%2036C12.4091%2036%209.61338%2036.0002%207.4082%2035.0869C4.46787%2033.869%202.13101%2031.5321%200.913086%2028.5918C-0.000164073%2026.3866%200%2023.5909%200%2018C0%2012.4091%20-0.000164073%209.61338%200.913086%207.4082C2.13101%204.46787%204.46787%202.13101%207.4082%200.913086C9.61338%20-0.000164073%2012.4091%200%2018%200ZM26.5605%2015.4395C25.9748%2014.8537%2025.0252%2014.8537%2024.4395%2015.4395L18%2021.8789L11.5605%2015.4395C10.9748%2014.8537%2010.0252%2014.8537%209.43945%2015.4395C8.85367%2016.0252%208.85367%2016.9748%209.43945%2017.5605L16.9395%2025.0605C17.5252%2025.6463%2018.4748%2025.6463%2019.0605%2025.0605L26.5605%2017.5605C27.1463%2016.9748%2027.1463%2016.0252%2026.5605%2015.4395Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E") center / 100% 100% no-repeat;
    position: relative;
    transition: opacity 0.1s ease;
}

.group-block__link::before {
    content: none;
}

.group-block:hover .group-block__link {
    opacity: 0.5;
}

.main-button {
    margin-top: 8rem;
    background-color: #7A55FF;
    color: #fff;
    text-align: center;
    padding: 28rem 0;
    transition: 0.1s;
    border-radius: 16rem;
    font-size: 36rem;
    line-height: 90%;
}

.main-button:hover,
.product-card__button:hover,
.inline-button:hover {
    background-color: #532EA5;
}

.section {
    padding: 0 0 116rem;
}

.feature-section > .wrapper {
    margin-bottom: 8rem;
}

.feature-section > .cards-row {
    margin-top: 0;
}

.section__title {
    font-size: 82rem;
    line-height: 86%;
    padding: 18rem 0 16rem;
}

.feature-hero,
.split-hero {
    margin: 8rem 0;
    overflow: hidden;
    border-radius: 12rem;
}

.feature-hero img {
    height: 620rem;
    object-fit: cover;
}

/* Leak detection media block */
#leak-detection .wrapper {
    position: relative;
    width: 100%;
    max-width: none;
}

#leak-detection .section__title {
    position: absolute;
    top: 32rem;
    left: 40rem;
    z-index: 2;
    max-width: 650rem;
    padding: 0;
    color: #fff;
    font-size: 65rem;
    line-height: 95%;
    letter-spacing: -0.01em;
    pointer-events: none;
}

#leak-detection .feature-hero {
    position: relative;
    margin: 8rem 0;
}

#leak-detection .feature-hero img {
    height: 720rem;
    border: 0;
}

.split-hero {
    min-height: 620rem;
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    background: #F0F1F4;
}

.split-hero__content {
    padding: 24rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24rem;
}

.split-hero__content .section__title {
    padding: 0;
}

.split-hero__content p {
    max-width: 520rem;
    font-family: YS Geo, Helvetica, Arial, sans-serif;
    font-size: 20rem;
    line-height: 140%;
    font-weight: 500;
}

.split-hero__image,
.split-hero__image img {
    min-height: 620rem;
    height: 100%;
}

.split-hero__image img {
    object-fit: cover;
}

.cards-row {
    grid-auto-columns: 466rem;
    gap: 8rem;
    max-width: calc(1920rem + (18rem * 2));
    margin: 0 auto;
    padding: 0 18rem 16rem;
}

.cards-row_three {
    grid-auto-columns: 626rem;
}

.info-card {
    position: relative;
    min-height: 520rem;
    border-radius: 12rem;
    overflow: hidden;
    background: #F0F1F4;
}

.info-card > img,
.video-card__media {
    height: 100%;
    min-height: 520rem;
}

.info-card > img,
.video-card video {
    object-fit: cover;
    height: 100%;
}

.info-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.56) 100%);
    pointer-events: none;
}

.info-card__content {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 18rem;
    color: #fff;
}

.info-card__content h3 {
    max-width: 390rem;
    margin-bottom: auto;
    font-size: 28rem;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.info-card__content p {
    max-width: 405rem;
    margin-top: 14rem;
    font-family: YS Geo, Helvetica, Arial, sans-serif;
    font-size: 16rem;
    line-height: 135%;
    font-weight: 400;
}

.info-card__note {
    opacity: 0.66;
}


/* Toggle info cards */
.cards-row_toggle {
    grid-auto-columns: calc((100% - 24rem) / 4);
    gap: 8rem;
    width: min(100%, calc(1920rem + (18rem * 2)));
    max-width: calc(1920rem + (18rem * 2));
    margin: 0 auto;
    padding: 0 18rem 16rem;
}

.cards-row_toggle .info-card {
    --info-card-open-bg: #302B31;
    --info-card-text-color: #fff;
    position: relative;
    min-height: 0;
    aspect-ratio: 346 / 400;
    border-radius: 12rem;
    overflow: hidden;
    background: var(--info-card-open-bg);
}

.cards-row_toggle .info-card:nth-child(2) {
    --info-card-open-bg: #737B88;
}

.cards-row_toggle .info-card:nth-child(3) {
    --info-card-open-bg: #7A55FF;
}

.cards-row_toggle .info-card:nth-child(4) {
    --info-card-open-bg: #BCC0C7;
    --info-card-text-color: #302B31;
}

.cards-row_toggle .info-card > img {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    transition: opacity 0.22s ease;
}

.cards-row_toggle .info-card::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.08) 42%, rgba(0, 0, 0, 0.18) 100%);
    opacity: 1;
    pointer-events: none;
    transition: opacity 0.22s ease;
}

.cards-row_toggle .info-card__title {
    position: absolute;
    top: 18rem;
    left: 18rem;
    right: 18rem;
    z-index: 2;
    max-width: 390rem;
    color: #fff;
    font-family: YS Compressed, Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 28rem;
    line-height: 100%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    transition: opacity 0.18s ease;
}

.cards-row_toggle .info-card__toggle {
    position: absolute;
    right: 12rem;
    bottom: 12rem;
    z-index: 4;
    width: 36rem;
    height: 36rem;
    border: 0;
    border-radius: 10rem;
    background: transparent url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M18%200C23.5909%200%2026.3866%20-0.000164073%2028.5918%200.913086C31.5321%202.13101%2033.869%204.46787%2035.0869%207.4082C36.0002%209.61338%2036%2012.4091%2036%2018C36%2023.5909%2036.0002%2026.3866%2035.0869%2028.5918C33.869%2031.5321%2031.5321%2033.869%2028.5918%2035.0869C26.3866%2036.0002%2023.5909%2036%2018%2036C12.4091%2036%209.61338%2036.0002%207.4082%2035.0869C4.46787%2033.869%202.13101%2031.5321%200.913086%2028.5918C-0.000164073%2026.3866%200%2023.5909%200%2018C0%2012.4091%20-0.000164073%209.61338%200.913086%207.4082C2.13101%204.46787%204.46787%202.13101%207.4082%200.913086C9.61338%20-0.000164073%2012.4091%200%2018%200ZM18%209C17.1716%209%2016.5%209.67157%2016.5%2010.5V16.5H10.5C9.67157%2016.5%209%2017.1716%209%2018C9%2018.8284%209.67157%2019.5%2010.5%2019.5H16.5V25.5C16.5%2026.3284%2017.1716%2027%2018%2027C18.8284%2027%2019.5%2026.3284%2019.5%2025.5V19.5H25.5C26.3284%2019.5%2027%2018.8284%2027%2018C27%2017.1716%2026.3284%2016.5%2025.5%2016.5H19.5V10.5C19.5%209.67157%2018.8284%209%2018%209Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E") center / 100% 100% no-repeat;
    transition: opacity 0.1s ease;
}

.cards-row_toggle .info-card__toggle:hover {
    opacity: 0.5;
}

.cards-row_toggle .info-card.is-active .info-card__toggle {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M18%200C23.5909%200%2026.3866%20-0.000164073%2028.5918%200.913086C31.5321%202.13101%2033.869%204.46787%2035.0869%207.4082C36.0002%209.61338%2036%2012.4091%2036%2018C36%2023.5909%2036.0002%2026.3866%2035.0869%2028.5918C33.869%2031.5321%2031.5321%2033.869%2028.5918%2035.0869C26.3866%2036.0002%2023.5909%2036%2018%2036C12.4091%2036%209.61338%2036.0002%207.4082%2035.0869C4.46787%2033.869%202.13101%2031.5321%200.913086%2028.5918C-0.000164073%2026.3866%200%2023.5909%200%2018C0%2012.4091%20-0.000164073%209.61338%200.913086%207.4082C2.13101%204.46787%204.46787%202.13101%207.4082%200.913086C9.61338%20-0.000164073%2012.4091%200%2018%200ZM25.0605%2010.9395C24.4748%2010.3537%2023.5252%2010.3537%2022.9395%2010.9395L18%2015.8789L13.0605%2010.9395C12.4748%2010.3537%2011.5252%2010.3537%2010.9395%2010.9395C10.3537%2011.5252%2010.3537%2012.4748%2010.9395%2013.0605L15.8789%2018L10.9395%2022.9395C10.3537%2023.5252%2010.3537%2024.4748%2010.9395%2025.0605C11.5252%2025.6463%2012.4748%2025.6463%2013.0605%2025.0605L18%2020.1211L22.9395%2025.0605C23.5252%2025.6463%2024.4748%2025.6463%2025.0605%2025.0605C25.6463%2024.4748%2025.6463%2023.5252%2025.0605%2022.9395L20.1211%2018L25.0605%2013.0605C25.6463%2012.4748%2025.6463%2011.5252%2025.0605%2010.9395Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
}

.cards-row_toggle .info-card__content {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 18rem;
    color: var(--info-card-text-color);
    background: var(--info-card-open-bg);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.22s ease;
}

.cards-row_toggle .info-card__content h3 {
    max-width: 390rem;
    margin: 0 0 16rem;
    color: inherit;
    font-size: 28rem;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.cards-row_toggle .info-card__content p {
    max-width: 405rem;
    margin: 0;
    color: inherit;
    font-family: YS Geo, Helvetica, Arial, sans-serif;
    font-size: 16rem;
    line-height: 132%;
    font-weight: 400;
}

.cards-row_toggle .info-card__content p + p {
    margin-top: 18rem;
}

.cards-row_toggle .info-card__note {
    max-width: 330rem;
    opacity: 0.55;
    font-size: 13rem !important;
    line-height: 130%;
}

.cards-row_toggle .inline-button {
    margin-top: 18rem;
    min-width: 198rem;
    padding: 13rem 18rem;
    border-radius: 8rem;
    background: #fff;
    color: #302B31;
    font-size: 18rem;
    line-height: 90%;
    text-align: center;
}

.cards-row_toggle .inline-button:hover {
    background: #fff;
    opacity: 0.5;
}

.cards-row_toggle .info-card.is-active > img,
.cards-row_toggle .info-card.is-active::after,
.cards-row_toggle .info-card.is-active .info-card__title {
    opacity: 0;
}

.cards-row_toggle .info-card.is-active .info-card__content {
    opacity: 1;
    pointer-events: auto;
}

@media (min-width: 1440px) {
    .cards-row_toggle {
        scrollbar-width: none;
    }

    .cards-row_toggle::-webkit-scrollbar {
        display: none;
    }
}

.info-card_large {
    min-height: 560rem;
}

.info-card_large > img {
    min-height: 560rem;
}

.inline-button {
    margin-top: 16rem;
    padding: 13rem 18rem;
    border-radius: 999rem;
    background: #7A55FF;
    color: #fff;
    font-size: 18rem;
    line-height: 90%;
    transition: 0.1s;
}

.button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8rem;
    margin-top: 14rem;
}

.button-row .inline-button {
    margin-top: 0;
}

.install .section__title {
    transition: opacity 0.2s;
}

.install.install--video-playing .section__title {
    opacity: 0;
    pointer-events: none;
}

.video-card video {
    background: #000;
}

.offer {
    padding-bottom: 80rem;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8rem;
}

.product-card {
    min-height: 620rem;
    border-radius: 12rem;
    overflow: hidden;
    background: #F2F3F5;
    display: flex;
    flex-direction: column;
}

.product-card__image {
    min-height: 320rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.product-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 18rem;
}

.product-card h3 {
    min-height: 84rem;
    font-size: 28rem;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.product-card__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    min-height: 44rem;
    margin: 8rem 0 24rem;
    padding: 12rem 22rem;
    border-radius: 999rem;
    background: #7A55FF;
    color: #fff;
    font-size: 18rem;
    line-height: 90%;
    transition: 0.1s;
}

.product-card dl {
    margin-top: auto;
    display: grid;
    gap: 18rem;
    font-family: YS Geo, Helvetica, Arial, sans-serif;
}

.product-card dl div {
    display: grid;
    gap: 6rem;
}

.product-card dt {
    color: rgba(48, 43, 49, 0.55);
    font-size: 15rem;
    line-height: 130%;
}

.product-card dd {
    color: #302B31;
    font-size: 18rem;
    line-height: 135%;
}

.video-modal[hidden] {
    display: none;
}

.video-modal {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24rem;
}

.video-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.72);
}

.video-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(1120rem, 100%);
    border-radius: 16rem;
    background: #111;
    color: #fff;
    padding: 18rem;
}

.video-modal__title {
    margin: 0 56rem 16rem 0;
    font-family: YS Compressed, Helvetica, Arial, sans-serif;
    font-size: 42rem;
    line-height: 90%;
    text-transform: uppercase;
}

.video-modal__frame {
    overflow: hidden;
    border-radius: 12rem;
    background: #000;
}

.video-modal__frame iframe {
    aspect-ratio: 16 / 9;
    background: #000;
    border: none;
    width: 100%;
}

.video-modal__close {
    position: absolute;
    top: 16rem;
    right: 16rem;
    width: 36rem;
    height: 36rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
}

.video-modal__close::before,
.video-modal__close::after {
    content: '';
    position: absolute;
    top: 17rem;
    left: 9rem;
    width: 18rem;
    height: 2rem;
    background: #fff;
}

.video-modal__close::before {
    transform: rotate(45deg);
}

.video-modal__close::after {
    transform: rotate(-45deg);
}

@media (max-width: 1023px) {
    .section__title {
        font-size: 64rem;
    }


    #leak-detection .section__title {
        font-size: 52rem;
    }

    .split-hero {
        grid-template-columns: 1fr;
    }

    .split-hero__content {
        min-height: 340rem;
    }

    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 639px) {
    .wrapper {
        padding: 0 16rem;
    }

    .hero {
        padding: 96rem 0 50rem;
    }

    .hero__wrapper h1 {
        font-size: 48rem;
        line-height: 90%;
        padding: 0;
    }

    .main-block {
        --main-block-height: 612rem;
        padding: 6rem 0;
    }

    .main-block__image img,
    .main-block__content {
        height: var(--main-block-height);
    }

    .main-block__logo {
        position: absolute;
        top: 13rem;
        right: 12rem;
        z-index: 2;
        width: calc(100% - 24rem);
    }

    .main-block__content__header {
        top: 96rem;
        left: 12rem;
        max-width: 292rem;
    }

    .main-block__content__header p {
        font-size: 16rem;
        line-height: 132%;
    }

    .main-block__content__footer {
        left: 12rem;
        right: 12rem;
        bottom: 12rem;
        flex-direction: column-reverse;
        align-items: stretch;
        gap: 12rem;
    }

    .main-block__content__tip {
        max-width: 280rem;
        font-size: 14rem;
        line-height: 128%;
        opacity: 0.68;
    }

    .hero__video-buttons {
        max-width: none;
        gap: 8rem;
    }

    .video-link {
        height: 56rem;
        min-height: 56rem;
        padding: 16rem;
        font-size: 18rem;
        border-radius: 8rem;
    }

    .group-blocks {
        padding: 0 0 6rem;
    }

    .group-blocks__container {
        grid-auto-columns: 160rem;
        grid-auto-rows: 200rem;
        padding-bottom: 12rem;
    }

    .group-block {
        min-width: 160rem;
        width: 160rem;
        height: 200rem;
    }

    .group-block__content {
        padding: 6rem;
    }

    .group-block__title {
        font-size: 18rem;
    }

    .group-block__link {
        width: 24rem;
        height: 24rem;
        border-radius: 7rem;
        background-size: 100% 100%;
    }

    .main-button {
        margin-top: 16rem;
        padding: 19rem 0;
        border-radius: 8rem;
        font-size: 20rem;
    }

    .section {
        padding-bottom: 54rem;
    }

    .section__title {
        font-size: 46rem;
        line-height: 90%;
        padding: 0 0 6rem;
    }

    .feature-hero img {
        height: 420rem;
    }


    #leak-detection .wrapper {
        padding: 0 16rem;
    }

    #leak-detection .section__title {
        top: 18rem;
        left: 28rem;
        max-width: 300rem;
        font-size: 32rem;
        line-height: 100%;
    }

    #leak-detection .feature-hero {
        margin: 8rem 0 0;
        border-radius: 8rem;
    }

    #leak-detection .feature-hero img {
        height: 500rem;
        object-position: center center;
    }

    .split-hero {
        min-height: auto;
    }

    .split-hero__content {
        min-height: 300rem;
        padding: 12rem;
    }

    .split-hero__content p {
        font-size: 16rem;
    }

    .split-hero__image,
    .split-hero__image img {
        min-height: 320rem;
    }

    .cards-row,
    .cards-row_three {
        grid-auto-columns: 296rem;
        padding-bottom: 12rem;
    }

    .info-card,
    .info-card_large {
        min-height: 430rem;
    }

    .info-card > img,
    .info-card_large > img,
    .video-card__media {
        min-height: 430rem;
    }

    .info-card__content {
        padding: 12rem;
    }

    .info-card__content h3 {
        font-size: 24rem;
    }

    .info-card__content p {
        font-size: 14rem;
        line-height: 130%;
    }

    .inline-button {
        padding: 10rem 14rem;
        font-size: 15rem;
    }

    .product-grid {
        grid-template-columns: 1fr;
        gap: 8rem;
    }

    .product-card {
        min-height: auto;
    }

    .product-card__image {
        min-height: 260rem;
    }

    .product-card__content {
        padding: 12rem;
    }

    .product-card h3 {
        min-height: auto;
        font-size: 28rem;
    }

    .product-card dd {
        font-size: 16rem;
    }

    .video-modal {
        padding: 10rem;
    }

    .video-modal__dialog {
        padding: 10rem;
        border-radius: 12rem;
    }

    .video-modal__title {
        font-size: 28rem;
        margin-bottom: 10rem;
    }

    .video-modal__close {
        top: 10rem;
        right: 10rem;
        width: 30rem;
        height: 30rem;
    }

    .video-modal__close::before,
    .video-modal__close::after {
        top: 14rem;
        left: 8rem;
        width: 14rem;
    }


    .cards-row_toggle,
    .cards-row_toggle.cards-row_three {
        grid-auto-columns: 296rem;
        margin-top: 0;
        padding-bottom: 12rem;
    }

    .cards-row_toggle .info-card {
        aspect-ratio: 346 / 400;
        min-height: 0;
    }

    .cards-row_toggle .info-card__title,
    .cards-row_toggle .info-card__content h3 {
        font-size: 24rem;
    }

    .cards-row_toggle .info-card__title {
        top: 12rem;
        left: 12rem;
        right: 12rem;
    }

    .cards-row_toggle .info-card__content {
        padding: 12rem;
    }

    .cards-row_toggle .info-card__content p {
        font-size: 14rem;
        line-height: 130%;
    }

    .cards-row_toggle .info-card__note {
        font-size: 11rem !important;
    }

    .cards-row_toggle .inline-button {
        min-width: 160rem;
        padding: 10rem 14rem;
        border-radius: 7rem;
        font-size: 15rem;
    }

    .cards-row_toggle .info-card__toggle {
        width: 28rem;
        height: 28rem;
        right: 8rem;
        bottom: 8rem;
        border-radius: 8rem;
    }
}

/* Split smart-home block */
.split-section > .wrapper {
    margin-bottom: 8rem;
}

#smart-home .split-hero {
    position: relative;
    display: block;
    min-height: 700rem;
    margin: 8rem 0 0;
    overflow: hidden;
    border-radius: 12rem;
    background: #302B31;
}

#smart-home .split-hero__image {
    display: block;
    width: 100%;
    height: 700rem;
    min-height: 0;
    object-fit: cover;
    object-position: center center;
}

#smart-home .split-hero__content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    min-height: 0;
    padding: 32rem;
    color: #fff;
    pointer-events: none;
}

#smart-home .split-hero__content .section__title {
    max-width: 820rem;
    padding: 0;
    color: #fff;
    font-size: 64rem;
    line-height: 95%;
    letter-spacing: -0.01em;
}

#smart-home .split-hero__content p {
    max-width: 560rem;
    margin-top: 32rem;
    color: #fff;
    font-family: YS Geo, Helvetica, Arial, sans-serif;
    font-size: 20rem;
    line-height: 140%;
    font-weight: 500;
}

.cards-row_split {
    grid-auto-columns: calc((min(100vw, 1920rem) - 48rem) / 3);
    gap: 8rem;
    max-width: calc(1920rem + (16rem * 2));
    width: 100%;
    margin: 0 auto;
    padding: 0 16rem 16rem;
}

.cards-row_split .info-card {
    aspect-ratio: 464 / 400;
}

.cards-row_split .info-card:nth-child(1) {
    --info-card-open-bg: #7A55FF;
    --info-card-text-color: #fff;
}

.cards-row_split .info-card:nth-child(2) {
    --info-card-open-bg: #737B88;
    --info-card-text-color: #fff;
}

.cards-row_split .info-card:nth-child(3) {
    --info-card-open-bg: #302B31;
    --info-card-text-color: #fff;
}

.cards-row_split .info-card::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0.04) 52%, rgba(0, 0, 0, 0.12) 100%);
}

.cards-row_split .info-card__title,
.cards-row_split .info-card__content h3 {
    max-width: 410rem;
}

@media (min-width: 1440px) {
    .cards-row_split {
        scrollbar-width: none;
    }

    .cards-row_split::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 639px) {
    .split-section > .wrapper {
        margin-bottom: 8rem;
    }

    #smart-home .split-hero {
        min-height: 500rem;
        margin: 8rem 0 0;
        border-radius: 10rem;
    }

    #smart-home .split-hero__image {
        height: 500rem;
        object-position: center center;
    }

    #smart-home .split-hero__content {
        padding: 12rem;
    }

    #smart-home .split-hero__content .section__title {
        max-width: 280rem;
        font-size: 32rem;
        line-height: 100%;
    }

    #smart-home .split-hero__content p {
        max-width: 300rem;
        margin-top: 16rem;
        font-size: 15rem;
        line-height: 135%;
    }

    .cards-row_split,
    .cards-row_split.cards-row_three {
        grid-auto-columns: 160rem;
        gap: 8rem;
        padding-bottom: 12rem;
    }

    .cards-row_split .info-card {
        aspect-ratio: 160 / 200;
    }

    .cards-row_split .info-card__title,
    .cards-row_split .info-card__content h3 {
        font-size: 20rem;
        line-height: 100%;
    }

    .cards-row_split .info-card__content p {
        font-size: 12rem;
        line-height: 125%;
    }

    .cards-row_split .info-card__toggle {
        width: 24rem;
        height: 24rem;
        right: 6rem;
        bottom: 6rem;
        border-radius: 7rem;
    }
}

/* Control block */
.control-section > .wrapper {
    margin-bottom: 40rem;
}

.control-section .section__title {
    max-width: 1120rem;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.cards-row_control {
    grid-auto-columns: calc((min(100vw, 1920rem) - 56rem) / 4);
    gap: 8rem;
    max-width: calc(1920rem + (16rem * 2));
    width: 100%;
    margin: 0 auto;
    padding: 0 16rem 16rem;
}

.cards-row_control .info-card {
    aspect-ratio: 346 / 400;
}

.cards-row_control .info-card > img {
    transition: opacity 0.22s ease, filter 0.22s ease, transform 0.22s ease;
}

.cards-row_control .info-card:nth-child(1) {
    --info-card-open-bg: #302B31;
    --info-card-text-color: #fff;
}

.cards-row_control .info-card:nth-child(2) {
    --info-card-open-bg: rgba(48, 43, 49, 0.5);
    --info-card-text-color: #fff;
}

.cards-row_control .info-card:nth-child(3) {
    --info-card-open-bg: #737B88;
    --info-card-text-color: #fff;
}

.cards-row_control .info-card:nth-child(4) {
    --info-card-open-bg: #D7DEE5;
    --info-card-text-color: #302B31;
}

.cards-row_control .info-card:nth-child(2).is-active > img {
    opacity: 1;
    filter: blur(16rem);
    transform: scale(1.08);
}

.cards-row_control .info-card:nth-child(2).is-active::after {
    opacity: 1;
    background: rgba(48, 43, 49, 0.34);
}

.cards-row_control .info-card:nth-child(2).is-active .info-card__content {
    background: rgba(48, 43, 49, 0.28);
    backdrop-filter: blur(14rem);
    -webkit-backdrop-filter: blur(14rem);
}

.cards-row_control .info-card:nth-child(4).is-active .info-card__toggle {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%200C23.5909%200%2026.3866%20-0.000164073%2028.5918%200.913086C31.5321%202.13101%2033.869%204.46787%2035.0869%207.4082C36.0002%209.61338%2036%2012.4091%2036%2018C36%2023.5909%2036.0002%2026.3866%2035.0869%2028.5918C33.869%2031.5321%2031.5321%2033.869%2028.5918%2035.0869C26.3866%2036.0002%2023.5909%2036%2018%2036C12.4091%2036%209.61338%2036.0002%207.4082%2035.0869C4.46787%2033.869%202.13101%2031.5321%200.913086%2028.5918C-0.000164073%2026.3866%200%2023.5909%200%2018C0%2012.4091%20-0.000164073%209.61338%200.913086%207.4082C2.13101%204.46787%204.46787%202.13101%207.4082%200.913086C9.61338%20-0.000164073%2012.4091%200%2018%200Z%22%20fill%3D%22%23302B31%22%2F%3E%3Cpath%20d%3D%22M25.0605%2010.9395C24.4748%2010.3537%2023.5252%2010.3537%2022.9395%2010.9395L18%2015.8789L13.0605%2010.9395C12.4748%2010.3537%2011.5252%2010.3537%2010.9395%2010.9395C10.3537%2011.5252%2010.3537%2012.4748%2010.9395%2013.0605L15.8789%2018L10.9395%2022.9395C10.3537%2023.5252%2010.3537%2024.4748%2010.9395%2025.0605C11.5252%2025.6463%2012.4748%2025.6463%2013.0605%2025.0605L18%2020.1211L22.9395%2025.0605C23.5252%2025.6463%2024.4748%2025.6463%2025.0605%2025.0605C25.6463%2024.4748%2025.6463%2023.5252%2025.0605%2022.9395L20.1211%2018L25.0605%2013.0605C25.6463%2012.4748%2025.6463%2011.5252%2025.0605%2010.9395Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}

@media (min-width: 1440px) {
    .cards-row_control {
        scrollbar-width: none;
    }

    .cards-row_control::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 639px) {
    .control-section > .wrapper {
        margin-bottom: 24rem;
    }

    .control-section .section__title {
        max-width: 310rem;
        font-size: 36rem;
        line-height: 92%;
        text-align: center;
    }

    .cards-row_control,
    .cards-row_control.cards-row_toggle {
        grid-auto-columns: 290rem;
        gap: 8rem;
        padding: 0 16rem 12rem;
    }

    .cards-row_control .info-card {
        aspect-ratio: 290 / 400;
    }

    .cards-row_control .info-card__title,
    .cards-row_control .info-card__content h3 {
        font-size: 26rem;
        line-height: 100%;
    }

    .cards-row_control .info-card__content p {
        font-size: 15rem;
        line-height: 130%;
    }

    .cards-row_control .info-card__note {
        font-size: 12rem;
    }

    .cards-row_control .info-card__toggle {
        width: 30rem;
        height: 30rem;
        right: 8rem;
        bottom: 8rem;
    }
}



/* Install block */
.install > .wrapper {
    width: 100%;
    max-width: calc(1920rem + (16rem * 2));
    margin: 0 auto 8rem;
    padding: 0 16rem;
}

.install-hero {
    position: relative;
    overflow: hidden;
    height: 700rem;
    border-radius: 12rem;
    background: #302B31;
}

.install-hero__player {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.install-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.08) 42%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

.install-hero__content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    min-height: 0;
    padding: 32rem;
    color: #fff;
    pointer-events: none;
}

.install-hero .section__title {
    max-width: 420rem;
    padding: 0;
    color: #fff;
}

.cards-row_install {
    grid-auto-columns: calc((min(100vw, 1920rem) - 56rem) / 4);
    gap: 8rem;
    max-width: calc(1920rem + (16rem * 2));
    width: 100%;
    margin: 0 auto;
    padding: 0 16rem 16rem;
}

.cards-row_install .info-card {
    aspect-ratio: 346 / 400;
}

.cards-row_install .info-card:nth-child(1),
.cards-row_install .info-card:nth-child(2) {
    --info-card-open-bg: #737B88;
    --info-card-text-color: #fff;
}

.cards-row_install .info-card:nth-child(3) {
    --info-card-open-bg: #7A55FF;
    --info-card-text-color: #fff;
}

.cards-row_install .info-card:nth-child(4) {
    --info-card-open-bg: #302B31;
    --info-card-text-color: #fff;
}

.cards-row_install .info-card:nth-child(4) .info-card__title {
    color: #302B31;
}

.cards-row_install .info-card:nth-child(4)::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.04) 100%);
}

.cards-row_install .button-row {
    width: 100%;
    max-width: 260rem;
    flex-direction: column;
    gap: 8rem;
    margin-top: 18rem;
}

.cards-row_install .button-row .inline-button,
.cards-row_install .info-card:nth-child(4) .inline-button {
    width: 100%;
    min-width: 0;
    margin-top: 0;
}

.cards-row_install .info-card:nth-child(4) .inline-button {
    max-width: 245rem;
    margin-top: 18rem;
}

@media (min-width: 1440px) {
    .cards-row_install {
        scrollbar-width: none;
    }

    .cards-row_install::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 639px) {
    .install > .wrapper {
        margin-bottom: 8rem;
        padding: 0 16rem;
    }

    .install-hero {
        height: 500rem;
        border-radius: 10rem;
    }

    .install-hero img {
        object-position: center center;
        height: 500rem;
        object-fit: cover;
    }

    .install-hero__content {
        max-width: 70%;
        padding: 12rem;
    }

    .install-hero .section__title {
        max-width: 160rem;
        font-size: 32rem;
        line-height: 100%;
    }

    .cards-row_install,
    .cards-row_install.cards-row_toggle {
        grid-auto-columns: 160rem;
        gap: 8rem;
        padding: 0 16rem 12rem;
    }

    .cards-row_install .info-card {
        aspect-ratio: 160 / 200;
    }

    .cards-row_install .info-card__title,
    .cards-row_install .info-card__content h3 {
        font-size: 20rem;
        line-height: 100%;
    }

    .cards-row_install .info-card__content p {
        font-size: 12rem;
        line-height: 125%;
    }

    .cards-row_install .info-card__note {
        font-size: 10rem;
    }

    .cards-row_install .info-card__toggle {
        width: 24rem;
        height: 24rem;
        right: 6rem;
        bottom: 6rem;
        border-radius: 7rem;
    }

    .cards-row_install .button-row,
    .cards-row_install .info-card:nth-child(4) .inline-button {
        max-width: 136rem;
    }

    .cards-row_install .inline-button {
        padding: 8rem 10rem;
        border-radius: 7rem;
        font-size: 12rem;
    }
}

/* Fix horizontal toggle rows width */
@media (min-width: 640px) {
    .cards-row_toggle {
        width: min(100%, calc(1920rem + (18rem * 2)));
        max-width: calc(1920rem + (18rem * 2));
        margin-right: auto;
        margin-left: auto;
        padding-right: 18rem;
        padding-left: 18rem;
        overflow-x: auto;
    }

    .cards-row_toggle:not(.cards-row_three) {
        grid-auto-columns: calc((100% - 24rem) / 4);
    }

    .cards-row_toggle.cards-row_three {
        grid-auto-columns: calc((100% - 16rem) / 3);
    }

    .cards-row_toggle .info-card {
        width: auto;
        min-width: 0;
    }
}

@media (min-width: 1440px) {
    .cards-row_toggle {
        overflow-x: hidden;
        scrollbar-width: none;
    }

    .cards-row_toggle::-webkit-scrollbar {
        display: none;
    }
}

/* Offer */
.offer {
    padding: 0 0 96rem;
}

.offer > .wrapper {
    max-width: calc(1920rem + (18rem * 2));
    padding-right: 18rem;
    padding-left: 18rem;
}

.offer__title {
    max-width: 960rem;
    margin: 0 auto 60rem;
    padding: 0;
    text-align: center;
}

.offer-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16rem;
    width: 100%;
}

.offer-card {
    min-width: 0;
}

.offer-card__image {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    margin-bottom: 28rem;
    padding: 44rem;
    border-radius: 16rem;
    background: #F3F4F7;
    overflow: hidden;
}

.offer-card__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.offer-card__content {
    display: flex;
    flex-direction: column;
}

.offer-card h3 {
    margin: 0 0 24rem;
    font-family: YS Compressed, Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 28rem;
    line-height: 94%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #302B31;
}

.offer-card__button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 76rem;
    margin: 0 0 28rem;
    padding: 12rem 18rem;
    border-radius: 12rem;
    background: #7A55FF;
    color: #fff;
    font-family: YS Compressed, Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 28rem;
    line-height: 92%;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 0.15s ease;
}

.offer-card__button:hover {
    background: #532EA5;
}

.offer-card__params {
    display: grid;
    gap: 18rem;
    margin: 0;
    font-family: YS Geo, Helvetica, Arial, sans-serif;
}

.offer-card__params div + div {
    padding-top: 18rem;
    border-top: 1rem solid #D7DCE5;
}

.offer-card__params dt {
    margin: 0 0 12rem;
    color: rgba(48, 43, 49, 0.52);
    font-size: 18rem;
    line-height: 130%;
}

.offer-card__params dd {
    margin: 0;
    color: #302B31;
    font-size: 17rem;
    line-height: 135%;
}

@media (min-width: 1440px) and (max-width: 1679px) {
    .offer > .wrapper {
        padding-right: 18rem;
        padding-left: 18rem;
    }

    .offer__title {
        margin-bottom: 54rem;
    }

    .offer-card__image {
        padding: 38rem;
    }

    .offer-card h3 {
        font-size: 31rem;
    }
}

@media (max-width: 639px) {
    .offer {
        padding: 48rem 0 64rem;
    }

    .offer > .wrapper {
        padding-right: 16rem;
        padding-left: 16rem;
    }

    .offer__title {
        width: 290rem;
        margin: 0 0 32rem;
        padding-right: 0;
        font-size: 34rem;
        line-height: 92%;
        text-align: center;
    }

    .offer-grid {
        grid-auto-flow: column;
        grid-auto-columns: 290rem;
        grid-template-columns: none;
        gap: 12rem;
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        padding: 0 0 16rem;
        -webkit-overflow-scrolling: touch;
    }

    .offer-card {
        width: 290rem;
    }

    .offer-card__image {
        margin-bottom: 16rem;
        padding: 36rem;
        border-radius: 12rem;
    }

    .offer-card__content {
        min-height: 0;
    }

    .offer-card h3 {
        min-height: 36rem;
        margin-bottom: 16rem;
        font-size: 22rem;
        line-height: 94%;
    }

    .offer-card__button {
        min-height: 56rem;
        margin-bottom: 18rem;
        border-radius: 8rem;
        font-size: 20rem;
        line-height: 94%;
    }

    .offer-card__button span:first-child::after {
        content: ' от';
    }

    .offer-card__params {
        gap: 14rem;
    }

    .offer-card__params div + div {
        padding-top: 14rem;
    }

    .offer-card__params dt {
        margin-bottom: 8rem;
        font-size: 14rem;
    }

    .offer-card__params dd {
        font-size: 14rem;
    }
}

@media (max-width: 639px) {
    .group-blocks__container,
    .cards-row,
    .cards-row_toggle,
    .cards-row_toggle.cards-row_three {
        padding-right: 16rem;
        padding-left: 16rem;
        width: 100%;
        max-width: 100%;
    }
}