@font-face {
  font-family:"PT-Root";
  src: url("fonts/pt-root-ui_vf.ttf") format("truetype");
}

@font-face {
  font-family:"Circe";
  font-weight: 400;
  src: url("fonts/Circe.otf") format("opentype");
}

@font-face {
  font-family:"Circe";
  font-weight: 700;
  src: url("fonts/CirceBold.otf") format("opentype");
}

@font-face {
  font-family:"Circe";
  font-weight: 800;
  src: url("fonts/CirceExtraBold.otf") format("opentype");
}

@font-face {
  font-family:"Circe";
  font-weight: 300;
  src: url("fonts/CirceLight.otf") format("opentype");
}

@font-face {
  font-family:"Circe";
  font-weight: 200;
  src: url("fonts/CirceExtraLight.otf") format("opentype");
}

@font-face {
  font-family:"Circe";
  font-weight: 100;
  src: url("fonts/CirceThin.otf") format("opentype");
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}

:root {
    /* sizes */
    --base-size: 4px;
    --border-radius-42: calc(var(--base-size) * 10.5);
    --border-radius-36: calc(var(--base-size) * 9);
    --border-radius-32: calc(var(--base-size) * 8);
    --border-radius-28: calc(var(--base-size) * 7);
    --border-radius-24: calc(var(--base-size) * 3.428571428571429);
    --border-radius-20: calc(var(--base-size) * 5);
    --border-radius-18: calc(var(--base-size) * 4.5);
    --border-radius-16: calc(var(--base-size) * 4);
    --border-radius-10: calc(var(--base-size) * 2.5);
    --border-radius-8: calc(var(--base-size) * 2);
    /* gaps */
    --big-gap: calc(var(--base-size) * 3);
    --medium-gap: calc(var(--base-size) * 2);
    --small-gap: calc(var(--base-size) * 1);
    --x-small-gap: calc(var(--base-size) / 2);
    /* paddings */
    --padding-60: calc(var(--base-size) * 15);
    --padding-54: calc(var(--base-size) * 13.5);
    --padding-50: calc(var(--base-size) * 12.5);
    --padding-42: calc(var(--base-size) * 10.5);
    --padding-39: calc(var(--base-size) * 9.75);
    --padding-34: calc(var(--base-size) * 8.5);
    --padding-32: calc(var(--base-size) * 8);
    --padding-28: calc(var(--base-size) * 7);
    --padding-27: calc(var(--base-size) * 6.75);
    --padding-24: calc(var(--base-size) * 6);
    --padding-23: calc(var(--base-size) * 5.75);
    --padding-22: calc(var(--base-size) * 5.5);
    --padding-21: calc(var(--base-size) * 5.25);
    --padding-20: calc(var(--base-size) * 5);
    --padding-16: calc(var(--base-size) * 6);
    --padding-15: calc(var(--base-size) * 3.75);
    --padding-14: calc(var(--base-size) * 3.5);
    --padding-12: calc(var(--base-size) * 3);
    --padding-10: calc(var(--base-size) * 2.5);
    --padding-8: calc(var(--base-size) * 2);
    --padding-7: calc(var(--base-size) * 1.75);
    --padding-5: calc(var(--base-size) * 1.25);
    --padding-2: calc(var(--base-size) / 2);
    /* font sizes */
    --product-h1: calc(var(--base-size) * 8.5);
    --font-size-64: calc(var(--base-size) * 16);
    --font-size-60: calc(var(--base-size) * 15);
    --font-size-48: calc(var(--base-size) * 12);
    --font-size-44: calc(var(--base-size) * 11);
    --font-size-40: calc(var(--base-size) * 10);
    --font-size-28: calc(var(--base-size) * 7);
    --font-size-34: calc(var(--base-size) * 8.5);
    --font-size-32: calc(var(--base-size) * 8);
    --font-size-26: calc(var(--base-size) * 6.5);
    --font-size-25: calc(var(--base-size) * 6.25);
    --font-size-24: calc(var(--base-size) * 6);
    --font-size-22: calc(var(--base-size) * 5.5);
    --font-size-20: calc(var(--base-size) * 5);
    --font-size-18: calc(var(--base-size) * 4.5);
    --font-size-16: calc(var(--base-size) * 4);
    --font-size-15: calc(var(--base-size) * 3.75);
    --font-size-14: calc(var(--base-size) * 3.5);
    --font-size-13: calc(var(--base-size) * 3.25);
    --font-size-12: calc(var(--base-size) * 3);
    /* line heights */
    --line-height-25: calc(var(--base-size) * 6.25);
    /* colors */
    --white-color: #ffffff;
    --white-color-80: rgba(255, 255, 255, 0.8);
    --white-color-70: rgba(255, 255, 255, 0.7);
    --white-color-65: rgba(255, 255, 255, 0.65);
    --white-color-50: rgba(255, 255, 255, 0.5);
    --white-color-11: rgba(255, 255, 255, 0.11);
    --black-color: #141313;
    --warning-color: #EC462B;
    --real-black-color: #000;
    --peach-color: #FEF9F3;
    --red-color: #ff0000;
    --line-color: #BDC7D9;
    --gray-color: #EFF2F6;
    --gray-card-bg-color: #F7F7F7;
    --text-color: #17325A;
    --gray-text-color: #A3A3A3;
    --asckont-blue: #334B6E;
    --askont-blue-40: rgba(51, 75, 110, 0.4);
    --accent-color: #EC462B;
    --light-green-color: #c4fbed;
    --burger-color: #6C737C;
    --blue-color: #9EC1E6;
    --light-blue: #EFF2F6;
    --light-green: #37c11f;
    --grey1: #F3F3F3;
    --grey2: #efefef;
    --grey3: #7C7C7C;
    --grey4: #d2d2d2;
    --grey-slider: #d9d9d9;
    --gray-text-download: #89919C;
    --gray-dot-color: #A8B7CD;
    /* fonts */
    --base-font: system-ui,
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        'Open Sans',
        'Helvetica Neue',
        sans-serif;
    --pt-root-font: "PT-Root";
    --circe-font: "Circe";
    /* widths */
    /* --max-wrapper-width: 1924px; */
    --max-wrapper-width: 1464px;
}

html {
    font-size: 15px;
    line-height: 1.1;
    scroll-behavior: smooth;
    background-color: var(--peach-color);
}

body {
    font-family: var(--pt-root-font), var(--base-font);
    background-color: var(--white-color);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    z-index: 1;
}

body.fixed {
    overflow: hidden;
}

body.no-animation * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
   transition: none !important;
}

img {
    max-width: 100%;
    height: auto;
}

#askont {
    position: relative;
}

.site {
    position: relative;
    padding: var(--big-gap);
    margin: auto;
    /* container-type: inline-size; */
    max-width: var(--max-wrapper-width);
    z-index: 10;
}

.global-wrapper {
    position: relative;
    min-height: calc(100vh - 716px);
    /* background-color: var(--white-color); */
    /* z-index: 11; */
}

.main-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--big-gap);
    width: 100%;
    padding: var(--padding-12);
    /* padding: var(--padding-12) var(--padding-22); */
    height: 90vh;
    height: 90dvh;
    max-height: 625px;
    background-color: var(--grey1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--border-radius-28);
    z-index: 5000;
}

.index-page .main-banner {
    position: relative;
    width: 100%;
    height: 90vh;
    height: 90dvh;
    max-height: 625px;
    background-color: var(--grey1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--border-radius-28);
    z-index: 1;
}

.main-banner__top-block {
    display: flex;
    flex-direction: column;
    gap: var(--big-gap);
}

.main-banner__top-block .realCrumbs {
    padding: 0 var(--padding-5);
}

.main-banner__top-block .realCrumbs ul.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--padding-5);
    align-items: center;
    list-style-type: none;
}

.main-banner__top-block .realCrumbs ul.breadcrumbs li a {
    color: var(--white-color);
    text-decoration: none;
}

.main-banner__top-block .realCrumbs ul.breadcrumbs li:not(:first-child) a {
    position: relative;
    display: flex;
    gap: var(--base-size);
    align-items: center;
}

.main-banner__top-block .realCrumbs ul.breadcrumbs li:not(:first-child) a:before {
    content: "";
    width: calc(var(--base-size) * 6);
    height: calc(var(--base-size) * 6);
    background-image: url(img/arrow-right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

body.catalog .main-banner, 
body.product .main-banner {
    padding: var(--padding-12);
}

.catalog .main-banner {
    max-height: 400px;
}

.page .main-banner,
.main-banner.main-banner__page {
    height: auto;
    max-height: unset;
}

.catalog .main-banner h1 {
    font-family: var(--circe-font);
    color: var(--white-color);
    font-size: var(--font-size-60);
    line-height: var(--font-size-64);
    max-width: 70%;
    padding: 0 0 var(--padding-42) 0;
}

.index-page .main-banner .main-banner__wrapper {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--big-gap);
    padding: var(--padding-12);
    border-radius: var(--border-radius-28);
    z-index: 2;
}

.main-banner video {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius-28);
}

.main-banner.pattern {
    background-image: url(img/pattern3_a40.png);
    background-position: unset;
    background-repeat: repeat;
    background-size: 120px;

}

.main-banner .header {
    display: flex;
    gap: var(--medium-gap);
    font-size: var(--font-size-15);
    align-items: center;
    z-index: 8000;
}

.index-page .main-banner .header {
    background-color: var(--white-color-80);
    background-color: var(--grey1);
    /* backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); */
    padding: var(--padding-23) var(--padding-27);
    border-radius: var(--padding-28);
}

/* .index-page .header__company-menu, */
/* .index-page .header__search-button, */
.index-page .header__contact-form,
.index-page a.header__logo-link
/* .index-page .nav-block .breadcrumbs a */ {
    background-color: unset;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.index-page .nav-block .breadcrumbs a.header__logo-link,
.index-page .nav-block .header__line-block__menu a.header__logo-link,
.index-page .nav-block .breadcrumbs a.header__logo-link:hover,
.index-page .nav-block .header__line-block__menu a.header__logo-link:hover {
    display: block;
    width: calc(var(--base-size) * 43.5);
    height: calc(var(--base-size) * 8.5);
    padding: 0;
    margin-right: var(--padding-27);
    background-image: url(img/logo-full-color.png);
    background-size: contain;
    border-radius: 0;
}

.index-page .nav-block .breadcrumbs a.header__logo-link {
    background-color: unset;
}

/* .index-page .nav-block .breadcrumbs a.header__menu-button {
    border: 1px solid var(--line-color);
} */

.nav-block .breadcrumbs,
.nav-block .header__line-block__menu,
.header__scroll-block__menu {
    display: flex;
    align-items: center;
    list-style-type: none;
    gap: var(--small-gap);
    letter-spacing: 2px;
    text-transform: uppercase;
}

.nav-block .breadcrumbs a,
.nav-block .header__line-block__menu a,
.header__scroll-block__menu a {
    color: var(--text-color);
    text-decoration: none;
    padding: var(--padding-12);
    background-color: var(--white-color-80);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: var(--border-radius-20);
    text-transform: uppercase;
}

a.header__logo-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--white-color-80);
    background-image: url(img/logo-compact-dark.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    padding: var(--medium-gap);
    border-radius: var(--border-radius-20);
    transition: all 0.3s ease;
}

a.header__logo-link:hover {
    background-image: url(img/logo-compact-color.png);
}

.header__scroll-block__menu .header__logo-link {
    border: 1px solid var(--gray-color);
}

.header__logo-link img {
    max-width: calc(var(--base-size) * 7);
}

a.header__menu-button {
    display: grid;
    grid-template-columns: calc(var(--base-size) * 4) 1fr;
    gap: var(--padding-15);
    align-items: center;
    background-color: var(--white-color);
}

a.header__menu-button .burger,
.burger-btn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 14px;
    height: 100%;
    pointer-events: none;
}

.burger-btn {
    width: calc(var(--base-size)* 4);
    height: calc(var(--base-size)* 4);
}

a.header__menu-button .burger:before,
a.header__menu-button .burger:after,
.burger-btn:before,
.burger-btn:after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--burger-color);
    transition: all 0.3s ease-in-out;
}

a.header__menu-button .burger span,
.burger-btn span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--burger-color);
    transition: all 0.3s ease-in-out;
}

a.header__menu-button.open .burger:before,
.open .burger-btn:before {
    transform: rotate(45deg);
    width: 18px;
    transform-origin: top left;
}

a.header__menu-button.open .burger:after,
.open .burger-btn:after {
    transform: rotate(-45deg);
    width: 18px;
    transform-origin: bottom left;
}

a.header__menu-button.open .burger span,
.open .burger-btn span {
    width: 0;
}

.nav-block .breadcrumbs li.last-item {
    display: none;
}

.header__company-menu {
    /* padding: var(--padding-7); */
    padding: calc(var(--base-size) / 2);
    background-color: var(--white-color);
    border-radius: var(--border-radius-36);
}

/* .index-page .header__company-menu,
.page .header__company-menu,
.main-banner.main-banner__page .header__company-menu {
    padding: calc(var(--base-size) / 2);
} */

.header__company-menu ul {
    display: flex;
    letter-spacing: 2px;
    gap: var(--small-gap);
    list-style-type: none;
    text-transform: uppercase;
}

.header__company-menu ul li {
    position: relative;
}

.header__company-menu ul a {
    position: relative;
    display: block;
    /* padding: var(--padding-5) var(--padding-10); */
    padding: var(--padding-10) var(--padding-12);
    color: var(--text-color);
    border-radius: var(--border-radius-28);
    text-decoration: none;
    z-index: 100;
}

/* .index-page .header__company-menu ul a,
.page .header__company-menu ul a,
.main-banner.main-banner__page .header__company-menu ul a {
    padding: var(--padding-10) var(--padding-12);
} */

.header__company-menu ul a:hover,
.header__company-menu ul li:hover a,
.header__company-menu ul li.active a {
    background-color: var(--grey1); 
}

/* .header__company-menu ul li.dropdown ul a:hover,
.header__company-menu ul li.active.dropdown ul a:hover,
.header__company-menu ul li.active.dropdown ul li.active a {
    background-color: var(--white-color);
} */

.header__company-menu ul li ul {
    --__inner-padding: calc(var(--base-size) * 3);
    display: none;
    position: absolute;
    /* top: 42px; */
    top: 22px;
    left: 0px;
    flex-direction: column;
    gap: calc(var(--base-size));
    width: max-content;
    min-width: 100%;
    font-size: var(--padding-15);
    padding: calc(var(--__inner-padding) * 1.5) calc(var(--__inner-padding) * 3) var(--__inner-padding) var(--__inner-padding);
    background-color: var(--grey1);
    border-radius: 0 calc(var(--base-size) * 5) calc(var(--base-size) * 5) calc(var(--base-size) * 5);
    z-index: 10;
    box-shadow: 0 16px 35px 7px rgba(0,0,0,0.2);
}

.header__company-menu ul li:hover ul {
    display: flex;
}

.header__company-menu ul li.dropdown ul a,
.header__company-menu ul li.active.dropdown ul a {
    background-color: unset;
    color: var(--grey3);
    padding: var(--padding-5) 0;
    letter-spacing: initial;
    text-transform: initial;
}

.header__company-menu ul li.dropdown ul a:hover,
.header__company-menu ul li.active.dropdown ul a:hover,
.header__company-menu ul li.dropdown ul li.active a,
.header__company-menu ul li.active.dropdown ul li.active a {
    color: var(--text-color);
}

.header__company-menu ul li.dropdown a {
    display: flex;
    align-items: center;
    gap: calc(var(--base-size) * 1.5);
}

