:root {
    --bg: #FFF5E4;
    --accent: #00B0EB;
    --pink: #D5337B;
}

@font-face {
  font-family: "Humanst521";
  src:
    local("Humanst521"),
    url("../fonts/Humanist/Humanist521BT-Roman.woff2") format("woff2");
}

@font-face {
  font-family: "Architun";
  src:
    local("Architun"),
    url("../fonts/Architun/Architun.woff2") format("woff2");
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    background-color: #FFF5E4;
    font-family: "Humanst521", Arial, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    color: #000;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    outline: none !important;
    overflow-x: hidden;
    background-image: url(../img/bg.png);
    background-repeat: repeat-y;
}

header {
    /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.wrapper {
    /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

footer {
    /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
    margin: 0;
    padding: 0;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style: none;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

button,
a,
input {
    outline: none;
}

button:focus,
button:visited,
a:focus,
a:visited,
input:focus,
input:visited {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
}

label {
    margin: 0;
}


.header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 500;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    background: rgba(254, 254, 254, 0.5);
}

.header-wrapper_fixed {
    /*background: #FEFEFE;*/
    background: rgba(254, 254, 254, 0.9);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.1);
}

.header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 0;
}

.header-logo img {
    width: 4.125rem;
    min-width: 4.125rem;
    height: 3.4375rem;
}

.header__left,
.header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.icon-header {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 3rem;
    fill: #010101;
}

.icon-header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    background: rgba(1, 1, 1, 0.08);
    border-radius: 50%;
    margin-left: 0.5rem;
}

.icon-header_open {
    display: none;
}

.header-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #010101;
}

.header-phone:hover {
    color: #010101;
}

.header-phone img {
    width: 0.9375rem;
    min-width: 0.9375rem;
    height: 0.9375rem;
    margin-right: 0.1875rem;
}

.feedback-btn {
    padding: 0.406rem 1.406rem;
    background-color: #CE3B2E;
    color: #FEFEFE;
    font-size: 1rem;
    line-height: 1.5rem;
    border-radius: 2.5rem;
    border: 0.094rem solid #CE3B2E;
}

.feedback-btn:hover {
    border: 0.094rem solid #01010114;
    background-color: #01010114;
    color: #010101;
}

.menu-header {
    width: 34.6875rem;
    min-height: 30rem;
    background: #FFFFFF;
    position: absolute;
    top: 4rem;
    z-index: 30;
    border-radius: 1rem;
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    pointer-events: none;
    -webkit-box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    left: 0;
    opacity: 0;
}

.menu-inner {
    width: 100%;
    height: 100%;
    position: relative;
}

.open-menu .icon-header_close {
    display: none;
}

.open-menu .icon-header_open {
    display: block;
}

.open-menu .icon-header.icon-header_open {
    fill: #010101;
}

.open-menu .menu-header {
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    opacity: 1;
    pointer-events: visible;
}

.open-menu .icon-header__wrap.humb {
    background: #FEFEFE;
}

.open-menu .header-wrapper_fixed .icon-header__wrap.humb {
    background: rgba(1, 1, 1, 0.08);
}

.menu-link {
    font-size: 1.5rem;
    padding: 1rem 0;
    display: block;
    color: #010101;
}

.menu-link.active {
    color: #CE3B2E;
}

.menu-link:hover {
    color: #CE3B2E;
}


.menu__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 3.75rem;
}

.menu__top-item {
    padding: 0 2.875rem;
}

.menu__top-link {
    font-size: 1rem;
    color: #010101;
}

.menu__top-link.active {
    color: #CE3B2E;
}

.menu__top-link:hover {
    color: #CE3B2E;
}

.cat-menu-header {
    position: absolute;
    width: 9.375rem;
    height: 25rem;
    top: 0;
    right: 0;
}

.cat-line {
    position: absolute;
    width: 2.5rem;
    height: 4rem;
    top: 0;
    right: 5rem;
    z-index: 10;
}

