@import url(https://fonts.googleapis.com/css?family=Inter:600, 900&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto:regular&display=swap);
@font-face {
    font-family: TT;
    font-display: swap;
    src: url(../fonts/TT-Neoris-Trial-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: TT;
    font-display: swap;
    src: url(../fonts/TT-Neoris-Trial-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(../fonts/Inter.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
}
:root {
    --fontFamily: "Inter", sans-serif;
    --fontFamily_2: "Roboto";
    /*--fontFamily_3: "Inter";*/
    --fontFamily_4: "TT";
    --fontSize: 1rem;
    --lineHeight_100: 100%;
    --fontWeight_400: 400;
    --fontWeight_600: 600;
    --fontWeight_700: 700;
    --fontWeight_900: 900;
    --mainColor: #8064a9;
    --mainBg: #fff;
    --s: 0.3s;
    --e: ease;
    --d: 0s;
}
* {
    padding: 0;
    margin: 0;
    border: 0;
}
*,
*:after,
*:before {
    box-sizing: border-box;
}
*::after,
*::before {
    display: inline-block;
}
body,
html {
    height: 100%;
    min-width: 320px;
}
body {
    background-color: var(--mainBg);
    color: var(--mainColor);
    line-height: var(--lineHeight_100);
    font-family: var(--fontFamily);
    font-size: var(--fontSize);
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
button,
input,
textarea {
    font-family: var(--fontFamily);
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: transparent;
}
input,
textarea {
    width: 100%;
}
label {
    display: inline-block;
}
button,
option,
select {
    cursor: pointer;
}
a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}
ul li {
    list-style: none;
}
img {
    vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}
address {
    font-style: normal;
}
.lock body {
    overflow: hidden;
    touch-action: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
}
.wrapper {
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
@supports (overflow: clip) {
    .wrapper {
        overflow: clip;
    }
}
.wrapper > main {
    flex: 1 1 auto;
    background: #63ccf4;
}
.wrapper > * {
    min-width: 0;
}
[class*="__container"] {
    max-width: 105.625rem;
    margin: 0 auto;
    padding: 0 0.9375rem;
}
.menu__link {
    font-family: var(--fontFamily_3);
    line-height: var(--lineHeight_100);
font-weight: 700;
}
.icon-menu {
    display: none;
}
.footer_item_2 ul a
{
    font-family: var(--fontFamily);
}
.pol {
    font-family: var(--fontFamily);
}
.footer_item_1 {
    font-family: var(--fontFamily);
}
.footer_item_3 {
    font-family: var(--fontFamily);
}
.footer_item_2 {
    font-family: var(--fontFamily);
}
.name_bg {
    background-color: #63ccf4;
}

.name__container_max-width {
    max-width: 102.5625rem;
}
.name__list {
    display: flex;
    align-items: center;
    white-space: nowrap;
   /* overflow: auto;*/
}
.name__item {
    font-weight: var(--fontWeight_900);
    font-size: 1rem;
    line-height: 110%;
}
.name__link {
    display: flex;
    align-items: center;
    -webkit-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
}
.name__link::after {
    content: "";
    margin-right: 0.25rem;
    width: 0.3125rem;
    height: 0.125rem;
    background-color: #8064a9;
}
.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 140;
    background-color: #63ccf4;
}
.header__container {
    max-width: 122.5625rem;
    display: flex;
    align-items: center;
}
.header__row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}
.header__wrapper {
    display: flex;
    align-items: center;
}
.header__logo {
    position: relative;
    z-index: 102;
}
.header__logo img {
    -o-object-fit: contain;
    object-fit: contain;
}
.header__box {
    display: flex;
    align-items: center;
    -webkit-column-gap: 0.9375rem;
    -moz-column-gap: 0.9375rem;
    column-gap: 0.9375rem;
}
.header__phone {
    line-height: var(--lineHeight_100);
    font-family: var(--fontFamily_3);
font-weight: 700;

}
.home {
    position: relative;
}
.home__fon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}
.happy {
    overflow: hidden;
    margin-top: -0.0625rem;
    background-color: #63ccf4;
}
.happy__container {
    position: relative;
}
.happy__picture {
    position: relative;
    z-index: 2;
}
.happy__image {
    -o-object-fit: contain;
    object-fit: contain;
}
.happy__text {
    position: relative;
    z-index: 2;
    font-weight: var(--fontWeight_600);
    line-height: 130%;
    color: #fff;
}
.happy__columns {
    max-width: 58.375rem;
    position: relative;
}
.happy__columns::before {
    content: "";
    position: absolute;
    top: 0;
    background: url(../img/decor.svg) 0 0 / contain no-repeat;
}
.happy__column {
    position: relative;
    z-index: 2;
    flex: 1 1 calc(50% - 7.125rem);
    display: flex;
}
.happy__icon {
    -o-object-fit: cover;
    object-fit: cover;
}
.happy__name {
    font-weight: var(--fontWeight_600);
    color: #4d3068;
    line-height: 110%;
}
.happy__name span {
    display: block;
}
.happy__dog {
    position: absolute;
    bottom: 0;
    -o-object-fit: contain;
    object-fit: contain;
}
.production__title {
    font-family: var(--fontFamily_3);
    font-weight: var(--fontWeight_700);
    line-height: 110%;
    color: #8064a9;
    text-align: center;
}
.columns-production {
    display: grid;
    gap: 1.8125rem;
}
.columns-production__column {
    display: flex;
    flex-direction: column;
    border-radius: 3.0625rem;
    background-color: #e96f50;
}
.columns-production__column_bg-1 {
    background-color: #8246ac;
}
.columns-production__column_bg-2 {
    background-color: #e2644a;
}
.columns-production__picture {
    display: flex;
    justify-content: center;
}
.columns-production__image {
    -o-object-fit: contain;
    object-fit: contain;
}
.columns-production__body {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.columns-production__name {
    flex-grow: 1;
    text-transform: uppercase;
    font-family: var(--fontFamily_3);
    font-weight: var(--fontWeight_700);
    line-height: 120%;
    color: #fff;
    margin-bottom: 3.125rem;
}
.columns-production__description {
    font-family: var(--fontFamily_2);
    color: #fff;
    line-height: 110%;
}
.catalog {
    background-color: #63ccf4;
}
.catalog__container {
    max-width: 96.5625rem;
}
.catalog__title {
    font-weight: var(--fontWeight_900);
    line-height: 110%;
    color: #b94026;
}
.catalog__title:not(:last-child) {
    margin-bottom: 2.375rem;
}
.catalog__body {
    max-width: 28.125rem;
    position: relative;
}
.catalog__body::before {
    content: "";
    position: absolute;
    top: 0;
    background: url(../img/decor_4.svg) 0 0 / contain no-repeat;
}
.catalog__items {
    position: relative;
    z-index: 2;
}
.catalog__item {
    font-weight: var(--fontWeight_600);
    line-height: 130%;
    color: #fff;
    position: relative;
}
.catalog__item::before {
    content: "";
    position: absolute;
    top: 0;
    background: url(../img/heart.svg) 0 0 / contain no-repeat;
}
.catalog__name {
    font-weight: var(--fontWeight_900);
    line-height: 110%;
    z-index: 2;
    color: #63ccf4;
    position: relative;
}
.catalog__name::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/lightning.svg) 0 0 / contain no-repeat;
}
.catalog__name span {
    display: block;
}
.catalog__picture {
    align-self: flex-end;
    position: relative;
    z-index: 2;
}
.catalog__picture::before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 8.75rem;
    background: url(../img/shadow.webp) 0 0 / contain no-repeat;
    z-index: -1;
}
.catalog__label {
    border-radius: 50%;
    background-color: #f15e40;
    position: absolute;
}
.catalog__label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 0.125rem;
    background-color: #fff;
    z-index: 2;
}
.catalog__gram {
    font-weight: var(--fontWeight_900);
    line-height: 130%;
    color: #fff;
}
.catalog__image {
    -o-object-fit: contain;
    object-fit: contain;
}
.contacts {
    background-color: #63ccf4;
}
.contacts__title {
    font-family: var(--fontFamily_3);
    font-weight: var(--fontWeight_700);
    line-height: 140%;
    color: #8064a9;
    text-align: center;
}
.contacts__title:not(:last-child) {
    margin-bottom: 2.625rem;
}
.contacts__sub-title {
    font-weight: var(--fontWeight_900);
    line-height: 110%;
    color: #8064a9;
}
.contacts__sub-title:not(:last-child) {
    margin-bottom: 2.5rem;
}
.contacts__items a {
    text-decoration: underline;
}
.contacts__item {
    line-height: 130%;
    font-family: var(--fontFamily_4);
    font-weight: var(--fontWeight_700);
    color: #8064a9;
}
.contacts__map {
    width: 100%;
}
.contacts__map iframe {
    width: 100%;
}
.contacts__text {
    font-family: var(--fontFamily_4);
    font-weight: var(--fontWeight_500);
    color: #000;
    line-height: 130%;
}
.page_bg {
    background-color: #63ccf4;
}
.page__name {
    padding-top: 2rem;
    padding-bottom: 3.125rem;
}
@media (min-width: 29.99875em) {
    .happy__columns {
        display: flex;
        flex-wrap: wrap;
    }
    .columns-production {
        grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
    }
    .catalog__title span {
        display: block;
    }
}
@media (min-width: 29.99875em) and (min-width: 105.625em) {
    .happy__columns {
        row-gap: 8.25rem;
    }
    .columns-production__image {
        width: 19.875rem;
    }
}
@media (min-width: 29.99875em) and (min-width: 120em) {
    .catalog__item {
        padding-left: 0.0000000625rem;
    }
    .catalog__name {
        padding-left: 0.0000000625rem;
    }
}
@media (min-width: 47.99875em) {
    .menu__link {
        transition: color var(--s) var(--e);
    }
    .name__link {
        transition: color var(--s) var(--e);
    }
    .header__logo img {
        will-change: transform;
        transition: -webkit-transform var(--s) var(--e);
        transition: transform var(--s) var(--e);
        transition: transform var(--s) var(--e), -webkit-transform var(--s) var(--e);
    }
    .header__phone {
        transition: color var(--s) var(--e);
    }
    .columns-production__column {
        transition: box-shadow var(--s) var(--e);
    }
    .columns-production__picture {
        transition: -webkit-transform 0.5s var(--e);
        transition: transform 0.5s var(--e);
        transition: transform 0.5s var(--e), -webkit-transform 0.5s var(--e);
    }
    .columns-production__image {
        transition: -webkit-transform var(--s) var(--e);
        transition: transform var(--s) var(--e);
        transition: transform var(--s) var(--e), -webkit-transform var(--s) var(--e);
    }
    .columns-production__name {
        transition: -webkit-transform 0.5s var(--e);
        transition: transform 0.5s var(--e);
        transition: transform 0.5s var(--e), -webkit-transform 0.5s var(--e);
    }
    .columns-production__description {
        transition: opacity 0.5s var(--e), bottom 0.5s var(--e);
    }
    .contacts__items a {
        transition: color var(--s) var(--e);
    }
}
@media (min-width: 47.99875em) and (min-width: 105.625em) {
    .happy__columns::before {
        width: 84.375rem;
    }
    .happy__columns::before {
        height: 57.5rem;
    }
}
@media (min-width: 61.99875em) {
    .menu__list {
        display: flex;
        align-items: center;
    }
    .happy__container {
        max-width: 90.625rem;
    }
    .happy__container::after,
    .happy__container::before {
        content: "";
        position: absolute;
    }
    .happy__container::before {
        background: url(../img/decor_2.svg) 0 0 / contain no-repeat;
        right: 2.5rem;
    }
    .happy__container::after {
        background: url(../img/decor_3.svg) 0 0 / contain no-repeat;
        top: 30rem;
    }
    .happy__text {
        max-width: 70.75rem;
    }
    .happy__columns::before {
        left: -10.0625rem;
    }
    .columns-production__column:hover {
        box-shadow: 0 0 3.8125rem 0 #f88;
    }
    .columns-production__column:hover .columns-production__picture {
        -webkit-transform: translate(0, -6.875rem);
        transform: translate(0, -6.875rem);
    }
    .columns-production__column:hover .columns-production__image {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
    .columns-production__column:hover .columns-production__name {
        -webkit-transform: translate(0, -6.875rem);
        transform: translate(0, -6.875rem);
    }
    .columns-production__column:hover .columns-production__description {
        opacity: 1;
        bottom: 0;
    }
    .columns-production__description {
        opacity: 0;
    }
    .columns-production__description {
        position: absolute;
        bottom: -50%;
        left: 0;
    }
    .catalog__column {
        display: flex;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        justify-content: space-between;
    }
    .catalog__label {
        right: 0;
    }
    .contacts__column {
        display: flex;
    }
    .contacts__body {
        max-width: 48.4375rem;
        width: 100%;
        padding-right: 1.875rem;
    }
    .wrapper {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        width: 133.33%;
        overflow-x: hidden;
    }
}
@media (min-width: 61.99875em) and (min-width: 105.625em) {
    .menu__list {
        -webkit-column-gap: 5.8125rem;
        -moz-column-gap: 5.8125rem;
        column-gap: 5.8125rem;
    }
    .header__phone {
        font-size: 1.875rem;
    }
    .happy__container::before {
        width: 10.0625rem;
    }
    .happy__container::before {
        height: 9.8125rem;
    }
    .happy__container::before {
        top: 16.5rem;
    }
    .happy__container::after {
        width: 16.6875rem;
    }
    .happy__container::after {
        height: 14.125rem;
    }
    .columns-production__column {
        min-height: 52.6875rem;
    }
    .catalog__label {
        top: -16.25rem;
    }
    .catalog__image {
        width: 50rem;
    }
    .catalog__image {
        height: 57.5625rem;
    }
}
@media (min-width: 61.99875em) and (min-width: 120em) {
    .home {
        height: 77.8125rem;
    }
    .happy__container::after {
        right: -12.5rem;
    }
}
@media (min-width: 80.5em) and (min-width: 105.625em) {
    .columns-production__picture:not(:last-child) {
        margin-bottom: 4.375rem;
    }
    .columns-production__name {
        font-size: 1.75rem;
    }
    .columns-production__description {
        font-size: 1.6875rem;
    }
}
@media (min-width: 103.8125em) and (min-width: 120em) {
    .happy__dog {
        right: -9.375rem;
    }
}
@media (min-width: 105.625em) {
    .menu__link {
        font-size: 1.875rem;
    }
    .header {
        padding-top: 1.5625rem;
    }
    .header {
        padding-bottom: 1.5625rem;
    }
    .header__wrapper {
        -webkit-column-gap: 5.75rem;
        -moz-column-gap: 5.75rem;
        column-gap: 5.75rem;
    }
    .header__logo img {
        width: 12.125rem;
    }
    .header__logo img {
        height: 6.4375rem;
    }
    .happy__container {
        padding-bottom: 11.1875rem;
    }
    .happy__picture:not(:last-child) {
        margin-bottom: 3.5625rem;
    }
    .happy__image {
        width: 57.0625rem;
    }
    .happy__image {
        height: 4.5rem;
    }
    .happy__text {
        font-size: 2rem;
    }
    .happy__text:not(:last-child) {
        margin-bottom: 3rem;
    }
    .happy__columns {
        padding-top: 7.25rem;
    }
    .happy__columns {
        -webkit-column-gap: 7.125rem;
        -moz-column-gap: 7.125rem;
        column-gap: 7.125rem;
    }
    .happy__columns::before {
        left: -10.0625rem;
    }
    .happy__column {
        -webkit-column-gap: 2.1875rem;
        -moz-column-gap: 2.1875rem;
        column-gap: 2.1875rem;
    }
    .happy__icon {
        width: 7.875rem;
    }
    .happy__icon {
        height: 7.875rem;
    }
    .happy__name {
        font-size: 1.5rem;
    }
    .production__title {
        font-size: 3rem;
    }
    .production__title:not(:last-child) {
        margin-bottom: 10.4375rem;
    }
    .columns-production__column {
        padding-left: 3.125rem;
    }
    .columns-production__column {
        padding-right: 3.125rem;
    }
    .columns-production__column {
        padding-top: 6.25rem;
    }
    .columns-production__column {
        padding-bottom: 3.75rem;
    }
    .columns-production__image {
        height: 31.5625rem;
    }
    .catalog__title {
        font-size: 3rem;
max-width: 60%;
    }
    .catalog__body {
        padding-top: 4rem;
    }
    .catalog__body::before {
        left: -30.6875rem;
    }
    .catalog__body::before {
        width: 86rem;
    }
    .catalog__body::before {
        height: 57.4375rem;
    }
    .catalog__items:not(:last-child) {
        margin-bottom: 2.5625rem;
    }
    .catalog__item {
        font-size: 1.25rem;
    }
    .catalog__item::before {
        width: 2.75rem;
    }
    .catalog__item::before {
        height: 2.125rem;
    }
    .catalog__item:not(:last-child) {
        margin-bottom: 1.5625rem;
    }
    .catalog__name {
        font-size: 2.5rem;
    }
    .catalog__name::before {
        width: 5.8125rem;
    }
    .catalog__name::before {
        height: 8.125rem;
    }
    .catalog__picture::before {
        width: 79.375rem;
    }
    .catalog__picture::before {
        bottom: -3.125rem;
    }
    .catalog__label {
        padding: 3.75rem;
    }
    .catalog__label {
        width: 17.375rem;
    }
    .catalog__label {
        height: 17.375rem;
    }
    .catalog__label::before {
        width: 13.3125rem;
    }
    .catalog__gram {
        font-size: 2.75rem;
    }
    .catalog__gram:not(:last-child) {
        margin-bottom: 1.875rem;
    }
    .contacts__title {
        font-size: 3rem;
    }
    .contacts__column:not(:last-child) {
        margin-bottom: 5.0625rem;
    }
    .contacts__sub-title {
        font-size: 2.5rem;
    }
    .contacts__item {
        font-size: 1.5rem;
    }
    .contacts__item:not(:last-child) {
        margin-bottom: 1.875rem;
    }
    .contacts__text {
        font-size: 1.875rem;
    }
    .page {
        margin-top: 9.5625rem;
    }
    .page__happy {
        padding-top: 10.625rem;
    }
    .page__production {
        padding-bottom: 9.3125rem;
    }
    .page__production_top {
        padding-top: 7.5rem;
    }
    .page__name_bottom {
        padding-bottom: 5.125rem;
    }
    .page__catalog {
        padding-bottom: 6.0625rem;
    }
    .page__contacts {
        padding-bottom: 17.4375rem;
    }
}
@media (min-width: 62em) {
    .contacts__map iframe {
        height: 26.6875rem;
    }
}
@media (min-width: 120em) {
    .happy__dog {
        width: 33.3125rem;
    }
    .happy__dog {
        height: 27.625rem;
    }
    .catalog__item::before {
        left: -3.875rem;
    }
    .catalog__name::before {
        left: -6.25rem;
    }
}
@media (max-width: 62em) {
    .menu__link {
        font-size: 1.25rem;
    }
    .header__wrapper {
        -webkit-column-gap: 1.875rem;
        -moz-column-gap: 1.875rem;
        column-gap: 1.875rem;
    }
    .happy__columns {
        -webkit-column-gap: 1.875rem;
        -moz-column-gap: 1.875rem;
        column-gap: 1.875rem;
    }
    .happy__columns::before {
        left: -3.125rem;
    }
}
@media (max-width: 48em) {
    .happy__dog {
        width: 14.5625rem;
    }
    .happy__dog {
        height: 8.875rem;
    }
}
@media (max-width: 20em) {
    .header {
        padding-top: 0.9375rem;
    }
    .header {
        padding-bottom: 0.9375rem;
    }
    .header__logo img {
        width: 6.875rem;
    }
    .header__logo img {
        height: 4.5625rem;
    }
    .happy__container {
        padding-bottom: 7.5rem;
    }
    .happy__picture:not(:last-child) {
        margin-bottom: 1.25rem;
    }
    .happy__image {
        width: 18.125rem;
    }
    .happy__image {
        height: 2rem;
    }
    .happy__text {
        font-size: 1rem;
    }
    .happy__text:not(:last-child) {
        margin-bottom: 1.875rem;
    }
    .happy__columns {
        padding-top: 3.75rem;
    }
    .happy__column {
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
    .happy__icon {
        width: 3.75rem;
    }
    .happy__icon {
        height: 3.75rem;
    }
    .happy__name {
        font-size: 1rem;
    }
    .production__title {
        font-size: 2.125rem;
    }
    .production__title:not(:last-child) {
        margin-bottom: 3.75rem;
    }
    .columns-production__column {
        padding-left: 1.25rem;
    }
    .columns-production__column {
        padding-right: 1.25rem;
    }
    .columns-production__column {
        padding-top: 2.5rem;
    }
    .columns-production__column {
        padding-bottom: 2.5rem;
    }
    .columns-production__image {
        height: 15.9375rem;
    }
    .catalog__title {
        font-size: 1.5625rem;
    }
    .catalog__body {
        padding-top: 2.5rem;
    }
    .catalog__body::before {
        left: -18.1875rem;
    }
    .catalog__body::before {
        width: 61rem;
    }
    .catalog__body::before {
        height: 44.9375rem;
    }
    .catalog__items:not(:last-child) {
        margin-bottom: 1.875rem;
    }
    .catalog__item {
        font-size: 0.9375rem;
    }
    .catalog__item::before {
        width: 1.875rem;
    }
    .catalog__item::before {
        height: 1.25rem;
    }
    .catalog__item:not(:last-child) {
        margin-bottom: 1.25rem;
    }
    .catalog__name {
        font-size: 1.375rem;
    }
    .catalog__name::before {
        width: 4.0625rem;
    }
    .catalog__name::before {
        height: 5.625rem;
    }
    .catalog__picture::before {
        width: 25rem;
    }
    .catalog__picture::before {
        bottom: -4.375rem;
    }
    .catalog__label {
        padding: 1.5625rem;
    }
    .catalog__label {
        width: 7.5rem;
    }
    .catalog__label {
        height: 7.5rem;
    }
    .catalog__label::before {
        width: 6.25rem;
    }
    .catalog__gram {
        font-size: 1.125rem;
    }
    .catalog__gram:not(:last-child) {
        margin-bottom: 1.5625rem;
    }
    .contacts__title {
        font-size: 2.125rem;
    }
    .contacts__column:not(:last-child) {
        margin-bottom: 2.5rem;
    }
    .contacts__sub-title {
        font-size: 1.25rem;
    }
    .contacts__item {
        font-size: 1.125rem;
    }
    .contacts__item:not(:last-child) {
        margin-bottom: 1.25rem;
    }
    .contacts__map iframe {
        height: 23.75rem;
    }
    .contacts__text {
        font-size: 1.125rem;
    }
    .page {
        margin-top: 6.4375rem;
    }
    .page__happy {
        padding-top: 3.75rem;
    }
    .page__production {
        padding-bottom: 3.75rem;
    }
    .page__production_top {
        padding-top: 3.75rem;
    }
    .page__name_bottom {
        padding-bottom: 3.75rem;
    }
    .page__catalog {
        padding-bottom: 2.5rem;
    }
    .page__contacts {
        padding-bottom: 3.75rem;
    }
}
@media (max-width: 103.75em) {
    .happy__dog {
        right: -12.25rem;
    }
    .catalog__item::before {
        left: 0.0000000625rem;
    }
    .catalog__name::before {
        left: 0.0000000625rem;
    }
}
@media (max-width: 80.4375em) and (max-width: 62em) {
    .columns-production__picture:not(:last-child) {
        margin-bottom: 2.5rem;
    }
}
@media (max-width: 80.4375em) and (max-width: 20em) {
    .columns-production__name {
        font-size: 1.25rem;
    }
    .columns-production__description {
        font-size: 1rem;
    }
}
@media (max-width: 61.99875em) {
    .menu__list:not(:last-child) {
        margin-bottom: 1.875rem;
    }
    .menu__item:not(:last-child) {
        margin-bottom: 1.25rem;
    }
    .menu__link {
        display: flex;
        width: 100%;
        color: #fff;
    }
    .menu__body {
        position: fixed;
        width: 100%;
        height: 100svh;
        top: 0;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 100;
        background-color: #63ccf4;
        left: -100%;
        padding: 10rem 0.9375rem 1.875rem 0.9375rem;
        transition: left var(--s) var(--d) var(--e);
    }
    .menu__body::before {
        content: "";
        top: 0;
        position: fixed;
        width: 100%;
        z-index: 101;
        background-color: #fff;
        left: -100%;
        transition: left var(--s) var(--d) var(--e);
    }
    .menu-open .menu__body {
        left: 0;
    }
    .menu-open .menu__body::before {
        left: 0;
    }
    .icon-menu {
        display: block;
        position: relative;
        width: 1.875rem;
        height: 1.375rem;
        z-index: 102;
    }
    .icon-menu span,
    .icon-menu::after,
    .icon-menu::before {
        content: "";
        right: 0;
        position: absolute;
        width: 100%;
        height: 0.1875rem;
        background-color: #8064a9;
        border-radius: 3.125rem;
    }
    .icon-menu::before {
        top: 0;
        transition: top var(--s) var(--d) var(--e), -webkit-transform var(--s) var(--d) var(--e);
        transition: transform var(--s) var(--d) var(--e), top var(--s) var(--d) var(--e);
        transition: transform var(--s) var(--d) var(--e), top var(--s) var(--d) var(--e), -webkit-transform var(--s) var(--d) var(--e);
    }
    .icon-menu::after {
        bottom: 0;
        transition: bottom var(--s) var(--d) var(--e), -webkit-transform var(--s) var(--d) var(--e);
        transition: transform var(--s) var(--d) var(--e), bottom var(--s) var(--d) var(--e);
        transition: transform var(--s) var(--d) var(--e), bottom var(--s) var(--d) var(--e), -webkit-transform var(--s) var(--d) var(--e);
    }
    .icon-menu span {
        top: calc(50% - 0.0625rem);
        transition: width var(--s) var(--d) var(--e);
    }
    .menu-open .icon-menu span {
        width: 0;
    }
    .menu-open .icon-menu::before {
        top: calc(50% - 0.125rem);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .menu-open .icon-menu::after {
        bottom: calc(50% - 0.0625rem);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .happy__columns::before {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .catalog__picture {
        display: flex;
        justify-content: center;
    }
    .contacts__container {
        padding: 0;
    }
    .contacts__title {
        padding: 0 0.9375rem;
    }
    .contacts__body {
        padding: 0 0.9375rem;
    }
    .contacts__body:not(:last-child) {
        margin-bottom: 1.875rem;
    }
    .contacts__item br {
        display: none;
    }
    .contacts__text {
        padding: 0 0.9375rem;
    }
}
@media (max-width: 61.99875em) and (max-width: 20em) {
    .menu__body {
        padding-top: 7.5rem;
    }
    .menu__body::before {
        height: 6.4375rem;
    }
    .home {
        height: 10rem;
    }
    .columns-production__column {
        min-height: 21.4375rem;
    }
    .catalog__body:not(:last-child) {
        margin-bottom: 5rem;
    }
    .catalog__label {
        right: 0.0000000625rem;
    }
    .catalog__label {
        top: -3.75rem;
    }
    .catalog__image {
        width: 18.125rem;
    }
    .catalog__image {
        height: 26.3125rem;
    }
}
@media (max-width: 61.99875em) and (any-hover: none) {
    .icon-menu {
        cursor: default;
    }
}
@media (max-width: 47.99875em) and (max-width: 20em) {
    .happy__columns::before {
        width: 43.75rem;
    }
    .happy__columns::before {
        height: 43.75rem;
    }
}
@media (max-width: 29.99875em) {
    .header__phone {
        font-size: 1.25rem;
        width: 100%;
        color: #fff;
    }
    .happy__text br {
        display: none;
    }
    .happy__column:not(:last-child) {
        margin-bottom: 1.875rem;
    }
    .columns-production {
        grid-template-columns: repeat(auto-fill, minmax(18.125rem, 1fr));
    }
    .columns-production__image {
        width: 100%;
    }
    .catalog__item {
        padding-left: 2.1875rem;
    }
    .catalog__name {
        padding-left: 4.375rem;
    }
}
@media (min-width: 61.99875em) and (min-width: 62em) and (max-width: 105.625em) {
    @supports ((-moz-column-gap: clamp(1.875rem, -3.7209885387rem + 9.0257879656vw, 5.8125rem)) or (column-gap: clamp(1.875rem, -3.7209885387rem + 9.0257879656vw, 5.8125rem))) {
        .menu__list {
            -webkit-column-gap: clamp(1.875rem, -3.7209885387rem + 9.0257879656vw, 5.8125rem);
            -moz-column-gap: clamp(1.875rem, -3.7209885387rem + 9.0257879656vw, 5.8125rem);
            column-gap: clamp(1.875rem, -3.7209885387rem + 9.0257879656vw, 5.8125rem);
        }
    }
    @supports not ((-moz-column-gap: clamp(1.875rem, -3.7209885387rem + 9.0257879656vw, 5.8125rem)) or (column-gap: clamp(1.875rem, -3.7209885387rem + 9.0257879656vw, 5.8125rem))) {
        .menu__list {
            -webkit-column-gap: calc(1.875rem + 3.9375 * (100vw - 62rem) / 43.625);
            -moz-column-gap: calc(1.875rem + 3.9375 * (100vw - 62rem) / 43.625);
            column-gap: calc(1.875rem + 3.9375 * (100vw - 62rem) / 43.625);
        }
    }
    @supports (font-size: clamp(1.25rem, 0.361747851rem + 1.4326647564vw, 1.875rem)) {
        .header__phone {
            font-size: clamp(1.25rem, 0.361747851rem + 1.4326647564vw, 1.875rem);
        }
    }
    @supports not (font-size: clamp(1.25rem, 0.361747851rem + 1.4326647564vw, 1.875rem)) {
        .header__phone {
            font-size: calc(1.25rem + 0.625 * (100vw - 62rem) / 43.625);
        }
    }
    @supports (width: clamp(5.0625rem, -2.043517192rem + 11.4613180516vw, 10.0625rem)) {
        .happy__container::before {
            width: clamp(5.0625rem, -2.043517192rem + 11.4613180516vw, 10.0625rem);
        }
    }
    @supports not (width: clamp(5.0625rem, -2.043517192rem + 11.4613180516vw, 10.0625rem)) {
        .happy__container::before {
            width: calc(5.0625rem + 5 * (100vw - 62rem) / 43.625);
        }
    }
    @supports (height: clamp(5.4375rem, -0.780265043rem + 10.0286532951vw, 9.8125rem)) {
        .happy__container::before {
            height: clamp(5.4375rem, -0.780265043rem + 10.0286532951vw, 9.8125rem);
        }
    }
    @supports not (height: clamp(5.4375rem, -0.780265043rem + 10.0286532951vw, 9.8125rem)) {
        .happy__container::before {
            height: calc(5.4375rem + 4.375 * (100vw - 62rem) / 43.625);
        }
    }
    @supports (width: clamp(7.9375rem, -4.498030086rem + 20.0573065903vw, 16.6875rem)) {
        .happy__container::after {
            width: clamp(7.9375rem, -4.498030086rem + 20.0573065903vw, 16.6875rem);
        }
    }
    @supports not (width: clamp(7.9375rem, -4.498030086rem + 20.0573065903vw, 16.6875rem)) {
        .happy__container::after {
            width: calc(7.9375rem + 8.75 * (100vw - 62rem) / 43.625);
        }
    }
    @supports (height: clamp(6.25rem, -4.9419770774rem + 18.0515759312vw, 14.125rem)) {
        .happy__container::after {
            height: clamp(6.25rem, -4.9419770774rem + 18.0515759312vw, 14.125rem);
        }
    }
    @supports not (height: clamp(6.25rem, -4.9419770774rem + 18.0515759312vw, 14.125rem)) {
        .happy__container::after {
            height: calc(6.25rem + 7.875 * (100vw - 62rem) / 43.625);
        }
    }
    @supports (min-height: clamp(41.875rem, 26.5082378223rem + 24.7851002865vw, 52.6875rem)) {
        .columns-production__column {
            min-height: clamp(41.875rem, 26.5082378223rem + 24.7851002865vw, 52.6875rem);
        }
    }
    @supports not (min-height: clamp(41.875rem, 26.5082378223rem + 24.7851002865vw, 52.6875rem)) {
        .columns-production__column {
            min-height: calc(41.875rem + 10.8125 * (100vw - 62rem) / 43.625);
        }
    }
    @supports (top: clamp(-16.25rem, -1.11747851rem + -14.3266475645vw, -10rem)) {
        .catalog__label {
            top: clamp(-16.25rem, -1.11747851rem + -14.3266475645vw, -10rem);
        }
    }
    @supports not (top: clamp(-16.25rem, -1.11747851rem + -14.3266475645vw, -10rem)) {
        .catalog__label {
            top: calc(-10rem + -6.25 * (100vw - 62rem) / 43.625);
        }
    }
    @supports (width: clamp(30.625rem, 3.0891833811rem + 44.4126074499vw, 50rem)) {
        .catalog__image {
            width: clamp(30.625rem, 3.0891833811rem + 44.4126074499vw, 50rem);
        }
    }
    @supports not (width: clamp(30.625rem, 3.0891833811rem + 44.4126074499vw, 50rem)) {
        .catalog__image {
            width: calc(30.625rem + 19.375 * (100vw - 62rem) / 43.625);
        }
    }
    @supports (height: clamp(38.8125rem, 12.1649355301rem + 42.9799426934vw, 57.5625rem)) {
        .catalog__image {
            height: clamp(38.8125rem, 12.1649355301rem + 42.9799426934vw, 57.5625rem);
        }
    }
    @supports not (height: clamp(38.8125rem, 12.1649355301rem + 42.9799426934vw, 57.5625rem)) {
        .catalog__image {
            height: calc(38.8125rem + 18.75 * (100vw - 62rem) / 43.625);
        }
    }
}
@media (min-width: 61.99875em) and (max-width: 62em) {
    .menu__list {
        -webkit-column-gap: 1.875rem;
        -moz-column-gap: 1.875rem;
        column-gap: 1.875rem;
    }
    .header__phone {
        font-size: 1.25rem;
    }
    .happy__container::before {
        width: 5.0625rem;
    }
    .happy__container::before {
        height: 5.4375rem;
    }
    .happy__container::after {
        width: 7.9375rem;
    }
    .happy__container::after {
        height: 6.25rem;
    }
    .columns-production__column {
        min-height: 41.875rem;
    }
    .catalog__label {
        top: -10rem;
    }
    .catalog__image {
        width: 30.625rem;
    }
    .catalog__image {
        height: 38.8125rem;
    }
}
@media (min-width: 62em) and (max-width: 105.625em) {
    @supports (font-size: clamp(1.25rem, 0.361747851rem + 1.4326647564vw, 1.875rem)) {
        .menu__link {
            font-size: clamp(1.25rem, 0.361747851rem + 1.4326647564vw, 1.875rem);
        }
    }
    @supports not (font-size: clamp(1.25rem, 0.361747851rem + 1.4326647564vw, 1.875rem)) {
        .menu__link {
            font-size: calc(1.25rem + 0.625 * (100vw - 62rem) / 43.625);
        }
    }
    @supports ((-moz-column-gap: clamp(1.875rem, -3.6321633238rem + 8.88252149vw, 5.75rem)) or (column-gap: clamp(1.875rem, -3.6321633238rem + 8.88252149vw, 5.75rem))) {
        .header__wrapper {
            -webkit-column-gap: clamp(1.875rem, -3.6321633238rem + 8.88252149vw, 5.75rem);
            -moz-column-gap: clamp(1.875rem, -3.6321633238rem + 8.88252149vw, 5.75rem);
            column-gap: clamp(1.875rem, -3.6321633238rem + 8.88252149vw, 5.75rem);
        }
    }
    @supports not ((-moz-column-gap: clamp(1.875rem, -3.6321633238rem + 8.88252149vw, 5.75rem)) or (column-gap: clamp(1.875rem, -3.6321633238rem + 8.88252149vw, 5.75rem))) {
        .header__wrapper {
            -webkit-column-gap: calc(1.875rem + 3.875 * (100vw - 62rem) / 43.625);
            -moz-column-gap: calc(1.875rem + 3.875 * (100vw - 62rem) / 43.625);
            column-gap: calc(1.875rem + 3.875 * (100vw - 62rem) / 43.625);
        }
    }
    @supports ((-moz-column-gap: clamp(1.875rem, -5.5863180516rem + 12.0343839542vw, 7.125rem)) or (column-gap: clamp(1.875rem, -5.5863180516rem + 12.0343839542vw, 7.125rem))) {
        .happy__columns {
            -webkit-column-gap: clamp(1.875rem, -5.5863180516rem + 12.0343839542vw, 7.125rem);
            -moz-column-gap: clamp(1.875rem, -5.5863180516rem + 12.0343839542vw, 7.125rem);
            column-gap: clamp(1.875rem, -5.5863180516rem + 12.0343839542vw, 7.125rem);
        }
    }
    @supports not ((-moz-column-gap: clamp(1.875rem, -5.5863180516rem + 12.0343839542vw, 7.125rem)) or (column-gap: clamp(1.875rem, -5.5863180516rem + 12.0343839542vw, 7.125rem))) {
        .happy__columns {
            -webkit-column-gap: calc(1.875rem + 5.25 * (100vw - 62rem) / 43.625);
            -moz-column-gap: calc(1.875rem + 5.25 * (100vw - 62rem) / 43.625);
            column-gap: calc(1.875rem + 5.25 * (100vw - 62rem) / 43.625);
        }
    }
    @supports (left: clamp(-10.0625rem, 6.7345988539rem + -15.9025787966vw, -3.125rem)) {
        .happy__columns::before {
            left: clamp(-10.0625rem, 6.7345988539rem + -15.9025787966vw, -3.125rem);
        }
    }
    @supports not (left: clamp(-10.0625rem, 6.7345988539rem + -15.9025787966vw, -3.125rem)) {
        .happy__columns::before {
            left: calc(-3.125rem + -6.9375 * (100vw - 62rem) / 43.625);
        }
    }
}
@media (max-width: 61.99875em) and (min-width: 62em) {
    .menu__body {
        padding-top: 10rem;
    }
    .menu__body::before {
        height: 8rem;
    }
    .catalog__body:not(:last-child) {
        margin-bottom: 9.375rem;
    }
    .catalog__label {
        right: 13.75rem;
    }
    .catalog__label {
        top: -9.375rem;
    }
}
@media (max-width: 61.99875em) and (min-width: 20em) and (max-width: 62em) {
    @supports (padding-top: clamp(7.5rem, 6.3095238095rem + 5.9523809524vw, 10rem)) {
        .menu__body {
            padding-top: clamp(7.5rem, 6.3095238095rem + 5.9523809524vw, 10rem);
        }
    }
    @supports not (padding-top: clamp(7.5rem, 6.3095238095rem + 5.9523809524vw, 10rem)) {
        .menu__body {
            padding-top: calc(7.5rem + 2.5 * (100vw - 20rem) / 42);
        }
    }
    @supports (height: clamp(6.4375rem, 5.693452381rem + 3.7202380952vw, 8rem)) {
        .menu__body::before {
            height: clamp(6.4375rem, 5.693452381rem + 3.7202380952vw, 8rem);
        }
    }
    @supports not (height: clamp(6.4375rem, 5.693452381rem + 3.7202380952vw, 8rem)) {
        .menu__body::before {
            height: calc(6.4375rem + 1.5625 * (100vw - 20rem) / 42);
        }
    }
    @supports (margin-bottom: clamp(5rem, 2.9166666667rem + 10.4166666667vw, 9.375rem)) {
        .catalog__body:not(:last-child) {
            margin-bottom: clamp(5rem, 2.9166666667rem + 10.4166666667vw, 9.375rem);
        }
    }
    @supports not (margin-bottom: clamp(5rem, 2.9166666667rem + 10.4166666667vw, 9.375rem)) {
        .catalog__body:not(:last-child) {
            margin-bottom: calc(5rem + 4.375 * (100vw - 20rem) / 42);
        }
    }
    @supports (right: clamp(0.0000000625rem, -6.5476189554rem + 32.7380950893vw, 13.75rem)) {
        .catalog__label {
            right: clamp(0.0000000625rem, -6.5476189554rem + 32.7380950893vw, 13.75rem);
        }
    }
    @supports not (right: clamp(0.0000000625rem, -6.5476189554rem + 32.7380950893vw, 13.75rem)) {
        .catalog__label {
            right: calc(0.0000000625rem + 13.7499999375 * (100vw - 20rem) / 42);
        }
    }
    @supports (top: clamp(-9.375rem, -1.0714285714rem + -13.3928571429vw, -3.75rem)) {
        .catalog__label {
            top: clamp(-9.375rem, -1.0714285714rem + -13.3928571429vw, -3.75rem);
        }
    }
    @supports not (top: clamp(-9.375rem, -1.0714285714rem + -13.3928571429vw, -3.75rem)) {
        .catalog__label {
            top: calc(-3.75rem + -5.625 * (100vw - 20rem) / 42);
        }
    }
}
@media (min-width: 20em) and (max-width: 105.625em) {
    @supports (padding-top: clamp(0.9375rem, 0.7915145985rem + 0.7299270073vw, 1.5625rem)) {
        .header {
            padding-top: clamp(0.9375rem, 0.7915145985rem + 0.7299270073vw, 1.5625rem);
        }
    }
    @supports not (padding-top: clamp(0.9375rem, 0.7915145985rem + 0.7299270073vw, 1.5625rem)) {
        .header {
            padding-top: calc(0.9375rem + 0.625 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (padding-bottom: clamp(0.9375rem, 0.7915145985rem + 0.7299270073vw, 1.5625rem)) {
        .header {
            padding-bottom: clamp(0.9375rem, 0.7915145985rem + 0.7299270073vw, 1.5625rem);
        }
    }
    @supports not (padding-bottom: clamp(0.9375rem, 0.7915145985rem + 0.7299270073vw, 1.5625rem)) {
        .header {
            padding-bottom: calc(0.9375rem + 0.625 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (width: clamp(6.875rem, 5.6487226277rem + 6.1313868613vw, 12.125rem)) {
        .header__logo img {
            width: clamp(6.875rem, 5.6487226277rem + 6.1313868613vw, 12.125rem);
        }
    }
    @supports not (width: clamp(6.875rem, 5.6487226277rem + 6.1313868613vw, 12.125rem)) {
        .header__logo img {
            width: calc(6.875rem + 5.25 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (height: clamp(4.5625rem, 4.1245437956rem + 2.1897810219vw, 6.4375rem)) {
        .header__logo img {
            height: clamp(4.5625rem, 4.1245437956rem + 2.1897810219vw, 6.4375rem);
        }
    }
    @supports not (height: clamp(4.5625rem, 4.1245437956rem + 2.1897810219vw, 6.4375rem)) {
        .header__logo img {
            height: calc(4.5625rem + 1.875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (padding-bottom: clamp(7.5rem, 6.6386861314rem + 4.3065693431vw, 11.1875rem)) {
        .happy__container {
            padding-bottom: clamp(7.5rem, 6.6386861314rem + 4.3065693431vw, 11.1875rem);
        }
    }
    @supports not (padding-bottom: clamp(7.5rem, 6.6386861314rem + 4.3065693431vw, 11.1875rem)) {
        .happy__container {
            padding-bottom: calc(7.5rem + 3.6875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (margin-bottom: clamp(1.25rem, 0.7098540146rem + 2.700729927vw, 3.5625rem)) {
        .happy__picture:not(:last-child) {
            margin-bottom: clamp(1.25rem, 0.7098540146rem + 2.700729927vw, 3.5625rem);
        }
    }
    @supports not (margin-bottom: clamp(1.25rem, 0.7098540146rem + 2.700729927vw, 3.5625rem)) {
        .happy__picture:not(:last-child) {
            margin-bottom: calc(1.25rem + 2.3125 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (width: clamp(18.125rem, 9.0301094891rem + 45.4744525547vw, 57.0625rem)) {
        .happy__image {
            width: clamp(18.125rem, 9.0301094891rem + 45.4744525547vw, 57.0625rem);
        }
    }
    @supports not (width: clamp(18.125rem, 9.0301094891rem + 45.4744525547vw, 57.0625rem)) {
        .happy__image {
            width: calc(18.125rem + 38.9375 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (height: clamp(2rem, 1.4160583942rem + 2.9197080292vw, 4.5rem)) {
        .happy__image {
            height: clamp(2rem, 1.4160583942rem + 2.9197080292vw, 4.5rem);
        }
    }
    @supports not (height: clamp(2rem, 1.4160583942rem + 2.9197080292vw, 4.5rem)) {
        .happy__image {
            height: calc(2rem + 2.5 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (font-size: clamp(1rem, 0.7664233577rem + 1.1678832117vw, 2rem)) {
        .happy__text {
            font-size: clamp(1rem, 0.7664233577rem + 1.1678832117vw, 2rem);
        }
    }
    @supports not (font-size: clamp(1rem, 0.7664233577rem + 1.1678832117vw, 2rem)) {
        .happy__text {
            font-size: calc(1rem + 1 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (margin-bottom: clamp(1.875rem, 1.6122262774rem + 1.3138686131vw, 3rem)) {
        .happy__text:not(:last-child) {
            margin-bottom: clamp(1.875rem, 1.6122262774rem + 1.3138686131vw, 3rem);
        }
    }
    @supports not (margin-bottom: clamp(1.875rem, 1.6122262774rem + 1.3138686131vw, 3rem)) {
        .happy__text:not(:last-child) {
            margin-bottom: calc(1.875rem + 1.125 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (padding-top: clamp(3.75rem, 2.9324817518rem + 4.0875912409vw, 7.25rem)) {
        .happy__columns {
            padding-top: clamp(3.75rem, 2.9324817518rem + 4.0875912409vw, 7.25rem);
        }
    }
    @supports not (padding-top: clamp(3.75rem, 2.9324817518rem + 4.0875912409vw, 7.25rem)) {
        .happy__columns {
            padding-top: calc(3.75rem + 3.5 * (100vw - 20rem) / 85.625);
        }
    }
    @supports ((-moz-column-gap: clamp(1.25rem, 1.0310218978rem + 1.0948905109vw, 2.1875rem)) or (column-gap: clamp(1.25rem, 1.0310218978rem + 1.0948905109vw, 2.1875rem))) {
        .happy__column {
            -webkit-column-gap: clamp(1.25rem, 1.0310218978rem + 1.0948905109vw, 2.1875rem);
            -moz-column-gap: clamp(1.25rem, 1.0310218978rem + 1.0948905109vw, 2.1875rem);
            column-gap: clamp(1.25rem, 1.0310218978rem + 1.0948905109vw, 2.1875rem);
        }
    }
    @supports not ((-moz-column-gap: clamp(1.25rem, 1.0310218978rem + 1.0948905109vw, 2.1875rem)) or (column-gap: clamp(1.25rem, 1.0310218978rem + 1.0948905109vw, 2.1875rem))) {
        .happy__column {
            -webkit-column-gap: calc(1.25rem + 0.9375 * (100vw - 20rem) / 85.625);
            -moz-column-gap: calc(1.25rem + 0.9375 * (100vw - 20rem) / 85.625);
            column-gap: calc(1.25rem + 0.9375 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (width: clamp(3.75rem, 2.7864963504rem + 4.8175182482vw, 7.875rem)) {
        .happy__icon {
            width: clamp(3.75rem, 2.7864963504rem + 4.8175182482vw, 7.875rem);
        }
    }
    @supports not (width: clamp(3.75rem, 2.7864963504rem + 4.8175182482vw, 7.875rem)) {
        .happy__icon {
            width: calc(3.75rem + 4.125 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (height: clamp(3.75rem, 2.7864963504rem + 4.8175182482vw, 7.875rem)) {
        .happy__icon {
            height: clamp(3.75rem, 2.7864963504rem + 4.8175182482vw, 7.875rem);
        }
    }
    @supports not (height: clamp(3.75rem, 2.7864963504rem + 4.8175182482vw, 7.875rem)) {
        .happy__icon {
            height: calc(3.75rem + 4.125 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (font-size: clamp(1rem, 0.8832116788rem + 0.5839416058vw, 1.5rem)) {
        .happy__name {
            font-size: clamp(1rem, 0.8832116788rem + 0.5839416058vw, 1.5rem);
        }
    }
    @supports not (font-size: clamp(1rem, 0.8832116788rem + 0.5839416058vw, 1.5rem)) {
        .happy__name {
            font-size: calc(1rem + 0.5 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (font-size: clamp(2.125rem, 1.920620438rem + 1.0218978102vw, 3rem)) {
        .production__title {
            font-size: clamp(2.125rem, 1.920620438rem + 1.0218978102vw, 3rem);
        }
    }
    @supports not (font-size: clamp(2.125rem, 1.920620438rem + 1.0218978102vw, 3rem)) {
        .production__title {
            font-size: calc(2.125rem + 0.875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (margin-bottom: clamp(3.75rem, 2.1879562044rem + 7.8102189781vw, 10.4375rem)) {
        .production__title:not(:last-child) {
            margin-bottom: clamp(3.75rem, 2.1879562044rem + 7.8102189781vw, 10.4375rem);
        }
    }
    @supports not (margin-bottom: clamp(3.75rem, 2.1879562044rem + 7.8102189781vw, 10.4375rem)) {
        .production__title:not(:last-child) {
            margin-bottom: calc(3.75rem + 6.6875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (padding-left: clamp(1.25rem, 0.8120437956rem + 2.1897810219vw, 3.125rem)) {
        .columns-production__column {
            padding-left: clamp(1.25rem, 0.8120437956rem + 2.1897810219vw, 3.125rem);
        }
    }
    @supports not (padding-left: clamp(1.25rem, 0.8120437956rem + 2.1897810219vw, 3.125rem)) {
        .columns-production__column {
            padding-left: calc(1.25rem + 1.875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (padding-right: clamp(1.25rem, 0.8120437956rem + 2.1897810219vw, 3.125rem)) {
        .columns-production__column {
            padding-right: clamp(1.25rem, 0.8120437956rem + 2.1897810219vw, 3.125rem);
        }
    }
    @supports not (padding-right: clamp(1.25rem, 0.8120437956rem + 2.1897810219vw, 3.125rem)) {
        .columns-production__column {
            padding-right: calc(1.25rem + 1.875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (padding-top: clamp(2.5rem, 1.6240875912rem + 4.3795620438vw, 6.25rem)) {
        .columns-production__column {
            padding-top: clamp(2.5rem, 1.6240875912rem + 4.3795620438vw, 6.25rem);
        }
    }
    @supports not (padding-top: clamp(2.5rem, 1.6240875912rem + 4.3795620438vw, 6.25rem)) {
        .columns-production__column {
            padding-top: calc(2.5rem + 3.75 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (padding-bottom: clamp(2.5rem, 2.2080291971rem + 1.4598540146vw, 3.75rem)) {
        .columns-production__column {
            padding-bottom: clamp(2.5rem, 2.2080291971rem + 1.4598540146vw, 3.75rem);
        }
    }
    @supports not (padding-bottom: clamp(2.5rem, 2.2080291971rem + 1.4598540146vw, 3.75rem)) {
        .columns-production__column {
            padding-bottom: calc(2.5rem + 1.25 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (height: clamp(15.9375rem, 12.2878649635rem + 18.2481751825vw, 31.5625rem)) {
        .columns-production__image {
            height: clamp(15.9375rem, 12.2878649635rem + 18.2481751825vw, 31.5625rem);
        }
    }
    @supports not (height: clamp(15.9375rem, 12.2878649635rem + 18.2481751825vw, 31.5625rem)) {
        .columns-production__image {
            height: calc(15.9375rem + 15.625 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (font-size: clamp(1.5625rem, 1.2267335766rem + 1.6788321168vw, 3rem)) {
        .catalog__title {
            font-size: clamp(1.5625rem, 1.2267335766rem + 1.6788321168vw, 3rem);
            max-width: 60%;
        }
    }
    @supports not (font-size: clamp(1.5625rem, 1.2267335766rem + 1.6788321168vw, 3rem)) {
        .catalog__title {
            font-size: calc(1.5625rem + 1.4375 * (100vw - 20rem) / 85.625);
            max-width: 60%;
        }
    }
    @supports (padding-top: clamp(2.5rem, 2.1496350365rem + 1.7518248175vw, 4rem)) {
        .catalog__body {
            padding-top: clamp(2.5rem, 2.1496350365rem + 1.7518248175vw, 4rem);
        }
    }
    @supports not (padding-top: clamp(2.5rem, 2.1496350365rem + 1.7518248175vw, 4rem)) {
        .catalog__body {
            padding-top: calc(2.5rem + 1.5 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (left: clamp(-30.6875rem, -15.2677919708rem + -14.598540146vw, -18.1875rem)) {
        .catalog__body::before {
            left: clamp(-30.6875rem, -15.2677919708rem + -14.598540146vw, -18.1875rem);
        }
    }
    @supports not (left: clamp(-30.6875rem, -15.2677919708rem + -14.598540146vw, -18.1875rem)) {
        .catalog__body::before {
            left: calc(-18.1875rem + -12.5 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (width: clamp(61rem, 55.1605839416rem + 29.197080292vw, 86rem)) {
        .catalog__body::before {
            width: clamp(61rem, 55.1605839416rem + 29.197080292vw, 86rem);
        }
    }
    @supports not (width: clamp(61rem, 55.1605839416rem + 29.197080292vw, 86rem)) {
        .catalog__body::before {
            width: calc(61rem + 25 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (height: clamp(44.9375rem, 42.0177919708rem + 14.598540146vw, 57.4375rem)) {
        .catalog__body::before {
            height: clamp(44.9375rem, 42.0177919708rem + 14.598540146vw, 57.4375rem);
        }
    }
    @supports not (height: clamp(44.9375rem, 42.0177919708rem + 14.598540146vw, 57.4375rem)) {
        .catalog__body::before {
            height: calc(44.9375rem + 12.5 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (margin-bottom: clamp(1.875rem, 1.7144160584rem + 0.802919708vw, 2.5625rem)) {
        .catalog__items:not(:last-child) {
            margin-bottom: clamp(1.875rem, 1.7144160584rem + 0.802919708vw, 2.5625rem);
        }
    }
    @supports not (margin-bottom: clamp(1.875rem, 1.7144160584rem + 0.802919708vw, 2.5625rem)) {
        .catalog__items:not(:last-child) {
            margin-bottom: calc(1.875rem + 0.6875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (font-size: clamp(0.9375rem, 0.8645072993rem + 0.3649635036vw, 1.25rem)) {
        .catalog__item {
            font-size: clamp(0.9375rem, 0.8645072993rem + 0.3649635036vw, 1.25rem);
        }
    }
    @supports not (font-size: clamp(0.9375rem, 0.8645072993rem + 0.3649635036vw, 1.25rem)) {
        .catalog__item {
            font-size: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (width: clamp(1.875rem, 1.670620438rem + 1.0218978102vw, 2.75rem)) {
        .catalog__item::before {
            width: clamp(1.875rem, 1.670620438rem + 1.0218978102vw, 2.75rem);
        }
    }
    @supports not (width: clamp(1.875rem, 1.670620438rem + 1.0218978102vw, 2.75rem)) {
        .catalog__item::before {
            width: calc(1.875rem + 0.875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (height: clamp(1.25rem, 1.045620438rem + 1.0218978102vw, 2.125rem)) {
        .catalog__item::before {
            height: clamp(1.25rem, 1.045620438rem + 1.0218978102vw, 2.125rem);
        }
    }
    @supports not (height: clamp(1.25rem, 1.045620438rem + 1.0218978102vw, 2.125rem)) {
        .catalog__item::before {
            height: calc(1.25rem + 0.875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (margin-bottom: clamp(1.25rem, 1.1770072993rem + 0.3649635036vw, 1.5625rem)) {
        .catalog__item:not(:last-child) {
            margin-bottom: clamp(1.25rem, 1.1770072993rem + 0.3649635036vw, 1.5625rem);
        }
    }
    @supports not (margin-bottom: clamp(1.25rem, 1.1770072993rem + 0.3649635036vw, 1.5625rem)) {
        .catalog__item:not(:last-child) {
            margin-bottom: calc(1.25rem + 0.3125 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (font-size: clamp(1.375rem, 1.1122262774rem + 1.3138686131vw, 2.5rem)) {
        .catalog__name {
            font-size: clamp(1.375rem, 1.1122262774rem + 1.3138686131vw, 2.5rem);
        }
    }
    @supports not (font-size: clamp(1.375rem, 1.1122262774rem + 1.3138686131vw, 2.5rem)) {
        .catalog__name {
            font-size: calc(1.375rem + 1.125 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (width: clamp(4.0625rem, 3.6537408759rem + 2.0437956204vw, 5.8125rem)) {
        .catalog__name::before {
            width: clamp(4.0625rem, 3.6537408759rem + 2.0437956204vw, 5.8125rem);
        }
    }
    @supports not (width: clamp(4.0625rem, 3.6537408759rem + 2.0437956204vw, 5.8125rem)) {
        .catalog__name::before {
            width: calc(4.0625rem + 1.75 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (height: clamp(5.625rem, 5.0410583942rem + 2.9197080292vw, 8.125rem)) {
        .catalog__name::before {
            height: clamp(5.625rem, 5.0410583942rem + 2.9197080292vw, 8.125rem);
        }
    }
    @supports not (height: clamp(5.625rem, 5.0410583942rem + 2.9197080292vw, 8.125rem)) {
        .catalog__name::before {
            height: calc(5.625rem + 2.5 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (width: clamp(25rem, 12.299270073rem + 63.503649635vw, 79.375rem)) {
        .catalog__picture::before {
            width: clamp(25rem, 12.299270073rem + 63.503649635vw, 79.375rem);
        }
    }
    @supports not (width: clamp(25rem, 12.299270073rem + 63.503649635vw, 79.375rem)) {
        .catalog__picture::before {
            width: calc(25rem + 54.375 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (bottom: clamp(-4.375rem, -4.6669708029rem + 1.4598540146vw, -3.125rem)) {
        .catalog__picture::before {
            bottom: clamp(-4.375rem, -4.6669708029rem + 1.4598540146vw, -3.125rem);
        }
    }
    @supports not (bottom: clamp(-4.375rem, -4.6669708029rem + 1.4598540146vw, -3.125rem)) {
        .catalog__picture::before {
            bottom: calc(-4.375rem + 1.25 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (padding: clamp(1.5625rem, 1.0515510949rem + 2.5547445255vw, 3.75rem)) {
        .catalog__label {
            padding: clamp(1.5625rem, 1.0515510949rem + 2.5547445255vw, 3.75rem);
        }
    }
    @supports not (padding: clamp(1.5625rem, 1.0515510949rem + 2.5547445255vw, 3.75rem)) {
        .catalog__label {
            padding: calc(1.5625rem + 2.1875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (width: clamp(7.5rem, 5.1934306569rem + 11.5328467153vw, 17.375rem)) {
        .catalog__label {
            width: clamp(7.5rem, 5.1934306569rem + 11.5328467153vw, 17.375rem);
        }
    }
    @supports not (width: clamp(7.5rem, 5.1934306569rem + 11.5328467153vw, 17.375rem)) {
        .catalog__label {
            width: calc(7.5rem + 9.875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (height: clamp(7.5rem, 5.1934306569rem + 11.5328467153vw, 17.375rem)) {
        .catalog__label {
            height: clamp(7.5rem, 5.1934306569rem + 11.5328467153vw, 17.375rem);
        }
    }
    @supports not (height: clamp(7.5rem, 5.1934306569rem + 11.5328467153vw, 17.375rem)) {
        .catalog__label {
            height: calc(7.5rem + 9.875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (width: clamp(6.25rem, 4.6003649635rem + 8.2481751825vw, 13.3125rem)) {
        .catalog__label::before {
            width: clamp(6.25rem, 4.6003649635rem + 8.2481751825vw, 13.3125rem);
        }
    }
    @supports not (width: clamp(6.25rem, 4.6003649635rem + 8.2481751825vw, 13.3125rem)) {
        .catalog__label::before {
            width: calc(6.25rem + 7.0625 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (font-size: clamp(1.125rem, 0.7454379562rem + 1.897810219vw, 2.75rem)) {
        .catalog__gram {
            font-size: clamp(1.125rem, 0.7454379562rem + 1.897810219vw, 2.75rem);
        }
    }
    @supports not (font-size: clamp(1.125rem, 0.7454379562rem + 1.897810219vw, 2.75rem)) {
        .catalog__gram {
            font-size: calc(1.125rem + 1.625 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (margin-bottom: clamp(1.5625rem, 1.4895072993rem + 0.3649635036vw, 1.875rem)) {
        .catalog__gram:not(:last-child) {
            margin-bottom: clamp(1.5625rem, 1.4895072993rem + 0.3649635036vw, 1.875rem);
        }
    }
    @supports not (margin-bottom: clamp(1.5625rem, 1.4895072993rem + 0.3649635036vw, 1.875rem)) {
        .catalog__gram:not(:last-child) {
            margin-bottom: calc(1.5625rem + 0.3125 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (font-size: clamp(2.125rem, 1.920620438rem + 1.0218978102vw, 3rem)) {
        .contacts__title {
            font-size: clamp(2.125rem, 1.920620438rem + 1.0218978102vw, 3rem);
        }
    }
    @supports not (font-size: clamp(2.125rem, 1.920620438rem + 1.0218978102vw, 3rem)) {
        .contacts__title {
            font-size: calc(2.125rem + 0.875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (margin-bottom: clamp(2.5rem, 1.901459854rem + 2.9927007299vw, 5.0625rem)) {
        .contacts__column:not(:last-child) {
            margin-bottom: clamp(2.5rem, 1.901459854rem + 2.9927007299vw, 5.0625rem);
        }
    }
    @supports not (margin-bottom: clamp(2.5rem, 1.901459854rem + 2.9927007299vw, 5.0625rem)) {
        .contacts__column:not(:last-child) {
            margin-bottom: calc(2.5rem + 2.5625 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (font-size: clamp(1.25rem, 0.9580291971rem + 1.4598540146vw, 2.5rem)) {
        .contacts__sub-title {
            font-size: clamp(1.25rem, 0.9580291971rem + 1.4598540146vw, 2.5rem);
        }
    }
    @supports not (font-size: clamp(1.25rem, 0.9580291971rem + 1.4598540146vw, 2.5rem)) {
        .contacts__sub-title {
            font-size: calc(1.25rem + 1.25 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (font-size: clamp(1.125rem, 1.0374087591rem + 0.4379562044vw, 1.5rem)) {
        .contacts__item {
            font-size: clamp(1.125rem, 1.0374087591rem + 0.4379562044vw, 1.5rem);
        }
    }
    @supports not (font-size: clamp(1.125rem, 1.0374087591rem + 0.4379562044vw, 1.5rem)) {
        .contacts__item {
            font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (margin-bottom: clamp(1.25rem, 1.1040145985rem + 0.7299270073vw, 1.875rem)) {
        .contacts__item:not(:last-child) {
            margin-bottom: clamp(1.25rem, 1.1040145985rem + 0.7299270073vw, 1.875rem);
        }
    }
    @supports not (margin-bottom: clamp(1.25rem, 1.1040145985rem + 0.7299270073vw, 1.875rem)) {
        .contacts__item:not(:last-child) {
            margin-bottom: calc(1.25rem + 0.625 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (font-size: clamp(1.125rem, 0.9498175182rem + 0.8759124088vw, 1.875rem)) {
        .contacts__text {
            font-size: clamp(1.125rem, 0.9498175182rem + 0.8759124088vw, 1.875rem);
        }
    }
    @supports not (font-size: clamp(1.125rem, 0.9498175182rem + 0.8759124088vw, 1.875rem)) {
        .contacts__text {
            font-size: calc(1.125rem + 0.75 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (margin-top: clamp(6.4375rem, 5.7075729927rem + 3.6496350365vw, 9.5625rem)) {
        .page {
            margin-top: clamp(6.4375rem, 5.7075729927rem + 3.6496350365vw, 9.5625rem);
        }
    }
    @supports not (margin-top: clamp(6.4375rem, 5.7075729927rem + 3.6496350365vw, 9.5625rem)) {
        .page {
            margin-top: calc(6.4375rem + 3.125 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (padding-top: clamp(3.75rem, 2.1441605839rem + 8.0291970803vw, 10.625rem)) {
        .page__happy {
            padding-top: clamp(3.75rem, 2.1441605839rem + 8.0291970803vw, 10.625rem);
        }
    }
    @supports not (padding-top: clamp(3.75rem, 2.1441605839rem + 8.0291970803vw, 10.625rem)) {
        .page__happy {
            padding-top: calc(3.75rem + 6.875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (padding-bottom: clamp(3.75rem, 2.450729927rem + 6.496350365vw, 9.3125rem)) {
        .page__production {
            padding-bottom: clamp(3.75rem, 2.450729927rem + 6.496350365vw, 9.3125rem);
        }
    }
    @supports not (padding-bottom: clamp(3.75rem, 2.450729927rem + 6.496350365vw, 9.3125rem)) {
        .page__production {
            padding-bottom: calc(3.75rem + 5.5625 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (padding-top: clamp(3.75rem, 2.8740875912rem + 4.3795620438vw, 7.5rem)) {
        .page__production_top {
            padding-top: clamp(3.75rem, 2.8740875912rem + 4.3795620438vw, 7.5rem);
        }
    }
    @supports not (padding-top: clamp(3.75rem, 2.8740875912rem + 4.3795620438vw, 7.5rem)) {
        .page__production_top {
            padding-top: calc(3.75rem + 3.75 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (padding-bottom: clamp(3.75rem, 3.4288321168rem + 1.6058394161vw, 5.125rem)) {
        .page__name_bottom {
            padding-bottom: clamp(3.75rem, 3.4288321168rem + 1.6058394161vw, 5.125rem);
        }
    }
    @supports not (padding-bottom: clamp(3.75rem, 3.4288321168rem + 1.6058394161vw, 5.125rem)) {
        .page__name_bottom {
            padding-bottom: calc(3.75rem + 1.375 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (padding-bottom: clamp(2.5rem, 1.6678832117rem + 4.1605839416vw, 6.0625rem)) {
        .page__catalog {
            padding-bottom: clamp(2.5rem, 1.6678832117rem + 4.1605839416vw, 6.0625rem);
        }
    }
    @supports not (padding-bottom: clamp(2.5rem, 1.6678832117rem + 4.1605839416vw, 6.0625rem)) {
        .page__catalog {
            padding-bottom: calc(2.5rem + 3.5625 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (padding-bottom: clamp(3.75rem, 0.552919708rem + 15.9854014599vw, 17.4375rem)) {
        .page__contacts {
            padding-bottom: clamp(3.75rem, 0.552919708rem + 15.9854014599vw, 17.4375rem);
        }
    }
    @supports not (padding-bottom: clamp(3.75rem, 0.552919708rem + 15.9854014599vw, 17.4375rem)) {
        .page__contacts {
            padding-bottom: calc(3.75rem + 13.6875 * (100vw - 20rem) / 85.625);
        }
    }
}
@media (min-width: 29.99875em) and (max-width: 61.99875em) {
    .header__phone {
        position: relative;
        z-index: 102;
    }
}
@media (min-width: 29.99875em) and (max-width: 61.99875em) and (min-width: 62em) {
    .header__phone {
        font-size: 1.25rem;
    }
}
@media (min-width: 29.99875em) and (max-width: 61.99875em) and (min-width: 20em) and (max-width: 62em) {
    @supports (font-size: clamp(0.9375rem, 0.7886904762rem + 0.744047619vw, 1.25rem)) {
        .header__phone {
            font-size: clamp(0.9375rem, 0.7886904762rem + 0.744047619vw, 1.25rem);
        }
    }
    @supports not (font-size: clamp(0.9375rem, 0.7886904762rem + 0.744047619vw, 1.25rem)) {
        .header__phone {
            font-size: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 42);
        }
    }
}
@media (min-width: 29.99875em) and (max-width: 61.99875em) and (max-width: 20em) {
    .header__phone {
        font-size: 0.9375rem;
    }
}
@media (min-width: 61.99875em) and (min-width: 20em) and (max-width: 120em) {
    @supports (height: clamp(10rem, -3.5625rem + 67.8125vw, 77.8125rem)) {
        .home {
            height: clamp(10rem, -3.5625rem + 67.8125vw, 77.8125rem);
        }
    }
    @supports not (height: clamp(10rem, -3.5625rem + 67.8125vw, 77.8125rem)) {
        .home {
            height: calc(10rem + 67.8125 * (100vw - 20rem) / 100);
        }
    }
}
@media (min-width: 61.99875em) and (max-width: 20em) {
    .home {
        height: 10rem;
    }
    .happy__container::before {
        top: 21.875rem;
    }
}
@media (max-width: 61.99875em) and (min-width: 120em) {
    .home {
        height: 59.0625rem;
    }
}
@media (max-width: 61.99875em) and (min-width: 20em) and (max-width: 120em) {
    @supports (height: clamp(10rem, 0.1875rem + 49.0625vw, 59.0625rem)) {
        .home {
            height: clamp(10rem, 0.1875rem + 49.0625vw, 59.0625rem);
        }
    }
    @supports not (height: clamp(10rem, 0.1875rem + 49.0625vw, 59.0625rem)) {
        .home {
            height: calc(10rem + 49.0625 * (100vw - 20rem) / 100);
        }
    }
}
@media (min-width: 61.99875em) and (min-width: 20em) and (max-width: 105.625em) {
    @supports (top: clamp(16.5rem, 23.1304744526rem + -6.2773722628vw, 21.875rem)) {
        .happy__container::before {
            top: clamp(16.5rem, 23.1304744526rem + -6.2773722628vw, 21.875rem);
        }
    }
    @supports not (top: clamp(16.5rem, 23.1304744526rem + -6.2773722628vw, 21.875rem)) {
        .happy__container::before {
            top: calc(21.875rem + -5.375 * (100vw - 20rem) / 85.625);
        }
    }
}
@media (min-width: 61.99875em) and (min-width: 103.75em) and (max-width: 120em) {
    @supports (right: clamp(-12.5rem, 79.8076927692rem + -76.9230773077vw, 0.0000000625rem)) {
        .happy__container::after {
            right: clamp(-12.5rem, 79.8076927692rem + -76.9230773077vw, 0.0000000625rem);
        }
    }
    @supports not (right: clamp(-12.5rem, 79.8076927692rem + -76.9230773077vw, 0.0000000625rem)) {
        .happy__container::after {
            right: calc(0.0000000625rem + -12.5000000625 * (100vw - 103.75rem) / 16.25);
        }
    }
}
@media (min-width: 61.99875em) and (max-width: 103.75em) {
    .happy__container::after {
        right: 0.0000000625rem;
    }
}
@media (min-width: 47.99875em) and (min-width: 20em) and (max-width: 105.625em) {
    @supports (width: clamp(48.75rem, 40.4288321168rem + 41.6058394161vw, 84.375rem)) {
        .happy__columns::before {
            width: clamp(48.75rem, 40.4288321168rem + 41.6058394161vw, 84.375rem);
        }
    }
    @supports not (width: clamp(48.75rem, 40.4288321168rem + 41.6058394161vw, 84.375rem)) {
        .happy__columns::before {
            width: calc(48.75rem + 35.625 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (height: clamp(50rem, 48.2481751825rem + 8.7591240876vw, 57.5rem)) {
        .happy__columns::before {
            height: clamp(50rem, 48.2481751825rem + 8.7591240876vw, 57.5rem);
        }
    }
    @supports not (height: clamp(50rem, 48.2481751825rem + 8.7591240876vw, 57.5rem)) {
        .happy__columns::before {
            height: calc(50rem + 7.5 * (100vw - 20rem) / 85.625);
        }
    }
}
@media (min-width: 47.99875em) and (max-width: 20em) {
    .happy__columns::before {
        width: 48.75rem;
    }
    .happy__columns::before {
        height: 50rem;
    }
}
@media (max-width: 47.99875em) and (min-width: 48em) {
    .happy__columns::before {
        width: 53.75rem;
    }
    .happy__columns::before {
        height: 50rem;
    }
}
@media (max-width: 47.99875em) and (min-width: 20em) and (max-width: 48em) {
    @supports (width: clamp(43.75rem, 36.6071428571rem + 35.7142857143vw, 53.75rem)) {
        .happy__columns::before {
            width: clamp(43.75rem, 36.6071428571rem + 35.7142857143vw, 53.75rem);
        }
    }
    @supports not (width: clamp(43.75rem, 36.6071428571rem + 35.7142857143vw, 53.75rem)) {
        .happy__columns::before {
            width: calc(43.75rem + 10 * (100vw - 20rem) / 28);
        }
    }
    @supports (height: clamp(43.75rem, 39.2857142857rem + 22.3214285714vw, 50rem)) {
        .happy__columns::before {
            height: clamp(43.75rem, 39.2857142857rem + 22.3214285714vw, 50rem);
        }
    }
    @supports not (height: clamp(43.75rem, 39.2857142857rem + 22.3214285714vw, 50rem)) {
        .happy__columns::before {
            height: calc(43.75rem + 6.25 * (100vw - 20rem) / 28);
        }
    }
}
@media (min-width: 29.99875em) and (min-width: 20em) and (max-width: 105.625em) {
    @supports (row-gap: clamp(1.875rem, 0.3859489051rem + 7.4452554745vw, 8.25rem)) {
        .happy__columns {
            row-gap: clamp(1.875rem, 0.3859489051rem + 7.4452554745vw, 8.25rem);
        }
    }
    @supports not (row-gap: clamp(1.875rem, 0.3859489051rem + 7.4452554745vw, 8.25rem)) {
        .happy__columns {
            row-gap: calc(1.875rem + 6.375 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (width: clamp(19.875rem, 19.875rem + 0vw, 19.875rem)) {
        .columns-production__image {
            width: clamp(19.875rem, 19.875rem + 0, 19.875rem);
        }
    }
    @supports not (width: clamp(19.875rem, 19.875rem + 0vw, 19.875rem)) {
        .columns-production__image {
            width: calc(19.875rem + 0 * (100vw - 20rem) / 85.625);
        }
    }
}
@media (min-width: 29.99875em) and (max-width: 20em) {
    .happy__columns {
        row-gap: 1.875rem;
    }
    .columns-production__image {
        width: 19.875rem;
    }
}
@media (min-width: 48em) and (max-width: 120em) {
    @supports (width: clamp(14.5625rem, 2.0625rem + 26.0416666667vw, 33.3125rem)) {
        .happy__dog {
            width: clamp(14.5625rem, 2.0625rem + 26.0416666667vw, 33.3125rem);
        }
    }
    @supports not (width: clamp(14.5625rem, 2.0625rem + 26.0416666667vw, 33.3125rem)) {
        .happy__dog {
            width: calc(14.5625rem + 18.75 * (100vw - 48rem) / 72);
        }
    }
    @supports (height: clamp(8.875rem, -3.625rem + 26.0416666667vw, 27.625rem)) {
        .happy__dog {
            height: clamp(8.875rem, -3.625rem + 26.0416666667vw, 27.625rem);
        }
    }
    @supports not (height: clamp(8.875rem, -3.625rem + 26.0416666667vw, 27.625rem)) {
        .happy__dog {
            height: calc(8.875rem + 18.75 * (100vw - 48rem) / 72);
        }
    }
}
@media (min-width: 103.8125em) and (min-width: 103.75em) and (max-width: 120em) {
    @supports (right: clamp(-9.375rem, 50.625rem + -50vw, -1.25rem)) {
        .happy__dog {
            right: clamp(-9.375rem, 50.625rem + -50vw, -1.25rem);
        }
    }
    @supports not (right: clamp(-9.375rem, 50.625rem + -50vw, -1.25rem)) {
        .happy__dog {
            right: calc(-1.25rem + -8.125 * (100vw - 103.75rem) / 16.25);
        }
    }
}
@media (min-width: 103.8125em) and (max-width: 103.75em) {
    .happy__dog {
        right: -1.25rem;
    }
}
@media (max-width: 61.99875em) and (min-width: 105.625em) {
    .columns-production__column {
        min-height: 52.6875rem;
    }
    .catalog__image {
        width: 50rem;
    }
    .catalog__image {
        height: 57.5625rem;
    }
}
@media (max-width: 61.99875em) and (min-width: 20em) and (max-width: 105.625em) {
    @supports (min-height: clamp(21.4375rem, 14.138229927rem + 36.496350365vw, 52.6875rem)) {
        .columns-production__column {
            min-height: clamp(21.4375rem, 14.138229927rem + 36.496350365vw, 52.6875rem);
        }
    }
    @supports not (min-height: clamp(21.4375rem, 14.138229927rem + 36.496350365vw, 52.6875rem)) {
        .columns-production__column {
            min-height: calc(21.4375rem + 31.25 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (width: clamp(18.125rem, 10.6797445255rem + 37.2262773723vw, 50rem)) {
        .catalog__image {
            width: clamp(18.125rem, 10.6797445255rem + 37.2262773723vw, 50rem);
        }
    }
    @supports not (width: clamp(18.125rem, 10.6797445255rem + 37.2262773723vw, 50rem)) {
        .catalog__image {
            width: calc(18.125rem + 31.875 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (height: clamp(26.3125rem, 19.013229927rem + 36.496350365vw, 57.5625rem)) {
        .catalog__image {
            height: clamp(26.3125rem, 19.013229927rem + 36.496350365vw, 57.5625rem);
        }
    }
    @supports not (height: clamp(26.3125rem, 19.013229927rem + 36.496350365vw, 57.5625rem)) {
        .catalog__image {
            height: calc(26.3125rem + 31.25 * (100vw - 20rem) / 85.625);
        }
    }
}
@media (min-width: 80.5em) and (min-width: 62em) and (max-width: 105.625em) {
    @supports (margin-bottom: clamp(2.5rem, -0.164756447rem + 4.2979942693vw, 4.375rem)) {
        .columns-production__picture:not(:last-child) {
            margin-bottom: clamp(2.5rem, -0.164756447rem + 4.2979942693vw, 4.375rem);
        }
    }
    @supports not (margin-bottom: clamp(2.5rem, -0.164756447rem + 4.2979942693vw, 4.375rem)) {
        .columns-production__picture:not(:last-child) {
            margin-bottom: calc(2.5rem + 1.875 * (100vw - 62rem) / 43.625);
        }
    }
    @supports (font-size: clamp(1.25rem, 0.5393982808rem + 1.1461318052vw, 1.75rem)) {
        .columns-production__name {
            font-size: clamp(1.25rem, 0.5393982808rem + 1.1461318052vw, 1.75rem);
        }
    }
    @supports not (font-size: clamp(1.25rem, 0.5393982808rem + 1.1461318052vw, 1.75rem)) {
        .columns-production__name {
            font-size: calc(1.25rem + 0.5 * (100vw - 62rem) / 43.625);
        }
    }
    @supports (font-size: clamp(1rem, 0.0229226361rem + 1.5759312321vw, 1.6875rem)) {
        .columns-production__description {
            font-size: clamp(1rem, 0.0229226361rem + 1.5759312321vw, 1.6875rem);
        }
    }
    @supports not (font-size: clamp(1rem, 0.0229226361rem + 1.5759312321vw, 1.6875rem)) {
        .columns-production__description {
            font-size: calc(1rem + 0.6875 * (100vw - 62rem) / 43.625);
        }
    }
}
@media (min-width: 80.5em) and (max-width: 62em) {
    .columns-production__picture:not(:last-child) {
        margin-bottom: 2.5rem;
    }
    .columns-production__name {
        font-size: 1.25rem;
    }
    .columns-production__description {
        font-size: 1rem;
    }
}
@media (max-width: 80.4375em) and (min-width: 105.625em) {
    .columns-production__picture:not(:last-child) {
        margin-bottom: 6.875rem;
    }
    .columns-production__name {
        font-size: 1.75rem;
    }
    .columns-production__description {
        font-size: 1.6875rem;
    }
}
@media (max-width: 80.4375em) and (min-width: 62em) and (max-width: 105.625em) {
    @supports (margin-bottom: clamp(2.5rem, -3.717765043rem + 10.0286532951vw, 6.875rem)) {
        .columns-production__picture:not(:last-child) {
            margin-bottom: clamp(2.5rem, -3.717765043rem + 10.0286532951vw, 6.875rem);
        }
    }
    @supports not (margin-bottom: clamp(2.5rem, -3.717765043rem + 10.0286532951vw, 6.875rem)) {
        .columns-production__picture:not(:last-child) {
            margin-bottom: calc(2.5rem + 4.375 * (100vw - 62rem) / 43.625);
        }
    }
}
@media (max-width: 80.4375em) and (min-width: 20em) and (max-width: 105.625em) {
    @supports (font-size: clamp(1.25rem, 1.1332116788rem + 0.5839416058vw, 1.75rem)) {
        .columns-production__name {
            font-size: clamp(1.25rem, 1.1332116788rem + 0.5839416058vw, 1.75rem);
        }
    }
    @supports not (font-size: clamp(1.25rem, 1.1332116788rem + 0.5839416058vw, 1.75rem)) {
        .columns-production__name {
            font-size: calc(1.25rem + 0.5 * (100vw - 20rem) / 85.625);
        }
    }
    @supports (font-size: clamp(1rem, 0.8394160584rem + 0.802919708vw, 1.6875rem)) {
        .columns-production__description {
            font-size: clamp(1rem, 0.8394160584rem + 0.802919708vw, 1.6875rem);
        }
    }
    @supports not (font-size: clamp(1rem, 0.8394160584rem + 0.802919708vw, 1.6875rem)) {
        .columns-production__description {
            font-size: calc(1rem + 0.6875 * (100vw - 20rem) / 85.625);
        }
    }
}
@media (min-width: 103.75em) and (max-width: 120em) {
    @supports (left: clamp(-3.875rem, 24.7403850769rem + -23.8461542308vw, 0.0000000625rem)) {
        .catalog__item::before {
            left: clamp(-3.875rem, 24.7403850769rem + -23.8461542308vw, 0.0000000625rem);
        }
    }
    @supports not (left: clamp(-3.875rem, 24.7403850769rem + -23.8461542308vw, 0.0000000625rem)) {
        .catalog__item::before {
            left: calc(0.0000000625rem + -3.8750000625 * (100vw - 103.75rem) / 16.25);
        }
    }
    @supports (left: clamp(-6.25rem, 39.9038466154rem + -38.4615388462vw, 0.0000000625rem)) {
        .catalog__name::before {
            left: clamp(-6.25rem, 39.9038466154rem + -38.4615388462vw, 0.0000000625rem);
        }
    }
    @supports not (left: clamp(-6.25rem, 39.9038466154rem + -38.4615388462vw, 0.0000000625rem)) {
        .catalog__name::before {
            left: calc(0.0000000625rem + -6.2500000625 * (100vw - 103.75rem) / 16.25);
        }
    }
}
@media (min-width: 29.99875em) and (min-width: 103.75em) and (max-width: 120em) {
    @supports (padding-left: clamp(0.0000000625rem, 23.0769226779rem + -19.2307688462vw, 3.125rem)) {
        .catalog__item {
            padding-left: clamp(0.0000000625rem, 23.0769226779rem + -19.2307688462vw, 3.125rem);
        }
    }
    @supports not (padding-left: clamp(0.0000000625rem, 23.0769226779rem + -19.2307688462vw, 3.125rem)) {
        .catalog__item {
            padding-left: calc(3.125rem + -3.1249999375 * (100vw - 103.75rem) / 16.25);
        }
    }
    @supports (padding-left: clamp(0.0000000625rem, 46.1538457548rem + -38.4615380769vw, 6.25rem)) {
        .catalog__name {
            padding-left: clamp(0.0000000625rem, 46.1538457548rem + -38.4615380769vw, 6.25rem);
        }
    }
    @supports not (padding-left: clamp(0.0000000625rem, 46.1538457548rem + -38.4615380769vw, 6.25rem)) {
        .catalog__name {
            padding-left: calc(6.25rem + -6.2499999375 * (100vw - 103.75rem) / 16.25);
        }
    }
}
@media (min-width: 29.99875em) and (max-width: 103.75em) {
    .catalog__item {
        padding-left: 3.125rem;
    }
    .catalog__name {
        padding-left: 6.25rem;
    }
}
@media (min-width: 20em) and (max-width: 62em) {
    @supports (height: clamp(23.75rem, 22.3511904762rem + 6.994047619vw, 26.6875rem)) {
        .contacts__map iframe {
            height: clamp(23.75rem, 22.3511904762rem + 6.994047619vw, 26.6875rem);
        }
    }
    @supports not (height: clamp(23.75rem, 22.3511904762rem + 6.994047619vw, 26.6875rem)) {
        .contacts__map iframe {
            height: calc(23.75rem + 2.9375 * (100vw - 20rem) / 42);
        }
    }
}
@media (any-hover: hover) {
    .menu__link:hover {
        color: #fff;
    }
    .name_bg .name__link:hover {
        color: #fff;
    }
    .name__link:hover {
        color: #63ccf4;
    }
    .header__logo img:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .header__phone:hover {
        color: #fff;
    }
    .columns-production__column_bg-1:hover {
        box-shadow: 0 0 3.8125rem 0 #8246ac;
    }
    .columns-production__column_bg-2:hover {
        box-shadow: 0 0 3.8125rem 0 #e2644a;
    }
    .contacts__items a:hover {
        color: #8064a9;
    }
}