.header__company-menu ul li.dropdown a span {
    display: block;
    width: calc(var(--base-size) * 2);
    height: calc(var(--base-size) * 2);
    background-image: url(img/menu-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transform: rotate(0deg);
    transition: all 0.5s ease;
}

.header__company-menu ul li.dropdown:hover a span {
    transform: rotate(180deg);
}

.header__search-button {
    display: flex;
    width: 41px;
    height: 41px;
    background-color: var(--white-color);
    background-image: url(img/search.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    border-radius: var(--border-radius-36);
    transition: all 0.15s ease;
}

.header__search-button.open {
    background-image: url(img/close.png);
}

.header__contact-form {
    display: block;
    color: var(--text-color);
    background-color: var(--white-color) !important;
    border-radius: var(--border-radius-36);
    background-image: url(img/chat.png);
    background-repeat: no-repeat;
    background-position: 10px 11px;
    background-size: 20px;
    padding: 10px 10px 10px 35px;
    margin-left: auto;
    letter-spacing: 2px;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    text-transform: uppercase;
}

.header__contact-form span {
    pointer-events: none;
}

.header__lang-button {
    display: flex;
    width: calc(var(--base-size) * 9);
    height: calc(var(--base-size) * 9);
    align-items: center;
    justify-content: center;
    color: var(--text-color);
    background-color: var(--white-color);
    border-radius: var(--border-radius-36);
    text-decoration: none;
    text-transform: uppercase;
}

.header__contact-form.open {
    color: var(--white-color);
    background-color: var(--text-color);
    background-image: url(img/close-white.png);
    background-position: 11px 8.5px;
}

.mobile-menu__button {
    display: none;
    align-items: center;
    justify-content: center;
    color: var(--text-color);
    text-decoration: none;
    padding: var(--padding-12);
    background-color: var(--white-color);
    /* backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); */
    border-radius: var(--border-radius-20);
    text-transform: uppercase;
    /* border: 1px solid var(--line-color); */
}

.mobile-menu__button .m-menu-open,
.mobile-menu__button.open .m-menu-close {
    display: block;
}


.mobile-menu__button.open .m-menu-open,
.mobile-menu__button .m-menu-close {
    display: none;
}

.dropdown-menu {
    position: fixed;
    /* top:-110vh; */
    top: 88px;
    /* margin-left: 0;
    margin-right: 0; */
    /* width: calc(var(--max-wrapper-width) - var(--padding-24)); */
    width: 100%;
    /* max-width: calc(var(--max-wrapper-width) - (var(--padding-12) * 4)); */
    min-height: 450px;
    padding: 45px;
    background-color: var(--white-color);
    background-color: var(--white-color-80);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: var(--border-radius-10);
    border-radius: var(--border-radius-28);
    pointer-events: none;
    z-index: 5000;
    opacity: 0;
    visibility: hidden;
    transition: transform .35s, opacity .25s;
    box-shadow: 0 16px 22px 1px rgba(0, 0, 0, 0.1);
    /* transition: all 0.25s ease-in-out; */
}

.dropdown-menu__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 2fr;
    gap: 52px;
}

.dropdown-menu__products-block__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* display: flex; */
    gap: var(--padding-12);
}

/* .dropdown-menu__products-block__wrapper .product-card {
    flex: 1 0 33%;
} */

body.index-page .dropdown-menu {
    top: 135px;
    max-width: calc(var(--max-wrapper-width) - (var(--padding-12) * 4));
    margin-left: var(--padding-12);
    margin-right: var(--padding-12);
}

body.index-page.notice-bar__open .dropdown-menu {
    top: 187px;
}

body.catalog.notice-bar__open .dropdown-menu,
body.product.notice-bar__open .dropdown-menu {
    top: 140px;
}

body.catalog .dropdown-menu,
body.product .dropdown-menu {
    max-width: calc(var(--max-wrapper-width) - (var(--padding-12) * 4));
    margin-left: var(--padding-12);
    margin-right: var(--padding-12);
}

body.page .dropdown-menu {
    top: 100px;
    max-width: calc(var(--max-wrapper-width) - (var(--padding-12) * 2));
}

body.page.notice-bar__open .dropdown-menu {
    top: 152px;
}

body.index-page .dropdown-menu.indexshift,
body.page .dropdown-menu.indexshift {
    top: 88px;
}

/* body.index-page .dropdown-menu.indexshift,
body.page .dropdown-menu.indexshif {
    max-width: calc(var(--max-wrapper-width) - (var(--padding-12) * 2));
    margin-left: 0;
    margin-right: 0;
} */

body.index-page .header__scroll-block.show ~ .dropdown-menu,
body.catalog .header__scroll-block.show ~ .dropdown-menu,
body.product .header__scroll-block.show ~ .dropdown-menu {
    max-width: calc(var(--max-wrapper-width) - (var(--padding-12) * 2));
    margin-left: 0;
    margin-right: 0;
}

.dropdown-menu.active {
    /* top: 73px; */
    visibility: visible;
    pointer-events: auto;
    transform: translateY(-15px);
    opacity: 1;
}

/* .dropdown-menu__block {
    overflow: hidden;
} */

.dropdown-menu__block__header {
    color: var(--black-color);
    font-family: var(--circe-font);
    font-size: var(--font-size-15);
    line-height: 1;
    font-weight: 500;
    margin: 0 0 var(--padding-12) 0;
}

.dropdown-menu__block__header a {
    color: var(--black-color);
    text-decoration: none;
}

.dropdown-menu__block ul {
    display: flex;
    font-size: var(--font-size-15);
    flex-direction: column;
    gap: var(--padding-12);
    list-style-type: none;
}

.dropdown-menu__block ul a {
    display: block;
    color: var(--grey3);
    text-decoration: none;
}

.dropdown-menu__block ul a:hover,
.dropdown-menu__block ul li.active a {
    color: var(--text-color);
}

.dropdown-menu__menu-line {
    margin: 32px 0 0 0;
}

.dropdown-menu__menu-line ul {
    display: flex;
    font-family: var(--circe-font);
    font-size: var(--font-size-15);
    line-height: 1;
    gap: var(--padding-12);
    list-style-type: none;
}

.dropdown-menu__menu-line ul li {
    display: flex;
    align-items: center;
    gap: var(--padding-12);
}

.dropdown-menu__menu-line ul li:not(:last-child):after {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(img/t-start.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.dropdown-menu__menu-line ul li a {
    color: var(--text-color);
    /* padding: var(--padding-8) var(--padding-10);
    border: 1px solid transparent;
    border-radius: 20px; */
    text-decoration: none;
}

/* .dropdown-menu__menu-line ul li.active a {
    color: var(--white-color);
    background-color: var(--text-color);
} */

.search-bar {
    /* position: fixed; */
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* top: 150px;
    top: 15vh;
    top: 15dvh; */
    width: 50cqw;
    padding: var(--padding-10);
    background-color: var(--grey1);
    border-radius: var(--padding-28);
    /* opacity: 0;
    pointer-events: none;
    z-index: -1;
    visibility: hidden;
    transition: all 0.25s ease-in-out; */
    box-shadow: 0 16px 22px 1px rgba(0,0,0,0.1);
}

.search-bar form {
    position: relative;
    width: 100%;
}

.search-bar__wrapper {
    position: fixed;
    display: flex;
    align-items: baseline;
    justify-content: center;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100vh;
    height: 100dvh;
    /* width: 100cqw; */
    padding-top: 15vh;
    background-color: var(--white-color-50);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    visibility: hidden;
    transition: all 0.15s ease-in-out;
}

.search-bar.open,
.send-message-wrapper.open,
.ask-question__wrapper.open,
.search-bar__wrapper.open {
    opacity: 1;
    visibility: visible;
    z-index: 10000;
    pointer-events: auto;
}

.search-bar.open {
    transform: translateY(-15px);
}

.search-bar__input {
    /* width: 35cqw; */
    width: 100%;
    color: var(--text-color);
    font-size: var(--font-size-20);
    padding: var(--padding-15);
    border-radius: var(--border-radius-18);
    border: 1px solid rgba(0,0,0,0.05);
    visibility: inherit;
}

.search-bar__close {
    position: absolute;
    bottom: calc((var(--base-size) * 12) * -1);
    /* left: calc((var(--base-size) * 4) * -1); */
    left: calc(50% - (var(--base-size) * 4));
    width: calc(var(--base-size) * 8);
    height: calc(var(--base-size) * 8);
    background-color: var(--white-color);
    border: 1px solid var(--line-color);
    background-image: url(img/close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    border-radius: 100%;
    cursor: pointer;
    z-index: 100;
}

.search-bar__input::placeholder {
    color: var(--gray-dot-color);
}

.serch-results__block {
    display: flex;
    flex-direction: column;
    /* width: 35cqw; */
    width: 100%;
    max-height: 50vh;
    max-height: 50dvh;
    overflow: scroll;
    gap: calc(var(--base-size) * 1);
    margin: calc(var(--base-size) * 1) 0 0 0;
    border-radius: var(--border-radius-18);
}

.serch-results__block::-webkit-scrollbar {
    display: none;
}

.serach-item__mini a,
.no-found__search {
    display: grid;
    grid-template-columns: calc(var(--base-size) * 32) 1fr;
    gap: var(--padding-15);
    color: var(--text-color);
    align-items: center;
    text-decoration: none;
    background-color: var(--white-color);
    padding: var(--padding-15);
    border-radius: var(--border-radius-16);
}

.no-found__search {
    display: block;
    /* width: 35cqw; */
    width: 100%;
    align-items: center;
    background-color: unset;
}

.no-found__search__header {
    width: 100%;
    font-family: var(--circe-font);
    color: var(--text-color);
    font-size: var(--font-size-22);
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
}

.serach-item__mini__content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--base-size) * 1.25);
}

.serach-item__mini__content h3 {
    font-size: var(--font-size-18);
    line-height: 1.2;
}

.main-banner__bottles-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    /* grid-template-columns: 150px 150px 150px 150px; */
    /* grid-template-columns: repeat(7,1fr); */
    /* grid-auto-columns: 205px; */
    grid-auto-columns: var(--bottle-width);
    /* gap: 10px; */
    border-radius: var(--border-radius-28);
    overflow: hidden;
    z-index: 50;
}

.safari .main-banner__bottles-wrapper,
.firefox .main-banner__bottles-wrapper {
    justify-content: unset;
}

.main-banner__bottle-line {
    background-image: url(img/dinoprost.png);
    background-size: contain;
    /* animation: slideFront 18s linear infinite; */
    animation-duration: 15s;
    /* animation-duration: 175s; */
    animation-name: slideBottle;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 150ms;
}

/* .main-banner__bottle-line:hover {
    animation-play-state: paused;
} */

/* .safari .main-banner__bottle-line,
.firefox .main-banner__bottle-line {
    animation-duration: 15s;
} */

.main-banner__bottle-line.reverse,
.main-banner__bottle-line:nth-child(odd) {
    /* animation: slideBack 12s linear infinite; */
    /* animation-name: slideBottleReverse; */
    animation-direction: reverse;
    background-position: 0 105px;

}

.product-info__top-bar {
    display: flex;
    gap: var(--big-gap);
    align-items: center;
    z-index: 100;
}

.index-page .product-info__top-bar {
    margin-inline: auto;
}

.product-info__top-bar__image,
.product-info__top-bar__header,
.product-info__top-bar__buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--padding-27);
    height: 100%;
    background-color: var(--white-color-50);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
}

.product-info__top-bar .product-info__top-bar__image {
    background-color: var(--white-color);
    max-width: calc(var(--base-size) * 52.5);
}

.product-info__top-bar__header {
    position: relative;
    max-width: calc(var(--base-size) * 115);
    /* gap: var(--padding-15); */
}

.product-info__top-bar__header:not(.magic-corner) .product-info__top-bar__header__first {
    display: flex;
    flex-direction: column;
    gap: var(--padding-15);
}

.product-info__top-bar__header.magic-corner {
    flex-direction: row;
    background-color: unset;
    backdrop-filter: unset;
    padding: 0;
}


.product-info__top-bar__header.magic-corner .product-info__top-bar__header__first,
.product-info__top-bar__header.magic-corner .product-info__top-bar__header__second {
    background-color: var(--white-color-70);
    /* backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); */
}

.product-info__top-bar__header.magic-corner .product-info__top-bar__header__first {
    display: flex;
    flex-direction: column;
    gap: var(--padding-15);
    padding: var(--padding-27) var(--padding-10) var(--padding-27) var(--padding-39);
    border-radius: var(--border-radius-20) 0 var(--border-radius-20) var(--border-radius-20);
}

.product-info__top-bar__header.magic-corner .product-info__top-bar__header__second {
    position: relative;
    width: 95px;
    height: calc(100% - 48px);
    border-radius: 0 var(--border-radius-20) var(--border-radius-20) 0;
}

.product-info__top-bar__header.magic-corner .product-info__top-bar__header__second::after {
    content: "";
    position:absolute;
    width: 52px;
    height: 52px;
    bottom: -52px;
    left: 0px;
    /* background-color: var(--text-color); */
    background-image: url(img/corner@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.star-line {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    height: 12px;
    pointer-events: none;
}

.star-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background-image: url(img/t-start.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.star-line::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 12px;
    background-image: url(img/t-start.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.product-info__top-bar__header::after,
.product-info__top-bar__buttons::after,
.product-info__top-bar__header__second::before,
.index-page__big-promo-banner__content::after,
.dropdown-menu::after,
.news-block .page-header::after,
.news-single:not(.stripes)::after {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 12px;
    height: 12px;
    background-image: url(img/t-start.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.product-info__top-bar__header__second::before {
    left: unset;
    top: 15px;
    bottom:unset;
    right: 15px;
}

.product-info__top-bar__header__first .star-line::after {
    display: none;
}

.product-info__top-bar__header h1 {
    font-family: var(--circe-font);
    color: var(--text-color);
    font-size: var(--product-h1);
    font-weight: 600;
    text-transform: uppercase;
}

.product-info__top-bar__header p {
    font-size: var(--font-size-16);
    line-height: var(--font-size-22);
}

.product-info__top-bar__header__top,
.product-info__top-bar__header__pack-switcher,
.product-card__pac {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-card__pac {
    gap: calc(var(--base-size) * 1.5);
}

.product-info__top-bar__header__top {
    gap: var(--padding-15);
    /* justify-content: start; */
}

.index-page .product-info__top-bar__header__top {
    flex-direction: column;
}

.product-info__top-bar__header__pack-switcher {
    gap: var(--small-gap);
    /* flex-direction: column; */
}

.product-info__top-bar__header__pack-switcher span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-12);
    line-height: var(--font-size-13);
   /*  width: calc(var(--base-size) * 15);
   height: calc(var(--base-size) * 7.25); */
   padding: var(--padding-5);
   width: max-content;
    border: 2px solid var(--text-color);
    border-radius: var(--border-radius-10);
    cursor: pointer;
}

.product-info__top-bar__buttons {
    position: relative;
    gap: var(--big-gap);
    padding: var(--padding-27) var(--padding-15);
    /* max-width: calc(var(--base-size) * 55); */
}

.product-info__top-bar__buttons a,
a.buy-buttons,
.btn {
    display: block;
    font-size: var(--font-size-16);
    line-height: var(--font-size-22);
    color: var(--text-color);
    padding: var(--padding-16) var(--padding-28);
    text-align: center;
    background-color: var(--white-color);
    border-radius: var(--border-radius-36);
    cursor: pointer;
    text-decoration: none;
}

.product-info__top-bar__buttons a:first-child,
a.buy-buttons:first-of-type,
.btn.btn-submit {
    color: var(--white-color);
    background-color: var(--text-color);
    border: 0;
}

.btn {
    border: 1px solid var(--blue-color);
}

.btn.btn-submit {
    font-size: var(--font-size-20);
}

.product-line__same-products {
    margin: var(--padding-39) 0 0 0;
}

.product-line__same-products__header {
    margin: 0 0 var(--padding-34) 0;
}

.product-line__same-products__header h2,
.ask-question__title,
.news-index__block h2,
.catalog__no-result h2,
.catalog__no-result-board h2 {
    display: flex;
    gap: var(--padding-24);
    align-items: baseline;
    font-family: var(--circe-font);
    color: var(--text-color);
    font-size: var(--font-size-40);
    line-height: var(--font-size-44);
    font-weight: 500;
    margin: 0 0 0 var(--padding-15);
}

.index-page .product-line__same-products__header h2,
.index-page .news-index__block h2 {
    align-items: center;
}

body:not(.catalog) .product-line__same-products__header h2 span {
    font-family: var(--pt-root-font);
    color: var(--askont-blue-40);
    font-size: var(--font-size-28);
    font-weight: 400;
}

body.catalog .product-line__same-products__header h2 {
    margin: 0;
}

.product-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--big-gap);
}

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

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

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

.catalog__no-result-board {
    grid-column: 2 /span 3;
    padding: var(--padding-34) 0;
}

.product-card {
    position: relative;
    background-color: var(--gray-card-bg-color);
    border-radius: var(--border-radius-28);
    container-type: inline-size;
}

.product-card.hide {
    display: none;
}

/* @property --__angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.product-card:hover::before,
.product-card:hover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    padding: 0px;
    border-radius: inherit;
    background-image: conic-gradient(from var(--__angle), transparent 70%, #EC462B);
    background-image: conic-gradient(from var(--__angle), rgba(90, 193, 186, 0.6),rgba(244, 157, 35, 1), rgba(90, 193, 186, 0.6));
    z-index: -1;
    animation: 4s spin linear infinite;
}

.product-card:hover::before {
    filter: blur(15px);
}

@keyframes spin {
    from {
        --__angle: 0deg;
    }

    to {
        --__angle: 360deg;
    }
} */

.product-card a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--black-color);
    padding: 0 0 var(--padding-39) 0;
    padding: var(--padding-20) var(--padding-12) var(--padding-39) var(--padding-12);
    border-radius: var(--border-radius-28);
    text-decoration: none;
}

.product-card__content {
     display: flex;
     flex-direction: column;
     gap: var(--padding-10);
     align-items: center;
    color: var(--grey3);
}

.product-card__cat {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--grey3);
    font-size: var(--font-size-15);
    font-size: 4.5cqw;
    line-height: var(--font-size-20);
    line-height: 1.2;
    min-height: calc(var(--base-size) * 7.75);
    /* margin: 0 0 var(--padding-10) 0; */
    text-align: center;
    text-transform: uppercase;
}