.main-content {
    padding-top: 10.125rem;
    overflow: hidden;
}
.main-container {
    width: 71.35vw;
    margin: 0 auto;  
}
.text_regular {
    font-size: clamp(22px, 1.3vw, 25px);
    line-height: 1.28;
}
.text_accent {
    font-size: clamp(22px, 1.3vw, 25px);
    line-height: 1.28;
    font-weight: 700;
    color: var(--accent)
}

/* Intro - start */

.inro {
    position: relative;
    padding-bottom: 3.9vw;
}
.inro-line {
    position: relative;
}
.inro__images-content {
    position: relative;
}
.intro-line__wrapper {
    display: inline-block;
    position: relative;
}
.intro-line__wrapper span {
    position: absolute;
    color: #fff;
    font-size: 6.66vw;
    font-family: "Architun";
    text-transform: uppercase;
}
.inro-line svg {
    height: 100%;
}
.inro-line-1 {
    padding-left: 13.22vw;
}
.inro-line-1 svg {
    width: 42.96875vw;
}
.inro-line-1 span {
    left: 14%;
    top: 10%;
}
.inro-line-2 {
    padding-left: 8vw;
    margin-top: -0.5%;
}
.inro-line-2 svg {
    width: 52vw;
}
.inro-line-2 span {
    left: 9%;
    top: 13%;
}
.inro-line-3 {
    padding-left: 5.1vw;
    margin-top: -2%;
}
.inro-line-3 svg {
    width: 58.38vw;
}
.inro-line-3 span {
    left: 6%;
    top: 13%;
}
.cookies {
    position: absolute;
}
.cookies svg {
    max-width: 100%;
}
.cookies-1 {
    width: 7.44vw;
    top: -15%;
    left: 73%;
    z-index: 15;
}
.cookies-2 {
    width: 3.6vw;
    top: 45%;
    right: calc(100% + 1.5vw);
    z-index: 15;
}
.cookies-3 {
    width: 4.15vw;
    top: 40%;
    left: calc(100% + 3.5vw);
    z-index: 15;
}
.cookies-4 {
    width: 7vw;
    top: 30%;
    right: -25%;
    z-index: 15;
}
.cookies-10 {
    width: 7.2vw;
    top: 72%;
    left: -9%;
    z-index: 15;
}
.cookies-11 {
    width: 3.125vw;
    top: 4%;
    left: 30%;
    z-index: 15;
}
.cookies-12 {
    width: 6.45vw;
    right: -1%;
    top: 30%;
    z-index: 15;
}
.cookies-13 {
    width: 5.7vw;
    top: 49%;
    left: 6%;
    z-index: 15;
}
.cat-mimi-wrapper {
    position: absolute;
    width: 13.8vw;
    left: 5vw;
    top: -8%;
}
.cat-mimi {
    padding-top: 150%;
}
.cat-mimi__head {
    position: absolute;
    width: 85%;
    top: 1%;
    left: 5%;
}
.cat-mimi__body {
    position: absolute;
    width: 100%;
    left: 3%;
    top: 42%;
}
.cat-mimi__hand {
    position: absolute;
    width: 66%;
    top: 41%;
    left: 26%;
}
.dog-siba-wrapper {
    width: 14.68vw;
    position: absolute;
    left: -7%;
    top: 58%;
}
.dog-siba img {
    max-width: 100%;
}
.inro__text-content {
    text-align: center;
    max-width: 66%;
    margin: 50px auto 0;
    position: relative;
}
.inro__text-content .text_accent {
    max-width: 35.1vw;
    margin: 27px auto 0;
}
.toy-bella-wrapper {
    width: 13.9vw;
    position: absolute;
    left: 82%;
    top: 17%;
}
.toy-bella {
    padding-top: 137%;
}
.toy-bella__body {
    width: 93%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 55;
}
.toy-bella__hand {
    width: 24.7%;
    position: absolute;
    left: 0;
    top: 53%;
    z-index: 105;
}


