/* Start:/local/templates/new_design/css/main.css?1755757601127335*/
@charset "UTF-8";
/* Base */
.none {
    display: none !important;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.no-scroll {
    overflow-y: hidden;
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/* Reset and base styles  */
* {
    padding: 0px;
    margin: 0px;
    border: none;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Links */
a, a:link, a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* Common */
aside, nav, footer, header, section, main {
    display: block;
}

h1, h2, h3, h4, h5, h6, p {
    font-size: inherit;
    font-weight: inherit;
}

ul, ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

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

address {
    font-style: normal;
}

/* Form */
input, textarea, button, select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

input::-ms-clear {
    display: none;
}

button, input[type=submit] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
    outline: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

label {
    cursor: pointer;
}

legend {
    display: block;
}

:root {
    --container-width: 1440px;
    --container-padding: 65px;
    --font-main: DINPro, tahoma, sans-serif;
    --primary-red: #e2001a;
    --primary-success: #10C44C;
    --primary-red-disabled: rgba(226, 0, 26, .2);
    --primary-gray: #808285;
    --primary-white: #fff;
    --primary-black: #000;
    --primary-black-shadow: rgba(0, 0, 0, .07);
    --primary-light-gray: #f6f6f6;
    --secondary-red: #e21f26;
    --secondary-black-shadow: rgba(0, 0, 0, .14);
    --secondary-text: #444;
    --secondary-iconography: #767676;
    --secondary-hyperlink: #444;
    --secondary-interface: #d7d7d7;
    --secondary-interface-dark: #333;
    --tertiary-black-shadow: rgba(0, 0, 0, .1);
    --tertiary-function: #5ca9ad;
    --tertiary-success: #008900;
    --tertiary-hyperlink: #ee8b00;
    --tertiary-interface: #c03344;
    --tertiary-interface-dark: #eaeaea;
    --tertiary-golden: #daaf51;
    --tertiary-golden-shadow: rgba(218, 175, 81, .3);
    --tertiary-text: #565656;
    --tertiary-blue: #007cb1;
    --tertiary-pink: #f599a4;
    --tertiary-gray: #666;
    --exceptional-hover: #bd0016;
    --exceptional-link: #00e;
    --laptop-size: toRem(1200);
    --tablet-size: 768px;
    --mobile-size: 564px;
}

@media (max-width: 1023px) {
    :root {
        --container-padding: 30px;
    }
}

@media (max-width: 767px) {
    :root {
        --container-padding: 12px;
    }
}

.dark {
    --page-bg: #252526;
    --text-color: #fff;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--primary-white);
    color: var(--tertiary-gray);
    font-family: var(--font-main);
    line-height: 1.3;
}

.h1 {
    color: var(--primary-red);
    font-size: 40px;
    font-weight: 400;
    line-height: 1.1;
}

@media (max-width: 1023px) {
    .h1 {
        line-height: 1.4;
    }
}

@media (max-width: 767px) {
    .h1 {
        font-size: 30px;
        line-height: 1.34;
    }
}

.h1-medium {
    color: var(--primary-red);
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
}

@media (max-width: 767px) {
    .h1-medium {
        font-size: 20px;
    }
}

.h2 {
    color: var(--primary-red);
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
}

@media (max-width: 1023px) {
    .h2 {
        font-size: 26px;
        line-height: 1.3;
    }
}

@media (max-width: 767px) {
    .h2 {
        font-size: 20px;
        line-height: 1.4;
    }
}

.h2-medium,
.typography-container h2 {
    color: var(--primary-red);
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
}

@media (max-width: 1023px) {
    .h2-medium,
    .typography-container h2 {
        font-size: 26px;
        line-height: 1.3;
    }
}

@media (max-width: 767px) {
    .h2-medium,
    .typography-container h2 {
        font-size: 20px;
        line-height: 1.4;
    }
}

.typography-container h2 {
    margin-bottom: 20px;
}

.h3 {
    color: var(--primary-red);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

@media (max-width: 1023px) {
    .h3 {
        font-size: 18px;
        line-height: 1.4;
    }
}

.h3-medium,
.typography-container h3 {
    color: var(--primary-red);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
}

@media (max-width: 1023px) {
    .h3-medium,
    .typography-container h3 {
        font-size: 18px;
        line-height: 1.4;
    }
}

.h4 {
    color: var(--primary-red);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}

@media (max-width: 1023px) {
    .h4 {
        font-size: 16px;
    }
}

.h4-medium,
.typography-container h4 {
    color: var(--primary-red);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

.text-body, .typography-container p {
    color: var(--tertiary-gray);
    line-height: 1.3;
    font-size: 16px;
    font-weight: 400;
}

@media (max-width: 1023px) {
    .text-body, .typography-container p {
        font-size: 16px;
        line-height: 1.3;
    }
}

.typography-container small {
    color: var(--tertiary-gray);
    line-height: 1.3;
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 1023px) {
    .typography-container small {
        font-size: 16px;
        line-height: 1.3;
        font-size: 14px;
    }
}

.typography-small-medium {
    color: var(--tertiary-gray);
    line-height: 1.3;
    font-size: 14px;
    font-weight: 500;
}

@media (max-width: 1023px) {
    .typography-small-medium {
        font-size: 16px;
        line-height: 1.3;
        font-size: 14px;
    }
}

.visually-hidden {
    clip-path: inset(100%);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
    z-index: -9999;
    clip: rect(0 0 0 0);
    border: none;
    overflow: hidden;
    white-space: nowrap;
}

.h-full {
    height: 100%;
}

.w-full {
    width: 100%;
}

.no-scroll {
    overflow: hidden;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.bg-gray {
    background-color: var(--primary-light-gray);
}

.rounded-lg {
    border-radius: 30px !important;
}

.relative {
    position: relative;
}

.close-icon {
    cursor: pointer;
}

.wrapper {
    padding: 0 var(--container-padding);
    max-width: var(--container-width);
    width: 100%;
    margin: 0 auto;
}

.wrapper-right {
    /* overflow-x: hidden; */
    padding-left: calc((100% - var(--container-width)) / 2 + var(--container-padding));
}

@media (max-width: var(--laptop-size)) {
    .wrapper-right {
        padding-left: var(--container-padding);
    }
}

.wrapper-left {
    /* overflow-x: hidden; */
    padding-right: calc((100% - var(--container-width)) / 2 + var(--container-padding));
}

@media (max-width: var(--laptop-size)) {
    .wrapper-left {
        padding-right: var(--container-padding);
    }
}

@font-face {
    font-display: swap;
    font-family: DINPro;
    font-style: normal;
    font-weight: 400;
    src: url(/local/templates/new_design/css/../fonts/DINPro.woff2) format("woff2");
}

@font-face {
    font-display: swap;
    font-family: DINPro;
    font-style: normal;
    font-weight: 500;
    src: url(/local/templates/new_design/css/../fonts/DINPro-Medium.woff2) format("woff2");
}

@font-face {
    font-display: swap;
    font-family: DINPro;
    font-style: normal;
    font-weight: 700;
    src: url(/local/templates/new_design/css/../fonts/DINPro-Bold.woff2) format("woff2");
}

@font-face {
    font-display: swap;
    font-family: DINPro;
    font-style: normal;
    font-weight: 900;
    src: url(/local/templates/new_design/css/../fonts/DINPro-CondensedBlack.woff2) format("woff2");
}

html, body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.footer {
    margin-top: auto;
}

.ui-link {
    background: none;
    border: none;
    color: var(--exceptional-link);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    padding: 0;
}

.ui-link.decorated {
    border-bottom: 1px solid var(--primary-red-disabled);
    color: var(--primary-red);
    text-decoration: none;
}

.ui-link.decorated:hover {
    border-bottom-color: var(--primary-red);
}

.ui-header-meta {
    --color: var(--secondary-iconography);
    align-items: center;
    color: var(--secondary-iconography);
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .ui-header-meta {
        margin-bottom: 20px;
    }
}

.ui-date {
    font-size: 14px;
    font-weight: 500;
}

.ui-time-to-read {
    align-items: center;
    color: var(--color, var(--secondary-text));
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 5px;
    line-height: 1.3;
}

.ui-time-to-read__icon {
    color: var(--color, var(--primary-red));
    font-size: 16px;
    display: flex;
    align-items: center;
}

.ui-time-to-read__icon svg {
    width: 16px;
    height: 16px;
}

.ui-time-to-read__title.short {
    display: none;
}

.ui-views-counter {
    align-items: center;
    color: var(--color, var(--secondary-text));
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 5px;
    line-height: 1.3;
}

.ui-views-counter__icon {
    color: var(--color, var(--primary-red));
    font-size: 16px;
    display: flex;
    align-items: center;
}

.ui-views-counter__icon svg {
    width: 16px;
    height: 16px;
}

.ui-views-counter__title.short {
    display: none;
}

.ui-button {
    --margin-inline: 0;
    align-items: center;
    background: none;
    border: 2px solid var(--primary-red);
    border-radius: 50px;
    color: var(--primary-red);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    line-height: 1.4;
    margin: 0 var(--margin-inline);
    width: calc(100% - var(--margin-inline) * 2);
    padding: 10px 31px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.ui-button::after {
    content: "";
    position: absolute;
    right: 6px;
    width: 24px;
    height: 24px;
    opacity: 0;
    transition: opacity 0.3s;
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#right-arrow");
    mask-size: 40px;
    mask-repeat: no-repeat;
    mask-position: center;
}

@media (max-width: 767px) {
    .ui-button::after {
        right: 5px;
    }
}

.ui-button:hover::after {
    opacity: 1;
    background-color: var(--primary-red);
}

.ui-button:active {
    border-color: var(--tertiary-interface);
    color: var(--tertiary-interface);
}

.ui-button:active::after {
    opacity: 1;
    background-color: var(--tertiary-interface);
}

.ui-button:disabled, .ui-button.disabled {
    border-color: var(--secondary-iconography);
    color: var(--secondary-iconography);
}

.ui-button.filled {
    background: var(--primary-red);
    color: var(--primary-white);
}

.ui-button.filled:hover::after {
    background-color: var(--primary-white);
}

.ui-button.filled:active {
    background: var(--exceptional-hover);
    border-color: var(--exceptional-hover);
}

.ui-button.filled:active::after {
    background-color: var(--primary-white);
}

.ui-button.filled:disabled, .ui-button.filled.disabled {
    background-color: var(--secondary-iconography);
    border-color: var(--secondary-iconography);
    color: var(--primary-white);
}

.ui-button.filled:disabled::after, .ui-button.filled.disabled::after {
    content: none;
}

.ui-button.gold {
    background: var(--tertiary-golden);
    border-color: var(--tertiary-golden);
    color: var(--primary-white);
}

.ui-button.gold::after {
    content: none;
}

.ui-button.gold:hover {
    filter: grayscale(1);
}

.ui-button.w-lg {
    max-width: 245px;
    width: 100%;
}

.ui-button.w-full {
    padding-inline: 16px;
    width: 100%;
}

.ui-special-article-card {
    border-radius: 30px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    display: grid;
    grid-template-areas: ". .     .     .     .     . image ." ". title title title title . image ." ". .     .     .     .     . image ." ". link1 .     link2 .     . image ." ". .     .     .     .     . image .";
    grid-template-columns: 36px auto 10px auto auto 1fr 283px 72px;
    grid-template-rows: 45px auto 30px auto 1fr;
}

@media (max-width: 1023px) {
    .ui-special-article-card {
        align-items: center;
        display: flex;
        flex-flow: column;
        padding-top: 38px;
        text-align: center;
    }
}

.ui-special-article-card__container {
    display: contents;
}

.ui-special-article-card__container .hub-ui-special-article-card__text-container {
    align-items: center;
    display: flex;
    flex-flow: column;
    padding: 0 20px 38px;
}

.ui-special-article-card__title {
    grid-area: title;
    margin: 0;
}

@media (max-width: 1023px) {
    .ui-special-article-card__title {
        margin-bottom: 13px;
    }
}

@media (max-width: 1023px) {
    .ui-special-article-card__link {
        min-width: 210px;
    }
}

.ui-special-article-card__link--first {
    grid-area: link1;
}

@media (max-width: 1023px) {
    .ui-special-article-card__link--first {
        margin-bottom: 10px;
    }
}

.ui-special-article-card__link--second {
    grid-area: link2;
}

.ui-special-article-card__img {
    grid-area: image;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 767px) {
    .ui-special-article-card__img {
        order: -1;
    }
}

.ui-pager {
    color: var(--ui-pager-color, var(--primary-gray));
    cursor: pointer;
}

.ui-list {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-left: 6px;
}

.ui-list--full {
    margin-bottom: 20px;
    padding: 20px;
    gap: 20px;
    border-radius: 30px;
    box-shadow: 0px 0px 20px 0px var(--primary-black-shadow);
}

.ui-list--full .ui-list__item {
    padding: 0;
    box-shadow: none;
}

.ui-list--full-no-shadow {
    margin-bottom: 0;
    padding: 0;
    gap: 0px;
}

.ui-list--full-no-shadow .ui-list__item {
    padding: 0;
    box-shadow: none;
}

.ui-list--full-no-shadow .ui-list__item::before {
    width: 6px;
    height: 6px;
}

.ui-list--checked .ui-list__item {
    align-items: center;
}

.ui-list--checked .ui-list__item::before {
    width: 16px;
    height: 16px;
    margin-top: 0;
    background-image: url("/local/templates/new_design/css/../img/sprite.svg#checked");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ui-list--message .ui-list__item::before {
    width: 24px;
    height: 24px;
    margin-top: 0;
    background: transparent;
    background-image: url("/local/templates/new_design/css/../img/sprite.svg#message-alert-square");
    background-repeat: no-repeat;
    background-size: 250%;
    background-position: center;
}

.ui-list__item {
    padding: 10px 34px 10px 20px;
    display: flex;
    border-radius: 50px;
    box-shadow: 0px 0px 20px 0px var(--primary-black-shadow);
}

.ui-list__item::before {
    content: "";
    display: block;
    flex-shrink: 0;
    margin-top: 8px;
    margin-right: 10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--primary-red);
}

.ui-list__link {
    color: var(--secondary-text);
}

.ui-list__link:hover {
    color: var(--primary-red);
}

.ui-list-number {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style-type: none;
    counter-reset: num;
    padding: 30px 20px;
    margin-bottom: 40px;
    border-radius: 30px;
    box-shadow: 0px 0px 20px 0px var(--primary-black-shadow);
}

.ui-list-number__item {
    display: flex;
    align-items: start;
}

.ui-list-number__item::before {
    content: counter(num);
    counter-increment: num;
    margin-right: 10px;
    padding: 1px 10px;
    border-radius: 50px;
    font-size: 14px;
    background-color: var(--primary-red);
    color: var(--primary-white);
}

.ui-list-right-image {
    display: grid;
    grid-template-columns: 70% 30%;
    gap: 16px;
}

@media (max-width: 767px) {
    .ui-list-right-image {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

.ui-list-right-image ul + img {
    width: 100%;
    object-fit: contain;
}

@media (max-width: 767px) {
    .ui-list-right-image ul + img {
        padding-inline: 20%;
    }
}

.ui-expert-quote__container {
    background: var(--primary-white);
    border-radius: 30px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    padding: 35px 60px 42px 35px;
}

@media (max-width: 767px) {
    .ui-expert-quote__container {
        padding: 42px 33px 36px 41px;
    }
}

.ui-expert-quote__text-container {
    position: relative;
}

.ui-expert-quote__text {
    margin: 0 0 20px 40px;
}

@media (max-width: 767px) {
    .ui-expert-quote__text {
        margin-left: 0;
    }
}

.ui-expert-quote__quote svg {
    height: 30px;
    margin-bottom: 0;
    width: 30px;
}

@media (max-width: 767px) {
    .ui-expert-quote__quote svg {
        height: 24px;
        width: 24px;
    }
}

.ui-expert-quote__quote--start {
    left: -4px;
    position: absolute;
    top: 0;
}

@media (max-width: 767px) {
    .ui-expert-quote__quote--start {
        left: -30px;
    }
}

.ui-expert-quote__quote--end {
    bottom: 0;
    position: absolute;
    right: -34px;
    transform: scaleX(-1);
}

@media (max-width: 767px) {
    .ui-expert-quote__quote--end {
        right: -18px;
    }
}

.ui-expert-quote .ui-expert-quote__text {
    color: var(--tertiary-gray);
}

.ui-expert-quote__expert {
    align-items: center;
    display: flex;
    gap: 20px;
}

@media (max-width: 767px) {
    .ui-expert-quote__expert {
        gap: 10px;
    }
}

.ui-expert-quote__expert img.ui-expert-quote__expert-avatar {
    background: var(--primary-red);
    border-radius: 50%;
    height: 56px;
    width: 56px;
    margin: 0;
}

@media (max-width: 767px) {
    .ui-expert-quote__expert img.ui-expert-quote__expert-avatar {
        height: 82px;
        width: 82px;
    }
}

.ui-expert-quote__expert-name {
    color: var(--primary-red);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.ui-expert-quote__expert p.ui-expert-quote__expert-description {
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    color: var(--tertiary-gray);
}

@media (max-width: 767px) {
    .ui-expert-quote__expert p.ui-expert-quote__expert-description {
        font-size: 16px;
        line-height: 1.3;
    }
}

.ui-expert-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 27px 34px;
    background-color: var(--primary-light-gray);
    border-radius: 30px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
}

@media (max-width: 767px) {
    .ui-expert-card {
        padding: 24px 20px;
        flex-direction: column-reverse;
        align-items: start;
        gap: 20px;
    }
}

.ui-expert-card .ui-expert-card__title {
    margin-bottom: 14px;
}

@media (max-width: 767px) {
    .ui-expert-card .ui-expert-card__title {
        font-weight: 500;
    }
}

.ui-expert-card__content {
    max-width: 70%;
    display: grid;
    gap: 16px;
    color: var(--tertiary-gray);
}

@media (max-width: 767px) {
    .ui-expert-card__content {
        max-width: initial;
    }
}

.ui-expert-card__content strong {
    font-weight: 500;
}

.ui-expert-card__image {
    max-width: 220px;
    flex-shrink: 0;
    border-radius: 50%;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    overflow: hidden;
}

.ui-expert-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ui-table {
    border-radius: 30px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    overflow-x: auto;
    border-collapse: collapse;
    color: var(--tertiary-gray);
    border: 0;
}

@media (max-width: 767px) {
    .ui-table {
        display: block;
    }
}

.ui-table thead,
.ui-table tbody {
    vertical-align: top;
}

.ui-table th {
    text-wrap: nowrap;
}

@media (max-width: 767px) {
    .ui-table th {
        text-wrap: initial;
    }
}

.ui-table th,
.ui-table td {
    padding: 20px 20px 20px 26px;
    text-align: left;
    border: 1px solid var(--secondary-interface);
}

@media (max-width: 767px) {
    .ui-table th,
    .ui-table td {
        padding: 16px 10px;
    }
}

.ui-table th:first-child,
.ui-table td:first-child {
    border-left: none;
}

.ui-table tr:first-child th {
    border-top: none;
}

.ui-table tr td:last-child,
.ui-table th:last-child {
    border-right: none;
}

.ui-table tr:last-child td {
    border-bottom: none;
}

.ui-table tr b {
    font-weight: 500;
}

.ui-slider__controls {
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-slider-controls__control-prev, .ui-slider-controls__control-next {
    position: relative;
    background: none;
    border: none;
    display: flex;
    margin: -14px;
    padding: 0px;
    width: 44px;
    height: 44px;
}

.ui-slider-controls__control-prev::after, .ui-slider-controls__control-next::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#left-arrow");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    background-color: var(--primary-red);
    transform: translate(-50%, -50%);
}

.ui-slider-controls__control-prev:hover::after, .ui-slider-controls__control-next:hover::after {
    background-color: var(--primary-gray);
}

.ui-slider-controls__control-prev:disabled, .ui-slider-controls__control-next:disabled {
    filter: grayscale(1);
    opacity: 0.5;
    pointer-events: none;
}

.ui-slider-controls__control-next {
    margin-left: 14px;
    margin-right: 0px;
    transform: scaleX(-1);
}

.ui-slider-controls__control-pages {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-left: 48px;
}

.ui-slider-controls__control-pages--default {
    justify-content: center;
    margin-inline: 48px;
    gap: 0px;
}

.ui-slider-controls__control-pages--default .ui-slider-controls__control-page {
    position: relative;
    padding: 16px 8px;
    margin: -16px 0px;
    width: 8px;
    height: 8px;
}

.ui-slider-controls__control-pages--default .ui-slider-controls__control-page::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background: var(--primary-red-disabled);
    transform: translateY(-50%);
}

.ui-slider-controls__control-pages--default .ui-slider-controls__control-page.active::after {
    background: var(--primary-red);
    pointer-events: none;
}

.ui-slider-controls__control-page {
    position: relative;
    margin: -16px -8px;
    padding: 16px 8px;
    border: none;
    display: flex;
    width: 100%;
    cursor: pointer;
}

.ui-slider-controls__control-page::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 8px;
    width: calc(100% - 16px);
    height: 6px;
    border-radius: 100px;
    background: var(--primary-light-gray);
}

.ui-slider-controls__control-page.active::after {
    background: var(--primary-red);
    pointer-events: none;
}

.ui-input {
    padding: 0 0 6px;
    border-bottom: 2px solid var(--secondary-interface);
}

.ui-input::placeholder {
    color: var(--secondary-interface-dark);
}

.ui-checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ui-checkbox-input {
    appearance: none;
    position: relative;
    width: 16px;
    height: 16px;
    border: 1px solid var(--primary-gray);
    border-radius: 3px;
}

.ui-checkbox-input::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 8px;
    background: var(--primary-white);
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#checked");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    transform: translate(-50%, -50%);
}

.ui-checkbox-input:checked {
    border-color: var(--primary-red);
    background-color: var(--primary-red);
}

.ui-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ui-tag-item {
    height: min-content;
}

.ui-tag-item--clear {
    display: none;
}

.ui-tag-item--clear.active {
    display: block;
}

.ui-tag-trigger {
    color: var(--tertiary-gray);
    line-height: 1.3;
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 1023px) {
    .ui-tag-trigger {
        font-size: 16px;
        line-height: 1.3;
        font-size: 14px;
    }
}

.ui-tag-trigger {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 30px;
    border: 1px solid var(--primary-red);
    color: var(--primary-red);
}

.ui-tag-trigger.active, .ui-tag-trigger.checked {
    display: flex;
    align-items: center;
    background-color: var(--primary-red);
    color: var(--primary-white);
}

.ui-tag-trigger.active::after, .ui-tag-trigger.checked::after {
    content: "";
    display: block;
    background: var(--primary-white);
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#close--sm");
    mask-size: cover;
    mask-position: 50% 1px;
    height: 9px;
    width: 7px;
    mask-repeat: no-repeat;
}

.ui-tag-trigger.checked::after {
    content: none;
}

.ui-tabs {
    margin-bottom: 30px;
}

.ui-tabs-navigation-wrapper {
    overflow-x: auto;
    margin-bottom: 10px;
}

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

.ui-tabs__navigation--shadown {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .ui-tabs__navigation {
        margin-bottom: 20px;
    }
}

.ui-tabs__navigation-trigger {
    padding-bottom: 6px;
    color: var(--tertiary-gray);
    border-bottom: 4px solid transparent;
    text-wrap: nowrap;
    transition: all 0.3s ease-in-out;
}

.ui-tabs__navigation-trigger.active {
    color: var(--primary-red);
    border-color: var(--primary-red);
}

.ui-tabs__content-item {
    display: none;
    margin: -30px;
    padding: 30px;
}

.ui-tabs__content-item.active {
    display: block;
}

.ui-tabs__content-item-wrapper {
    border-radius: 10px;
    box-shadow: 0px 0px 20px var(--secondary-black-shadow);
    padding: 32px 40px;
}

@media (max-width: 767px) {
    .ui-tabs__content-item-wrapper {
        padding: 20px;
    }
}

.ui-tab-content {
    display: flex;
    gap: 20px;
    align-items: start;
    color: var(--tertiary-gray);
}

@media (max-width: 767px) {
    .ui-tab-content {
        flex-direction: column;
    }
}

.ui-tab-content--icon {
    gap: 12px;
}

.ui-tab-content__icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
}

.ui-tab-content__image {
    max-width: 218px;
    width: 100%;
    object-fit: contain;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .ui-tab-content__image {
        max-width: 100%;
        object-fit: cover;
        aspect-ratio: 1.4;
    }
}

.ui-tab-content__info {
    padding-right: 40px;
}

.ui-tab-content__title {
    margin-bottom: 10px;
}

.ui-tab-content__text {
    margin-bottom: 6px;
}

.ui-tab-characteristic {
    padding: 30px 32px 35px;
}

.ui-tab-characteristic--shadow {
    border-radius: 30px;
    box-shadow: 0 0 20px var(--primary-black-shadow);
}

@media (max-width: 1023px) {
    .ui-tab-characteristic--shadow {
        padding: 0;
        padding-top: 13px;
    }
}

.ui-tab-characteristic__items {
    display: flex;
    gap: 30px;
    padding-block: 12px 30px;
}

@media (max-width: 767px) {
    .ui-tab-characteristic__items {
        flex-direction: column;
        gap: 20px;
        padding-block: 0;
    }
}

.ui-tab-characteristic__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ui-tab-characteristic__title {
    color: var(--tertiary-gray);
}

.ui-tab-characteristic__text {
    color: var(--primary-red);
}

.ui-tab-characteristic__top-container {
    align-items: center;
    display: flex;
    gap: 30px;
}

@media (max-width: 1023px) {
    .ui-tab-characteristic__top-container {
        align-items: center;
        flex-flow: column;
        gap: 10px;
        margin-bottom: 13px;
    }
}

.ui-tab-characteristic__container {
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.ui-tab-characteristic__text {
    color: var(--tertiary-golden);
    display: flex;
    gap: 10px;
}

.ui-tab-characteristic__image {
    max-width: 138px;
    width: 100%;
    display: flex;
    margin: -10px 0 -10px auto;
    object-fit: contain;
}

@media (max-width: 1023px) {
    .ui-tab-characteristic__image {
        margin: 0;
        order: -1;
        transform: scaleX(-1);
    }
}

.ui-tab-characteristic__ages {
    display: flex;
    flex-flow: column;
}

@media (max-width: 1023px) {
    .ui-tab-characteristic__ages {
        padding: 36px 18px;
    }
}

.ui-tab-characteristic__ages-header {
    margin-bottom: 15px;
}

@media (max-width: 1023px) {
    .ui-tab-characteristic__ages-header {
        display: none;
    }
}

.ui-tab-characteristic__ages-container {
    align-items: center;
    display: grid;
    grid-template-areas: "puppy-title puppy2-title adult-title mature-title elderly-title" "puppy-point puppy2-point adult-point mature-point elderly-point" "puppy-text  puppy2-text  adult-text  mature-text  elderly-text";
    grid-column-gap: 10px;
    grid-row-gap: 8px;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
}

.ui-tab-characteristic__ages-container::before {
    content: "";
    background: var(--tertiary-golden);
    border-radius: 9px;
    grid-column: 1/6;
    grid-row: 2;
    height: 11px;
}

@media (max-width: 1023px) {
    .ui-tab-characteristic__ages-container::before {
        content: none;
    }
}

@media (max-width: 1023px) {
    .ui-tab-characteristic__ages-container {
        align-items: flex-start;
        display: flex;
        gap: 10px;
        justify-content: center;
        text-align: left;
    }
}

.ui-tab-characteristic__ages-items-container {
    display: contents;
}

@media (max-width: 1023px) {
    .ui-tab-characteristic__ages-items-container {
        display: flex;
        flex-flow: column;
        gap: 20px;
    }
}

.ui-tab-characteristic__ages-item-container {
    display: contents;
    position: relative;
}

@media (max-width: 1023px) {
    .ui-tab-characteristic__ages-item-container {
        display: flex;
        flex-flow: column;
    }
}

.ui-tab-characteristic__ages-title {
    font-weight: 500;
    padding-left: 18px;
}

@media (max-width: 1023px) {
    .ui-tab-characteristic__ages-title {
        font-size: 14px;
    }
}

.ui-tab-characteristic__ages-title.puppy {
    grid-area: puppy-title;
}

.ui-tab-characteristic__ages-title.puppy2 {
    grid-area: puppy2-title;
}

.ui-tab-characteristic__ages-title.adult {
    grid-area: adult-title;
}

.ui-tab-characteristic__ages-title.mature {
    grid-area: mature-title;
}

.ui-tab-characteristic__ages-title.elderly {
    grid-area: elderly-title;
}

.ui-tab-characteristic__ages-point {
    background: var(--primary-light-gray);
    border-radius: 100px;
    display: flex;
    height: 18px;
    margin: 0 auto;
    position: relative;
    width: 18px;
}

@media (max-width: 1023px) {
    .ui-tab-characteristic__ages-point {
        background: var(--tertiary-golden);
        height: 10px;
        position: absolute;
        top: 4px;
        width: 10px;
    }
}

.ui-tab-characteristic__ages-point::before {
    content: "";
    background: var(--primary-light-gray);
    border-radius: 100px;
    height: 26px;
    left: -4px;
    opacity: 0.2;
    position: absolute;
    top: -4px;
    width: 26px;
}

@media (max-width: 1023px) {
    .ui-tab-characteristic__ages-point::before {
        background: var(--tertiary-golden);
        height: 14px;
        left: -2px;
        top: -2px;
        width: 14px;
    }
}

.ui-tab-characteristic__ages-point.puppy {
    grid-area: puppy-point;
}

.ui-tab-characteristic__ages-point.puppy2 {
    grid-area: puppy2-point;
}

.ui-tab-characteristic__ages-point.adult {
    grid-area: adult-point;
}

.ui-tab-characteristic__ages-point.mature {
    grid-area: mature-point;
}

.ui-tab-characteristic__ages-point.elderly {
    grid-area: elderly-point;
}

.ui-tab-characteristic__ages-text {
    padding-left: 18px;
}

@media (max-width: 1023px) {
    .ui-tab-characteristic__ages-text {
        font-size: 12px;
    }
}

.ui-tab-characteristic__ages-text.puppy {
    grid-area: puppy-text;
}

.ui-tab-characteristic__ages-text.puppy2 {
    grid-area: puppy2-text;
}

.ui-tab-characteristic__ages-text.adult {
    grid-area: adult-text;
}

.ui-tab-characteristic__ages-text.mature {
    grid-area: mature-text;
}

.ui-tab-characteristic__ages-text.elderly {
    grid-area: elderly-text;
}

.ui-accordions-icon {
    display: grid;
    gap: 20px;
}

.ui-accordion-group {
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .ui-accordion-group {
        margin-bottom: 50px;
    }
}

.ui-accordion-group__title {
    margin-bottom: 32px;
}

@media (max-width: 767px) {
    .ui-accordion-group__title {
        margin-bottom: 20px;
    }
}

.ui-accordion-group-item {
    border-radius: 15px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    padding: 24px;
    position: relative;
    user-select: none;
    cursor: pointer;
}

@media (max-width: 767px) {
    .ui-accordion-group-item {
        border-radius: 15px;
        padding: 32px 24px;
    }
}

.ui-accordion-group-item:not(:last-child) {
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .ui-accordion-group-item:not(:last-child) {
        margin-bottom: 14px;
    }
}

.ui-accordion-group-item--xl {
    padding: 42px 32px;
    border-radius: 30px;
}

@media (max-width: 767px) {
    .ui-accordion-group-item--xl {
        padding: 20px;
    }
}

.ui-accordion-group-item.opened .ui-accordion-group-item__button::after {
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#minus");
    mask-size: contain;
}

.ui-accordion-group-item.opened .ui-accordion-group-item__question {
    color: var(--primary-red);
}

.ui-accordion-group-item.opened .ui-accordion-group-item__answer {
    display: block;
}

.ui-accordion-group-item__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}

.ui-accordion-group-item__button::after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#plus");
    mask-size: cover;
    mask-position: center;
    mask-repeat: no-repeat;
    background: var(--primary-red);
}

.ui-accordion-group-item__question {
    font-size: 20px;
    color: var(--tertiary-gray);
    text-align: left;
}

.ui-accordion-group-item__answer {
    display: none;
    margin-top: 24px;
}

.ui-accordion-group-item-icon.opened .ui-accordion-group-item-icon__button::after {
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#minus");
    mask-size: contain;
}

.ui-accordion-group-item-icon.opened .ui-accordion-group-item-icon__answer {
    display: block;
}

.ui-accordion-group-item-icon:not(:last-child) {
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .ui-accordion-group-item-icon:not(:last-child) {
        margin-bottom: 14px;
    }
}

.ui-accordion-group-item-icon__button {
    display: flex;
    align-items: center;
    padding: 20px 32px;
    border-radius: 30px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    user-select: none;
    cursor: pointer;
    gap: 12px;
    width: 100%;
}

.ui-accordion-group-item-icon__button::after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#plus");
    mask-size: cover;
    mask-position: center;
    mask-repeat: no-repeat;
    background: var(--tertiary-gray);
}

@media (max-width: 767px) {
    .ui-accordion-group-item-icon__button {
        padding: 20px;
    }

    .ui-accordion-group-item-icon__button::after {
        content: none;
    }
}

.ui-accordion-group-item-icon__icon {
    width: 32px;
    height: 32px;
    color: var(--primary-red);
}

.ui-accordion-group-item-icon__question {
    flex-grow: 1;
    font-size: 20px;
    color: var(--tertiary-gray);
    text-align: left;
}

.ui-accordion-group-item-icon__answer {
    display: none;
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 32px;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
}

@media (max-width: 767px) {
    .ui-accordion-group-item-icon__answer {
        padding-inline: 0px;
    }
}

.ui-accordion-group-item-icon__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: disc;
    padding-left: 26px;
}

.ui-accordion-group-item-icon__list-item {
    list-style: disc;
}

.ui-accordion-group-item-icon__link {
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-decoration: none;
    text-underline-offset: 4px;
}

.ui-accordion-group-item-icon__link::after {
    content: "";
    width: 16px;
    height: 16px;
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#right-arrow");
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center;
    background-color: var(--tertiary-gray);
}

.ui-accordion-group-item-icon__link:hover {
    text-decoration: underline;
}

.ui-accordion-item-icon {
    padding: 42px 32px;
    border-radius: 30px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    background-color: var(--primary-white);
}

@media (max-width: 767px) {
    .ui-accordion-item-icon {
        padding: 20px 32px;
    }
}

.ui-accordion-item-icon.opened .ui-accordion-item-icon__button::after {
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#minus");
    mask-size: contain;
}

.ui-accordion-item-icon.opened .ui-accordion-item-icon__text {
    display: block;
}

.ui-accordion-item-icon__button {
    display: grid;
    grid-template-columns: 32px 1fr 22px;
    gap: 20px;
    width: 100%;
}

@media (max-width: 767px) {
    .ui-accordion-item-icon__button {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px;
    }
}

.ui-accordion-item-icon__button::after {
    content: "";
    display: block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    margin-top: 5px;
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#plus");
    mask-size: cover;
    mask-position: center;
    mask-repeat: no-repeat;
    background: var(--primary-red);
}

.ui-accordion-item-icon__icon {
    width: 32px;
    height: 32px;
}

.ui-accordion-item-icon__text {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: clip;
    text-align: left;
}

@media (max-width: 767px) {
    .ui-accordion-item-icon__text {
        order: 1;
    }
}

.ui-search {
    position: relative;
    transition: all 0.3s ease-in-out;
}

.ui-search:hover .ui-search__icon {
    color: var(--primary-red);
}

.ui-search__icon {
    position: absolute;
    top: 50%;
    left: 12px;
    width: 16px;
    height: 16px;
    color: var(--primary-gray);
    transform: translateY(-50%);
}

.ui-search__input {
    width: 100%;
    background: none;
    border: none;
    border-bottom: 2px solid var(--primary-light-gray);
    display: flex;
    font-size: 16px;
    margin: 0;
    padding: 5px 27px 5px 39px;
}

.ui-search__input.rounded {
    border: 2px solid var(--secondary-iconography);
    border-radius: 30px;
}

.ui-search__input:focus {
    border-color: var(--secondary-interface);
    outline: none;
}

.ui-search__input::placeholder, .ui-search__input::-moz-placeholder {
    color: var(--secondary-interface);
}

.ui-search__input::-webkit-search-cancel-button, .ui-search__input::-webkit-search-decoration, .ui-search__input::-webkit-search-results-button, .ui-search__input::-webkit-search-results-decoration {
    display: none;
}

.ui-feature-item__title {
    display: block;
    margin-bottom: 4px;
}

.ui-feature-item__value {
    display: flex;
    gap: 7px;
}

.ui-feature-item__value-text {
    color: var(--tertiary-golden);
}

.ui-feature-item__point {
    display: flex;
    border-radius: 100px;
    margin: 4px 0;
    background-color: var(--secondary-text);
    height: 8px;
    width: 8px;
}

.ui-feature-item__point.active {
    background-color: var(--tertiary-golden);
}

.ui-ordered-list {
    counter-reset: ordered-counter;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 10px;
    justify-content: space-between;
    list-style: none;
    margin-top: 20px;
}

@media (max-width: 1023px) {
    .ui-ordered-list {
        gap: 20px;
    }
}

.ui-ordered-item {
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    counter-increment: ordered-counter;
    display: flex;
    flex-flow: column;
    padding-top: 10px;
    position: relative;
    width: 100%;
    padding: 20px 20px 28px;
}

@media (max-width: 1023px) {
    .ui-ordered-item {
        max-width: 335px;
        margin-inline: auto;
    }
}

.ui-ordered-item__image {
    border-radius: 10px 10px 0 0;
    margin-bottom: 9px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

.ui-ordered-item__title {
    align-items: center;
    display: flex;
    margin: 0 0 10px;
}

.ui-ordered-item__title::before {
    align-items: center;
    background: var(--primary-red);
    border-radius: 30px;
    color: var(--primary-white);
    content: counter(ordered-counter);
    display: inline-flex;
    font-size: 14px;
    justify-content: center;
    line-height: 1.3;
    margin-right: 5px;
    min-width: 28px;
}

.ui-animal-faq {
    margin-bottom: 40px;
}

.ui-animal-faq h2 {
    margin-bottom: 20px;
}

.ui-animal-faq__list {
    display: grid;
    gap: 10px;
    padding-left: 26px;
    list-style: disc;
}

.ui-animal-faq__item {
    padding: 10px 20px 10px 15px;
    border-radius: 30px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    list-style: disc;
}

.ui-animal-faq__item::marker {
    background-color: var(--primary-red);
    color: var(--primary-red);
}

.ui-animal-faq__link {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.ui-animal-faq__link::after {
    content: "";
    width: 16px;
    height: 16px;
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#right-arrow");
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center;
    background-color: var(--tertiary-gray);
}

.ui-animal-faq__button-more {
    margin-top: 20px;
    margin-inline: auto;
}

.ui-animal-faq__image-mobile {
    display: none;
    margin-top: 20px 34px 0;
    width: 100%;
    object-fit: contain;
}

@media (max-width: 767px) {
    .ui-animal-faq__image-mobile {
        display: block;
    }
}

.ui-block-shadow {
    padding: 30px 20px;
    border-radius: 30px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
}

.ui-block-shadow b {
    color: var(--primary-red);
    font-weight: 400;
}

.ui-block-shadow a {
    color: var(--primary-red);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ui-block-shadow a:hover {
    text-decoration: none;
}

.ui-article-author {
    align-items: center;
    background: var(--primary-light-gray);
    border-radius: 30px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    display: flex;
    gap: 25px;
    justify-content: space-between;
    padding: 42px 32px;
}

@media (max-width: 767px) {
    .ui-article-author {
        padding: 20px 30px;
        align-items: flex-start;
        flex-flow: column;
        gap: 14px;
    }
}

.ui-article-author__avatar {
    width: 56px;
    height: 56px;
    border-radius: 100px;
    display: flex;
    object-fit: contain;
}

/* Blocks */
.about-us-slide {
    display: flex;
    gap: 20px;
    padding: 20px;
    border-radius: 30px;
    background-color: var(--primary-white);
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
}

@media (max-width: 767px) {
    .about-us-slide {
        flex-direction: column;
    }
}

.about-us-slide__image {
    max-height: 328px;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    object-fit: contain;
}

@media (max-width: 767px) {
    .about-us-slide__image {
        max-height: 294px;
        object-fit: cover;
    }
}

.about-us-slide__title {
    margin-bottom: 10px;
}

.about-us-slide__subtitle {
    max-width: 70%;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .about-us-slide__subtitle {
        min-width: 100%;
    }
}

.about-us-slide__description {
    color: var(--tertiary-gray);
}

.about-us-slider {
    background-color: var(--primary-light-gray);
    overflow: hidden;
}

.about-us-slider__container {
    padding-block: 66px 94px;
}

@media (max-width: 767px) {
    .about-us-slider__container {
        padding-block: 30px 34px;
    }
}

.about-us-slider__title {
    margin-bottom: 20px;
}

.about-us-slider__description {
    margin-bottom: 32px;
}

.about-us-slider .swiper {
    margin: -30px -1000px;
    padding: 30px 1000px;
    width: calc(100% + 2000px);
}

.about-us-slider .swiper-slide {
    transition: all 0.3s ease-in-out;
}

.about-us-slider .swiper-slide-next,
.about-us-slider .swiper-slide-prev {
    opacity: 0.7;
    scale: 0.92;
    transform-origin: left;
}

.about-us-slider .swiper-slide-prev {
    transform-origin: right;
}

.about-us-slider__controls {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .about-us-slider__controls {
        margin-top: 24px;
    }
}

.about-us-tags {
    margin-bottom: 32px;
}

.additionally-section__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}

.additionally-section__items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 10px;
}

@media (max-width: 767px) {
    .additionally-section__items {
        margin-bottom: 25px;
    }
}

.additionally-section__items .main-article img {
    height: 156px;
    width: calc(100% + 20px);
    margin: -20px -10px 20px;
}

.additionally-section__more.mobile {
    display: none;
}

@media (max-width: 1023px) {
    .additionally-section__more.mobile {
        display: block;
        width: fit-content;
        margin-inline: auto;
        margin-bottom: 25px;
    }
}

@media (max-width: 1023px) {
    .additionally-section__more.desktop {
        display: none;
    }
}

.advantages {
    margin-bottom: 72px;
    margin-top: 72px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 767px) {
    .advantages {
        margin-top: 0;
        margin-bottom: 60px;
    }
}

.advantages:before {
    content: "";
    position: absolute;
    height: 1204px;
    left: -950px;
    top: -350px;
    width: 1204px;
    border-radius: 1204px;
    background: var(--primary-red);
    z-index: -1;
}

@media (max-width: 767px) {
    .advantages:before {
        content: none;
    }
}

.advantages__container {
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    overflow: hidden;
    padding: 36px 115px 48px calc(50% + 22px);
    position: relative;
}

.advantages__container:before {
    background-color: var(--primary-red);
    border-radius: 1000px;
    bottom: -270px;
    content: "";
    height: 720px;
    position: absolute;
    right: -350px;
    width: 720px;
    z-index: 0;
}

@media (max-width: 1023px) {
    .advantages__container:before {
        content: none;
    }
}

.advantages__container--cat {
    background: var(--primary-white) url("/local/templates/new_design/css/../img/advantage-bg-cat.png") no-repeat left top/780px 501px;
}

@media (max-width: 1439px) {
    .advantages__container--cat {
        background-position: left -50px top 30px;
    }
}

@media (max-width: 1439px) {
    .advantages__container {
        margin: 0;
        padding: 36px 86px 48px;
    }
}

@media (max-width: 1023px) {
    .advantages__container {
        box-shadow: none;
        margin: -30px -15px;
        overflow: auto;
        padding: 30px 15px;
        padding-bottom: 70%;
        background-size: 100% auto;
        background-position: calc(25vw - 60px) bottom;
    }
}

.advantages__title {
    margin: 0 0 40px;
}

@media (max-width: 1439px) {
    .advantages__title {
        text-align: center;
    }
}

.advantages__items {
    position: relative;
    display: flex;
    flex-flow: column;
    gap: 20px;
    z-index: 1;
}

@media (max-width: 767px) {
    .advantages__items::after {
        content: "";
        position: absolute;
        background-color: var(--primary-red);
        height: 468px;
        width: 468px;
        top: 50%;
        left: auto;
        right: -380px;
        border-radius: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }
}

@media (max-width: 1439px) {
    .advantages__items {
        padding-left: calc(100% - 520px);
    }
}

@media (max-width: 1023px) {
    .advantages__items {
        padding-left: 0;
    }
}

.advantages__item {
    position: relative;
    padding: 26px 107px 26px 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    background: var(--primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    color: var(--secondary-interface-dark);
}

@media (max-width: 1439px) {
    .advantages__item {
        font-weight: 400;
        width: 520px;
    }
}

@media (max-width: 1023px) {
    .advantages__item {
        font-size: 18px;
        font-weight: 500;
        padding: 32px 90px 33px 20px;
        width: auto;
    }
}

@media (max-width: 767px) {
    .advantages__item {
        padding: 20px;
    }
}

.advantages__item strong {
    color: var(--primary-red);
    font-weight: 500;
}

@media (max-width: 1439px) {
    .advantages__item strong {
        font-weight: 400;
    }
}

@media (max-width: 1023px) {
    .advantages__item strong {
        font-weight: 500;
    }
}

.advantages__item-text {
    margin: 0;
    position: relative;
    z-index: 1;
}

.advantages__item-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .advantages__item-icon {
        position: static;
        margin-top: 12px;
        transform: none;
    }
}

.advantages__item-icon.first {
    right: 42px;
}

@media (max-width: 1023px) {
    .advantages__item-icon.first {
        right: 20px;
    }
}

.advantages__item-icon.second {
    right: 30px;
}

@media (max-width: 1023px) {
    .advantages__item-icon.second {
        right: 10px;
    }
}

.advantages__item-icon.third {
    right: 30px;
}

@media (max-width: 1023px) {
    .advantages__item-icon.third {
        right: 10px;
    }
}

.animal-nick {
    --container-padding: 45px;
    margin-bottom: 60px;
}

@media (max-width: 1023px) {
    .animal-nick {
        --container-padding: 30px;
    }
}

@media (max-width: 1023px) {
    .animal-nick {
        --container-padding: 16px;
    }
}

.article-breeds {
    margin-bottom: 20px;
}

.article-card-xl {
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
}

.article-card-xl__image {
    aspect-ratio: 2.2;
    width: 100%;
    object-fit: cover;
}

.article-card-xl__content {
    padding: 30px 20px;
}

.article-card-xl__title {
    margin-bottom: 12px;
}

.article-card-xl__button {
    margin-top: 50px;
}

.article-card {
    --color: var(--secondary-iconography);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    color: inherit;
    display: flex;
    flex-flow: column;
    height: 100%;
    max-width: 300px;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.article-card.popular {
    max-width: 100%;
}

.article-card.popular .article-card__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.article-card__popular-icon {
    position: absolute;
    right: 14px;
    top: 12px;
    color: var(--primary-white);
}

.article-card__popular-icon svg {
    width: 24px;
    height: 24px;
}

.article-card__image {
    border-radius: 10px 10px 0 0;
    display: flex;
    height: 200px;
    margin-bottom: 6px;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 335px;
}

.article-card__container {
    padding: 0 15px 15px 20px;
}

.article-card__tags {
    display: flex;
    flex-flow: wrap;
    list-style: none;
    margin: 0 0 8px;
    padding: 0;
}

.article-card__tag {
    color: var(--primary-red);
    font-size: 12px;
    font-weight: 500;
}

.article-card__tag:before {
    content: "•";
    margin: 0 5px;
}

.article-card__tag:first-child:before {
    content: none;
}

.article-card__meta {
    align-items: center;
    display: flex;
    font-size: 12px;
    gap: 10px;
    margin-bottom: 8px;
}

.article-card__date {
    font-weight: 500;
}

.article-card__title {
    color: var(--primary-red);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}

.article-card__text {
    --secondary-text: var(--tertiary-gray);
    color: var(--tertiary-gray);
    line-height: 1.3;
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 1023px) {
    .article-card__text {
        font-size: 16px;
        line-height: 1.3;
        font-size: 14px;
    }
}

.article-card__text {
    display: -webkit-box;
    margin: 5px 0 0;
    width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.article-card__more {
    --secondary-text: var(--tertiary-gray);
    color: var(--tertiary-gray);
    line-height: 1.3;
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 1023px) {
    .article-card__more {
        font-size: 16px;
        line-height: 1.3;
        font-size: 14px;
    }
}

.article-card__more {
    display: flex;
    margin-bottom: 5px;
    margin-top: 10px;
    text-decoration: underline;
}

.article-card__more:hover {
    text-decoration: none;
}

.article-detail-sources-section {
    margin-bottom: 40px;
}

.article-detail-sources-section__title {
    margin-bottom: 10px;
}

.article-detail-sources-section__list {
    display: grid;
    gap: 4px;
}

.article-detail-sources-section__item {
    counter-increment: num;
}

.article-detail-sources-section__item::before {
    content: counter(num) " — ";
}

.article-like-dislike {
    margin-top: 30px;
    margin-bottom: 60px;
    display: flex;
    gap: 10px;
}

@media (max-width: 767px) {
    .article-like-dislike {
        flex-direction: column;
    }
}

.article-like-dislike h2.article-like-dislike__question {
    margin-bottom: 0;
}

.article-like-dislike__button-container {
    display: flex;
    gap: 10px;
    align-items: center;
}

.article-like-dislike__yes, .article-like-dislike__no {
    padding: 12px 22px;
}

.article-like-dislike__yes svg, .article-like-dislike__no svg {
    width: 17px;
    height: 18px;
}

.article-like-dislike__yes::after, .article-like-dislike__no::after {
    content: none;
}

.article-like-dislike__no {
    transform: scaleY(-1);
}

.article-section {
    --container-padding: 45px;
    margin-bottom: 26px;
}

@media (max-width: 1023px) {
    .article-section {
        --container-padding: 30px;
    }
}

@media (max-width: 767px) {
    .article-section {
        --container-padding: 16px;
    }
}

.article-section__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 1023px) {
    .article-section__title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .article-section__title {
        text-align: left;
    }
}

.article-section__subtitle {
    color: var(--tertiary-gray);
}

.article-section__more.mobile {
    display: none;
}

@media (max-width: 1023px) {
    .article-section__more.mobile {
        display: flex;
        margin-inline: auto;
        margin-bottom: 25px;
    }
}

@media (max-width: 1023px) {
    .article-section__more.desktop {
        display: none;
    }
}

.article-section__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 23px 0 20px;
}

@media (max-width: 1023px) {
    .article-section__list {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 20px;
    }
}

@media (max-width: 1023px) {
    .article-section__item {
        min-width: 260px;
    }
}

.article-section__show-more {
    margin: 20px auto 0;
}

.unauthorized-popup {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 50px 16px;
    width: 100%;
    height: 350px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 348px;
    z-index: 99999;
}

.unauthorized-popup__avatar {
    align-items: center;
    background-color: #f6f6f6;
    border-radius: 50%;
    display: flex;
    height: 80px;
    justify-content: center;
    margin: 0 auto;
    width: 80px;
}

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

.unauthorized-popup__text {
    font-size: 16px;
    line-height: 21px;
    text-align: center;
}

.unauthorized-popup__app-button {
    background: var(--primary-red);
    color: var(--primary-white);
}

.unauthorized-popup__text {
    font-size: 16px;
    line-height: 21px;
    text-align: center;
}

.unauthorized-popup__link {
    display: inline;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;
}

.authorized-popup {
    background-color: #fff;
    border: 1px solid #CCCBCC;
    display: flex;
    flex-direction: column;
    min-height: 268px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 348px;
    z-index: 99999;
}

.authorized-popup__header {
    background-color: var(--primary-light-gray);
    padding: 22px 16px;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #CCCBCC;
}

.authorized-popup__header-wrapper {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.authorized-popup__avatar {
    align-items: center;
    background-color: var(--tertiary-interface-dark);
    border-radius: 50%;
    display: flex;
    height: 56px;
    width: 56px;
    justify-content: center;
    margin: 0 auto;
    color: #808285;
    font-family: "DINPro";
    font-weight: 400;
    font-size: 30px;
}

.authorized-popup__body {
    flex-grow: 1;
}

.authorized-popup__bonuses {
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 10px;
    background-color: var(--primary-red);
    color: #fff;
    padding: 8px;
}

.authorized-popup__bonuses-wrapper {
    display: flex;
    gap: 4px;
    font-family: "DINPro";
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}

.authorized-popup__name > span {
    font-family: "DINPro";
    font-size: 30px;
    line-height: 36px;
    color: var(--primary-red);
}

.authorized-popup__list {
    display: flex;
    flex-direction: column;
}

.authorized-popup__list-item-link {
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.authorized-popup__list-item-link > span {
    font-family: "DINPro";
    font-size: 16px;
    font-weight: 400;
    color: var(--secondary-interface-dark);
}

.authorized-popup__footer {
    padding: 16px;
    font-family: "DINPro";
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    color: var(--secondary-interface-dark);
    border-top: 1px solid #CCCBCC;
}

.auth-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    padding: 30px;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: visibility 0s linear 0.1s, opacity 0.3s ease;
}

.auth-modal.open {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

.auth-modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 21;
    background-color: #333;
    opacity: 0.4;
}

.auth-modal__close {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 28px;
}

.auth-modal__container {
    position: relative;
    z-index: 22;
    text-align: center;
    align-items: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    min-height: 500px;
    padding: 32px 40px;
    width: 452px;
}

.auth-modal__form {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
}
.auth-modal__form .checkbox__label > p > a{
    text-decoration: underline;
}

.auth-modal__logo {
    display: block;
    flex-shrink: 0;
    margin: 0 auto 20px;
}

.auth-modal__tab-group {
    align-items: flex-end;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
}

.auth-modal__tab {
    flex: 1;
    background: transparent;
    border: none;
    border-bottom: 4px solid transparent;
    color: #666;
    cursor: pointer;
    font-family: inherit;
    font-size: 16px;
    line-height: 130%;
    padding: 11px 32px 12px;
    white-space: nowrap;
}

.auth-modal__tab.is-active {
    border-color: #e2001a;
    color: #e2001a;
    cursor: default;
    transition: all 0.2s ease-out;
}

.auth-modal__form {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
}

.auth-modal__input-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.auth-modal__input {
    background-color: #f6f6f6;
    border-radius: 4px;
    color: #666;
    display: flex;
    font-family: DIN Pro, Inter, Arial, Helvetica, sans-serif;
    font-size: 16px;
    height: 48px;
    line-height: 130%;
    padding: 0;
    width: 100%;
}

.auth-modal__input > * {
    padding: 13.5px 0;
}

.auth-modal__input > :last-child {
    padding-right: 16px;
}

.auth-modal__input > :first-child {
    padding-left: 16px;
}

.auth-modal__input input {
    background-color: inherit;
    border-radius: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
}

.auth-modal__input > button {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
}

.auth-modal .form__confirms {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

.auth-modal .form__confirms > div > ul {
    padding-left: 21px;
}

.auth-modal .form__confirms > div > ul > li {
    list-style: disc;
}

.auth-modal .form__confirms > hr {
    border: 1px inset;
}

.auth-modal .form__confirms .checkbox__label {
    font-size: 14px;
    line-height: 130%;
}

.auth-modal .form__confirms p {
    font-size: 14px;
    line-height: 130%;
    text-align: left;
}

.auth-modal .form__confirms .form__link {
    text-decoration: underline;
    text-underline-offset: 5px;
}

.auth-modal .form__confirms .form__required-field {
    color: #e2001a;
    font-size: 14px;
    line-height: 130%;
}

.auth-modal .checkbox__wrapper {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    position: relative;
    width: 100%;
}

.auth-modal .checkbox {
    max-height: 24px;
    position: relative;
}

.auth-modal .checkbox > input {
    border: 1px solid #767676;
    border-radius: 5px;
    cursor: inherit;
    flex-shrink: 0;
    height: 20px;
    margin: 2px;
    width: 20px;
    -webkit-appearance: none;
}

.auth-modal .checkbox > input:checked {
    border-color: #333;
}

.auth-modal .checkbox > input:checked ~ .checkbox__icon--checked {
    display: block;
}

.auth-modal .checkbox > input::before {
    content: "";
    position: relative;
    width: 100%;
}

.auth-modal .checkbox__icon {
    color: var(--primary-red);
    display: none;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.auth-modal .checkbox__icon--indeterminate {
    color: #666;
    height: 16px;
    width: 16px;
}

.auth-modal .checkbox__label {
    cursor: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    margin-left: 8px;
    width: fit-content;
    word-break: break-word;
    text-align: left;
}

.auth-modal .error-form {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    color: #666;
    margin-top: 40px;
}

.auth-modal .error-form__title {
    font-size: 30px;
    line-height: 36px;
    font-family: "DINPro";
    margin-bottom: 20px;
}

.auth-modal .error-form__description {
    font-family: "DINPro";
    font-size: 16px;
    line-height: 20.8px;
}

.auth-modal .error-form__support-tel {
    font-family: "DINPro";
    font-size: 16px;
    line-height: 20.8px;
    font-weight: 500;
    text-decoration: underline;
}

.form-auth {
    display: none;
    flex: 1;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.form-auth.form-is-show {
    display: flex;
}

.auth-modal-form .form-auth__submit-button {
    background: var(--primary-red);
    color: #fff;
    margin-top: auto;
    border: none;
    border-radius: 30px;
    display: inline-block;
    font-family: "DINPro";
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    max-height: 44px;
    outline: none;
    padding: 11px 32px;
    position: relative;
    transition-duration: 0.25s;
    transition-property: opacity, visibility;
    transition-timing-function: ease-out;
}
@media (max-width: 768px) {
    .auth-modal-form .form-auth__submit-button {
        margin-top: 0;
    }
}

.form-auth__submit-button:disabled {
    background: var(--secondary-interface);
    cursor: not-allowed;
}

.form-register {
    display: none;
    flex: 1;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.form-register.form-is-show {
    display: flex;
}

.auth-login-input__input {
    align-items: center;
    display: flex;
    position: relative;
}

.auth-login-input__error {
    color: var(--primary-red);
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
    margin-top: 8px;
    text-align: left;
}

.form__inputs-expired-error {
    font-size: 14px;
    gap: 3px;
    line-height: 18.2px;
    margin-top: 8px;
    text-align: left;
}

.form__inputs-expired-error button {
    display: inline;
    font-family: inherit;
    line-height: inherit;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.auth__back {
    align-items: center;
    display: flex;
    font-size: 14px;
    gap: 4px;
    left: 20px;
    line-height: 130%;
    position: absolute;
    top: 25px;
}

.auth__back svg {
    height: 16px;
    width: 16px;
}

.code-form {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    text-align: center;
}

.code-form__title {
    font-size: 18px;
    line-height: 25.2px;
    margin-bottom: 20px;
}

.code-form__description {
    font-size: 16px;
    line-height: 20.8px;
}

.code-form__description_source {
    font-weight: 500;
    line-height: 22.4px;
}

.code-form__pin {
    margin: 32px 0 24px;
}

.code-form__pin_error {
    color: #e2001a;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    margin-top: 8px;
}

.code-form__pin_error--expired {
    margin-bottom: -8px;
    margin-top: 24px;
}

.code-form__timer {
    font-size: 14px;
    line-height: 130%;
}

.code-form__timer_btn {
    font-size: 16px;
    line-height: 140%;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.pin-group {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.pin-group_extended {
    gap: 10px;
    justify-content: center;
}

.pin-group_extended .pin-group__field {
    height: 50px;
    width: 45px;
}

.pin-group__field {
    background-color: #f6f6f6;
    border-radius: 4px;
    font-size: 20px;
    height: 56px;
    line-height: 28px;
    text-align: center;
    width: 52px;
}

.pin-group__field:focus {
    border-bottom: 1px solid #333;
}

.pin-group__field:disabled {
    background-color: #eaeaea;
    pointer-events: none;
}

@media (max-width: 767px) {
    .auth-modal__container {
        width: 100%;
        padding: 20px;
        height: 100%;
    }
}

.breadcrumbs {
    --container-width: 1440px;
    margin-bottom: 15px;
    margin-top: 32px;
}

@media (max-width: 767px) {
    .breadcrumbs {
        margin-bottom: 10px;
    }
}

.breadcrumbs__items {
    /*overflow-x: auto;*/
    overflow-x: hidden;
    padding-bottom: 15px;
    display: flex;
    font-size: 16px;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 767px) {
    .breadcrumbs__items {
        padding-bottom: 10px;
    }
}

.breadcrumbs__item {
    white-space: nowrap;
}

.breadcrumbs__item:not(:first-of-type) {
    display: flex;
    gap: 4px;
}

.breadcrumbs__item:last-child {
    color: var(--primary-red);
}

.breadcrumbs__item:last-of-type::before {
    color: var(--secondary-iconography);
}

.breadcrumbs__item:not(:first-of-type)::before {
    content: "•";
}

@media (max-width: 767px) {
    .breadcrumbs__item {
        font-size: 12px;
    }
}

.breadcrumbs__link {
    color: var(--secondary-iconography);
    text-decoration: none;
}

.breed-card {
    align-items: center;
    background: var(--primary-white);
    border-radius: 7px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    display: flex;
    flex-flow: column;
    padding-bottom: 31px;
}

.breed-card__image {
    border-radius: 7px 7px 0 0;
    display: flex;
    margin-bottom: 31px;
    object-fit: contain;
}

.breed-card__title {
    margin: 0 14px 18px;
    text-align: center;
}

.breed-card__text {
    flex-grow: 1;
    padding-inline: 5px;
    text-align: center;
}

.breed-card__text:not(:empty) {
    margin-block: 5px 15px;
}

.breed-card__link {
    --margin-inline: 28px;
}

.breed-search {
    border-radius: 30px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    padding: 6px 51px;
    margin-bottom: 40px;
}

.breed-search__container {
    display: flex;
    gap: 10px;
    justify-content: space-around;
}

@media (max-width: 767px) {
    .breed-search__container {
        align-items: center;
        flex-flow: column;
        gap: 10px;
        padding: 30px 14px;
    }
}

.breed-search__image {
    max-width: 236px;
    width: 100%;
}

@media (max-width: 767px) {
    .breed-search__image {
        order: 1;
    }
}

.breed-search__image--right {
    order: 1;
}

@media (max-width: 767px) {
    .breed-search__image--right {
        order: 0;
    }
}

.breed-search__content {
    padding-block: 50px;
    width: 380px;
}

@media (max-width: 767px) {
    .breed-search__content {
        padding: 0;
        width: 100%
    }
}

.breed-search__title {
    margin: 0 0 10px;
    text-align: center;
}

.breed-search__text {
    margin: 0 auto 26px;
    text-align: center;
    width: 306px;
}

@media (max-width: 767px) {
    .breed-search__text {
        width: auto;
    }
}

.header-cart--desktop__empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.header-cart--desktop__empty img {
    height: 60px;
    object-fit: cover;
    width: 60px;
}

.header-cart--desktop__empty h3 {
    color: #e2001a;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
}

.basket-popup {
    width: 100%;
    height: 100%;
}

.basket-popup__wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1;
}

.basket-popup__result {
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
}

.basket-popup__result-summ {
    color: #808285;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
}

.basket-popup__result-summ span {
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-left: 12px;
}

.basket-popup .basket-summary__submit {
    background: #e2001a;
    color: #fff;
}

.basket-popup .basket-summary__submit::after {
    display: none;
}

.basket-popup__products {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
}

.basket-popup__products-count {
    color: #808285;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
}

.basket-popup__products-list {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding-right: 5px;
}

.basket-popup .product-item {
    padding: 16px;
}

.basket-popup .product-item:not(:last-child) {
    border-bottom: 1px solid #cccbcc;
}

.basket-popup .product-item__wrapper {
    display: flex;
    gap: 16px;
}

.basket-popup .product-item__img {
    flex: 0 0 auto;
    height: 76px;
    object-fit: cover;
    width: 64px;
}

.basket-popup .product-item__not-available {
    padding: 9.5px 16px;
    color: var(--primary-red);
    background-color: #FFE7E6;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: 8px;
    gap: 8px;
}

.basket-popup .product-item.not-available {
    opacity: 0.5;
}

.basket-popup .product-item__not-available-text {
    display: flex;
    flex-direction: column;
}

.basket-popup .product-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

.basket-popup .product-info__name {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 12px;
}

.basket-popup .product-info__details {
    display: flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 130%;
    flex-wrap: nowrap;
    gap: 10px;
}

.basket-popup .product-info__details-leftside {
    display: flex;
    flex-direction: column;
}

.basket-popup .product-info__details-rightside {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.basket-popup .product-info__details-rightside span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.basket-popup .product-info--discount {
    color: var(--tertiary-success);
    font-weight: 500;
    cursor: pointer;
}

.basket-popup .product-info--discount::before {
    content: "";
    background-image: url("/local/templates/new_design/css/../img/icons/icon-update.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.basket-popup .product-info--line-through {
    text-decoration: line-through;
}

.cart-success {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
}

.cart-success.open {
    display: block;
}

.cart-success__overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 21;
    background-color: #333;
    opacity: 0.4;
}

.cart-success__container {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    z-index: 22;
    padding: 20px;
    max-width: 500px;
    margin: auto;
    top: 0;
    max-height: 357px;
}

.cart-success__wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
    justify-content: space-between;
}

.cart-success__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.cart-success__icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background-color: #f6f6f6;
}

.cart-success__title {
    color: #47B800;
    font-family: "DINPro";
    font-size: 20px;
    line-height: 28px;
    max-width: 144px;
    text-align: center;
}

.cart-success__buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cart-success__button {
    width: 100%;
}

.cart-success__button-to-card {
    color: #fff;
    background-color: var(--primary-red);
}

.cart-success__close {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
}

.catalog-card {
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    color: #666;
    display: flex;
    flex-direction: column;
    max-width: 312px;
    overflow: hidden;
    padding: 0 20px 20px;
    position: relative;
    text-align: center;
}

.catalog-card__img-section {
    box-sizing: border-box;
    padding: 20px 40px;
    height: 271px;
}

.catalog-card__img-section img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.catalog-card__content {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.catalog-card__title {
    font-weight: 400;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #e2001a;
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 8px;
}

.catalog-card__description {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 16px;
    font-weight: 400;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.catalog-card__price {
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 8px;
}

.catalog-card__available {
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
}

.catalog-card__available::before {
    background: #47b800;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 8px;
    margin-right: 8px;
    width: 8px;
}

.catalog-card__not-available {
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
}

.catalog-card__not-available::before {
    background: #e2001a;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 8px;
    margin-right: 8px;
    width: 8px;
}

.catalog-card__footer {
    margin-top: auto;
}

.catalog-card__button {
    width: 100%;
    box-shadow: inset 0 0 0 2px #e2001a;
    color: #e2001a;
    background: none;
    border: none;
    border-radius: 30px;
    display: inline-block;
    font-family: DINPro;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    max-height: 44px;
    outline: none;
    padding: 11px 32px;
    position: relative;
    transition-duration: 0.25s;
    transition-property: opacity, visibility;
    transition-timing-function: ease-out;
}

.catalog-card__button.disabled {
    color: #d7d7d7;
    box-shadow: inset 0 0 0 2px #d7d7d7;
    cursor: not-allowed;
}

.catalog-card__ribbon {
    width: 200px;
    padding: 5px;
    position: absolute;
    text-align: center;
    color: #f0f0f0;
    top: 10px;
    left: -71px;
    transform: rotate(-45deg);
    font-family: DINPro;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.catalog-card__ribbon--red {
    background-color: #e2001a;
}

a {
    color: inherit;
    background-color: transparent;
}

@media (max-width: 1023px) {
    .catalog-card__img-section {
        padding: 0 12px;
        height: 234px;
    }

    .catalog-card__description {
        margin-bottom: 12px;
    }
}

@media (max-width: 767px) {
    .catalog-card {
        column-gap: 12px;
        max-width: 100%;
        padding: 16px;
        text-align: start;
    }

    .catalog-card__img-section {
        height: 156px;
        margin-bottom: 16px;
        padding: 0 4px;
    }

    .catalog-card__content {
        margin-bottom: 16px;
    }

    .catalog-card__footer {
        grid-column: span 2;
    }

    .catalog-card__title {
        font-size: 18px;
        line-height: 138%;
    }

    .catalog-card__price {
        font-size: 18px;
    }
}

@media (max-width: 660px) {
    .catalog-card {
        display: grid;
        grid-template-columns: 110px 1fr;
        display: grid;
        grid-template-columns: 110px 1fr;
    }

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

    .catalog-card__title {
        font-size: 18px;
    }

    .catalog-card__description {
        margin-bottom: 16px;
    }

    .catalog-card__price {
        font-size: 18px;
    }
}

.catalog-product-card {
    align-items: center;
    border-radius: 30px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    min-height: 315px;
    overflow: hidden;
    padding: 10px 51px 10px 57px;
}

@media (max-width: 768px) {
    .catalog-product-card {
        align-items: stretch;
        display: flex;
        flex-flow: column;
        padding: 30px 12px;
        width: 100%;
    }
}

.catalog-product-card__image {
    height: auto;
    max-width: 100%;
    object-fit: contain;
    position: relative;
}

@media (max-width: 767px) {
    .catalog-product-card__image {
        left: 0;
        margin-bottom: 20px;
        order: -1;
        transform: none;
    }
}

.catalog-product-card__image--toRight {
    order: 1;
}

@media (max-width: 767px) {
    .catalog-product-card__image--toRight {
        order: -1;
    }
}

.catalog-product-card__text-container {
    display: flex;
    flex-flow: column;
    position: relative;
    z-index: 1;
}

.catalog-product-card__title {
    margin: 0;
    white-space: pre-wrap;
}

@media (max-width: 767px) {
    .catalog-product-card__title {
        font-weight: 500;
    }
}

.catalog-product-card__subtitle {
    color: var(--secondary-text);
    margin: 0;
}

.catalog-product-card__text {
    margin: 10px 0 0;
}

.catalog-product-card__button {
    margin-right: auto;
    margin-top: 26px;
}

@media (max-width: 1023px) {
    .catalog-product-card {
        margin-right: 0;
    }
}

.main-content {
    --container-width: 1050px;
    padding-top: 30px;
    overflow-x: hidden;
}

.email-discount {
    margin: 26px 0;
}

@media (max-width: 767px) {
    .email-discount {
        margin: 40px 0 60px;
    }
}

.email-discount__container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
}

@media (max-width: 767px) {
    .email-discount__container {
        gap: 20px;
    }
}

.email-discount__icon {
    width: 78px;
    height: 84px;
}

@media (max-width: 767px) {
    .email-discount__icon {
        width: 88px;
        height: 100px;
        margin-bottom: 4px;
    }
}

.email-discount__text {
    color: var(--secondary-interface-dark);
}

.email-discount__text-title {
    color: var(--tertiary-gray);
    line-height: 1.3;
    font-size: 26px;
    font-weight: 400;
}

@media (max-width: 1023px) {
    .email-discount__text-title {
        font-size: 16px;
        line-height: 1.3;
        font-size: 20px;
    }
}

.email-discount__text-title {
    font-size: 40px;
}

.email-discount__text-subtitle {
    margin-top: -6px;
}

.email-discount__form {
    display: flex;
    flex-grow: 1;
    align-items: center;
    gap: 30px;
}

@media (max-width: 767px) {
    .email-discount__form {
        flex-direction: column;
        align-items: start;
    }
}

.email-discount__input {
    width: 100%;
}

.email-discount__button {
    min-width: 208px;
}

.filter {
    margin-bottom: 66px;
}

.filter-wrapper {
    position: relative;
    padding-inline: 45px;
}

@media (max-width: 767px) {
    .filter-wrapper {
        padding-inline: 0;
    }
}

.filter__trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    padding-left: 32px;
    height: 24px;
}

.filter__trigger::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#settings");
    mask-size: cover;
    mask-position: center;
    mask-repeat: no-repeat;
    background-color: var(--tertiary-gray);
}

.filter__trigger.opened {
    padding-left: 20px;
}

.filter__trigger.opened::before {
    top: 6px;
    width: 12px;
    height: 12px;
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#close");
    mask-size: cover;
    background-color: var(--primary-red);
}

.filter__trigger.opened .filter-trigger__text {
    display: none;
}

.filter__trigger.opened .filter-trigger__close-text {
    display: block;
    color: var(--primary-red);
}

.filter-trigger__icon {
    width: 24px;
    height: 24px;
}

.filter-trigger__close-text {
    display: none;
}

.filter__filter {
    background-color: var(--primary-white);
    border-radius: 16px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    display: none;
    margin-top: 10px;
    padding: 24px;
    position: absolute;
    top: 100%;
    z-index: 1;
}

.filter__filter.opened {
    display: block;
}

@media (max-width: 767px) {
    .filter__filter {
        bottom: 0;
        left: 0;
        overflow: scroll;
        position: fixed;
        right: 0;
        top: var(--height-sticky);
        z-index: 999;
    }
}

.filter__filter-inner {
    display: none;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .filter__filter-inner {
        display: block;
    }
}

.filter__filter-wrapper {
    display: flex;
    gap: 25px;
    overflow: auto;
}

@media (max-width: 767px) {
    .filter__filter-wrapper {
        flex-flow: column;
    }
}

.filter__filter-container {
    display: flex;
    flex-flow: column;
}

.filter__filter-title {
    display: flex;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 16px;
}

.filter__filter-title:not(:first-of-type) {
    margin-top: 24px;
}

@media (max-width: 767px) {
    .filter__filter-title {
        margin-bottom: 24px;
    }
}

.filter__filter-items {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    gap: 16px;
    list-style: none;
    margin: 0 0 36px;
    padding: 0;
}

@media (max-width: 767px) {
    .filter__filter-items {
        margin-bottom: 0;
        gap: 16px;
    }
}

.filter__filter-btn-container {
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .filter__filter-btn-container {
        display: none;
    }
}

.filter__filter-mobile-btn-container {
    display: none;
    margin-top: 32px;
}

@media (max-width: 767px) {
    .filter__filter-mobile-btn-container {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

.filter__filter-btn-apply {
    align-self: flex-start;
    background: transparent;
    border: none;
    color: var(--primary-red);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin-top: auto;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.filter__filter-btn-apply:hover {
    text-decoration: none;
}

.filter__filter-btn-reset {
    align-self: flex-start;
    background: transparent;
    border: none;
    color: var(--secondary-iconography);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 10px;
    padding: 0;
}

.filter__filter-btn-reset:hover {
    text-decoration: underline;
}

.footer__inner {
    padding-top: 30px;
    background: var(--secondary-interface-dark);
    color: var(--primary-light-gray);
}

@media (max-width: 1023px) {
    .footer__inner {
        padding-bottom: var(--height-mobile);
    }
}

.footer__up-link {
    --ui-pager-color: var(--primary-white);
    align-items: center;
    align-self: flex-start;
    border: 1px solid var(--primary-white);
    border-radius: 34px;
    color: var(--primary-white);
    display: flex;
    height: 34px;
    justify-content: center;
    margin-bottom: 30px;
    width: 34px;
}

.footer__up-link:hover {
    --ui-pager-color: var(--primary-red);
    border-color: var(--primary-red);
}

.footer__up-link svg {
    width: 16px;
    height: 10px;
}

.footer__menu {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 5px;
}

@media (max-width: 1023px) {
    .footer__menu {
        flex-flow: column;
        margin-bottom: 0;
        margin-inline: calc(0px - var(--container-padding));
        padding-inline: var(--container-padding);
        border-bottom: 1px solid var(--secondary-hyperlink);
    }
}

.footer-group {
    margin-bottom: 30px;
}

.footer-group__header {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding-bottom: 4px;
}

.footer-group__header:not(.phone) {
    border-bottom: 1px solid var(--primary-white);
}

.footer-group__link {
    color: inherit;
    display: flex;
    flex-grow: 1;
    gap: 10px;
    justify-content: space-between;
    padding-bottom: 6px;
    text-decoration: none;
}

.footer-group__toggle {
    --ui-pager-color: var(--primary-white);
    display: none;
}

@media (max-width: 1023px) {
    .footer-group__toggle {
        display: flex;
    }
}

.footer-group__toggle svg {
    transform: rotate(180deg);
}

.footer-group__toggle.active svg {
    transform: rotate(0);
}

@media (max-width: 1023px) {
    .footer-group__items {
        display: none;
    }

    .footer-group__items.active {
        display: block;
    }
}

.footer-item {
    margin-top: 12px;
}

.footer-item__link {
    color: inherit;
    text-decoration: none;
}

.footer-item__link.phone {
    color: var(--tertiary-gray);
    line-height: 1.3;
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 1023px) {
    .footer-item__link.phone {
        font-size: 16px;
        line-height: 1.3;
        font-size: 14px;
    }
}

.footer-item__link.phone {
    color: var(--secondary-interface);
}

.footer__sub-menu {
    display: flex;
    gap: 41px;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 22px 0 20px;
}

@media (max-width: 1023px) {
    .footer__sub-menu {
        flex-flow: column;
        gap: 20px;
    }
}

.footer__sub-menu-link {
    color: var(--tertiary-gray);
    line-height: 1.3;
    font-size: 16px;
    font-weight: 500;
}

@media (max-width: 1023px) {
    .footer__sub-menu-link {
        font-size: 16px;
        line-height: 1.3;
    }
}

.footer__sub-menu-link {
    color: inherit;
    text-decoration: none;
}

.footer__sub-menu-link:hover {
    text-decoration: underline;
}

.footer__copyright {
    margin: 0 0 28px;
    color: var(--secondary-interface);
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 2;
}

@media (max-width: 1023px) {
    .footer__copyright {
        justify-content: flex-start;
    }
}

.header__sticky {
    position: relative;
    padding-bottom: var(--padding-bottom-sticky);
    z-index: 999;
}

.header__sticky.sticky {
    height: calc(var(--height-sticky) + var(--padding-bottom-sticky));
    background: var(--primary-white);
    left: 0;
    padding-top: 20px;
    position: fixed;
    right: 0;
    top: 0;
}

.header__sticky.sticky .header__sticky-logo {
    display: block;
}

.header__sticky-logo {
    display: none;
    margin-right: 10px;
}

.header__sticky-logo svg {
    height: 24px;
    width: 42px;
}

.header__navigation-container {
    --container-width: 1310px;
    display: flex;
    align-items: center;
}

.header__navigation {
    flex-grow: 1;
}

.header-navigation {
    align-items: center;
    display: flex;
    flex-flow: wrap;
    gap: 5px 19px;
    justify-content: space-around;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-navigation__item {
    position: relative;
}

.header-navigation__trigger {
    background: none;
    border: none;
    border-bottom: 4px solid transparent;
    color: var(--secondary-hyperlink);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
}

@media (max-width: 1023px) {
    .header-navigation__trigger {
        font-size: 14px;
    }
}

.header-navigation__link {
    border-bottom: 4px solid transparent;
    color: var(--secondary-hyperlink);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    text-transform: uppercase;
}

@media (max-width: 1023px) {
    .header-navigation__link {
        font-size: 14px;
    }
}

.header-navigation__link.club {
    color: var(--primary-red);
}

.header-navigation .header-navigation__submenu {
    display: none;
    background: var(--primary-white);
    box-shadow: 0 8px 15px var(--primary-black-shadow);
    left: 0;
    list-style: none;
    margin: 0;
    padding: 10px 10px 10px 0;
    position: absolute;
    top: 100%;
    width: 290px;
    z-index: 1;
}

.header-navigation .header-navigation__submenu-link {
    color: var(--primary-gray);
    display: flex;
    font-size: 16px;
    line-height: 1.4;
    padding: 10px;
    text-align: left;
    text-decoration: none;
}

.header-navigation .header-navigation__submenu-link:hover {
    text-decoration: underline;
}

.header-navigation__item:last-child .header-navigation__submenu {
    left: 0;
}

.header-navigation__item:hover .header-navigation__trigger {
    border-bottom-color: var(--primary-red);
    color: var(--primary-red);
}

.header-navigation__item:hover .header-navigation__submenu {
    display: block;
}

.header-mobile-bar {
    background: var(--primary-white);
    border-top: 1px solid var(--secondary-interface);
    bottom: 0;
    color: var(--secondary-text);
    display: none;
    flex-flow: column;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 999;
}

@media (max-width: 1023px) {
    .header-mobile-bar {
        display: flex;
    }
}

.header-mobile-bar__items {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-around;
    list-style: none;
    margin: 0;
    padding: 0 0 10px;
}

.header-mobile-bar__link {
    align-items: center;
    border-top: 2px solid transparent;
    color: var(--secondary-text);
    display: flex;
    flex-flow: column;
    font-size: 12px;
    line-height: 1.2;
    margin-top: -1px;
    min-width: 50px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-decoration: none;
}

.header-mobile-bar__link.active {
    border-top: 2px solid var(--secondary-iconography);
}

.header-mobile-bar__link svg {
    height: 23px;
    width: 23px;
}

.header-mobile-bar__link-icon--cart {
    position: relative;
}

.header-mobile-bar__link-count {
    align-items: center;
    background: var(--primary-red);
    border-radius: 100px;
    color: #fff;
    display: flex;
    font-size: 14px;
    height: 21px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 6px;
    width: 21px;
}

.header-mobile-menu {
    --container-padding: 12px;
    display: none;
    position: fixed;
    top: calc(var(--height-mobile) - 1px);
    width: 100%;
    background-color: var(--primary-white);
    overflow-y: auto;
    height: calc(100vh - var(--height-mobile) - 66px);
    z-index: 9999;
}

.header-mobile-menu.opened {
    display: block;
}

.header-mobile-menu__container {
    padding-top: 10px;
}

.header-mobile-menu__navigation-item {
    border-bottom: 1px solid var(--primary-light-gray);
}

.header-mobile-menu__navigation-item.opened .header-mobile-menu__navigation-item-link.has_items::after {
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#minus");
    mask-size: contain;
}

.header-mobile-menu__navigation-item.opened .header-mobile-menu__navigation-item-submenu {
    display: block;
}

.header-mobile-menu__navigation-item.club {
    margin-bottom: 10px;
    border-bottom: none;
}

.header-mobile-menu__navigation-item.external {
    margin-bottom: 10px;
    border-bottom: none;
}

.header-mobile-menu__navigation-item-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
}

.header-mobile-menu__navigation-item-link.club {
    color: var(--primary-red);
    padding-right: 5px;
    text-transform: none;
}

.header-mobile-menu__navigation-item-link.club span {
    padding-block: 12px;
    color: var(--primary-red);
}

.header-mobile-menu__navigation-item-link.club::after {
    width: 8px;
    height: 8px;
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#right-arrow");
    background-color: var(--primary-white);
    z-index: 1;
}

.header-mobile-menu__navigation-item-link.club::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    background-color: var(--primary-red);
    border-radius: 50%;
}

.header-mobile-menu__navigation-item-link.has_items::after {
    content: "";
    display: block;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#plus");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    background-color: var(--secondary-iconography);
}

.header-mobile-menu__navigation-item-link span {
    padding: 10px;
    color: var(--tertiary-gray);
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    text-transform: uppercase;
}

.header-mobile-menu__navigation-item-submenu {
    display: none;
    padding-left: 10px;
}

.header-mobile-menu__navigation-item-external {
    color: var(--tertiary-gray);
    line-height: 1.3;
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 1023px) {
    .header-mobile-menu__navigation-item-external {
        font-size: 16px;
        line-height: 1.3;
        font-size: 14px;
    }
}

.header-mobile-menu__navigation-item-external {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--tertiary-gray);
    text-transform: lowercase;
}

.header-mobile-menu__navigation-item-external svg {
    width: 16px;
    height: 16px;
}

.header-mobile-navigation-sub-item.opened .header-mobile-navigation-sub-item__trigger::after {
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#minus");
    mask-size: contain;
}

.header-mobile-navigation-sub-item.opened .header-mobile-navigation-sub-item__submenu {
    display: block;
}

.header-mobile-navigation-sub-item__trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    cursor: pointer;
}

.header-mobile-navigation-sub-item__trigger span {
    padding: 10px;
    color: var(--primary-red);
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
}

.header-mobile-navigation-sub-item__trigger::after {
    content: "";
    display: block;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#plus");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    background-color: var(--secondary-iconography);
}

.header-mobile-navigation-sub-item__submenu {
    display: none;
}

.header-mobile-navigation-sub-item__link {
    display: block;
    padding: 10px;
    font-size: 14px;
    line-height: 1.3;
    color: var(--primary-gray);
}

.header-mobile {
    display: none;
    height: var(--height-mobile);
    background: var(--primary-white);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}

@media (max-width: 767px) {
    .header-mobile {
        display: block;
    }
}

.header-mobile__container {
    height: 100%;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    width: 100%;
}

.header-mobile__burger {
    background: none;
    border: none;
    display: flex;
    padding: 0;
    height: 15px;
    width: 20px;
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#burger-menu");
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--primary-red);
    cursor: pointer;
}

.header-mobile__burger.opened {
    mask-image: url("/local/templates/new_design/css/../img/sprite.svg#close");
}

.header-mobile__logo svg {
    color: var(--primary-red);
    height: 31px;
    width: 84px;
}

.header-mobile__user-menu {
    align-items: center;
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;
}

:root {
    --height-sticky: 50px;
    --height-mobile: 56px;
}

.header {
    --padding-bottom-sticky: 15px;
    padding-top: 20px;
}

.header.sticky {
    margin-top: var(--height-sticky);
}

@media (max-width: 767px) {
    .header.sticky {
        margin-top: 0px;
    }
}

.header.sticky .progress-scroll {
    position: fixed;
    top: calc(var(--height-sticky) + var(--padding-bottom-sticky));
    z-index: 99;
}

@media (max-width: 767px) {
    .header.sticky .progress-scroll {
        top: var(--height-mobile);
    }
}

@media (max-width: 767px) {
    .header {
        padding-top: var(--height-mobile);
    }

    .header .progress-scroll {
        position: fixed;
        top: var(--height-mobile);
        margin-top: 0;
        z-index: 9999;
    }
}

@media (max-width: 767px) {
    .header__desktop {
        display: none;
    }
}

.header__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.header-left-menu {
    display: flex;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-left-menu__item {
    position: relative;
}

.header-left-menu__item:not(:first-child)::before {
    content: "или";
    margin-right: 6px;
}

.header-left-menu__link {
    color: var(--secondary-text);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
    text-transform: lowercase;
}

.header-right-menu {
    display: flex;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-right-menu__item {
    position: relative;
}

.header-right-menu__trigger {
    background: none;
    border: none;
    color: var(--secondary-text);
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: lowercase;
}

.header-right-menu .header-right-menu__submenu {
    display: none;
    background: var(--hub-primary-white);
    box-shadow: 0 8px 15px var(--hub-primary-black-shadow);
    list-style: none;
    margin: 0;
    padding: 10px 10px 10px 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 290px;
    z-index: 1;
}

.header-right-menu__link {
    color: var(--secondary-text);
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none;
    text-transform: lowercase;
}

.header__separator {
    background: var(--secondary-interface);
    border: none;
    height: 1px;
    margin: 18px 0 16px;
    padding: 0;
    width: 100%;
}

.header__logo-container {
    align-items: end;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr min-content 1fr;
    margin-bottom: 30px;
}

.header__logo {
    display: block;
    margin: 0 auto;
    width: 117px;
    height: 44px;
}

.header__logo svg {
    height: 100%;
    color: var(--primary-red);
}

.header-user-menu {
    display: flex;
    min-height: 42px;
}

.header-user-menu__search-container {
    display: flex;
    margin-right: 10px;
    width: 100%;
    justify-content: end;
    align-items: center;
}

.header-user-menu__items {
    align-items: center;
    display: flex;
    gap: 11px;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-user-menu-item {
    display: flex;
    align-items: center;
    height: 24px;
    width: 21px;
}

.header-user-menu-item svg {
    height: 100%;
    width: 100%;
    color: var(--secondary-iconography);
}

.header-profile, .header-cart {
    height: 100%;
    margin-left: -10px;
    padding-left: 10px;
    position: relative;
}

.header-profile svg:hover, .header-cart svg:hover {
    color: var(--primary-red);
}

.header-profile__iframe, .header-cart__iframe {
    display: none;
}
.header-cart--desktop__popup-wrapper {
    display: none;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    height: 350px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 320px;
    z-index: 99999;
}

.header-cart--desktop:hover .header-cart--desktop__popup-wrapper {
    display: block;
}

.header-search {
    position: relative;
    overflow: hidden;
}

.header-search--mobile {
    position: absolute;
    top: 4px;
    left: 50px;
    right: 41px;
    background-color: var(--primary-white);
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

.header-search--mobile.show {
    z-index: 1;
}

.header-search--mobile.show .header-search__wrapper {
    transform: translate(0);
}

.header-search--mobile .header-search__wrapper {
    transform: translateX(110%);
}

.header-search--mobile .header-search__input {
    width: 100%;
    border-bottom: 2px solid var(--secondary-interface);
}

.header-search__wrapper {
    transform: translateX(calc(100% - 31px));
    transition: all 0.3s ease-in-out;
}

.header-search__input {
    width: 244px;
    padding: 11px 40px;
}

.header-search__input::placeholder {
    color: var(--primary-gray);
}

.header-search__icon {
    position: absolute;
    top: 50%;
    width: 21px;
    height: 24px;
    color: var(--primary-gray);
    translate: 0 -50%;
    transition: all 0.3s ease-in-out;
}

.header-search__icon--search {
    left: 10px;
    cursor: pointer;
}

.header-search__icon--search:hover {
    color: var(--primary-red);
}

.header-search__icon--close {
    width: 16px;
    height: 16px;
    right: 10px;
    color: var(--primary-gray);
}

.header-search.show .header-search__wrapper {
    transform: translateX(0);
}

.header-search.show .header-search__input {
    border-bottom: 2px solid var(--secondary-interface);
}

.progress-scroll {
    --scroll-width: 0px;
    background: var(--secondary-interface);
    height: 3px;
    position: relative;
    width: 100%;
}

.progress-scroll::after {
    background: var(--primary-red);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--scroll-width);
}

.header-profile__popup-wrapper {
    display: none;
}

.header-profile:hover .header-profile__popup-wrapper {
    display: block;
}

.header-profile.no-hover .header-profile__popup-wrapper {
    display: none;
}

@media (max-width: 767px) {
    .header-desktop-bar__link-count {
        display: none;
    }
}

.logo {
    font-size: 32px;
}

.main-article {
    position: relative;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    display: flex;
    flex-flow: column;
    padding: 20px 10px 30px;
    text-align: center;
    background: var(--primary-white);
}

@media (max-width: 767px) {
    .main-article {
        padding: 20px 20px 30px;
    }
}

.main-article__image {
    display: flex;
    height: 120px;
    margin-bottom: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 280px;
}

@media (max-width: 767px) {
    .main-article {
        height: auto;
        width: 100%;
    }
}

.main-article__title {
    color: var(--primary-red);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 5px;
}

.main-article__text {
    color: var(--secondary-interface-dark);
    margin: 0 0 30px;
}

.main-article__button {
    align-self: stretch;
    margin-top: auto;
}

.main-articles {
    margin-bottom: 72px;
}

@media (max-width: 767px) {
    .main-articles {
        margin-bottom: 60px;
    }
}

.main-articles__items-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    gap: 20px;
}

@media (max-width: 767px) {
    .main-articles__items-container {
        grid-template-columns: 1fr;
    }
}

.main-articles__items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
    gap: 20px;
}

@media (max-width: 1070px) {
    .main-articles__items {
        grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    }
}

@media (max-width: 767px) {
    .main-articles__items {
        align-items: center;
        flex-flow: column;
    }
}

.main-discount-baner__container {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 20px;
    margin-top: 92px;
    padding: 32px min(122px, 9vw);
    border: 2px solid var(--primary-red);
    border-radius: 10px;
}

@media (max-width: 1023px) {
    .main-discount-baner__container {
        margin-top: 60px;
        flex-direction: column;
        gap: 35px;
        align-items: center;
        padding: 20px 20px 32px;
    }
}

.main-discount-baner__content {
    flex-grow: 1;
    max-width: 578px;
    width: 100%;
}

.main-discount-baner__title {
    margin-bottom: 14px;
}

.main-discount-baner__title svg {
    width: 100%;
    aspect-ratio: 4.158;
}

.main-discount-baner__list {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-auto-flow: column;
    gap: 0 40px;
    align-items: start;
    margin-bottom: 24px;
}

@media (max-width: 767px) {
    .main-discount-baner__list {
        display: block;
    }
}

.main-discount-baner__item {
    position: relative;
    padding-left: 14px;
    color: var(--secondary-interface-dark);
}

.main-discount-baner__item:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 5px;
    height: 5px;
    background: var(--secondary-interface-dark);
}

.main-discount-baner__link {
    width: fit-content;
}

@media (max-width: 1023px) {
    .main-discount-baner__link {
        width: 100%;
    }
}

.main-discount-baner__img {
    margin-bottom: -32px;
    max-width: 306px;
    width: 100%;
    object-fit: contain;
}

@media (max-width: 767px) {
    .main-discount-baner__img {
        max-width: 270px;
    }
}

.main-history {
    --container-width: 1050px;
    margin-bottom: 72px;
    padding: 60px 0 40px;
    background: var(--primary-light-gray);
}

@media (max-width: 1023px) {
    .main-history {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .main-history {
        margin-bottom: 20px;
        padding: 50px 0 66px;
    }
}

.main-history__title {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .main-history__title {
        margin-bottom: 10px;
    }
}

.main-history__content {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
}

@media (max-width: 1023px) {
    .main-history__content {
        flex-direction: column;
        align-items: start;
        margin-bottom: 30px;
    }
}

.main-history__text {
    width: 70%;
}

@media (max-width: 1023px) {
    .main-history__text {
        width: 100%;
    }
}

.main-history__button {
    flex-shrink: 0;
}

.main-history__items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px 80px;
}

.main-history__item-img {
    margin-bottom: 15px;
    width: 100%;
    object-fit: contain;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .main-history__item-img {
        margin-bottom: 10px;
    }
}

.main-history__item-title {
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .main-history__item-title {
        margin-bottom: 10px;
    }
}

.main-history__item-text {
    color: var(--secondary-interface-dark);
}

.main-slide-item {
    background: var(--primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    padding: 20px 0px 0px 45px;
    min-height: 480px;
}

@media (max-width: 767px) {
    .main-slide-item {
        padding: 20px;
    }
}

.main-slide-item__title {
    font-size: 60px;
    margin-bottom: 16px;
    padding-right: 100px;
}

@media (max-width: 955px) {
    .main-slide-item__title {
        padding-right: 0;
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .main-slide-item__title {
        font-size: 30px;
    }
}

.main-slide-item__content {
    display: flex;
    gap: 10px;
    width: 100%;
}

@media (max-width: 767px) {
    .main-slide-item__content {
        flex-direction: column-reverse;
        align-items: center;
    }
}

.main-slide-item__inner {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 44%;
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .main-slide-item__inner {
        width: 100%;
    }
}

.main-slide-item__text {
    width: 85%;
    margin-bottom: 38px;
    color: var(--secondary-interface-dark);
}

.main-slide-item__image {
    width: calc(56% - 10px);
    max-height: 300px;
    object-fit: contain;
}

@media (max-width: 767px) {
    .main-slide-item__image {
        width: 80%;
        margin: 0 auto;
    }
}

.main-sliders {
    overflow: hidden;
    position: relative;
}

.main-sliders::before {
    background: var(--primary-red);
    border-radius: 559px;
    content: "";
    height: 560px;
    position: absolute;
    right: -200px;
    top: -100px;
    width: 560px;
    z-index: 0;
}

@media (max-width: 955px) {
    .main-sliders::before {
        content: none;
    }
}

.main-sliders__container {
    display: flex;
    justify-content: center;
    margin-top: 80px;
    gap: 20px;
}

@media (max-width: 1023px) {
    .main-sliders__container {
        margin-top: 40px;
        flex-direction: column;
        gap: 30px;
    }
}

.main-sliders .main-slider {
    width: 65.5%;
}

@media (max-width: 1440px) {
    .main-sliders .main-slider {
        width: 100%;
    }
}

.main-sliders .product-slider {
    width: calc(35.5% - 20px);
}

@media (max-width: 1023px) {
    .main-sliders .product-slider {
        width: 100%;
    }
}

.main-sliders .swiper {
    margin: -30px;
    padding: 30px;
}

.mobile-nav {
    position: fixed;
    top: -100%;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background: rgb(130, 156, 168);
    transition: all 0.2s ease-in;
}

.mobile-nav--open {
    top: 0;
}

.mobile-nav a {
    color: #fff;
}

.mobile-nav__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    font-size: 28px;
}

.mobile-nav__list .active {
    opacity: 0.5;
}

/* Nav Icon */
.mobile-nav-btn {
    --time: 0.1s;
    --width: 40px;
    --height: 30px;
    --line-height: 4px;
    --spacing: 6px;
    --color: #000;
    --radius: 4px;
    /* Fixed height and width */
    /* height: var(--height); */
    /* width: var(--width); */
    /* Dynamic height and width */
    height: calc(var(--line-height) * 3 + var(--spacing) * 2);
    width: var(--width);
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-icon {
    position: relative;
    width: var(--width);
    height: var(--line-height);
    background-color: var(--color);
    border-radius: var(--radius);
}

.nav-icon::before,
.nav-icon::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: var(--width);
    height: var(--line-height);
    border-radius: var(--radius);
    background-color: var(--color);
    transition: transform var(--time) ease-in, top var(--time) linear var(--time);
}

.nav-icon::before {
    /* top: calc(var(--line-height) * -2); */
    top: calc(-1 * (var(--line-height) + var(--spacing)));
}

.nav-icon::after {
    /* top: calc(var(--line-height) * 2); */
    top: calc(var(--line-height) + var(--spacing));
}

.nav-icon.nav-icon--active {
    background-color: transparent;
}

.nav-icon.nav-icon--active::before,
.nav-icon.nav-icon--active::after {
    top: 0;
    transition: top var(--time) linear, transform var(--time) ease-in var(--time);
}

.nav-icon.nav-icon--active::before {
    transform: rotate(45deg);
}

.nav-icon.nav-icon--active::after {
    transform: rotate(-45deg);
}

/* Layout */
.mobile-nav-btn {
    z-index: 999;
}

.nutrition {
    --container-width: 1050px;
    --container-padding: 16px;
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (max-width: 767px) {
    .nutrition {
        padding-top: 20px;
        padding-bottom: 5px;
    }
}

.nutrition .wrapper {
    position: relative;
}

@media (max-width: 1023px) {
    .nutrition .wrapper {
        padding-bottom: 40px;
        padding-top: 40px;
    }
}

@media (max-width: 767px) {
    .nutrition .wrapper {
        display: grid;
    }
}

.nutrition__container {
    display: flex;
    flex-flow: column;
    max-width: 510px;
}

.nutrition__title {
    margin: 0 0 10px;
}

.nutrition__text {
    margin: 0 0 14px;
}

@media (max-width: 1439px) {
    .nutrition {
        margin-bottom: 35px;
    }
}

.nutrition__button {
    width: fit-content;
    margin-right: auto;
}

.our-product-slide {
    align-items: center;
    background: var(--primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    display: flex;
    flex-flow: column;
    height: 100%;
    min-height: 390px;
    padding: 30px 18px 39px;
    text-align: center;
}

@media (max-width: 767px) {
    .our-product-slide {
        width: 100%;
    }
}

.our-product-slide__image {
    height: 185px;
    margin-bottom: 24px;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 259px;
}

.our-product-slide__title {
    color: var(--secondary-interface-dark);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    margin: 0 0 24px;
    max-width: 250px;
}

.article-populars-wrapper {
    padding-inline: 45px;
}

@media (max-width: 1023px) {
    .article-populars-wrapper {
        margin-inline: -30px;
        padding-inline: 0;
    }
}

@media (max-width: 767px) {
    .article-populars-wrapper {
        margin-inline: -16px;
    }
}

.article-populars__container {
    align-items: center;
    background: var(--primary-light-gray);
    border-radius: 10px;
    display: flex;
    flex-flow: column;
    margin-bottom: 46px;
    padding: 70px 34px 40px;
}

@media (max-width: 1023px) {
    .article-populars__container {
        border-radius: 0;
        padding: 24px 32px;
    }
}

.article-populars__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

@media (max-width: 1023px) {
    .article-populars__title {
        flex-grow: 1;
    }
}

.article-populars__more.mobile {
    display: none;
}

@media (max-width: 1023px) {
    .article-populars__more.mobile {
        align-self: center;
        display: flex;
        margin-bottom: 25px;
    }
}

@media (max-width: 1023px) {
    .article-populars__more.desktop {
        display: none;
    }
}

.article-populars__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 20px;
    padding: 20px 0 30px;
}

@media (max-width: 1023px) {
    .article-populars__list {
        grid-template-columns: 1fr;
        justify-items: center;
    }
}

.product-card {
    display: flex;
    flex-direction: column;
    padding: 14px 15px 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
}

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

.product-card__content {
    flex-grow: 1;
    margin-top: 12px;
}

@media (max-width: 767px) {
    .product-card__title {
        text-align: center;
    }
}

.product-card__description:not(:empty) {
    margin-top: 5px;
}

.product-card__buttons {
    margin-top: 20px;
}

.product-card__buttons button {
    margin-inline: auto;
}

.product-slide-item {
    align-items: center;
    background: var(--primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--primary-black-shadow);
    justify-content: space-around;
    display: flex;
    flex-flow: column;
    padding: 30px 48px 33px;
    text-align: center;
    width: 100%;
    min-height: 480px;
}

.product-slide-item__stock {
    display: flex;
    align-items: center;
    gap: 6px;
    align-self: flex-end;
    border: 1px solid var(--primary-light-gray);
    border-radius: 100px;
    margin-bottom: 20px;
    padding: 6px 19px;
}

.product-slide-item__stock-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--primary-success);
}

.product-slide-item__stock svg {
    width: 8px;
    height: 6px;
}

.product-slide-item__image {
    margin-bottom: 17px;
    -o-object-fit: contain;
    object-fit: contain;
}

.product-slide-item__title {
    color: var(--secondary-interface-dark);
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 17px;
}

.recommendation-products-breed {
    margin-bottom: 40px;
}

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

@media (max-width: 1023px) {
    .recommendation-products-breed__title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .recommendation-products-breed__title {
        text-align: left;
    }
}

.recommendation-products-breed__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 10px;
}

.recommendation-products {
    margin-bottom: 40px;
}

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

@media (max-width: 1023px) {
    .recommendation-products__title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .recommendation-products__title {
        text-align: left;
    }
}

.recommendation-products__more.mobile {
    display: none;
}

@media (max-width: 1023px) {
    .recommendation-products__more.mobile {
        display: flex;
        margin: 20px auto 30px;
    }
}

@media (max-width: 1023px) {
    .recommendation-products__more.desktop {
        display: none;
    }
}

.technical-problems {
    padding: 32px;
    width: 100%;
    flex-grow: 1;
    font-family: "DINPro";
    color: var(--tertiary-gray);
    text-align: center;
    display: flex;
}

.technical-problems__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 720px;
    margin: auto;
}

.technical-problems__attention-sign {
    width: 100px;
    height: 100px;
    background-color: var(--primary-light-gray);
    border-radius: 50%;
    background-image: url("/local/templates/new_design/css/../img/icons/icon-alert-triangle.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.technical-problems__text {
    font-size: 30px;
    line-height: 36px;
    margin: 24px 0 8px;
}

.technical-problems__repeat-later {
    font-size: 16px;
    line-height: 20.8px;
}

.ui-tab-breed-v3 {
    display: flex;
    flex-grow: 1;
    gap: 10px 30px;
    justify-content: space-between;
    padding: 10px 80px;
}

@media (max-width: 1023px) {
    .ui-tab-breed-v3 {
        align-items: center;
        flex-flow: column;
        padding: 10px 23px;
    }
}

.ui-tab-breed-v3__image-container {
    position: relative;
    width: 344px;
    height: 248px;
}

.ui-tab-breed-v3 img.ui-tab-breed-v3__image {
    display: flex;
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 0;
}

.ui-tab-breed-v3__image-button {
    position: absolute;
    align-items: center;
    background: none;
    background: var(--secondary-interface);
    border: none;
    border-radius: 55px;
    color: var(--secondary-text);
    cursor: pointer;
    display: flex;
    font-size: 24px;
    font-weight: 500;
    height: 56px;
    justify-content: center;
    padding: 0;
    width: 56px;
}

.ui-tab-breed-v3__image-button.active {
    background: var(--tertiary-golden);
    pointer-events: none;
}

.ui-tab-breed-v3__image-button.active:before {
    align-items: center;
    background: var(--tertiary-golden-shadow);
    border-radius: 100px;
    bottom: -6px;
    content: attr(data-index);
    display: flex;
    justify-content: center;
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
    z-index: 0;
}

.ui-tab-breed-v3__image-button--1 {
    left: 170px;
    top: 26px;
}

.ui-tab-breed-v3__image-button--2 {
    left: 239px;
    top: 39px;
}

.ui-tab-breed-v3__image-button--3 {
    left: 131px;
    top: 123px;
}

.ui-tab-breed-v3__image-button--4 {
    left: 28px;
    top: 66px;
}

.ui-tab-breed-v3__image-button--5 {
    left: 226px;
    top: 118px;
}

.ui-tab-breed-v3__text-container {
    display: flex;
    flex-flow: column;
    width: 310px;
}

@media (max-width: 1023px) {
    .ui-tab-breed-v3__text-container {
        max-width: 310px;
        width: auto;
    }
}

.ui-tab-breed-v3__text-title {
    margin: 76px 0 3px;
}

@media (max-width: 1023px) {
    .ui-tab-breed-v3__text-title {
        margin-top: 0;
    }
}

.ui-tab-breed-v3__text-text {
    margin: 0;
}

@media (max-width: 1023px) {
    .ui-tab-breed-v3__text-text {
        margin-bottom: 50px;
    }
}

.go_registration {
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
    margin-top: 8px;
    text-align: left;
}

.go_registration > span {
    text-decoration: underline;
}

.go_registration > span:hover {
    cursor: pointer;
}
.basket-popup .basket-popup__result .basket-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 80px;
    justify-content: center;
    margin: auto;
}
.basket-popup .basket-empty__heading {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.basket-popup .basket-empty__heading img {
    display: block;
    margin-bottom: 7px;
    width: 60px;
}
.basket-popup .basket-empty__heading h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
}
.basket-popup .basket-popup__result.no_products{
    height: 100%;
}
.header-desktop-bar__link-count{
    align-items: center;
    background: var(--primary-red);
    border-radius:
            100px;
    color: #fff;
    display: flex;
    font-size: 14px;
    height: 21px;
    justify-content: center;
    position: absolute;
    right: -15px;
    top: -3px;
    width: 21px;
}
.footer-appendix{
    padding-bottom: 84px;
}
.hub-base-wrapper{
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 65px;
    width: 100%;
}
.footer-appendix__items {
    color: var(--secondary-interface);
    display: flex;
    flex-flow: column;
    font-size: 14px;
    gap: 20px;
    line-height: 1.3;
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-appendix__item {
    min-height: 18px;
}
@media (max-width: 1023px) {
    .hub-base-wrapper {
        padding: 0;
    }
}
.default_html p{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    unicode-bidi: isolate;
}
.default_html td{
    border: 1px solid;
    padding: 7px;
}
.default_html table{
    border: 1px solid;
}
.default_html .tablediv{
    width: auto;
    max-width: 100%;
    overflow: auto;
}
.default_html a{
text-decoration: underline;
}
.form__confirms > div > p > a,.form__confirms > p > a{
    text-decoration: underline;
}
.form__confirms > div > p > a:hover,.form__confirms > p > a:hover{
    text-decoration: none;
}
/* End */


/* Start:/local/templates/new_design/css/slider.css?17544784708186*/
<style>/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */

    /* FONT_START */
@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}
/* FONT_END */
:root {
    --swiper-theme-color: #007aff;
    /*
    --swiper-preloader-color: var(--swiper-theme-color);
    --swiper-wrapper-transition-timing-function: initial;
    */
}
:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
    display: block;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d {
    perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* Slide styles end */
</style>
/* End */
/* /local/templates/new_design/css/main.css?1755757601127335 */
/* /local/templates/new_design/css/slider.css?17544784708186 */