.product-card__new {
    color: transparent;
    background: linear-gradient(90deg, rgba(80,125,191,1) 0%, rgba(255,140,182,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.product-card__pac span {
    display: block;
    color: var(--white-color);
    background-color: var(--text-color);
    padding: var(--base-size) calc(var(--base-size) * 2.5);
    border-radius: var(--padding-8);
}

.product-card a img {
    max-height: calc(var(--base-size) * 89);
    /* margin: 0 0 var(--padding-16) 0; */
    transition: all 0.3s ease;
}

.product-card:hover a img {
    transform: translateY(-6px);
}

.product-card h3,
.product-card .product-card__header {
    display: flex;
    color: var(--black-color);
    font-size: var(--font-size-20);
    font-size: 5.5cqw;
    line-height: var(--font-size-25);
    min-height: calc(var(--base-size) * 9);
    align-items: center;
    line-height:1.2;
    letter-spacing: 2px;
    font-weight: 500;
    text-align: center;
}

.product-card .product-card__medicine {
    font-size: 4.5cqw;
    line-height: 1.2;
}

.product-wrapper.grid-6x .product-card h3,
.product-wrapper.grid-6x .product-card .product-card__header {
    font-size: var(--font-size-18);
    line-height: 1.2;
}

.product-block {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-columns: 1fr 2fr minmax(150px,1fr);
    gap: var(--big-gap);
    margin: var(--big-gap) 0 0 0;
}

.product-block__info-bar,
.product-block__text-bar,
.product-block__data-bar {
    display: flex;
    flex-direction: column;
    gap: var(--big-gap);
}

.product-block__item {
    color: var(--text-color);
    font-size: var(--font-size-16);
    line-height: var(--font-size-22);
    background-color: var(--gray-color);
    padding: var(--padding-20);
    border-radius: var(--border-radius-28);
}

.product-block__item h2 {
    font-family: var(--circe-font);
    color: var(--real-black-color);
    font-size: var(--font-size-20);
    line-height: var(--font-size-34);
    font-weight: 600;
    margin: 0 0 var(--font-size-12) 0;
}

.product-block__item h4 {
    font-family: var(--circe-font);
    color: var(--gray-text-color);
    font-size: var(--font-size-12);
    line-height: var(--font-size-20);
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
}

.product-block__badges {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    align-items: center;
    justify-content: space-between;
    gap: var(--medium-gap);
    margin: var(--padding-10) 0 0 0;
}

.product-block__badges > span,
.product-block__badges a {
    display: block;
    /* width: calc(var(--base-size) * 10);
    height: calc(var(--base-size) * 10); */
    width: auto;
    height: auto;
    aspect-ratio: 1/1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.5;
}

.product-block__badges > span.active,
.product-block__badges a.active {
    opacity: 1;
}

.product-block__badges > span.chicken {
    background-image: url(img/chicken.png);
}

.product-block__badges>span.beef {
    background-image: url(img/beef.png);
}

.product-block__badges>span.pork {
    background-image: url(img/pork.png);
}

.product__spec {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: var(--padding-14) var(--padding-27);
}

.product__spec p {
    color: var(--real-black-color);
    font-size: var(--font-size-16);
    line-height: var(--font-size-22);
    font-weight: 300;
}

.product-block__text-bar p {
    color: var(--real-black-color);
    margin: 0 0 var(--padding-12) 0;
}

.product-block__text-bar ul,
.product-block__text-bar ol {
    display: flex;
    flex-direction: column;
    gap: var(--padding-10);
    color: var(--real-black-color);
    font-size: var(--font-size-16);
    line-height: var(--font-size-22);
    margin: 0 0 var(--padding-12) var(--padding-20);
}

.mini-buy-block {
    display: flex;
    flex-direction: column;
    gap: var(--big-gap);
}

.mini-buy-block__info {
    display: grid;
    grid-template-columns: calc(var(--base-size) * 15) 1fr;
    gap: var(--big-gap);
    align-items: center;
}

.product-block__stick {
    position: sticky;
    top: var(--big-gap);
    display: flex;
    flex-direction: column;
    gap: var(--big-gap);
    /* transition: all 0.5s ease; */
    transition: all 0.3s ease;
}

.product-block__stick.shift {
    top: 78.5px;
}

.mini-buy-block__img {
    padding: var(--padding-10);
    border-radius: var(--border-radius-10);
    background-color: var(--white-color);
}

.mini-buy-block__text {
    font-size: var(--font-size-16);
    line-height: var(--font-size-22);
    font-weight: 400;
}

.mini-buy-block__header {
    font-family: var(--circe-font);
    font-weight: 600;
}

.download-block {
    display: flex;
    flex-direction: column;
    gap: var(--big-gap);
    /* max-width: 314px; */
    max-width: 100%;
}

.download-block__header {
    display: flex;
    align-items: center;
    line-height: var(--font-size-32);
    justify-content: space-between;
    margin: 0 var(--padding-14) var(--padding-12) var(--padding-14);
}

.download-block__header h2 {
    color: var(--text-color);
    margin: 0;
}

.download-block__header a {
    color: var(--text-color);
    font-size: var(--font-size-14);
    text-decoration: none;
}

.download-item {
    display: grid;
    grid-template-columns: calc(var(--base-size) * 4) 1fr max-content;
    gap: var(--medium-gap);
    align-items: center;
    color: var(--real-black-color);
    background-color: var(--white-color);
    padding: var(--padding-14);
    border-radius: var(--border-radius-36);
    overflow: hidden;
    text-decoration: none;
}

.download-item__img {
    aspect-ratio: 1 / 1;
    background-image: url(img/download-docs.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.download-item__content {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: calc(var(--base-size) / 2);
    align-items: baseline;
    line-height: var(--font-size-24);
    overflow: hidden;
}

.download-item__name {
    font-size: var(--font-size-14);
}

.download-item__dots {
    border-bottom: 1.5px dashed var(--gray-dot-color);
}

.download-item__file-info {
    color: var(--gray-text-download);
    font-size: var(--font-size-12);
}

.product__wait-time__block {
    display: flex;
    gap: var(--padding-16);
    align-items: center;
}

.product__wait-time__item {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: var(--medium-gap);
    align-items: center;
}

.product__wait-time__item__content {
    color: var(--real-black-color);
    font-size: var(--font-size-16);
}

.product__wait-time__item__content span {
    display: block;
}

.send-message-wrapper {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100vh;
    height: 100dvh;
    /* width: 100cqw; */
    /* padding-top: 15vh; */
    background-color: var(--white-color-50);
    backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    visibility: hidden;
    transition: all 0.15s ease-in-out;
}

.send-message__block {
    /* width: 35cqw; */
    width: 25cqw;
    min-width: 300px;
    /* min-height: 350px; */
    padding: var(--padding-24);
    background-color: var(--gray-color);
    border-radius: var(--border-radius-28);
    box-shadow: 0 16px 22px 1px rgba(0, 0, 0, 0.1);
    visibility: inherit;
    transition: all 0.25s;
}

.send-message-wrapper.open .send-message__block {
    transform: translateY(-25px);
}

.send-message__block__close {
    display: block;
    width: calc(var(--base-size) * 6);
    height: calc(var(--base-size) * 6);
    background-image: url(img/close.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.send-message__block__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: var(--padding-10) 0 var(--padding-20) 0;
}

.send-message__block__title {
    color: var(--text-color);
    font-size: var(--font-size-24);
    line-height: 1;
    font-weight: 600;
    text-align: center;
}

.send-message__form {
    display: flex;
    flex-direction: column;
    gap: var(--big-gap);
}

.send-message__form__input {
    width: 100%;
    max-width: 100%;
    font-size: var(--font-size-20);
    line-height: var(--font-size-20);
    color: var(--text-color);
    padding: var(--padding-16) var(--padding-21);
    border-radius: var(--border-radius-36);
    border: 2px solid var(--white-color);
}

.ask-question__input.error,
.send-message__form__input.error {
    border: 2px solid var(--red-color);
}

.send-message__form__input::placeholder {
    color: var(--gray-dot-color);
}

.send-message__form__input:focus {
    border: 2px solid var(--light-green-color);
}

textarea.send-message__form__input {
    font-family: var(--base-font);
    line-height: var(--font-size-22);
    min-height: 150px;
    border-radius: var(--border-radius-28);
}

.send-message__form .double-input {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--big-gap);
}

.ask-question__wrapper {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    height: 100dvh;
    padding: calc(var(--big-gap) *  3);
    opacity: 0;
    pointer-events: none;
    z-index: -100;
    visibility: hidden;
    background-color: var(--white-color-65);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: all .25s;
}

.ask-question__block {
    width: 100cqw;
    max-width: calc(var(--max-wrapper-width) - calc(var(--big-gap) * 2));
    background-color: var(--gray-card-bg-color);
    padding: var(--padding-39);
    border-radius: var(--border-radius-32);
    box-shadow: 0 16px 22px 1px rgba(0, 0, 0, 0.1);
    visibility: inherit;
    transition: all 0.25s;
}

.ask-question__wrapper.open .ask-question__block {
    transform: translateY(-25px);
}

.ask-question__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 var(--padding-24) 0;
}

a.ask-question__block__close {
    display: block;
    width: calc(var(--base-size) * 6.25);
    height: calc(var(--base-size) * 6.25);
    background-image: url(img/close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-decoration: none;
}

.ask-question__form {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--padding-15);
}

.ask-question__form__content,
.ask-question__form__contact {
    display: flex;
    flex-direction: column;
    gap: var(--padding-15);
}

.ask-question__input,
.ask-question__hidden__input {
    color: var(--text-color);
    font-size: var(--font-size-22);
    line-height: 1;
    padding: var(--padding-20);
    border-radius: var(--border-radius-32);
    border: 2px solid var(--white-color);
}

.ask-question__input.main-title {
    display: none;
    visibility: hidden;
}

.ask-question__hidden__input {
    border: 2px dashed var(--grey2);
    background-color: var(--gray-card-bg-color);
}

.ask-question__input:focus {
    border: 2px solid var(--light-green-color);
}

.ask-question__hidden__input:focus {
    border: 2px dashed var(--light-green-color);
}

.ask-question__input::placeholder,
.ask-question__hidden__input::placeholder {
    color: var(--gray-dot-color);
}

textarea.ask-question__input {
    font-family: var(--base-font);
    line-height: var(--font-size-25);
    min-height: calc(var(--base-size) * 96);
}

.ask-question__form .btn.btn-submit {
    font-size: var(--font-size-22);
}

.header__scroll-block {
    --__block-width: calc(var(--max-wrapper-width) - (var(--big-gap) * 2));
    position: fixed;
    top: -100px;
    width: var(--__block-width);
    left: 50%;
    margin-left: calc((var(--__block-width) / 2) * -1);
    display: flex;
    gap: var(--medium-gap);
    font-size: var(--font-size-15);
    align-items: center;
    background-color: var(--white-color);
    padding: var(--padding-12);
    border-radius: 0 0 var(--border-radius-28) var(--border-radius-28);
    box-shadow: 0 16px 22px 1px rgba(0, 0, 0, 0.1);
    /* transition: all 0.7s ease; */
    transition: all 0.3s ease;
    z-index: 9000;
}

.header__scroll-block.show {
    top: 0;
}

.header__scroll-block__menu li:not(:first-child) a,
.header__scroll-block .header__company-menu,
.header__scroll-block .header__search-button,
.header__scroll-block .header__contact-form,
.header__scroll-block .header__lang-button,
.header__scroll-block .mobile-menu__button  {
    border: 1px solid var(--gray-color);
}

.header__scroll-block__menu li:last-child a {
    font-weight: 800;
}

.index-page__big-promo-banner {
    display: flex;
    align-items: center;
    justify-content: right;
    width: 100%;
    height: 90dvh;
    margin-top: calc(var(--base-size) * 2);
    max-height: 701px;
    padding: var(--padding-34);
    background-color: var(--grey1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--border-radius-28);
}

.index-page__big-promo-banner__content {
    position: relative;
    width: 60%;
    color: var(--text-color);
    padding: var(--padding-54) var(--padding-27) var(--padding-54) var(--padding-14);
    background-color: var(--white-color-80);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    max-width: calc(var(--base-size) * 120.25);
    border-radius: var(--border-radius-24);
}

.index-page__big-promo-banner__content h2 {
    font-family: var(--circe-font);
    font-size: var(--font-size-28);
    line-height: var(--font-size-34);
    margin: 0 0 var(--padding-12) 0;
}

.index-page__big-promo-banner__content p {
    font-size: var(--font-size-14);
    line-height: var(--font-size-16);
}

.animal-type__block {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: calc(var(--base-size) * 1.5);
    align-items: center;
    justify-content: space-between;
    margin: calc(var(--base-size) * 2) 0 0 0;
}

.animal-type__block a,
.animal-type__block .fitem {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--base-size) * 1);
    min-height: 100%;
    height: calc(var(--base-size) * 22);
    color: var(--text-color);
    font-family: var(--circe-font);
    font-size: var(--font-size-14);
    line-height: var(--font-size-18);
    letter-spacing: 4%;
    font-weight: 600;
    padding: var(--padding-24);
    background-color: var(--gray-color);
    border-radius: var(--border-radius-28);
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    text-transform: uppercase;
}

.animal-type__block.filtered  a,
.animal-type__block.filtered  .fitem {
    opacity: 0.4;
    opacity: 0.5;
}

.animal-type__block.filtered  a.active,
.animal-type__block.filtered  .fitem.active  {
    opacity: 1;
}

.animal-type__block a .link-filter-image,
.animal-type__block .fitem .link-filter-image {
    display: block;
    flex: 0 0 40px;
    width: calc(var(--base-size) * 10);
    height: calc(var(--base-size) * 10);
    /* background-image: (data-img); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

body.index-page .animal-type__block a:not(.moa1) .link-filter-text,
body.index-page .animal-type__block .fitem:not(.moa1) .link-filter-text {
    display: block;
}

body.index-page .animal-type__block a:not(.moa1) .link-filter-text__mobile,
body.index-page .animal-type__block .fitem:not(.moa1) .link-filter-text__mobile,  
body.index-page .animal-type__block a.moa1 .link-filter-text__mobile {
    display: none;
}

.product-type__block {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--base-size) * 1.5);
    margin: calc(var(--base-size) * 2) 0 0 0;
}

.product-type__block a,
.product-type__block .fitem {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 56px;
    color: var(--asckont-blue);
    font-family: var(--circe-font);
    font-size: var(--font-size-13);
    line-height: var(--font-size-16);
    font-weight: 500;
    letter-spacing: 4%;
    background-color: var(--peach-color);
    padding: var(--padding-12) var(--padding-20);
    text-decoration: none;
    text-transform: uppercase;
    user-select: none;
    cursor: pointer;
    border-radius: var(--border-radius-16);
}

.animal-type__block a::after,
.animal-type__block .fitem::after,
.product-type__block a::after,
.product-type__block .fitem::after {
    display: none;
    content: "";
    position: absolute;
    top: calc(var(--base-size) * -1);
    right: 0;
    width: calc(var(--base-size) * 4);
    height: calc(var(--base-size) * 4);
    border: 1px solid var(--line-color);
    border-radius: var(--border-radius-28);
    background-color: var(--gray-color);
    background-image: url(img/close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.product-type__block a::after,
.product-type__block .fitem::after {
    background-color: var(--peach-color);
}

.product-type__block.filtered a,
.product-type__block.filtered .fitem {
    opacity: 0.4;
    opacity: 0.5;
}

.product-type__block.filtered a.active,
.product-type__block.filtered .fitem.active {
    opacity: 1;
}

.animal-type__block.filtered:not(.exclude-form-filter) a.active::after,
.animal-type__block.filtered:not(.exclude-form-filter) .fitem.active::after,
.product-type__block.filtered:not(.exclude-form-filter) a.active::after,
.product-type__block.filtered:not(.exclude-form-filter) .fitem.active::after {
    display: block;
}

#filter input {
    display: none;
}

.news-index__block {
    margin: calc(var(--base-size) * 8.25) 0 0 0;
}

.news-index__block__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--big-gap);
    grid-template-areas: 
        "first-news second-news"
        "first-news third-news";
    margin: calc(var(--base-size) * 6) 0 0 0;
}

.mini-news__index {
    padding: var(--padding-12);
    background-color: var(--gray-color);
    border-radius: var(--border-radius-28);
}

.mini-news__index img {
    display: block;
    border-radius: var(--border-radius-16);
}

.mini-news__index a {
    display: flex;
    flex-direction: column;
    gap: var(--padding-14);
    color: var(--asckont-blue);
    height: 100%;
    text-decoration: none;
}

.mini-news__index__image {
    /* height: 100%; */
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: var(--border-radius-16);
    z-index: 10;
    /* filter: grayscale(100%); */
    /* filter: invert(69%) sepia(14%) saturate(605%) hue-rotate(177deg) brightness(95%) contrast(86%); */
}

.mini-news__index__image__wrapper {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-color: #94A9C973;
    z-index: 1000;
}

.mini-news__index__content {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    height: 100%;
    gap: var(--padding-12);
}

.mini-news__index:nth-child(1) div.mini-news__index__content {
    flex-direction: column;
}

.mini-news__index__content h3 {
    font-size: var(--font-size-20);
    line-height: var(--font-size-24);
}

.mini-news__index:nth-child(1) div.mini-news__index__content h3,
.mini-news__index:nth-child(3) div.mini-news__index__content h3 {
    font-size: var(--font-size-28);
    line-height: var(--font-size-34);
}

.mini-news__index:nth-child(2) div.mini-news__index__content p,
.mini-news__index:nth-child(3) div.mini-news__index__content p {
    display: none;
}

.mini-news__index:nth-child(1) {
    grid-area: first-news;
    padding: var(--padding-12) var(--padding-12) var(--padding-20) var(--padding-12);
}

.mini-news__index:nth-child(2) {
    grid-area: second-news;
}

.mini-news__index:nth-child(2) a {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--padding-12);
}

.mini-news__index:nth-child(3) {
    grid-area: third-news;
}

.mini-news__index:nth-child(1) div.mini-news__index__image {
    min-height: 375px;
}

.mini-news__index:nth-child(3) div.mini-news__index__image {
    display: none;
}

.badge-block {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    background-color: var(--gray-color);
    border-radius: var(--border-radius-28);
    margin: var(--padding-42) 0 0 0;
    margin: calc(var(--base-size) * 3) 0 0 0;
}

.badge-block.by-block {
    gap: var(--big-gap);
    background-color: unset;
    overflow: hidden;
}

.badge-item {
    /* display: grid;
    grid-template-columns: calc(var(--base-size) * 12.5) 1fr;
    grid-template-columns: 1fr; */
    display: flex;
    flex-direction: column;
    gap: var(--padding-12);
    padding: var(--padding-22);
    align-items: center;
}

.badge-block.by-block .badge-item {
    background-color: var(--gray-color);
    border-radius: var(--border-radius-28);
}

.badge-item p {
    color: var(--grey3);
    font-size: var(--font-size-14);
    line-height: var(--font-size-20);
}

.badge-item__header {
    display: flex;
    flex-direction: column;
    gap: calc(var(--padding-12) / 2);
    align-items: center;
    text-align: center;
}

.badge-item__header h3 {
    font-family: var(--circe-font);
    color: var(--asckont-blue);
    font-size: var(--font-size-22);
    line-height: var(--font-size-22);
    font-weight: 600;
}

.badge-item span {
    display: block;
    width: calc(var(--base-size) * 12.5);
    /* width: 100%; */
    height: calc(var(--base-size) * 12.5);
    /* height: 100%; */
    aspect-ration: 1 / 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.resset-filter {
    display: none;
    margin: calc(var(--base-size)* 1.5) 0 0 0;
}

.resset-filter.filtered {
    display: block;
}

.catalog__no-result {
    padding: var(--padding-27) 0;
    max-width: 65%;
    margin:auto;
}

.catalog__no-result h2 {
    margin: 0 var(--padding-20) var(--padding-15) var(--padding-20);
}

.catalog__no-result p {
    color: var(--text-color);
    font-size: var(--font-size-28);
    line-height: 1.2;
    padding: 0 var(--padding-20);
}

.catalog__no-result .send-message__form {
    padding: var(--padding-20);
    margin: var(--padding-28) 0 0 0;
    background-color: var(--gray-color);
    border-radius: var(--border-radius-28);
}

.catalog__no-result .send-message__form input,
.catalog__no-result .send-message__form textarea,
.catalog__no-result .send-message__form button {
    border-radius: var(--border-radius-16);
}

.filter-setup {
    margin: 0 0 0 var(--padding-20);
}

.filter-setup label {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    font-family: var(--circe-font);
    color: var(--text-color);
    gap: calc(var(--base-size) * 1.5);
    user-select: none;
    cursor: pointer;
}

.filter-setup label input {
    display: none;
}

.slider__setup-block {
    display: flex;
    align-items: center;
    position: relative;
    background-color: var(--white-color);
    /* background-color: var(--light-green); */
    width: calc(var(--base-size) * 13);
    height: calc(var(--base-size) * 8);
    padding: calc(var(--base-size) / 2);
    border-radius: calc(var(--base-size) * 6);
    border: 1px solid var(--grey-slider);
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    z-index: 1;
}

.slider__setup-block::before {
    content: "";
    position: absolute;
    display: block;
    right: calc((var(--base-size) * 13) - (var(--base-size) * 7.5));
    width: calc(var(--base-size) * 6);
    height: calc(var(--base-size) * 6);
    background-color: var(--white-color);
    border-radius: 100%;
    border: 1px solid var(--grey-slider);
    transition: all 0.3s ease;
    z-index: 10;
}

.input-slider:checked + .slider__setup-block::before {
    /* left: 0; */
    right: calc(var(--base-size) / 2);
}

/* .slider__setup-block::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    width: calc(var(--base-size) * 12);
    height: calc(var(--base-size) * 6);
    background-color: var(--white-color);
    transition: all 0.3s ease;
    z-index: 5;
}

.input-slider:checked + .slider__setup-block::after {
    left:  calc((var(--base-size) * 9) * -1);
} */

.input-slider:checked + .slider__setup-block {
    background-color: var(--light-green);
    background-color: var(--text-color);
}

.filter-setup label:hover .slider__setup-block::before{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/* .mobile-menu {
    position: fixed;
    top: 0;
    right: -110vw;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    padding: var(--padding-20);
    padding: 5vw;
    background-color: var(--white-color);
    z-index: 11000;
    transition: all 0.5s ease;
}

.mobile-menu.open {
    right: 0;
} */

.mobile-menu {
    position: fixed;
    top: 75px;
    right: var(--padding-12);
    left: var(--padding-12);
    width: auto;
    max-height: 70vh;
    max-height: 70dvh;
    overflow: auto;
    scrollbar-width: none;
    padding: var(--padding-24);
    background-color: var(--white-color-50);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    pointer-events: none;
    z-index: -100;
    visibility: hidden;
    border-radius: var(--border-radius-28);
    transition: all 0.7s ease;
}

body.index-page .mobile-menu {
    top: 95px;
    right: calc(var(--padding-12) * 2);
    left: calc(var(--padding-12) * 2);
}

body.index-page .header__scroll-block.show ~ .mobile-menu {
    top: 68px;
    left: var(--padding-12);
    right: var(--padding-12);
}

body.catalog .mobile-menu,
body.product .mobile-menu {
    top: 65px;
}


body.index-page.notice-bar__open .mobile-menu {
    top: 171px;
}

body.catalog.notice-bar__open .mobile-menu,
body.product.notice-bar__open .mobile-menu {
    top: 139px;
}

body.page.notice-bar__open .mobile-menu {
    top: 150px;
}

body.page .header__scroll-block.show ~ .mobile-menu {
    top: 60px;
}

body.catalog.notice-bar__open .header__scroll-block.show ~ .mobile-menu,
body.product.notice-bar__open .header__scroll-block.show ~ .mobile-menu {
    top: 65px;
}


.mobile-menu__wrapper {
    overflow: auto;
    scrollbar-width: none;
}

.mobile-menu.open {
    z-index: 11000;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateY(+10px);
}

.mobile-menu__wrapper {
    border-bottom: 1px solid var(--line-color);
}

.mobile-menu__header {
    display: flex;
    gap: var(--big-gap);
    align-items: center;
    justify-content: space-between;
    margin: 0 0 var(--padding-12) 0;
}

.mobile-menu__header img {
    max-width: calc(var(--base-size) * 37.5);
}

.mobile-menu__header .mobile-menu__button {
    border-radius: 50px;
    border: 1px solid var(--line-color);
}

.mobile-menu__header .mobile-menu__button .burger{
    margin-left: 5px;
}

.mobile-menu__item__wrapper {
    border-top: 1px solid var(--line-color);
}

.mobile-menu__item__header {
    display: grid;
    grid-template-columns: 1fr calc(var(--base-size)* 5);
    align-items: center;
    justify-content: space-between;
    gap: var(--padding-12);
    cursor: pointer;
    padding: var(--padding-12) 0;
}

.mobile-menu__item__header__button {
    display: block;
    position: relative;
    width: calc(var(--base-size)* 5);
    height: calc(var(--base-size)* 5);
    transition: all 0.3s ease;
    pointer-events: none;
}

.mobile-menu__item__header__button:before,
.mobile-menu__item__header__button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--black-color);
    margin: -1px 0 0 0;
    transition: all 0.3s ease;
}

.mobile-menu__item__header__button:after {
    transform: rotate(90deg);
}

.mobile-menu__item__header h5 {
    font-family: var(--circe-font);
    color: var(--text-color);
    font-size: var(--font-size-24);
    line-height: 1;    
    pointer-events: none;
}

.mobile-menu__item__content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .5s ease-in-out;
}