.inro-line-1 {
    z-index: 10;
}
.inro-line-2 {
    z-index: 50;
}
.inro-line-3 {
    z-index: 100;
}
.inro-line-4 {
    z-index: 100;
}
.inro-line-5 {
    z-index: 150;
}
.cat-mimi__hand {
    z-index: 55;
}
.cat-mimi__head {
    z-index: 15;
}
.dog-siba {
    position: relative;
    z-index: 155;
}

@media (max-width: 992px) {
    .inro__text-content {
        min-width: 75%;
    }
    .inro__text-content .text_accent {
        max-width: 60vw;
    }
}



/* Intro - end */

/* Every Taste - start */ 

.every-taste {
    padding: 3.9vw 0 5.2vw;
    position: relative;
}
.every-taste__content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.every-taste__main-frame {
    position: absolute;
    right: 0;
    top: 0;
    width: 97.8%;
}
.every-taste__texts {
    position: relative;
    z-index: 10;
}
.every-taste__texts {
    width: 43%;
}
.every-taste__texts-wrapper {
    padding-top: 19.5%;
    padding-bottom: 29.7%;
}
.every-taste__title, .fish-content__title {
    color: var(--pink);
    font-size: clamp(55px, 4.68vw, 90px);
    line-height: .85;
    font-family: "Architun";
    text-transform: uppercase;
}
.every-taste__description {
    padding-left: 19.5%;
    margin-top: 34px;
}
.every-taste__images {
    position: relative;
    width: 57%;
    z-index: 15;
}
.every-taste__images-item .every-taste__images-item__image img {
    width: 100%;
}
.every-taste__images-item {
    position: absolute;
}
.every-taste__images-item-1 {
    left: 4%;
    top: -5.47%;
}
.every-taste__images-item-2 {
    left: 30.5%;
    top: 15.3%;
}
.every-taste__images-item-3 {
    left: 55.8%;
    top: -4%;
}
.every-taste__images-item-1 .every-taste__images-item__image {
    width: 19.11vw;
    position: relative;
    z-index: 1;
}
.every-taste__images-item-2 .every-taste__images-item__image {
    width: 18.49vw;
    position: relative;
    z-index: 2;
}
.every-taste__images-item-3 .every-taste__images-item__image {
    width: 22.2vw;
    position: relative;
    z-index: 5;
}
.every-taste__images-item__title {
    position: absolute;
    z-index: 3;
    width: 10.5vw;
}
.every-taste__images-item__title span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    line-height: 1;
    font-size: 1.25vw;
    font-family: "Architun";
    text-align: center;
}
.every-taste__images-item__title svg {
    width: 100%;
    height: auto;
}
.every-taste__images-item-1 .every-taste__images-item__title {
    top: 87%;
    left: 10%;
}
.every-taste__images-item-2 .every-taste__images-item__title {
    top: 85%;
    left: 7%;
}
.every-taste__images-item-3 .every-taste__images-item__title {
    top: 82%;
    left: 31%;
    z-index: 10;
}
.cookies-5 {
    width: 6.5vw;
    top: 4%;
    left: 14%;
    z-index: 15;
}
.cookies-6 {
    width: 5.57vw;
    top: 15%;
    left: 64.8%;
    z-index: 15;
}
.cookies-7 {
    width: 2.29vw;
    top: 51%;
    left: -6%;
    z-index: 15;
}
.cookies-8 {
    width: 2.91vw;
    top: 60%;
    left: -10%;
    z-index: 15;
}
.cookies-9 {
    width: 4.63vw;
    top: 83%;
    left: 32%;
    z-index: 15;
}
/* Every Taste - end */ 

/* Fish - start */

.fish {
    padding: 5.2vw 0 3.9vw;
    position: relative;
}
.fish .main-container {
    position: relative;
}
.fish-content {
    width: 67%;
    margin-left: auto;
    position: relative;
}
.fish-content__text {
    position: relative;
    z-index: 5;
    padding-left: 22.5%;
}
.fish-content_wrapper {
    position: absolute;
    width: 41.8vw;
    top: 2%;
    left: 5%;
}
.fish-content_wrapper .fish-content_wrapper-svg {
    max-width: 100%;
}
.fish-content_wrapper-container {
    padding-top: 93.7%;
    background-image: url(../img/fish/wrapper.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.fish-content__description {
    max-width: 72%;
    margin-top: 2vw;
}
.fish-content__description .text_regular {
    font-size: clamp(18px, 1.04vw, 20px);
    line-height: 1.28;
}
.fish-content__description .text_accent {
    font-size: clamp(18px, 1.04vw, 20px);
    line-height: 1.28;
    font-weight: 700;
    color: var(--accent)
} 
.fish-images {
    position: absolute;
    left: -6.4vw;
    top: -2%;
    width: 40vw;
}
.fish-images img {
    max-width: 100%;
}
.fish__items {
    position: relative;
    height: 19vw;
    z-index: 5;
    margin-top: 3.75vw;
}
.fish-item {
    position: absolute;
}
.fish-item-1 {
    left: -3%;
    top: 3%;
}
.fish-item-1 .fish-item-image {
    width: 12.13vw;
}
.fish-item-1  .fish-item-icon {
    left: 53%;
    top: -24%;
}
.fish-item-2{
    left: 28%;
    top: 0;
}
.fish-item-2 .fish-item-image {
    width: 11vw;
    transform: rotate(-6deg);
}
.fish-item-2  .fish-item-icon {
    left: 36%;
    top: -39%;
}
.fish-item-3{
    left: 50%;
    top: 6%;
}
.fish-item-3 .fish-item-image {
    width: 12.13vw;
    transform: rotate(11deg);
}
.fish-item-3  .fish-item-icon {
    left: 34%;
    top: -24%;
}
.fish-item-4{
    left: -2%;
    top: 56%;
}
.fish-item-4 .fish-item-image {
    width: 11vw;
    transform: rotate(-3deg);
}
.fish-item-4  .fish-item-icon {
    left: 34%;
    top: -30%;
}
.fish-item-5 {
    left: 18%;
    top: 33%;
}
.fish-item-5 .fish-item-image {
    width: 12.13vw;
    transform: rotate(15deg);
}
.fish-item-5  .fish-item-icon {
    left: 5%;
    top: -22%;
}
.fish-item-6{
    left: 41%;
    top: 52%;
}
.fish-item-6 .fish-item-image {
    width: 11vw;
    transform: rotate(2deg);
}
.fish-item-6  .fish-item-icon {
    left: 34%;
    top: -30%;
}
.fish-item-wrapper {
    position: relative;
    display: inline-block;
}
.fish-item-wrapper span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -38%);
    z-index: 10;
    color: #fff;
    font-family: "Architun";
    text-align: center;
    font-size: 1.25vw;
    display: block;
    width: 100%;
}
.fish-item-icon {
    position: absolute;
    width: 3.9vw;
    z-index: 15;
}
.fish-content-btn {
    position: absolute;
    right: -2%;
    top: 52%;
    width: 12.6vw;
}
.fish-content-btn a {
    color: #fff;
    text-decoration: none;
    outline: 0;
    position: relative;
    display: inline-block;
    width: 100%;
}
.fish-content-btn a svg {
    width: 100%;
    height: auto;
}
.fish-content-btn span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -55%);
    font-size: clamp(35px, 2.7vw, 52px);
    font-family: "Architun";
}
.fish-content_wrapper .fish-content_wrapper-akito {
    position: absolute;
    left: 67%;
    top: -15%;
    width: 48.56%;
}

/* Fish - end */

.text-section__content {
    color: var(--pink);
    font-family: "Architun";
    font-size: clamp(45px, 3.6vw, 70px);
    text-align: center;
    padding-bottom: 6vw;
    text-transform: uppercase;
}