.mobile-menu__item__wrapper.active .mobile-menu__item__content {
    grid-template-rows: 1fr;
}

.mobile-menu__item__wrapper.active .mobile-menu__item__header__button:after {
    transform: rotate(0deg);
}

.mobile-menu__item__content__resset {
    overflow: hidden;
}

.mobile-menu__item__content h6 {
    font-family: var(--circe-font);
    color: var(--text-color);
    font-size: var(--font-size-18);
    line-height: 1;
    margin: 0 0 calc(var(--base-size) * 1.5) 0;
}

.mobile-menu__item__content ul {
    display: flex;
    flex-direction: column;
    gap: calc(var(--base-size) * 1.5);
    font-size: var(--font-size-16);
    line-height: 1.2;
    list-style-type: none;
    margin: 0 0 var(--padding-12) 0;
}

.mobile-menu__item__content ul a {
    color: var(--black-color);
    text-decoration: none;
}

.mobile-menu__item__content ul a:hover,
.mobile-menu__item__content ul li.active a {
    text-decoration: underline;
}

.page-header {
    display: flex;
    flex-direction: column;
    gap: var(--big-gap);
    padding: var(--padding-20) var(--padding-22);
}

.page-header__wrapper {
    display: flex;
    gap: var(--big-gap);
    align-items: center;
    justify-content: space-between;
}

.header__sub-menu {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    gap: var(--padding-2);
}

.header__sub-menu li a {
    font-size: var(--padding-15);
    line-height: var(--padding-24);
    color: var(--black-color);
    padding: var(--padding-10) var(--padding-16);
    background-color: var(--light-blue);
    border-radius: var(--padding-16);
    text-decoration: none;
    white-space: nowrap;
}

.header__sub-menu li.active a {
    color: var(--white-color);
    background-color: var(--asckont-blue);
}

.news-block .page-header {
    position: relative;
    padding: var(--padding-42) var(--padding-24);
}

.page-header .breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    font-size: var(--font-size-16);
    line-height: var(--font-size-24);
    gap: var(--base-size);
    list-style-type: none;
}

.page-header .breadcrumbs a {
    color: var(--grey3);
    text-decoration: none;
}

.page-header .breadcrumbs li:not(:first-child) a {
    position: relative;
    display: flex;
    gap: var(--base-size);
    align-items: center;
}

.page-header .breadcrumbs li:not(:first-child) a:before {
    content: "";
    width: calc(var(--base-size) * 6);
    height: calc(var(--base-size) * 6);
    background-image: url(img/arrow-right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* .page-header .breadcrumbs li:last-child {
    display: none;
} */

.news-block .page-header .breadcrumbs li:last-child {
    display: none;
}

.page-header h1 {
    font-family: var(--circe-font);
    color: var(--text-color);
    font-size: var(--font-size-60);
    line-height: 1.1;
    margin-left: -5px;
}

.page-content,
.buyers-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--big-gap);
}

.page-content__content,
.page-content__image-board {
    background-color: var(--grey1);
    padding: var(--padding-20);
    border-radius: var(--border-radius-28);
}

.page-content__image-board {
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 45vh;
    min-height: 45dvh;
}

.page-content h2 {
    color: var(--text-color);
    max-width: 75%;
    font-size: var(--font-size-44);
    line-height: var(--font-size-48);
    
}

.page-content.page-productions h2 {
    max-width: 100%;
    font-size: var(--font-size-32);
    line-height: 1.2;
}

.page-content h3 {
    color: var(--text-color);
    font-size: var(--font-size-24);
    line-height: var(--font-size-28);
    margin: 0 0 calc(var(--base-size) * 4) 0;
}