.footer {
    background-image: url(../img/footer/bg.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.cookies svg {
    height: auto;
}

.footer-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5.78vw;
}
.footer__menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.footer__menu li:not(:last-child) {
    margin-bottom: 1.46vw;
}
.footer__menu li a {
    color: #fff;
    text-decoration: none;
    outline: 0;
    font-size: 1.66vw;
}
.footer__image {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 1;
}
.footer__image img {
    max-width: 100%;
    width: 49.7vw;
}
.footer-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 4.4vw;
    padding-bottom: 25px;
}
.privacy, .develop {
    color: #fff;
    text-decoration: none;
    outline: 0;
    font-size: 0.78vw;
}
.tooltip {
    position: absolute;
    width: 14.84vw;
    z-index: 250;
    opacity: 0;
    transition: all .25s linear;
    visibility: hidden;
}
.cat-mimi-tooltip {
    left: 100%;
    top: 10%;
}
.dog-siba-tooltip {
    left: 100%;
    top: 10%;
}
.toy-bella-tooltip {
    right: 100%;
    top: 10%;
}
.cat-mimi-wrapper:hover .cat-mimi-tooltip,
.dog-siba-wrapper:hover .dog-siba-tooltip, 
.toy-bella-wrapper:hover .toy-bella-tooltip {
    opacity: 1;
    visibility: visible;
}
.tooltip svg {
    width: 100%;
    height: auto;
}
.tooltip__content {
    position: absolute;
    color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    width: 90%;
    text-align: center;
}
.tooltip__title {
    font-family: "Architun";
    font-size: 1.66vw;
    margin-bottom: 10px;
}
.tooltip__text {
    font-size: 0.78vw;
    line-height: 1.45;
}


@media (max-width: 1600px) {
    .every-taste__main-frame {
        height: 100%;
    }
}
@media (max-width: 1366px) {
    .every-taste__texts {
        width: 60%;
    }
    .every-taste__description {
        padding-left: 12.5%;
    }
    .every-taste__images {
        width: 40%;
    }
    .every-taste__main-frame{
        height: 120%;
        top: -14%;
    }
    .every-taste__texts-wrapper {
        padding-top: 0;
    }
    .cookies-5 {
        top: -5%;
    }
    .every-taste__description {
        margin-top: 20px;
    }
    .cookies-6 {
        left: 80%;
    }
    .cookies-9 {
        top: 76%;
    }
    .fish-content_wrapper {
        width: 54.8vw;
        top: 6%;
        left: 3%;
    }
    .fish-content-btn {
        right: -8%;
    }
    .privacy, .develop {
        font-size: 10px;
    }
    .footer__menu li a {
        font-size: 20px;
    }
}


@media (max-width: 992px) {
    .cookies-4 {
        right: -8%;
    }
    .every-taste {
        padding-top: 30px;
    }
    .every-taste__main-frame {
        width: auto;
        right: auto;
        left: 0;
        top: 3%;
        height: 65%;
    }
    .every-taste__texts {
        width: 100%;
    }
    .every-taste__images {
        width: 100%;
    }
    .every-taste__texts-wrapper {
        padding-bottom: 30px;
    }
    .every-taste__images-item-1 {
        position: relative;
    }
    .every-taste__images-item-1 .every-taste__images-item__image {
        width: 32vw;
    }
    .every-taste__images-item__title {
        width: 14vw;
    }
    .every-taste__images-item__title span {
        font-size: 1.69vw;
    }
    .every-taste__images-item-2 .every-taste__images-item__image {
        width: 31vw;
    }
    .every-taste__images-item-3 .every-taste__images-item__image {
        width: 40vw;
    }
    .every-taste__images-item-2 .every-taste__images-item__title {
        top: -1%;
        left: 32%;
    }
    .every-taste__images-item-1 .every-taste__images-item__title {
        left: 8%;
    }
    .every-taste {
        padding-bottom: 80px;
    }
    .text-section__content br {
        display: none;
    }
    .fish-content {
        width: 100%;
    }
    .fish-content_wrapper  {
        width: 68vw;
    }
    .fish .main-container {
        display: flex;
        flex-wrap: wrap;
    }
    .fish-images {
        width: 100%;
        position: relative;
        left: 8%;
        top: 0;
        text-align: center;
    }
    .fish-content-btn {
        width: 18.6vw;
    }
    .fish-item-wrapper span {
        font-size: 1.52vw;
    }
    .fish-item-1 .fish-item-image,
    .fish-item-2 .fish-item-image,
    .fish-item-3 .fish-item-image,
    .fish-item-4 .fish-item-image,
    .fish-item-5 .fish-item-image,
    .fish-item-6 .fish-item-image {
        width: 14vw;
    }
    .cookies-6 {
        top: 7%;
    }
    .cookies-9 {
        width: 8vw;
        top: 90%;
    }
    .fish-item-5 {
        left: 20%;
        top: 42%;
    }
    .fish-content__text {
        padding-left: 0;
    }
    .fish-content__description {
        padding-left: 12.5%;
    }
    .fish-content__text {
        padding-top: 50px;
    }
    .fish-item-4 {
        left: 0%;
        top: 59%;
    }
    .footer__menu li a {
        font-size: 18px;
    }
    .tooltip {
        width: 35vw;
        z-index: 300;
    }
    .tooltip__text {
        font-size: 1.8vw;
    }
    .tooltip__title {
        font-size: 3vw;
    }
}