.page-content p,
.page-content ul,
.page-content ol {
    color: var(--black-color);
    font-size: var(--font-size-16);
    line-height: var(--font-size-24);
}

.page-content p:not(:last-child) {
    margin: 0 0 var(--padding-12) 0;
}

.page-content ul,
.page-content ol {
    display: flex;
    flex-direction: column;
    gap: calc(var(--base-size) * 1.5);
    margin: 0 0 var(--padding-12) 20px;
}

.page-contact {
    display: flex;
    flex-direction: column;
    gap: var(--big-gap);
}

.buyers-block {
    margin-top: var(--padding-12);
    grid-template-areas:
        "buyers-header buyers-image"
        "buyers-content buyers-image";
}

.buyers-block .page-header {
    grid-area: buyers-header;
}

.buyers-block .buyers-block__wrapper {
    grid-area: buyers-content;
}

.buyers-block .page-content__image-board {
    grid-area: buyers-image;
}

.buyers-block__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--big-gap);
}

.buyers-block__item,
.news-block__content {
    background-color: var(--gray-color);
    padding: var(--padding-24);
     border-radius: var(--border-radius-28);   
}

.buyers-block__item__peach {
    background-color: var(--peach-color);
    padding: var(--padding-24);
    border-radius: var(--border-radius-28);  
}

.buyers-block__item p {
    font-size: var(--font-size-18);
    line-height: var(--font-size-24);
    
}

.buyers-block__item h4 {
    color: var(--black-color);
    font-size: var(--font-size-16);
    line-height: var(--font-size-24);
    font-weight: 400;
    margin: 0 0 calc(var(--base-size) * 1.5) 0;
}

.buyers-block__item__contact a {
    color: var(--text-color);
    font-size: var(--font-size-24);
    line-height: var(--font-size-28);
    text-decoration: none;
}

.page-content__cloud-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--big-gap);
}

.buyers-block__warning {
    background-color: var(--white-color);
    border: 2px solid var(--warning-color);
}


.buyers-block__warning h2 {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: var(--padding-24);
    color: var(--warning-color);
    font-size: var(--font-size-18);
    line-height: var(--font-size-24);
}

.buyers-block__warning h2:before {
    content: "";
    display: block;
    width: 70px;
    height: 70px;
    background-image: url(img/alert-sign.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.buyers-block__item__100h_button {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--padding-27);
    height: 100%;
}

.buyers-block__item__100h_button p {
    font-size: var(--font-size-28);
    line-height: 1.2;
}

.buyers-block__item__100h_button .buy-buttons {
    font-size: var(--font-size-28);
}

.buyers-block__item__partner h2 {
    color: var(--text-color);
    font-size: var(--font-size-28);
    font-weight: 700;
    margin: 0 0 var(--padding-12) 0;
}

.buyers-block__item__partner ul {
    display: flex;
    flex-direction: column;
    gap: var(--padding-12);
    font-size: var(--font-size-16);
    line-height: var(--font-size-24);
    list-style-type: none;
    margin: 0;
}

.buyers-block__item__partner ul li {
    position: relative;
    padding: 0 0 0 24px;
}

.buyers-block__item__partner ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    top: 6px;
    left: 0;
    aspect-ratio: 1/1;
    background-image: url(img/t-start.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mini-office__tpl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr max-content;
    gap: calc(var(--big-gap) * 2.5);
    background-color: var(--grey1);
    padding: var(--padding-20);
    border-radius: var(--border-radius-28);
}


.mini-office__tpl__header {
    container-type: inline-size;
}

.mini-office__tpl h2 {
    font-family: var(--circe-font);
    color: var(--black-color);
    font-size: var(--font-size-26);
    font-size: 9cqw;
    line-height: var(--font-size-32);
    line-height: 1.2;
    text-transform: uppercase;
}

.mini-office__tpl h3 {
    color: #8894A4;
    font-size: var(--font-size-12);
    line-height: var(--font-size-20);
    margin: 0 0 var(--padding-8) 0;
    text-transform: uppercase;
}

.mini-office__tpl p {
    color: var(--black-color);
    font-size: var(--font-size-16);
    line-height: var(--font-size-24);
}

.mini-office__tpl p a {
    color: var(--black-color);
    text-decoration: none;
}

.mini-office__tpl .tiny-buttons.arrow {
    max-width: 158px;
    margin-left: auto;
}


.mobile-menu__close {
    display: block;
    width: calc(var(--base-size) * 7);
    height: calc(var(--base-size) * 7);
    background-image: url(img/close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--line-color);
    border-radius: 50%;
}

.triple-block-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--big-gap) * 2);
    padding: 0 var(--padding-20);
}

.two-block-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* gap: calc(var(--big-gap) * 2); */
    gap: var(--big-gap);
    padding: 0 var(--padding-20);
}

body.page .two-block-content {
    padding: 0;
}

.square-box-gray {
    background-color: var(--grey1);
    border-radius: var(--border-radius-28);
}

.square-box-gray h2 {
    font-family: var(--circe-font);
}

.square-box-gray a {
    /* display: flex;
    flex-direction: column; */
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: var(--padding-20);
    align-items: center;
    padding: var(--padding-20) var(--padding-22);
    color: var(--black-color);
    border-radius: inherit;
    text-decoration: none;
}

.square-box-gray.alt a {
    display: flex;
    flex-direction: column;
    gap: calc(var(--base-size) * 20);
    align-items: unset;
}

.square-box-gray.alt a .repeat-content__item__footer {
    grid-template-columns: var(--padding-34) var(--padding-27);
    align-items: center;
    justify-content: space-between;
}

.square-box-gray__image {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: var(--white-color);
    border-radius: 100%;
    background-image: url(img/logo-compact-dark.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    transition: all 0.3s ease;
}

.square-box-gray.alt a:hover .square-box-gray__image {
    background-image: url(img/logo-compact-color.png);
}

.square-box-gray a h2 {
    color: var(--text-color);
}
    
#filter  .btn-filter-close {
    display: none;
    color: var(--white-color);
    background-color: var(--text-color);
    border: 0
}

#filter h6 {
    display: none;
    font-family: var(--circe-font);
    color: var(--text-color);
    font-size: var(--font-size-32);
    line-height: 1.1;
    font-weight: 700;
    margin: 0 0 0 var(--padding-10);
}

.filter-settings-btn {
    position: relative;
    display: grid;
    font-family: var(--circe-font);
    grid-template-columns: 34px 1fr;
    gap: var(--padding-8);
    padding: var(--padding-8) var(--padding-12) var(--padding-8) var(--padding-8);
    align-items:center;
    border: 1px solid var(--line-color);
    border-radius: var(--border-radius-28);
    cursor: pointer;
}

.filter-settings-btn.mod-cat {
    display: none;
    background-color: var(--gray-color);   
}

.filter-settings-btn:before {
    content: "";
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    background-image: url(img/filter.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 100%;
 }
 
 .filter-settings-btn.mod-cat:before {
    background-image: url(img/beef.png);
 }

.filter-settings-btn.open:before {
    background-image: url(img/close.png);
    
}

.filter-setup-buttons__wrapper {
    display: grid;
    grid-template-columns: max-content max-content;
    gap: var(--big-gap);
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 0 0;
}

.filter-setup-buttons__wrapper__inner {
    display: flex;
    gap: var(--padding-10);
    align-items: center;
    justify-content: space-between;
}

.filterCheckedCounter {
    position: absolute;
    width: 27px;
    height: 27px;
    font-size: 13px;
    top: -7px;
    right: -7px;
    line-height: 1;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    background-color: var(--text-color);
    border-radius: 100%;
}

.popup-wrapper {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--white-color-65);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    visibility: hidden;
    transition: all .25s;
}

.popup-wrapper.open {
    opacity: 1;
    visibility: visible;
    z-index: 10000;
    pointer-events: auto;
}

.popup {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 350px;
    gap: 60px;
    /* height: 200px; */
    padding: var(--padding-24);
    background-color: var(--grey1);
    border-radius: var(--border-radius-28);
    box-shadow: 0 16px 22px 1px rgba(0, 0, 0, 0.1);
}

.popup-wrapper.open .popup {
    transform: translateY(-10px);
}

.popup h3 {
    color: var(--text-color);
    font-family: var(--circe-font);
    font-size: var(--font-size-32);
    line-height: 1;
    text-align: center;
}

.popup .btn {
    color: var(--white-color);
    background-color: var(--text-color);
    border-radius: var(--border-radius-24);
    border: 0;
}

.news-block {
    margin: var(--big-gap) 0 0 0;
}

.news-block__wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--big-gap);
    margin: var(--big-gap) 0 0 0;
}

.news-block__wrapper__content-part,
.news-block__content-line {
    display: flex;
    flex-direction: column;
    gap: var(--big-gap);
}

.news-block__content__image {
    border-radius: var(--border-radius-28);
}

.news-block__content__image img {
    display: block;
    width: 100%;
    border-radius: inherit;
}

.news-block__content a {
    color: var(--text-color);
}

.news-block__content h2 {
    color: var(--text-color);
    font-family: var(--circe-font);
    font-size: var(--font-size-34);
    line-height: 1.2;
    margin: 0 0 var(--padding-12) 0;
}

.news-block__content h3 {
    color: var(--text-color);
    font-family: var(--circe-font);
    font-size: var(--font-size-32);
    line-height: 1.2;
    margin: 0 0 var(--padding-12) 0;
}

.news-block__content h4 {
    color: var(--text-color);
    font-family: var(--circe-font);
    font-size: var(--font-size-28);
    line-height: 1.2;
    margin: 0 0 var(--padding-12) 0;
}

.news-block__content h5 {
    color: var(--text-color);
    font-family: var(--circe-font);
    font-size: var(--font-size-22);
    line-height: 1.2;
    margin: 0 0 var(--padding-12) 0;
}

.news-block__content p,
.news-block__content ul,
.news-block__content ol {
    font-size: var(--font-size-18);
    line-height: var(--font-size-24);
}

.news-block__content p:not(:last-child) {
    margin: 0 0 var(--padding-12) 0;
}

.news-block__content ul,
.news-block__content ol {
    display: flex;
    flex-direction: column;
    gap: calc(var(--base-size) * 1.25);
    margin: 0 0 0 20px;
}

.news-block__content ul:not(:last-child),
.news-block__content ol:not(:last-child) {
    margin: 0 0 var(--padding-12) 20px;
}

.news-block__content iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 10px;
}

.news-block__content img {
    display: block;
    border-radius: var(--border-radius-16);
}

.news-block__list {
    display: flex;
    flex-direction: column;
    gap: var(--big-gap);
}

.news-list__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--big-gap);
}

.news-single {
    position: relative;
    background-color: var(--peach-color);
    border-radius: var(--border-radius-24);
    min-height: 350px;
}

.news-single.stripes {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    grid-auto-columns: 120px;
    overflow: hidden;
}

.news-single::after {
    bottom: 20px;
    left: 20px;
}

.news-single .star-line {
    top: 20px;
    left: 20px;
    right: 20px;
}

.news-single.stripes .star-line {
    display: none;
}

.news-list__wrapper .news-single__same {
    min-height: 300px;
}

.news-block__wrapper .news-single,
.news-block .page-header,
.news-single__same {
    background-color: var(--gray-color);
    border-radius: var(--border-radius-28);
}

.news-single a,
.news-single__same a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    /* padding: var(--padding-20); */
    padding: var(--padding-50) var(--padding-20) var(--padding-50) var(--padding-20);
    gap: calc(var(--base-size) * 20);
    border-radius: inherit;
    text-decoration: none;
}

.news-single.stripes a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: var(--padding-20);
    z-index: 150;
}

.news-block .news-single a,
.news-single__same a {
    padding: var(--padding-24);
}

.news-block__date {
    color: var(--grey3);
}

.news-single a h2,
.news-single__same a h2 {
    position: relative;
    color: var(--text-color);
    font-family: var(--circe-font);
    font-size: var(--font-size-32);
    line-height: 1.2;
}

.news-single a h2 {
    margin: 0 var(--padding-15);
}

.news-single.stripes a h2 {
    margin: 0;
}

.news-single:hover a h2 {
    text-decoration: underline;
}

.news-single a span {
    margin-left: var(--padding-15);
    color: var(--text-color);
    font-size: var(--font-size-16);
    line-height: 1;
}
.news-single.stripes a span {
    margin-left: 0;
}

.news-single__same a span {
    color: var(--text-color);
    font-size: var(--font-size-16);
    line-height: 1;
}

/* .news-single a h2::after {
    content: "";
    position: absolute;
    bottom: calc(var(--padding-5) * -1);
    left: 0;
    width: 0;
    height: var(--padding-5);
    background-color: var(--text-color);
    transition: width 0.3s ease;
}

.news-single:hover a h2::after {
    width: 100%;
} */

.news-single:hover::after,
.news-single:hover .star-line::before,
.news-single:hover .star-line::after {
    animation: 3s star-rotate linear infinite;
}

.news-single.stripes .news-single__stripe {
    width: calc(var(--base-size) * 22.5);
    height: 100%;
    background-image: url(img/news-pattern_v-2.png);
    background-size: inherit;
    animation-duration: 15s;
    animation-name: slideBottle;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* animation-delay: 150ms; */
    animation-play-state: paused;
    opacity: 0.35;
    transition: opacity 300ms ease;
    z-index: 10;
}

.news-single.stripes .news-single__stripe.reverse {
    animation-direction: reverse;
    height: 130%;
    margin-top: -45%;
}

.news-single.stripes:hover .news-single__stripe {
    animation-play-state: running;
    opacity: 0.5;
}

.repeat-content__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--padding-12);
}

.repeat-content__item {
    flex: 1 0 25%;
    background-color: var(--grey1);
    border-radius: var(--border-radius-28);
    min-height: 100%;
}

.repeat-content a {
    display: flex;
    gap: calc(var(--base-size) * 20);
    flex-direction: column;
    border-radius: inherit;
    height: 100%;
    justify-content: space-between;
    padding: var(--padding-20);
    text-decoration: none;
}

.repeat-content a h3 {
    color: var(--text-color);
    font-size: calc(--font-size-28);
    line-height: 1.1;
}

.repeat-content a .repeat-content__file-type {
    display: block;
    max-width: max-content;
    color: var(--text-color);
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    padding: 6px 11px;
    border: 1px solid var(--text-color);
    border-radius: 10px;
}


.repeat-content__extra__content {
    margin: var(--padding-20) 0;
}

.repeat-content__extra__content p {    
    color: var(--grey3);
    font-size: 14px;
    line-height: 20px;
    padding: 0 var(--padding-20);
}

.repeat-content__extra__content p:not(:last-child) {
    padding: 0 var(--padding-20) var(--padding-12) var(--padding-20);
}

.form-check__mark label {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 20px;
    align-items: center;
    /* margin: 20px 0; */
}

.form-check__mark label input {
    display: none;
}

.form-check__mark label p {
    color: var(--grey3);
    font-size: var(--font-size-14);
    line-height: 1.1;
}

.form-check__mark label p a {
    color: var(--text-color);
}