@media (min-width: 768px) {
    .hidden-desktop {
        display: none;
    }
    .fish-images-pack-mobile {
        display: none;
    }
}

@media (max-width: 768px) {
    .hidden-mobile {
        display: none;
    }
    .main-container {
        width: 90vw;   
    }
    .intro-line__wrapper span {
        font-size: 10.5vw;
    }
    .inro-line-1 svg {
        width: 68.6vw;
    }
    .inro-line-2 svg {
        width: 83.3vw;
    }
    .inro-line-4 {
        padding-left: 20.5vw;
        margin-top: -2%;
    }
    .inro-line-4 svg {
        width: 60.5vw;
    }
    .inro-line-4 span {
        left: 12%;
        top: 13%;
    }
    .inro-line-5 {
        padding-left: 19.5vw;
        margin-top: -2%;
    }
    .inro-line-5 svg {
        width: 56vw;
    }
    .inro-line-5 span {
        left: 16%;
        top: 13%;
    }
    .dog-siba-wrapper {
        width: 23.5vw;
        left: 3%;
        top: 41%
    }
    .dog-siba {
        position: relative;
        z-index: 155;
    }
    .toy-bella-wrapper {
        width: 20.8vw;
        left: 79%;
        top: 42%;
    }
    .toy-bella__hand {
        z-index: 175;
    }
    .toy-bella__body {
        z-index: 105;
    }
    .inro__text-content {
        min-width: 100%;
        max-width: 100%;
    }
    .inro__text-content .text_accent {
        max-width: 80%;
    }
    .cookies-4 {
        display: none;
    }
    .cookies-1 {
        width: 11.44vw;
        top: -10%;
        left: 83%;
    }
    .cat-mimi-wrapper {
        left: 1vw;
        top: -6%;
        width: 23.16vw;
    }
    .cookies-3 {
        width: 5.15vw;
        top: 103%;
        left: 37%;
    }
    .cookies-2 {
        width: 7.6vw;
        top: 108%;
        left: 27%;
    }
    .inro__text-content {
        margin-top: 13.83vw;
    }
    .main-content {
        padding-top: 23.6vw;
    }
    .cookies-5 {
        width: 14.5vw;
        top: 7%;
        left: 82%;
    }
    .every-taste__images-item__title span {
        font-size: 14px;
    }
    .every-taste__images-item__title {
        width: 110px;
    }
    .cookies-6 {
        left: 86%;
        width: 8vw;
        top: 88%;
    }
    .fish-content-btn {
        width: 27vw;
    }
    .fish-content-btn span {
        font-size: 5.8vw;
    }
    .fish-item-1 .fish-item-image, .fish-item-2 .fish-item-image, .fish-item-3 .fish-item-image, .fish-item-4 .fish-item-image, .fish-item-5 .fish-item-image, .fish-item-6 .fish-item-image {
        width: 25vw;
    }
    .fish-item-wrapper span {
        font-size: 3vw;
    }
    .fish-content-btn {
        right: -4%;
        top: 60%;
    }
    .fish-content_wrapper {
        width: 100vw;
    }
    .fish-content_wrapper .fish-content_wrapper-akito {
        display: none;
    }
    .fish-content__description {
        max-width: 100%;
    }
    .fish-item-icon {
        width: 10.8vw;
    }
    .fish-content-btn a svg {
        height: auto;
    }
    .fish-item-1 {
        position: relative;
        left: -3%;
        top: 3%;
    }
    .fish-item-4 {
        position: relative;
    }
    .fish__items {
        height: auto;
        margin-top: 50px;
    }
    .fish-item-1 .fish-item-icon {
        top: -42%;
    }
    .fish-item-4 {
        margin-top: 8%;
    }
    .fish-item-4 .fish-item-icon {
        top: -41%;
    }
    .fish-item-2 {
        top: -3%;
    }
    .fish-item-3 {
        left: 58%;
    }
    .fish-item-3 .fish-item-icon {
        top: -42%;
        left: 3%;
    }
    .fish-item-6 {
        left: 73%;
    }
    .fish-item-5 {
        left: 37%;
        top: 60%;
    }
    .fish-item-5 .fish-item-icon {
        left: 13%;
        top: -44%;
    }
    .footer__menu {
        width: 100%;
    }
    .footer__menu li a {
        font-size: 4.83vw;
    }
    .footer-wrapper {
        padding-top: 17.6vw;
    }
    .footer__menu li:not(:last-child) {
        margin-bottom: 20px;
    }
    .footer__image {
        width: 100%;
        justify-content: center;
        margin-top: 20px;
    }
    .footer__image img {
        width: auto;
        max-width: 546px;
    }
    .footer-bottom {
        padding-bottom: 25px;
    }
    .footer-wrapper {
        position: relative;
    }
    .footer__coolies {
        position: absolute;
        right: 0;
        top: -14vw;
        width: 30.8vw;
    }
    .footer__coolies img {
        max-width: 100%;
    }
    .text-section__content {
        padding-bottom: 16.6vw;
    }
    .fish-images-pack-desktop {
        display: none;
    }
    .every-taste__title, .fish-content__title {
        line-height: 1;
    }
    .fish-content-btn {
        position: relative;
        top: 0;
        margin-left: auto;
        right: 0;
    }
    .fish-item-6 .fish-item-icon {
        left: 34%;
        top: -40%;
    }
    .tooltip {
        width: 40vw;
        z-index: 300;
    }
    .tooltip__text {
        font-size: 2.2vw;
    }
    .tooltip__title {
        font-size: 3.66vw;
    }
}
@media (min-width: 576px) {
    .cookies-14 {
        display: none;
    }
}
@media (max-width: 576px) {
    .text_regular {
        font-size: 3.66vw;
    }
    .text_accent {
        font-size: 3.66vw;
    }
    .inro__text-content .text_accent {
        max-width: 90%;
    }
    .text-section__content {
        font-size: clamp(22px, 7.5vw, 45px);
    }
    .every-taste__title, .fish-content__title {
        font-size: clamp(27px, 9.15vw, 55px);
    }
    .every-taste__images-item-1 .every-taste__images-item__image {
        width: 46vw;
    }
    .every-taste__images-item-2 .every-taste__images-item__image {
        z-index: 6; 
        width: 46vw; 
    }
    .every-taste__images-item-3 .every-taste__images-item__image {
        width: 52vw;
    }
    .every-taste__images-item-2 .every-taste__images-item__title {
        z-index: 7;
    }
    .fish-content__text {
        padding-top: 0;
    }
    .fish-content_wrapper {
        top: 0;
    }
    .fish-content__description {
        max-width: 100%;
    }
    .fish__items {
        margin-top: 20px;
    }
    .fish-item-1 {
        margin-top: -5%;
    }
    .fish-item-2 {
        top: 10%;
    }
    .fish-content__description .text_regular, .fish-content__description .text_accent {
        font-size: 3.66vw;
    }
    .fish-item-1 .fish-item-image, .fish-item-2 .fish-item-image, .fish-item-3 .fish-item-image, .fish-item-4 .fish-item-image, .fish-item-5 .fish-item-image, .fish-item-6 .fish-item-image {
        width: 30vw;
    }
    .fish-item-wrapper span {
        font-size: 3.33vw;
    }
    .fish-item-3 {
        left: 61%;
        top: 20%;
    } 
    .fish-item-5 {
        left: 34%;
        top: 65%;
    } 
    .fish-item-5 .fish-item-icon {
        left: 32%;
        top: -34%;
    }
    .fish-item-6 {
        left: 68%;
        top: 70%;
    } 
    .fish-content_wrapper {
        width: 130vw;
    }
    .fish-images {
        left: 0;
        display: flex;
        justify-content: center;
    }
    .fish-images img { 
        max-width: 100vw;
    }
    .cookies-6 {
        left: 76%;
        width: 13vw;
        top: 100%;
    }
    .every-taste__images-item-1 .every-taste__images-item__title {
        z-index: 3;
    }
    .every-taste__images-item__title span {
        font-size: 3.33vw;
    }
    .every-taste__images-item__title {
        width: 28vw;
    }
    .cookies-9 {
        width: 11vw;
        left: 41%;
        top: 88%;
    }
    .every-taste__images-item-1 .every-taste__images-item__title {
        left: 13%;
    }
    .every-taste__images-item-1 {
        left: -8%;
    }
    .every-taste__images-item-2 .every-taste__images-item__title {
        top: -12%;
        left: 25%;
    }
    .every-taste__images-item-3 .every-taste__images-item__title {
        z-index: 5;
        left: 22%;
        top: 87%;
    }
    .every-taste__main-frame {
        top: 1%;
    }
    .fish-content__description {
        margin-top: 20px;
    }
    .fish-content_wrapper {
        left: 0;
        top: -2%;
    }
    .footer__image img {
        max-width: 100%;
    }
    .footer__coolies {
        top: -18vw;
    }
        .cookies-5 {
        width: 14.5vw;
        top: 2%;
        left: 82%;
        transform: rotate(-49deg);
    }
    .cookies-13 {
        width: 16.7vw;
        top: 97%;
        left: 71%;
        z-index: 15;
    }
    .cookies-6 {
        display: none;
    }
    .cookies-12 {
        display: none;
    }
    .cookies-14 {
        width: 14.3vw;
        top: 48%;
        left: 84%;
        z-index: 15;
    }
    .cookies-11 {
        display: none;
    }
    .cookies-10 {
        width: 13.2vw;
        top: 88%;
        left: 10%;
        z-index: 15;
    }
    .fish-item-3 .fish-item-icon {
        top: -29%;
        left: 12%;
    }
    .fish-item-4 {
        margin-top: 14%;
        margin-left: 32%;
    }
    .fish-item-5 {
        left: 2%;
        top: 50%;
    }
    .fish-content-btn span {
        transform: translate(-50%, -60%);
    }
    .fish-item-6 .fish-item-icon {
        left: 34%;
        top: -33%;
    }
    .tooltip {
        width: 60vw;
        z-index: 300;
    }
    .tooltip__text {
        font-size: 2.78vw;
    }
    .tooltip__title {
        font-size: 5.66vw;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 991px) {
    .container {
        max-width: 86.5rem;
    }

    .row {
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

}

@media (max-width: 991px) {
    .menu-header {
        width: 22.5rem;
        min-height: 21.875rem;
        right: 0px;
        left: auto;
        padding: 1.5rem;
    }

    .menu-header{
        width: 22.5rem;
        min-height: 21.875rem;
        padding: 1.5rem;
        right: 0;
        left: auto;
    }

    .menu-link {
        padding: 0.75rem 0;
    }

    .cat-menu-header {
        width: 6.9375rem;
        height: 18.8125rem;
    }

    .cat-line {
        right: 3.3125rem;
    }
}