.brief-checkbox-preview {
    display: block !important;
    width: 48px;
    height: 48px;
    object-fit: contain;
    opacity: 1;
    background-color: transparent;
    background-image: url(img/form-label.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

input.brief-checkbox:checked + .brief-checkbox-preview {
    background-image: url(img/form-label-mark.png);
}

input.brief-checkbox.error + .brief-checkbox-preview {
    border: 2px solid red;
    border-radius: 15px;
}

.error-page-content {
    background-color: var(--grey1);
    padding: var(--padding-20);
    border-radius: var(--border-radius-28);
}


.error-page-content p {
    font-size: var(--font-size-24);
    line-height: 1.3;
}

.error-page-content p a {
    color: var(--text-color);
}

.error-page-content p:not(:last-child) {
    margin: 0 0 var(--padding-12) 0;
}

.coockie-block {
    position: fixed;
    bottom: -55vh;
    bottom: -55dvh;
    right: var(--padding-12);
    left: unset;
    max-width: 350px;
    font-family: var(--circe-font);
    font-size: var(--font-size-16);
    line-height: 1.2;
    padding: var(--padding-20);
    border-radius: var(--border-radius-28);
    background-color: var(--gray-card-bg-color);
    box-shadow: 0 16px 22px 1px rgba(0, 0, 0, 0.1);
    z-index: 12000;
    transition: all 0.7s ease;
}

.coockie-block.active {
    bottom: var(--padding-12);
}

.coockie-block .wrapper {
    display: flex;
    flex-direction: column;
    gap: calc(var(--padding-12) * 1);
}

.coockie-block .btn {
    color: var(--white-color);
    background-color: var(--text-color);
    border: 0;
}

.coockie-block a {
    color: var(--text-color);
}

.notice-bar {
    display: flex;
    justify-content: center;
    text-align: center;
    /* top: -110px; */
    background-color: var(--peach-color);
    padding: var(--padding-14);
    margin: calc(var(--big-gap) * -1) 0 var(--big-gap) 0;
    border-radius: 0 0 var(--border-radius-28) var(--border-radius-28);
}

.notice-bar p {
    color: var(--asckont-blue);
    font-size: var(--font-size-16);
    line-height: var(--font-size-24);
}

.notice-bar p a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--base-size) * 1);
    color: var(--asckont-blue);
}

.notice-bar p a:after {
    content: "";
    display: block;
    width: calc(var(--base-size) * 5);
    height: calc(var(--base-size) * 5);
    background-image: url(img/arrow-right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.distributors-board {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--padding-10);
}

.distributor-region {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--padding-10);
}

.distributor-country,
.distributor-board__info-block,
.distributor-region__item a {
    display: flex;
    flex-direction: column;
    gap: var(--padding-28);
    background-color: var(--gray-color);
    padding: var(--padding-20);
    border-radius: var(--padding-28);
}

.distributor-board__map,
.distributor-region__item,
.global__distributor-map {
    background-color: var(--gray-color);
    border-radius: var(--padding-28);
    height: auto;
    min-height: 350px;
    max-height: 100%;
}


.distributor-board__map {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
}

.distributor-board__map canvas {
    max-width: 100%;
}

.distributor-country.full-size {
    grid-column: 1 /span 4;
}

.distributor-country h2 {
    color: var(--asckont-blue);
    font-size: var(--padding-28);
    line-height: var(--padding-34);
}

.distributor-country h2 a {
    color: var(--asckont-blue);
    text-decoration: none;
}

.distributor__region-list ul {
    display: flex;
    flex-direction: column;
    gap: var(--padding-20);
    font-size: var(--padding-16);
    line-height: var(--padding-18);
    list-style-type: none;
}

.full-size .distributor__region-list ul {
    /* display: grid;
    grid-template-columns: repeat(4, 1fr); */
    display: block;
    columns: 4 auto;
    column-gap: var(--padding-50);
}

.full-size .distributor__region-list ul li {
    margin-bottom: var(--padding-20);
}

.distributor__region-list ul li a {
    display: block;
    color: var(--asckont-blue);
    text-decoration: none;
}

.distributor__region-list ul li a:hover,
.distributor-board__info-block__row p a:hover {
    text-decoration: underline;
}

.distributor-board,
.distributor-board__info-block__contact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--big-gap);
}

.distributor-board__info-block img {
    border-radius: var(--padding-20);
}

.distributor-board__info-block__row p {
    color: var(--black-color);
    font-size: var(--padding-16);
    line-height: var(--padding-24);
}

.distributor-board__info-block__row p:not(:last-child) {
    margin-bottom: var(--padding-8);
}

.distributor-board__info-block__row p a {
    color: var(--black-color);
    text-decoration: none;
}

.distributor-board__info-block__row h3 {
    color: #8894A4;
    font-size: var(--padding-12);
    line-height: var(--padding-20);
    margin-bottom: var(--padding-8);
    text-transform: uppercase;
}

.ymaps3x0--map {
    max-width: 100%;
    width: 100% !important;
    border-radius: var(--padding-28);
}

.distributor-region__item {
    height: 25dvh;
    height: 25vh;
    min-height: 350px;
}

.distributor-region__item a h2 {
    color: var(--asckont-blue);
    font-size: var(--padding-28);
    line-height: 1.2;
}

.distributor-region__item a {
    height: 100%;
    justify-content: space-between;
    text-decoration: none;
   /*  background-image: url(img/arrow-right.png);
   background-repeat: no-repeat;
   background-position: 97% 94%; */
}

.distributor-region__item__footer,
.repeat-content__item__footer {
    /* max-width: 60%; */
    display: grid;
    grid-template-columns: 1fr var(--padding-34);
    gap: var(--padding-20);
    align-items: flex-end;
}

.repeat-content__item__footer {
    grid-template-columns: 1fr var(--padding-27);
    align-items: unset;
}

.distributor-region__item__footer h3 {
    color: #8894A4;
    font-size: var(--padding-12);
    line-height: var(--padding-20);
    margin-bottom: var(--padding-10);
    text-transform: uppercase;
}

.distributor-region__item__footer p {
    max-width: 60%;
    color: var(--black-color);
    font-size: var(--padding-20);
    line-height: 1.2;
}

.distributor-region__item__footer__arrow img,
.repeat-content__item__footer__arrow img {
    transition: transform 0.3s ease;
}

.distributor-region__item a:hover .distributor-region__item__footer__arrow img,
.repeat-content__item a:hover .repeat-content__item__footer__arrow img,
.square-box-gray.alt a:hover .repeat-content__item__footer img {
    transform: rotate(-45deg);
}

.ymaps3marker-item__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--padding-5);
    align-items: center;
    margin: calc(var(--padding-50) * -1) 0 0 calc(var(--padding-50) * -1);
}

.ymaps3marker-item {
    position: relative;
    width: var(--padding-50);
    height: var(--padding-50);
    margin: calc(var(--padding-50) * -1) 0 0 calc(var(--padding-50) * -1);
    background-color: var(--white-color);
    background-image: url(img/logo-compact-color.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    border: 1px solid lightgray;
    border-radius: var(--padding-10) var(--padding-10) 0 var(--padding-10);
    /* transform: rotate(45deg); */
    cursor: pointer;
}

.marker__no-shift .ymaps3marker-item {
    margin: 0;
}

.ymaps3marker-item__title {
    /* position: absolute; */
    /* bottom: -21px; */
    font-size: var(--padding-10);
    width: fit-content;
    line-height: 1;
    padding: var(--padding-5);
    background-color: var(--white-color);
    border-radius: var(--padding-10);
    white-space: nowrap;
    /* margin-left: -83%; */
    cursor: pointer;
}

#sideFilterWrapper {
    position: fixed;
    display: flex;
    flex-direction: column;
    gap: var(--padding-22);
    top: var(--padding-20);
    bottom: var(--padding-20);
    left: -420px;
    width: 350px;
    padding: var(--padding-22);
    background-color: var(--white-color);
    overflow: hidden;
    box-shadow: 0 16px 22px 1px rgba(0, 0, 0, 0.1);
    border-radius: var(--border-radius-28);
    transition: all 0.3s ease;
    z-index: 12000;
}

#sideFilterWrapper.show {
    left: var(--padding-20);
}

.sideFilterWrapper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    height: calc(100% - var(--padding-28));
    border-radius: var(--border-radius-10);
}

.sideFilterWrapper-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--padding-8);
}

.sideFilterWrapper-header h2 {
    display: flex;
    gap: 5px;
    color: var(--asckont-blue);
    font-size: var(--font-size-32);
    line-height: 1;
    font-weight: 400;
}

#filter h6 sup,
.sideFilterWrapper-header h2 sup {
    width: 20px;
    height: 20px;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    background-color: var(--text-color);
    border-radius: 100%;
}

.ingredient-type__block {
    display: flex;
    flex-direction: column;
    gap: var(--padding-5);
}

.ingredient-type__block h3 {
    color: var(--asckont-blue);
    font-size: var(--font-size-20);
    line-height: var(--font-size-24);
    padding: calc(var(--padding-8) * 2) var(--padding-8) 0 var(--padding-8);
    font-weight: 400;
}

.ingredient-type__block h4 {
    color: var(--asckont-blue);
    font-size: var(--font-size-20);
    line-height: var(--font-size-24);
    padding: calc(var(--padding-8) * 2) var(--padding-8) 0 var(--padding-8);
}

.ingredient-type__block .fitem {
    color: var(--black-color);
    padding: var(--padding-5) var(--padding-8);
    border-radius: var(--padding-15);
    cursor: pointer;
}

.ingredient-type__block .fitem:hover {
    background-color: var(--grey1);
}

.ingredient-type__block .fitem span {
    display: flex;
    justify-content: space-between;
    font-size: var(--font-size-16);
    line-height: 1.1;
}

.ingredient-type__block .fitem span::after {
    content: "";
    display: none;
    width: calc(var(--base-size) * 4);
    height: calc(var(--base-size) * 4);
    border: 1px solid var(--line-color);
    border-radius: var(--border-radius-28);
    background-color: var(--gray-color);
    background-image: url(img/close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.sideFilterWrapper-header__close {
    display: block;
    width: calc(var(--base-size) * 8);
    height: calc(var(--base-size) * 8);
    background-image: url(img/close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.ingredient-type__block.filtered:not(.exclude-form-filter) .fitem.active {
    background-color: var(--gray-color);
}

.ingredient-type__block.filtered:not(.exclude-form-filter) .fitem.active span::after {
    display: block;
}

.fancybox__container {
    --fancybox-bg: var(--white-color-50) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.fancybox__toolbar.is-absolute {
    top: 10px !important;
    left: 10px !important;
    right: 10px !important;
}
.fancybox__toolbar.is-absolute .f-button {
    --__border-radius: var(--padding-15);
    background: var(--text-color);    
}

.fancybox__toolbar.is-absolute .f-button:first-child {
    border-radius: var(--__border-radius) 0 0 var(--__border-radius) !important;
}

.fancybox__toolbar.is-absolute .f-button:last-child {
    border-radius: 0 var(--__border-radius) var(--__border-radius) 0 !important;
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    gap: var(--big-gap);
    margin: var(--big-gap) 0 0 0;
    list-style-type: none;
}

.pagination .disabled {
    display: none;
}

.pagination a {
    display: flex;
    color: var(--gray-text-color);
    align-items: center;
    padding: calc(var(--base-size) * 2);
    border-radius: var(--padding-8);
    background-color: var(--grey1);
    text-decoration: none;
}

.pagination .active a,
.pagination a:hover {
    color: var(--black-color);
    background-color: var(--peach-color);
}

.page-productions__galler__header {
    padding: var(--padding-60) var(--padding-24) var(--padding-20) var(--padding-24);
}

.page-productions__galler__header h2 {
    color: var(--asckont-blue);
    font-size: var(--font-size-44);
    line-height: var(--font-size-48);
}

.page-productions__galler__wrapper {
    display: flex;
    gap: var(--padding-10);
    flex-wrap: wrap;
}

.prod-gallery__header {
    display: flex;
    gap: var(--padding-24);
    flex-direction: column;
    height: calc(var(--base-size) * 34);
    justify-content: space-between;
    padding: var(--padding-20) var(--padding-42) var(--padding-20) var(--padding-20);
    border-radius: var(--padding-20);
    background-color: var(--gray-color);
}

.prod-gallery__header span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-16);
    line-height: var(--font-size-24);
    color: var(--white-color);
    background-color: var(--asckont-blue);
    width: var(--padding-24);
    height: var(--padding-24);
    border-radius: var(--padding-24);
}

.prod-gallery__header h4 {
    color: var(--asckont-blue);
    font-size: var(--font-size-18);
    line-height: var(--font-size-24);
}

.prod-gallery__item {
    height: calc(var(--base-size) * 34);
    max-height: calc(var(--base-size) * 34);
    border-radius: var(--padding-20);
}

.prod-gallery__item img {
    display: block;
    height: calc(var(--base-size) * 34);
    max-height: calc(var(--base-size) * 34);
    border-radius: var(--padding-20);
}

.btn-more {
    width: auto !important;
    max-width: fit-content;
    margin-top: var(--big-gap) !important;
}

#pdopage .pagination {
    display: none;
}

.product-breadcrumbs {
    color: var(--text-color);
    font-size: var(--font-size-16);
    line-height: var(--font-size-22);
    background-color: var(--gray-color);
    /* padding: var(--padding-10) var(--padding-20); */
    padding: 0 0 var(--padding-15) 0;
    margin: 0 0 var(--padding-20) 0;
    border-bottom: 1px solid #7C7C7C26;
    /* border-radius: var(--border-radius-28); */
    /* margin: var(--big-gap) 0 0 0; */
}

.product-breadcrumbs ul.breadcrumbs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    gap: var(--small-gap);
    margin: 0;
    align-items: center;
}

.product-breadcrumbs ul.breadcrumbs a {
    /* color: var(--text-color);
    text-decoration: none;
    padding: var(--padding-12);
    background-color: var(--white-color-80);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: var(--border-radius-20); */
    color: var(--grey3);
    text-decoration: none;
}

.product-breadcrumbs ul.breadcrumbs li:not(:first-child) a {
    position: relative;
    display: flex;
    gap: var(--base-size);
    align-items: center;
}

.product-breadcrumbs ul.breadcrumbs li:not(:first-child) a:before {
    content: "";
    width: calc(var(--base-size) * 6);
    height: calc(var(--base-size) * 6);
    background-image: url(img/arrow-right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.footer {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--big-gap);
    margin-top: var(--padding-12);
}

.footer__top-block,
.footer__bottom-block {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-columns: 50% 1fr 1fr;
    gap: var(--big-gap);
    align-items: center;
    padding: var(--padding-28) var(--padding-22);
    border-radius: var(--border-radius-28);
    background-color: var(--peach-color);
}

.footer__middle-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--big-gap);
}

.footer__menu-block {
    padding: var(--padding-28) var(--padding-22);
    background-color: var(--peach-color);
    border-radius: var(--border-radius-28);
}

.footer__menu-block__header {
    color: var(--text-color);
    font-size: var(--font-size-28);
    line-height: var(--font-size-25);
    padding: 0 0 19px 0;
    margin: 0 0 21px 0;
    border-bottom: 1px solid var(--grey4);
}

.footer__menu-block__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--big-gap);
}

.footer__menu-block__wrapper h6 {
    color: var(--text-color);
    font-size: var(--font-size-18);
    line-height: var(--font-size-25);
    font-weight: 500;
    margin: 0 0 var(--padding-10) 0;
}

.footer__menu-block__wrapper h6:not(:first-child) {
    margin: var(--padding-20) 0 var(--padding-10) 0;
}

.footer__menu-block__wrapper ul {
    display: flex;
    flex-direction: column;
    gap: var(--medium-gap);
    font-size: var(--font-size-16);
    line-height: var(--font-size-22);
    list-style-type: none;
}

.footer__bottom-block {
    color: var(--text-color);
    font-size: var(--font-size-16);
    line-height: var(--font-size-22);
    align-items: flex-start;
}

.footer__menu-block a {
    display: block;
}

.footer__menu-block a,
.footer__bottom-block a {
    color: var(--text-color);
    text-decoration: none;
}

.footer__menu-block a:hover,
.footer__bottom-block a:hover {
    text-decoration: underline;
}

.footer__bottom-legal {
    /* padding: 0 0 0 var(--padding-34); */
    padding: 0 0 0 var(--padding-20);
}

.footer__bottom-copyright {
    text-align: right;
}

.f-block__logo {
    display: flex;
    align-items: center;
    gap: var(--padding-24);
}

.f-block__logo img {
    display: block;
    width: auto;
    max-width: calc(var(--base-size) * 42.5);
}

.f-block__logo p {
    color: var(--asckont-blue);
    font-size: var(--font-size-14);
    line-height: var(--font-size-20);
    padding: 0 0 0 var(--padding-24);
    max-width: calc(var(--base-size) * 65);
    border-left: 1px solid var(--grey4);
}

.f-block__contacts {
    display: flex;
    flex-direction: column;
    gap:var(--small-gap);
    /* padding: 0 0 0 var(--padding-34); */
    padding: 0 0 0 var(--padding-20);
}

.f-block__contacts a {
    display: block;
    font-size: var(--font-size-16);
    line-height: var(--font-size-22);
    color: var(--text-color);
    text-decoration: none;
}

.f-block__contacts a:first-child {
    font-size: var(--font-size-28);
    line-height: var(--font-size-25);
}

.f-block__social {
    display: flex;
    justify-content: end;
    gap: var(--padding-20);
}

.f-block__social img,
.h-block__social img {
    display: block;
}

.header .h-block__social,
.header__scroll-block .h-block__social {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: var(--medium-gap);
}

.header .h-block__social img,
.header__scroll-block .h-block__social img {
    border-radius: var(--border-radius-36);
}

.f-block__social a,
.h-block__social a{
    display: block;
    max-width: calc(var(--base-size) * 8);
}

.h-block__social a {
    background-color: var(--white-color);
    border-radius: calc(var(--base-size) * 8);
}


.tiny-buttons {
    display: flex;
    align-items: center;
    gap: var(--font-size-12);
    color: var(--white-color);
    background-color: var(--asckont-blue);
    font-size: var(--font-size-16);
    line-height: var(--font-size-20);
    padding: var(--padding-14) var(--padding-16);
    border-radius: var(--border-radius-18);
    text-decoration: none;
}

.tiny-buttons.arrow:after {
    content: "";
    display: block;
    width: calc(var(--base-size) * 3.75);
    height: calc(var(--base-size) * 3.75);
    background-image: url(img/white-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* animations */

/* .dropdown-menu__block__inner {
    display: grid;
    grid-template-rows: 0fr;
    transition-property: grid-template-rows;
    transition-timing-function: linear;
    transition-duration: 250ms;
}

.active .dropdown-menu__block__inner {
    grid-template-rows: 1fr;
} */

.dropdown-menu__block__resset {
    overflow: hidden;
}

.td350 {
    transition-duration: 350ms;
}

@keyframes slideBottle {
    from { background-position: 0 0; }
    to { background-position: 0 205px; }
}

@keyframes slideBottleReverse {
    from { background-position: 0 120%; }
    to { background-position: 0 0 }
}

@keyframes slideFront {
    from { background-position: 0 0; }
    to { background-position: 0 600px }
    /*0%{
      transform: translate3d(0, 0, 0);
    }
    100%{
      transform: translate3d(517px, 0, 0);
    }*/
}

@keyframes slideBack {
    from { background-position: 0 0; }
    to { background-position: 0 -600px }
}

/* animation */

.animation-up {
    transition: transform 0.3s linear;
}

.animation-up:hover {
    transform: translateY(calc((var(--base-size) * 3) * -1));
}

.animation-up-button {
    transition: transform 0.25s linear, box-shadow 0.12s linear;
}

.animation-up-button:hover {
    transform: translateY(calc((var(--base-size) * 1) * -1));
    box-shadow: 0 12px 36px 0 rgba(0,0,0,0.2);
}

.animation-fade-in {
    scale: 0.8;
    opacity: 0;
    animation: fade-in linear forwards;
    animation-timeline: view();
    animation-range: 10vh 45vh;
    transform: translate(-45px);
}

.background-animate {
    /* background-size: 100%;
    background-position: 100% 0; */
    background-size: 100%;
    background-position: 100% 0;
    animation: bg-animate linear forwards;
    animation-timeline: view();
    animation-range: 0 150vh;
}

@keyframes fade-in {
    to {
        scale: 1;
        opacity: 1;
        transform: translate(0px);
    }
}

@keyframes bg-animate {
    to {
        background-size: 150%;
        background-position: 60% 20%;
    }
}

@keyframes star-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 1480px) {
    .header__scroll-block {
        width: auto;
        margin-left: 0;
        left: var(--big-gap);
        right: var(--big-gap);
    }
    
    body.index-page .dropdown-menu,
    body.catalog .dropdown-menu,
    body.product .dropdown-menu {
        max-width: calc(100% - (var(--padding-12) * 4));
    }
    
    body.index-page .header__scroll-block.show ~ .dropdown-menu,
    body.catalog .header__scroll-block.show ~ .dropdown-menu,
    body.product .header__scroll-block.show ~ .dropdown-menu,
    body.page .header__scroll-block.show ~ .dropdown-menu,
    body.page .dropdown-menu {
        max-width: calc(100% - (var(--padding-12) * 2));
    }
}

@media only screen and (max-width: 1400px) {
    body.product .header__contact-form {
        display: flex;
        width: calc(var(--base-size)* 9);
        height: calc(var(--base-size)* 9);
        align-items: center;
        justify-content: center;
        color: var(--text-color);
        background-position: center;
        padding: 0;
        background-color: var(--white-color);
        border-radius: var(--border-radius-36);
        text-decoration: none;
    }
    
    body.product .header__contact-form span {
        display: none;
    }
    
    body.product .header__contact-form {
        margin-left: 0;
    }
    
    body.product .header__search-button {
        margin-left: auto;
        display: flex;
        width: calc(var(--base-size)* 9);
        height: calc(var(--base-size)* 9);
        align-items: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 1323px) {
    
    .index-page .header__contact-form,
    body.catalog .header__contact-form {
        display: flex;
        width: calc(var(--base-size)* 9);
        height: calc(var(--base-size)* 9);
        align-items: center;
        justify-content: center;
        color: var(--text-color);
        background-position: center;
        padding: 0;
        background-color: var(--white-color);
        border-radius: var(--border-radius-36);
        text-decoration: none;
    }
    
    .index-page .header__contact-form span,
    body.catalog .header__contact-form span{
        display: none;
    }
    
    .index-page .header__contact-form,
    body.catalog .header__contact-form {
        margin-left: 0;
    }
    
    .index-page .header__search-button,
    body.catalog .header__search-button {
        margin-left: auto;
        display: flex;
        width: calc(var(--base-size)* 9);
        height: calc(var(--base-size)* 9);
        align-items: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 1285px) {
    .f-block__contacts {
        container-type: inline-size;
    }
    .f-block__contacts a:first-child {
        font-size: var(--font-size-15);
        font-size: 10cqw;
        line-height: 1.2;
        font-weight: bold;
    }
}

@media only screen and (max-width: 1225px) {
   /*  body.product .nav-block .breadcrumbs a.header__logo-link {
       margin-right: calc(var(--base-size) * 5);
   } */
    
    body.product .header__company-menu {
         display: none;   
    }
    
    body.product .mobile-menu__button {
        display: flex;
    }
}

@media only screen and (max-width: 1200px) {
    /* .animal-type__block,
    .product-type__block {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
        scrollbar-width: none;
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 12px;
        padding-right: 12px;
    }    */
    
    .animal-type__block {
       display: flex;
       flex-wrap: wrap;
       justify-content: unset;
    }
    
    .background-animate {
        background-size: cover;
        background-position: 100% 0;
        animation: bg-animate linear forwards;
        animation-timeline: view();
        animation-range: 0 150vh;
    }
    
    @keyframes bg-animate {
        to {
            /* background-size: 150%; */
            background-position: 60% 20%;
        }
    }
}

@media only screen and (max-width: 1178px) {
    .dropdown-menu__wrapper {
        grid-template-columns: 1fr 1fr 1fr 300px;
    }
    
    .dropdown-menu .product-card:nth-child(n+2) {
        display: none;
    }
    
    .index-page .nav-block .breadcrumbs a.header__logo-link,
    .index-page .nav-block .breadcrumbs a.header__logo-link:hover {
        margin-right: calc(var(--base-size) * 5);
    }
    .index-page .header__company-menu {
         display: none;   
    }
    
    .index-page .mobile-menu__button {
        display: flex;
    }
    
    .badge-item {
        padding: var(--padding-24);
    }
    
    .dropdown-menu__products-block__wrapper {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 1165px) {
    body.catalog .header__company-menu {
        display: none;
    }
    
    body.catalog .mobile-menu__button {
        display: flex;
    }
}

@media only screen and (max-width: 1100px) {
    .product-wrapper.grid-5x {
        grid-template-columns: repeat(4,1fr);
    }
    
    .page-header__wrapper {
        align-items: baseline;
        flex-direction: column;
    }
    
    
    body.page .header__search-button {
        margin-left: auto;
        display: flex;
        width: calc(var(--base-size)* 9);
        height: calc(var(--base-size)* 9);
        align-items: center;
        justify-content: center;
    }
     
    body.page .header__contact-form {
        display: flex;
        width: calc(var(--base-size)* 9);
        height: calc(var(--base-size)* 9);
        align-items: center;
        justify-content: center;
        color: var(--text-color);
        background-position: center;
        padding: 0;
        background-color: var(--white-color);
        border-radius: var(--border-radius-36);
        text-decoration: none;
    }
    
    body.page .header__contact-form span {
        display: none;
    }
    
    body.page .header__contact-form {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1035px) {
    
    .send-message__form .double-input {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 1000px) {
    .product-block {
        grid-template-columns: 1fr;
    }
    .product-block__item.product__spec {
        grid-template-columns: repeat(3, 1fr);
    }
    .product-wrapper.grid-4x {
        grid-template-columns: repeat(3, 1fr);
    }
    
    /* .main-banner__bottles-wrapper {
        grid-template-columns: repeat(5, 1fr);
    } */
    
    .mini-office__tpl {
        grid-template-columns: repeat(3, 1fr);    
        gap: calc(var(--big-gap) * 4);
    }
    
    .triple-block-content,
    .two-block-content {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .page-header.buyers-block__item {
        container-type: inline-size;
    }
    
    .page-header.buyers-block__item h1 {
        font-size: 10cqw;
    }
    
    .mini-office__tpl h2 {
        font-size: 4cqw;
    }
    
    .mini-office__tpl__header,
    .mini-office__tpl__footer {
        grid-column: 1 / span 3;
    }
    
    .catalog__no-result {
        max-width: 100%;
        width: 100%;
    }
}

@media only screen and (max-width: 950px) {
    body.product .main-banner {
        max-height: unset;
        height: auto;
    }
    
    body.product .product-info__top-bar {
        display: grid;
        grid-template-columns: 1fr 2fr;
        padding-top: 25vh;
        padding-top: 25dvh;
    }
    
    body.product .product-info__top-bar .product-info__top-bar__image,
    body.product .product-info__top-bar__header {
        max-width: 100%;
    }
    
    body.product .product-info__top-bar__buttons {
        grid-column: 1 /span 2;
    }
    
    .dropdown-menu__wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
    
    .badge-block  {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .page-header h1 {
        font-size: var(--font-size-34);
        line-height: 1.2;
    }
    
    .news-list__wrapper,
    .news-block__wrapper,
    .footer__middle-block,
    .footer__bottom-block {
        grid-template-columns: 1fr;
    }
    
    .distributors-board {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .distributor-country.full-size {
        grid-column: 1 /span 3;
    }
    
    .footer__bottom-block {
        gap: calc(var(--big-gap) * 2);
    }
    
    .footer__bottom-block,
    .footer__menu-block {
        padding: var(--padding-24);
    }
    
    .footer__top-block,
    .f-block__contacts,
    .footer__bottom-legal {
        padding: 0;
    }
    
    .footer__top-block {
        grid-template-columns: 1fr 1fr;
        gap: var(--big-gap);
        border-radius: 0;
        background-color: var(--white-color);
    }
    
    .f-block__social {
        justify-content: start;
    }
    
    .footer__bottom-copyright {
        text-align: left;
    }
    
    .f-block__logo {
        grid-column: 1 / span 2;
    }
    
    .f-block__logo,
    .f-block__contacts,
    .f-block__social {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: var(--padding-24);
        border-radius: var(--border-radius-28);
        background-color: var(--peach-color);
        height: 100%;
    }
    
    .dropdown-menu__products-block__wrapper {
        display: none;
    }
}

@media only screen and (max-width: 915px) {
    body.page .mobile-menu__button {
        display: flex;
    }
    
     .header__scroll-block__menu li:nth-child(n+2),
    body.page .header__line-block__menu li:nth-child(2),
    body.page .header__company-menu {
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    .news-index__block__wrapper {
        grid-template-columns: 1fr;
        grid-template-areas:
            "first-news"
            "second-news"
            "third-news";
    }
    
    .filter-setup {
        margin: 0;
    }
    
    .mini-news__index:nth-child(2) .mini-news__index__image {
        display: none;
    }
    
    .mini-news__index:nth-child(2) a {
        display: block;
    }
    
    .mini-news__index {
        min-height: 25vh;
        min-height: 25dvh;
    }
    
    .mini-news__index__content h3 {
        font-size: var(--font-size-28);
        line-height: var(--font-size-34);
    }
    
    .catalog__no-result-board {
        grid-column: 1 / span 5;
    }
    
    .ask-question__block {
        width: 100%;
        max-width: 85cqw;
        padding: var(--padding-12);
    }
    .ask-question__title {
        font-size: var(--font-size-25);
        line-height: 1.1;
    }
    
    .ask-question__form,
    .buyers-block {
        grid-template-columns: 1fr;
    }
    
    .ask-question__input, .ask-question__hidden__input {
        padding: var(--padding-12);
    }
    
    textarea.ask-question__input {
        line-height: 1.2;
        min-height: calc(var(--base-size)* 38);
    }
    
    .product-wrapper.grid-5x {
        grid-template-columns: repeat(3,1fr);
    }
    
    body.catalog #filter {
        position: fixed;
        bottom: -115vh;
        bottom: -115dvh;
        left: var(--padding-12);
        right: var(--padding-12);
        padding: var(--padding-12);
        height: 85vh;
        height: 85dvh;
        /* overflow: auto;
        scrollbar-width: none; */
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: max-content 1fr max-content;
        gap: var(--padding-12);
        border-radius: var(--border-radius-28);
        background-color: var(--white-color);
        box-shadow: 0 16px 22px 1px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        z-index: 10000;
    }
    
    body.catalog #filter.open {
        bottom: var(--padding-12);
    }
    
    body.catalog #filter label,
    body.catalog #filter a {
        width: 100%;
        min-height: unset;
    }
    
    body.catalog #filter h6 {
        display: flex;
        gap: 5px;
    }
    
    body.catalog .filter-setup-buttons__wrapper {
        position: sticky;
        top: 0;
        padding: var(--padding-12);
        margin: var(--padding-12) 0 0 0;
        background-color: var(--white-color);
        border-radius: 0 0 var(--border-radius-28) var(--border-radius-28);
        transition: all 0.31s ease;
        z-index: 4000;
    }
    
    body.catalog .filter-setup-buttons__wrapper.shift {
        top: 66px;
    }
    
    body.catalog .filter-setup-buttons__wrapper.shadow,
    body.catalog .filter-setup-buttons__wrapper.shift.shadow {
        box-shadow: 0 16px 22px 1px rgba(0, 0, 0, 0.1);
    }
    
    body.catalog .filter-setup-buttons__wrapper:before {
         content: "";
         position: absolute;
         top:-70px;
         left: 0;
         right: 0;
         height: 70px;
         background-color: var(--white-color);
    }
    
    body.catalog .filter-settings-btn.mod-cat {
        display: grid;
    }
    
    body.catalog .filter-wrapper {
        overflow: auto;
        scrollbar-width: none;
        /* height: 100%; */
        /* height: calc(65vh - var(--padding-24));
        height: calc(65dvh - var(--padding-24)); */
       /*  position: absolute;
       inset: 0; */
        /* margin: var(--padding-12); */
        border-radius: var(--border-radius-16);
    }
    
    body.catalog .filter-wrapper__inside {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--padding-12);
        padding: var(--padding-8) 0 0 0;
    }
    
    body.catalog .animal-type__block,
    body.catalog .product-type__block {
        gap: var(--padding-12);
        flex-direction: column;
        justify-content: unset;
        overflow: unset;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
    }
    
    body.catalog .animal-type__block a,
    body.catalog .animal-type__block .fitem,
    body.catalog .product-type__block a, 
    body.catalog .product-type__block .fitem {
        justify-content: left;
        padding: var(--padding-12);
        container-type: inline-size;
        height: calc(var(--base-size)* 17);
        border-radius: var(--border-radius-16);
    }
    
    body.catalog .animal-type__block a .link-filter-image, 
    body.catalog .animal-type__block .fitem .link-filter-image {
        display: none;
    }
    
    /* .animal-type__block a .link-filter-text, 
    .animal-type__block .fitem .link-filter-text {
        font-size: 8cqw;
        line-height: 1.1;
    } */
    
    body.catalog .animal-type__block a .link-filter-text, 
    body.catalog .animal-type__block .fitem .link-filter-text,
    body.catalog .product-type__block a,
    body.catalog .product-type__block .fitem {
        font-size: 10px;
        line-height: 1.1;
        font-weight: 500;
    }
    
    body.catalog .animal-type__block a.animation-up-button:hover,
    body.catalog .animal-type__block .fitem.animation-up-button:hover,
    body.catalog .product-type__block a.animation-up-button:hover,
    body.catalog .product-type__block .fitem.animation-up-button:hover {
        transform: unset;
        box-shadow: unset;
    }
    
    body.catalog #filter .btn-filter-close {
        display: block;
    }
    
    body.catalog .filter-wrapper__inside .btn {
        grid-column: 1 /span 2;
        border-radius: var(--padding-16);
    }
    
    body.catalog .filter__footer-buttons {
        display: flex;
        flex-direction: column;
        gap: var(--padding-12);
    }
    
    body.catalog .filter__footer-buttons .btn{
        border-radius: var(--padding-16);
    }
    
    body.catalog .product-line__same-products {
        margin: 0;
    }
    
    body.catalog .product-line__same-products__header h2 {
        font-size: var(--font-size-32);
        line-height: 1.2;
        margin-left: var(--padding-12);
        margin-right: var(--padding-12);
    }
    
    .catalog__no-result h2 {
        font-size: var(--font-size-32);
        line-height: 1.2;
    }
    
    .catalog__no-result p {
        font-size: var(--font-size-22);
    }
    
    .repeat-content__item {
        flex: 1 0 100%;
    }
    
    .buyers-block {
        grid-template-areas:
            "buyers-header"
            "buyers-image"
            "buyers-content";
    }
}

@media only screen and (max-width: 855px) {
    body.product .header .breadcrumbs .breadcrumb-item:nth-child(n+2) {
        display: none;
    }
    
    .full-size .distributor__region-list ul {
        columns: 3 auto;
    }
}

@media only screen and (max-width: 800px) {
    .page-content {
        grid-template-columns: 1fr;
        grid-template-areas:
            "page-image"
            "page-content";
    }
    
    .page-content__content {
        grid-area: page-content;
    }
    
    .page-content__image-board {
        grid-area: page-image;
    }
    
    .mini-office__tpl {
        grid-template-columns: 1fr;    
        gap: calc(var(--big-gap) * 2);
    }
    
    .mini-office__tpl h2 {
        font-size: 6cqw;
    }
    
    .mini-office__tpl__header,
    .mini-office__tpl__footer {
        grid-column: 1 / span 1;
    }
    
    .index-page__big-promo-banner {
        /* height: 50vh;
        height: 50dvh;
        max-height: 500px; */
        height: 65vh;
        height: 65dvh;
        max-height: 620px;
        max-height: unset;
        justify-content: center;
        align-items: flex-end;
        padding: var(--padding-12);
    }
    
    .index-page__big-promo-banner__content {
        width: 100%;
        padding: var(--padding-27) var(--padding-20);
    }
    
    .search-bar__wrapper {
        padding-top: 7vh;
        padding-top: 7dvh;
    }
    
    .search-bar {
        width: 95cqw;
    }
    
    .index-page .animal-type__block,
    .index-page .product-type__block {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2px;
    }
    
    .index-page .animal-type__block a {
        flex: 1 0 max-content;
        flex: 1 0 33%;
        font-size: 11px;
        line-height: 1.1;
        gap: 5px;
        /* height: unset; */
        padding: 15px;
        width: fit-content;
        width: 100%;
        border-radius: var(--padding-12);
    }
    
    .index-page .animal-type__block a {
        padding: 15px 15px 15px 20px;
        justify-content: start;
    }
    
    .index-page .animal-type__block a:first-child {
        grid-column: 1 /span 2;
    }
    
    /* .index-page .animal-type__block a:nth-child(1) {
        border-radius: var(--border-radius-28) 6px 6px 6px;
    }
    
    .index-page .animal-type__block a:nth-child(3) {
        border-radius: 6px var(--border-radius-28) 6px 6px;
    }
    
    .index-page .animal-type__block a:nth-child(4) {
        border-radius: 6px 6px 6px var(--border-radius-28);
    }
    
    .index-page .animal-type__block a:nth-child(7) {
        border-radius: 6px 6px var(--border-radius-28) 6px;
    } */
    
    .index-page .animal-type__block a .link-filter-image {
        flex: unset;
        width: 25px;
        height: 25px;
    }
    
    .index-page .product-type__block a {
        flex: 1 0 max-content;
        flex: 1 0 33%;
        font-size: 9px;
        line-height: 1.1;
        padding: 10px;
        padding: 15px;
        /* height: 41px; */
        height: calc(var(--base-size)* 15);
        min-height: 41px;
        justify-content: center;
        text-align: center;
        border-radius: var(--padding-12);
    }
    
    /* .index-page .animal-type__block,
    .index-page .product-type__block {
        border-radius: var(--border-radius-28);
        overflow: hidden;
    } */
    
    body.index-page .animal-type__block a:not(.moa1) .link-filter-text,
    body.index-page .animal-type__block .fitem:not(.moa1) .link-filter-text,
    body.index-page .animal-type__block a.moa1 .link-filter-text__mobile {
        display: none;
    }
    
    body.index-page .animal-type__block a.moa1 {
        justify-content: center;
    }

    body.index-page .animal-type__block a:not(.moa1) .link-filter-text__mobile,
    body.index-page .animal-type__block .fitem:not(.moa1) .link-filter-text__mobile {
        display: block;
    }
    
    .buyers-block__item:has(form) {
         padding: var(--padding-12);   
    }
    
    .distributor-region__item__footer p {
        max-width: 100%;
    }
    
}

@media only screen and (max-width: 785px) {
    body.catalog .header .breadcrumbs .breadcrumb-item:nth-child(n+2) {
        display: none;
    }
    
    body.catalog .main-banner {
        container-type: inline-size;
    }
    
    body.catalog .main-banner h1 {
        font-size: 10cqw;
        line-height: 1.1;
        max-width: 100%;
    }
    
    .header__sub-menu li a {
        font-size: var(--padding-12);
        line-height: 1.1;
        padding: var(--padding-5) var(--padding-10);
    }
}

@media only screen and (max-width: 743px) {
    .index-page .main-banner {
        min-height: 750px;
        max-height: 95vh;
        max-height: 95dvh;
    }
    body.product .product-info__top-bar__header h1 {
        font-size: 25px;
        text-align: center;
    }
    .index-page .product-info__top-bar {
        flex-direction: column;
    }
    
    .index-page .product-info__top-bar__header,
    .index-page .product-info__top-bar__buttons {
        max-width: 100%;
        width: 100%;
    }
    .product-wrapper.grid-4x,
    .product-block__item.product__spec{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 700px) {
    body.index-page .header .breadcrumbs li:nth-child(2) {
        display: none;
    }
    
    body.index-page .nav-block .breadcrumbs a.header__logo-link,
    body.index-page .nav-block .breadcrumbs a.header__logo-link:hover {
        margin-right: 0;
    }
    
    .product-wrapper.grid-5x,
    .distributors-board {
        grid-template-columns: repeat(2,1fr);
    }
    
    .distributor-country.full-size {
        grid-column: 1 /span 2;
    }
    
    .triple-block-content,
    .two-block-content {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 670px) {
    .index-page .main-banner .header {
        padding: var(--padding-12);
    }
    .index-page .breadcrumb-item:nth-child(2),
    .header__scroll-block__menu li:nth-child(2) {
        display:none;
    }
    
    .page-content__cloud-block,
    .distributor-region,
    .distributor-board__info-block__contact {
         grid-template-columns: 1fr;   
    }
    
    .full-size .distributor__region-list ul {
        columns: 2 auto;
    }
    
    .distributor-board {
        grid-template-columns: 1fr;
        grid-template-areas: 
            'distr-info'
            'distr-map';
    }
    .distributor-board__map {
        grid-area: distr-map;
    }
    
    .distributor-board__info {
        grid-area: distr-info;
    }
    
    .product-card__cat {
        font-size: var(--padding-12);
    }
    
    .product-card .product-card__header {
        font-size: var(--padding-15);
    }
}

@media only screen and (max-width: 600px) {
    .product-info__top-bar,
    body.product .product-info__top-bar,
    .badge-block,
    /* .product-wrapper.grid-4x, */
    .footer__menu-block__wrapper {
        grid-template-columns: 1fr;
    }
    
    .product-info__top-bar__header__top {
        flex-direction: column;
        align-items: inherit;
    }
    
    .product-info__top-bar__buttons a, 
    a.buy-buttons, .btn {
        padding: var(--padding-20) var(--padding-12);    
    }
    .product-info__top-bar__image {
        display: block;
        align-items: center;
         height: 35vh;
         height: 35dvh;
    }
    .product-info__top-bar__image img {
        display: block;
        width: auto;
        /* max-width: fit-content; */
        max-width: 100%;
        aspect-ratio: 1/1;
        max-height: 100%;
        height: 100%;
        margin: auto;
        object-fit: contain;
    }
    body.product .product-info__top-bar__buttons,
    .product-info__top-bar__buttons {
        grid-column: unset;
    }
    .f-block__logo img {
        max-width: calc(var(--base-size)* 22.5);
    }
    
    body.catalog .product-line__same-products__header h2 {
        font-size: var(--font-size-20);
        font-weight: 600;
    }
    
    .catalog__no-result {
        padding: 0;
    }
    
    .catalog__no-result h2 {
        font-size: var(--font-size-20);
        margin: 0 var(--padding-12) var(--padding-15) var(--padding-12);
    }
    
    .catalog__no-result p {
        font-size: var(--font-size-16);
        padding: 0 var(--padding-12);
    }
    
    .catalog__no-result .send-message__form {
        padding: var(--padding-12);
        margin: var(--padding-12) 0 0 0;
    }
    
    .catalog__no-result .send-message__form input {
        font-size: var(--font-size-16);
        line-height: 1;
    }
    
    .catalog__no-result .send-message__form textarea {
        font-size: var(--font-size-16);
        line-height: 1.2;
    }
    
    .catalog__no-result .send-message__form input, 
    .catalog__no-result .send-message__form textarea {
         padding: var(--padding-12);   
    }
    
    body.product .product-info__top-bar__header__pack-switcher {
        justify-content: center;
    }
    
    
    body.product .product-info__top-bar__header__first {
        text-align: center;
    }
    
    .coockie-block {
        left: var(--padding-12);
        max-width: 100%;
    }
    
    #sideFilterWrapper {
        --__box-width: calc(100vw - (var(--padding-20) * 2));
        width: var(--__box-width);
        left: calc((var(--__box-width) + (var(--padding-20)* 3)) * -1);
    }
    
    .mini-office__tpl .tiny-buttons.arrow {
        max-width: 100%;
        text-align: center;
        justify-content: center;
    }
    
    .header__sub-menu {
        gap: var(--padding-12) var(--padding-2);
    }
    
}

@media only screen and (max-width: 570px) {
    .nav-block ul.breadcrumbs li.breadcrumb-item:nth-child(2) {
        display: none;
    }
    .filter-setup-buttons__wrapper {
        grid-template-columns: 1fr;
    }
    .filter-setup-buttons__wrapper__inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .filter-setup {
        justify-self: center;
    }
}

@media only screen and (max-width: 550px) {
    .index-page .nav-block .breadcrumbs a.header__logo-link,
    .index-page .nav-block .breadcrumbs a.header__logo-link:hover {
        width: calc(var(--base-size) * 11);
        height: calc(var(--base-size) * 11);
        background-image: url(img/logo-compact-color.png);
    }
    
    .send-message__block {
        width: auto;
        max-width: calc(100vw - (var(--big-gap) * 2));
        padding: var(--big-gap);
    }
    
    .send-message__block__header {
        margin: var(--padding-10) var(--big-gap) var(--padding-20) var(--big-gap);
    }
    
    .send-message__form__input {
        padding: var(--big-gap);
    }
    
    .form-check__mark label {
        gap: var(--big-gap);
    }
    
    /* .index-page .animal-type__block a.moa1 {
        grid-area: moa1;
    }
    .index-page .animal-type__block a.moa2 {
        grid-area: moa2;
    }
    .index-page .animal-type__block a.moa3 {
        grid-area: moa3;
    }
    .index-page .animal-type__block a.moa4 {
        grid-area: moa4;
    }
    .index-page .animal-type__block a.moa5 {
        grid-area: moa5;
    }
    .index-page .animal-type__block a.moa6 {
        grid-area: moa6;
    }
    .index-page .animal-type__block a.moa7 {
        grid-area: moa7;
    } */
}

@media only screen and (max-width: 500px) {
    body.product .header .breadcrumbs .breadcrumb-item:nth-child(2) {
        display: none;
    }
    
    body.page .header__line-block__menu li:nth-child(2) {
        display: none;
    }

    /* .main-banner__bottles-wrapper {
        grid-template-columns: repeat(3, 1fr);
    } */
    
    .mobile-menu__button {
        display: flex;
    }
    
    .product-block__item.product__spec,
    .distributors-board {
        grid-template-columns: 1fr;    
    }
    
    .distributor-country.full-size {
        grid-column: unset;
    }
    
    .full-size .distributor__region-list ul {
        display: flex;
    }
    
    .full-size .distributor__region-list ul li {
        margin-bottom: 0;
    }
}

/* @media only screen and (max-width: 420px) {
    .index-page .animal-type__block a:nth-child(2) {
        border-radius: 6px var(--border-radius-28) 6px 6px;
    }
    
    .index-page .animal-type__block a:nth-child(6) {
        border-radius: 6px;
    }
    
    .index-page .animal-type__block a:nth-child(7) {
        border-radius: 6px 6px var(--border-radius-28) var(--border-radius-28);
    }
} */

@media only screen and (max-width: 460px) {
    .product-info__top-bar__header h1 {
        font-size: var(--font-size-24);
    }
    
    .index-page .product-line__same-products__header h2, 
    .index-page .news-index__block h2 {
        flex-direction: column;
        align-items: start;
    }
    
}

@media only screen and (max-width: 445px) {
     .prod-gallery__header {
        flex: 1 0 100%;
    }
    
    .prod-gallery__item {
        flex: 1 0 45%;
    }
}

@media only screen and (max-width: 400px) {
    
    
    .filter-setup label,
    .product-card__pac span {
        font-size: 12px;
    }
    
    .product-card__pac span {
        padding: var(--base-size);
    }
}

/* @media only screen and (max-width: 329px) {
    .index-page .animal-type__block a:nth-child(1) {
        border-radius: var(--border-radius-28) var(--border-radius-28) 6px 6px;
    }
    
    .index-page .animal-type__block a:nth-child(2) {
        border-radius: 6px;
    }
    
    .index-page .animal-type__block a:nth-child(7) {
        border-radius: 6px 6px var(--border-radius-28) var(--border-radius-28);
    }
} */