/* Start:/local/templates/new_design/components/bitrix/news.list/main_big_slides/style.css?175515520599012*/
.homepage-main-slider-cat-day-item {
    background: var(--hub-primary-white) url(https://royalcanin.ru/_nuxt/homepage-main-slider-cat-day-item_2x.DZ3qAtdH.webp) no-repeat center center/cover;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 480px;
    position: relative;
    width: 858px
}

.homepage-main-slider-cat-day-item__button {
    background: none;
    color: var(--hub-primary-white);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin: auto auto 20px 30px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.homepage-main-slider-vetification-item {
    background: var(--hub-primary-white) url(https://royalcanin.ru/_nuxt/homepage-main-slider-vetification-item_2x.C2YxeaE4.webp) no-repeat center center/cover;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 480px;
    position: relative;
    width: 858px
}

.homepage-main-slider-vetification-item__button {
    background: var(--hub-primary-red);
    border: 2px solid var(--hub-primary-red);
    border-radius: 100px;
    color: var(--hub-primary-white);
    font-family: var(--hub-font-family-condensed);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin: auto auto 40px 56px;
    padding: 4px 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.tb-homepage-sliders {
    display: flex;
    flex-flow: wrap;
    gap: 20px;
    justify-content: center;
    margin-top: 80px
}

@media (max-width: 955px) {
    .tb-homepage-sliders {
        margin-bottom:0;
        margin-top: 40px
    }

    .tb-homepage-sliders__main-slider {
        display: none
    }
}

@media (max-width: 1439px) {
    .tb-homepage-sliders__product-slider {
        display:none
    }
}

.tb-homepage-sliders__mobile-slider {
    display: none
}

@media (max-width: 955px) {
    .tb-homepage-sliders__mobile-slider {
        display:block
    }
}
.main-slider__controls {
    height: 20px;
    margin-top: 17px;
    position: relative;
    z-index: 1
}

.main-slider__items {
    display: flex;
    width: 858px
}

.main-slider .swiper {
    margin: -30px;
    padding: 30px;
    /*width: 918px*/
}
.homepage-main-slider-cat-day-item {
    background: var(--hub-primary-white) url(https://royalcanin.ru/_nuxt/homepage-main-slider-cat-day-item_2x.DZ3qAtdH.webp) no-repeat center center/cover;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 480px;
    position: relative;
    width: 858px
}

.homepage-main-slider-cat-day-item__button {
    background: none;
    color: var(--hub-primary-white);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin: auto auto 20px 30px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.homepage-main-slider-cat-health-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 480px;
    position: relative;
    width: 858px
}

.homepage-main-slider-cat-health-item__image {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.homepage-main-slider-cat-health-item__button {
    margin: auto auto 60px 130px
}.homepage-main-slider-dog-health-item {
     background: var(--hub-primary-white);
     border-radius: 10px;
     box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
     display: flex;
     flex-flow: column;
     min-height: 480px;
     position: relative;
     width: 858px
 }

.homepage-main-slider-dog-health-item__image {
    bottom: 0;
    position: absolute;
    right: 50px
}

.homepage-main-slider-dog-health-item__button {
    margin: auto auto 60px 130px
}
.homepage-main-slider-factors-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 480px;
    padding: 57px 53px;
    position: relative;
    width: 858px
}

.homepage-main-slider-factors-item__text {
    color: var(--hub-tertiary-text);
    font-size: 28px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase
}

.homepage-main-slider-factors-item__text strong {
    color: var(--hub-primary-red);
    display: block;
    font-size: 62px;
    font-weight: 900;
    line-height: .93
}

.homepage-main-slider-factors-item__button {
    margin-right: auto;
    margin-top: 100px
}

.homepage-main-slider-factors-item__image {
    bottom: 47px;
    position: absolute;
    right: 45px
}
.homepage-main-slider-gastro-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 480px;
    position: relative;
    width: 858px
}
.homepage-main-slider-health-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 480px;
    position: relative;
    width: 858px
}

.homepage-main-slider-health-item__image {
    bottom: 0;
    position: absolute;
    right: 0
}

.homepage-main-slider-health-item__button {
    margin: auto auto 60px 130px
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

@font-face {
    font-display: swap;
    font-family: DINPro;
    font-style: normal;
    font-weight: 400;
    src: url(https://royalcanin.ru/_nuxt/DINPro.loeaRTy6.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DINPro;
    font-style: normal;
    font-weight: 500;
    src: url(https://royalcanin.ru/_nuxt/DINPro-Medium.DtxTQXRQ.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DINPro;
    font-style: normal;
    font-weight: 700;
    src: url(https://royalcanin.ru/_nuxt/DINPro-Bold.-Zu7Igqf.woff2) format("woff2")
}

:root {
    --hub-primary-red: #e2001a;
    --hub-primary-red-disabled: rgba(226,0,26,.2);
    --hub-primary-gray: #808285;
    --hub-primary-white: #fff;
    --hub-primary-black-shadow: rgba(0,0,0,.07);
    --hub-primary-light-gray: #f6f6f6;
    --hub-secondary-black-shadow: rgba(0,0,0,.14);
    --hub-secondary-text: #666;
    --hub-secondary-iconography: #767676;
    --hub-secondary-hyperlink: #444;
    --hub-secondary-interface: #d7d7d7;
    --hub-secondary-interface-dark: #333;
    --hub-tertiary-function: #5ca9ad;
    --hub-tertiary-success: #008900;
    --hub-tertiary-hyperlink: #ee8b00;
    --hub-tertiary-interface: #c03344;
    --hub-tertiary-interface-dark: #eaeaea;
    --hub-tertiary-golden: #daaf51;
    --hub-tertiary-gray: #ccc;
    --hub-exceptional-hover: #bd0016;
    --hub-exceptional-link: #00e
}

.hub-entry,.hub-entry * {
    box-sizing: border-box
}

[id] {
    scroll-margin-top: 120px
}

.hub-page-body {
    background: var(--hub-primary-white);
    color: var(--hub-secondary-text);
    font-family: DINPro,tahoma,sans-serif
}

.hub-base-wrapper {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 65px;
    width: 100%
}

@media (max-width: 1439px) {
    .hub-base-wrapper {
        padding:0 30px
    }
}

@media (max-width: 1023px) {
    .hub-base-wrapper {
        padding:0 30px
    }
}

@media (max-width: 767px) {
    .hub-base-wrapper {
        padding:0 16px
    }
}

.hub-content-wrapper {
    display: flex;
    flex-flow: column;
    margin: 0 auto;
    max-width: 952px;
    padding: 0 16px;
    width: 100%
}

.hub-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
}

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

@media (max-width: 1023px) {
    .hub-h1-mobile-corrupted {
        font-size:40px;
        line-height: 1.4
    }
}

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

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

@media (max-width: 1023px) {
    .hub-h1,.hub-typography-container h1 {
        font-size:40px;
        line-height: 1.4
    }
}

@media (max-width: 767px) {
    .hub-h1,.hub-typography-container h1 {
        font-size:26px;
        line-height: 1.4
    }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
    .hub-h2-medium-mobile-corrupted {
        font-size:22px;
        line-height: 1.4
    }
}

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

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

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

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

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

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

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

@media (max-width: 1023px) {
    .hub-h4 {
        font-size:16px;
        font-weight: 500;
        line-height: 1.4
    }
}

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

@media (max-width: 1023px) {
    .hub-h4-medium,.hub-typography-container h4 {
        font-size:16px;
        font-weight: 500;
        line-height: 1.4
    }
}

.hub-body-big {
    font-size: 26px
}

.hub-body,.hub-body-big,.hub-typography-container p {
    color: var(--hub-secondary-text);
    font-weight: 400;
    line-height: 1.3
}

.hub-body,.hub-typography-container p {
    font-size: 16px
}

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

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

.hub-body-small,.hub-typography-container small {
    color: var(--hub-secondary-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3
}

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

@media (max-width: 767px) {
    .hub-body-small,.hub-typography-container small {
        font-size:14px;
        line-height: 1.3
    }
}

.hub-body-small-medium {
    color: var(--hub-secondary-text);
    font-size: 14px;
    font-weight: 400;
    font-weight: 500;
    line-height: 1.3
}

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

@media (max-width: 767px) {
    .hub-body-small-medium {
        font-size:14px;
        line-height: 1.3
    }
}

@media (max-width: 1023px) {
    #uw-main-button {
        display:none
    }
}

#uw-main-button:hover .uw__round-button__image {
    background-image: url(https://royalcanin.ru/_nuxt/rc-care-service.Ce0siPZo.svg)!important
}

@media (max-width: 1023px) {
    #uw-main-button-close {
        visibility:hidden
    }

    .uw__messenger-layout__frame {
        bottom: 85px!important
    }

    .uw__buttons-pulse {
        display: none!important
    }
}

.hub-logo {
    display: flex
}

.hub-header-left-menu {
    display: flex;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0
}

.hub-header-left-menu__item {
    position: relative
}

.hub-header-left-menu__item:not(:first-of-type):before {
    content: "или";
    margin-right: 6px
}

.hub-header-left-menu__link {
    color: var(--hub-secondary-text);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
    text-transform: lowercase
}

.hub-header-left-menu__link:hover {
    text-decoration: underline
}

.hub-header-left-menu__trigger {
    background: none;
    border: none;
    color: var(--hub-secondary-text);
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: lowercase
}

.hub-header-left-menu__item:hover .hub-header-left-menu__trigger {
    color: var(--hub-primary-red)
}

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

.hub-header-left-menu__item .hub-header-left-menu__submenu {
    display: none
}

.hub-header-left-menu__item:hover .hub-header-left-menu__submenu {
    display: block
}

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

.hub-header-left-menu__submenu-link:hover {
    text-decoration: underline
}

.hub-header-right-menu-sub-item__link {
    color: var(--hub-primary-gray);
    display: flex;
    font-size: 16px;
    line-height: 1.4;
    padding: 10px;
    text-align: left;
    text-decoration: none
}

.hub-header-right-menu-sub-item__link.active {
    color: var(--hub-primary-red)
}

.hub-header-right-menu-sub-item__link:hover {
    text-decoration: underline
}

.hub-header-right-menu-sub-item__sub-name {
    color: var(--hub-secondary-interface);
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    padding: 0 10px;
    text-align: left
}

.hub-header-right-menu {
    display: flex;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0
}

.hub-header-right-menu__item {
    position: relative
}

.hub-header-right-menu__link {
    color: var(--hub-secondary-text);
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none;
    text-transform: lowercase
}

.hub-header-right-menu__link:hover {
    text-decoration: underline
}

.hub-header-right-menu__trigger {
    background: none;
    border: none;
    color: var(--hub-secondary-text);
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: lowercase
}

.hub-header-right-menu__item:hover .hub-header-right-menu__trigger {
    color: var(--hub-primary-red)
}

.hub-header-right-menu__submenu {
    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
}

.hub-header-right-menu__item .hub-header-right-menu__submenu {
    display: none
}

.hub-header-right-menu__item:hover .hub-header-right-menu__submenu {
    display: block
}

.hub-header-cart {
    margin-left: -10px;
    padding-left: 10px;
    position: relative
}

.hub-header-cart__iframe {
    border: none;
    display: none;
    height: 350px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 320px;
    z-index: 100
}

.hub-header-cart__iframe.active {
    display: block
}

.hub-header-cart.cartItems:after {
    align-items: center;
    background: var(--hub-primary-red);
    border-radius: 100px;
    color: var(--hub-primary-white);
    content: attr(data-count);
    display: flex;
    font-size: 14px;
    height: 21px;
    justify-content: center;
    position: absolute;
    right: -15px;
    top: -3px;
    width: 21px
}

.hub-header-profile {
    margin-left: -10px;
    padding-left: 10px;
    position: relative
}

.hub-header-profile__iframe {
    border: none;
    display: none;
    height: 464px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 348px;
    z-index: 100
}

.hub-header-profile__iframe.active {
    display: block
}

.hub-header-profile__auth-icon {
    text-decoration: none
}

.hub-header-profile__name {
    align-items: center;
    background: var(--hub-tertiary-interface-dark);
    border-radius: 50px;
    color: var(--hub-primary-gray);
    display: flex;
    font-size: 18px;
    height: 25px;
    justify-content: center;
    width: 25px
}

.hub-header-profile__name-icon svg {
    height: 16px!important;
    width: 16px!important
}

.hub-header-favorites {
    margin-left: -10px;
    padding-left: 10px;
    position: relative
}

.hub-header-favorites__iframe {
    border: none;
    display: none;
    height: 348px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 348px;
    z-index: 100
}

.hub-header-favorites__iframe.active {
    display: block
}

.hub-header-favorites.itemsCount:after {
    align-items: center;
    background: var(--hub-primary-red);
    border-radius: 100px;
    color: var(--hub-primary-white);
    content: attr(data-count);
    display: flex;
    font-size: 14px;
    height: 21px;
    justify-content: center;
    position: absolute;
    right: -15px;
    top: -3px;
    width: 21px
}

.hub-search-fade-enter-active,.hub-search-fade-leave-active {
    transition: opacity .3s ease
}

.hub-search-fade-enter-from,.hub-search-fade-leave-to {
    opacity: 0
}

.hub-ui-header-search {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.hub-ui-header-search__button {
    background: none;
    border: none;
    color: var(--hub-secondary-iconography);
    cursor: pointer;
    margin: 0 0 -.1em;
    padding: 0;
    width: 20px
}

.hub-ui-header-search__button:not(.isActive) {
    display: none
}

.hub-ui-header-search__button-close {
    background: none;
    border: none;
    color: var(--hub-secondary-iconography);
    cursor: pointer;
    margin: 0 0 -.1em;
    padding: 0;
    width: 20px
}

.hub-ui-header-search__button-close:not(.isActive) {
    display: none
}

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

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

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

@media (max-width: 1023px) {
    .hub-ui-header-search__input.adaptive {
        padding-left:10px;
        padding-right: 30px
    }
}

.hub-ui-header-search__input::-moz-placeholder {
    color: var(--hub-secondary-interface)
}

.hub-ui-header-search__input::placeholder {
    color: var(--hub-secondary-interface)
}

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

.hub-header-user-menu-item {
    align-items: center;
    display: flex
}

.hub-header-user-menu-item__link {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.hub-header-user-menu-item svg {
    color: var(--hub-secondary-iconography);
    height: 20px;
    width: 20px
}

@media (max-width: 767px) {
    .hub-header-user-menu-item svg {
        height:20px;
        width: 20px
    }
}

.hub-header-user-menu {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    min-height: 42px
}

.hub-header-user-menu__items {
    align-items: center;
    display: flex;
    gap: 11px;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0
}

.hub-header-user-menu__search-container {
    display: flex;
    margin-right: 11px;
    width: 100%
}

.hub-header-user-menu__search {
    margin-left: auto
}

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

@media (max-width: 1023px) {
    .hub-header-navigation {
        gap:5px 10px
    }
}

.hub-header-navigation__item {
    position: relative
}

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

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

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

.hub-header-navigation__trigger {
    background: none;
    border: none;
    border-bottom: 4px solid transparent;
    color: var(--hub-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) {
    .hub-header-navigation__trigger {
        font-size:14px
    }
}

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

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

.hub-header-navigation__submenu.last {
    left: auto;
    right: 0
}

.hub-header-navigation__item .hub-header-navigation__submenu {
    display: none
}

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

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

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

.hub-progress-scroll {
    background: var(--hub-secondary-interface);
    height: 3px;
    margin-top: 15px;
    position: relative;
    width: 100%
}

@media (max-width: 1023px) {
    .hub-progress-scroll {
        margin-top:0
    }
}

.hub-progress-scroll:after {
    background: var(--hub-primary-red);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--28a08947)
}

.hub-ui-button {
    align-items: center;
    background: none;
    border: 2px solid var(--hub-primary-red);
    border-radius: 50px;
    color: var(--hub-primary-red);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    line-height: 1.4;
    margin: 0;
    padding: 10px 31px;
    position: relative;
    text-align: center;
    text-decoration: none
}

.hub-ui-button__icon {
    opacity: 0;
    position: absolute;
    right: 15px;
    transition: opacity .3s
}

@media (max-width: 767px) {
    .hub-ui-button__icon {
        right:7px
    }
}

.hub-ui-button:hover .hub-ui-button__icon {
    opacity: 1
}

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

.hub-ui-button.disabled {
    border-color: var(--hub-secondary-interface);
    color: var(--hub-secondary-interface);
    pointer-events: none
}

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

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

.hub-ui-button.filled.disabled {
    background-color: var(--hub-secondary-interface);
    color: var(--hub-primary-white)
}

@media (max-width: 767px) {
    .hub-ui-button {
        padding:8px 22px
    }
}

.hub-header-mobile-navigation-sub-item {
    display: flex;
    flex-flow: column
}

.hub-header-mobile-navigation-sub-item__link {
    background: transparent;
    border: none;
    color: var(--hub-primary-gray);
    display: flex;
    flex-grow: 1;
    font-size: 16px;
    justify-content: space-between;
    line-height: 1.4;
    margin: 0;
    padding: 10px 10px 10px 20px;
    text-align: left;
    text-decoration: none
}

.hub-header-mobile-navigation-sub-item__link.active {
    color: var(--hub-primary-red)
}

.hub-header-mobile-navigation-sub-item__link:hover {
    text-decoration: underline
}

.hub-header-mobile-navigation-sub-item__link.hasList {
    color: var(--hub-primary-red);
    cursor: pointer;
    text-decoration: none
}

.hub-header-mobile-navigation-sub-item__sub-name {
    color: var(--hub-secondary-interface);
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    padding: 0 10px 0 20px;
    text-align: left
}

.hub-header-mobile-navigation-sub-item__icon-trigger {
    background: none;
    border: none;
    color: var(--hub-secondary-iconography);
    cursor: pointer;
    display: flex;
    height: 14px;
    margin: 0 8px 0 0;
    padding: 0;
    width: 14px
}

.hub-header-mobile-navigation-sub-item__icon-trigger svg {
    height: 14px;
    width: 14px
}

.hub-header-mobile {
    background: var(--hub-primary-white);
    color: var(--hub-secondary-text);
    display: none;
    font-family: DINPro,tahoma,sans-serif;
    padding-top: 57px
}

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

.hub-header-mobile__main {
    align-items: stretch;
    background: var(--hub-primary-white);
    display: flex;
    flex-flow: column;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.hub-header-mobile__main.opened {
    height: 100vh;
    padding-bottom: 60px
}

.hub-header-mobile__header {
    background: var(--hub-primary-red);
    padding: 7px 9px
}

.hub-header-mobile__top-menu {
    padding: 10px 0
}

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

.hub-header-mobile__container {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.hub-header-mobile__title {
    color: var(--hub-primary-white);
    font-size: 14px;
    margin: 0
}

.hub-header-mobile__title-icon svg {
    height: 19px;
    width: 20px
}

.hub-header-mobile__burger {
    background: none;
    border: none;
    color: var(--hub-primary-red);
    cursor: pointer;
    display: flex;
    padding: 0
}

.hub-header-mobile__burger.opened svg {
    height: 15px;
    width: 15px
}

.hub-header-mobile__burger svg {
    height: 15px;
    width: 20px
}

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

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

.hub-header-mobile__menu {
    display: flex;
    flex-flow: column;
    padding-top: 10px;
    width: 100%
}

.hub-header-mobile__navigation {
    display: flex;
    flex-flow: column;
    list-style: none;
    margin: 0;
    padding: 0
}

.hub-header-mobile__navigation-item.club {
    margin-bottom: 20px
}

.hub-header-mobile__navigation-item.plain {
    border-bottom: 1px solid var(--hub-primary-light-gray)
}

.hub-header-mobile__navigation-item.external {
    margin-bottom: 10px
}

.hub-header-mobile__navigation-item-external {
    align-items: center;
    color: var(--hub-secondary-text);
    display: flex;
    font-size: 14px;
    gap: 5px;
    line-height: 1.3;
    text-decoration: none;
    text-transform: lowercase
}

.hub-header-mobile__navigation-item-external-icon {
    margin-top: 5px
}

.hub-header-mobile__navigation-item-button {
    border-width: 2px;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: center;
    text-transform: uppercase
}

.hub-header-mobile__navigation-item-link {
    align-items: center;
    color: var(--hub-secondary-text);
    display: flex;
    font-size: 14px;
    gap: 5px;
    line-height: 1.3;
    padding: 8px 10px;
    text-decoration: none;
    text-transform: uppercase
}

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

.hub-header-mobile__navigation-item-link:hover {
    text-decoration: underline
}

.hub-header-mobile__navigation-item-after-icon {
    margin-left: auto;
    margin-top: 4px
}

.hub-header-mobile__navigation-item-after-icon svg {
    height: 30px;
    width: 30px
}

.hub-header-mobile__navigation-item-triggers {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    padding-right: 5px
}

.hub-header-mobile__navigation-item-text-trigger {
    background: none;
    border: none;
    color: var(--hub-secondary-text);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    padding: 10px;
    text-transform: uppercase
}

.hub-header-mobile__navigation-item-icon-trigger {
    background: none;
    border: none;
    color: var(--hub-secondary-iconography);
    cursor: pointer;
    display: flex;
    height: 14px;
    margin: 0 8px 0 0;
    padding: 0;
    width: 14px
}

.hub-header-mobile__navigation-item-icon-trigger svg {
    height: 14px;
    width: 14px
}

.hub-header-mobile__navigation-item-submenu {
    display: flex;
    flex-flow: column;
    list-style: none;
    margin: 0;
    padding: 0
}

.hub-header-mobile-chat {
    align-items: center;
    background: transparent;
    border: none;
    border-top: 2px solid transparent;
    color: var(--hub-secondary-text);
    cursor: pointer;
    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
}

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

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

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

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

.hub-header-mobile-cart__button.cartItems:after {
    align-items: center;
    background: var(--hub-primary-red);
    border-radius: 100px;
    color: var(--hub-primary-white);
    content: attr(data-count);
    display: flex;
    font-size: 14px;
    height: 21px;
    justify-content: center;
    position: absolute;
    right: 4px;
    top: 0;
    width: 21px
}

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

.hub-header-mobile-cart__iframe {
    border: none;
    bottom: calc(100% + 1px);
    display: none;
    height: 350px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 320px;
    z-index: 100
}

.hub-header-mobile-cart__iframe.active {
    display: block
}

.hub-header-mobile-profile__button {
    align-items: center;
    background: transparent;
    border: none;
    border-top: 2px solid transparent;
    color: var(--hub-secondary-text);
    cursor: pointer;
    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
}

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

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

.hub-header-mobile-profile__iframe {
    border: none;
    bottom: calc(100% + 1px);
    display: none;
    height: 350px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 320px;
    z-index: 100
}

.hub-header-mobile-profile__iframe.active {
    display: block
}

.hub-header-mobile-profile__name {
    align-items: center;
    background: var(--hub-tertiary-interface-dark);
    border-radius: 50px;
    color: var(--hub-primary-gray);
    display: flex;
    font-size: 16px;
    height: 23px;
    justify-content: center;
    width: 23px
}

.hub-header-mobile-profile__name-icon svg {
    height: 14px!important;
    width: 14px!important
}

.hub-header-tab-bar {
    background: var(--hub-primary-white);
    border-top: 1px solid var(--hub-secondary-interface);
    bottom: 0;
    color: var(--hub-secondary-text);
    display: none;
    flex-flow: column;
    font-family: DINPro,tahoma,sans-serif;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 9999
}

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

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

.hub-header-tab-bar__link {
    align-items: center;
    border-top: 2px solid transparent;
    color: var(--hub-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
}

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

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

.hub-header-auth__iframe {
    border: none;
    display: none;
    height: 100%;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 9999
}

.hub-header-auth__iframe.isOpenAuth {
    display: block
}

.hub-header {
    background: var(--hub-primary-white);
    color: var(--hub-secondary-text);
    font-family: DINPro,tahoma,sans-serif;
    position: relative;
    text-align: center;
    z-index: 10
}

.hub-header.sticky {
    padding-top: 90px
}

.hub-header__desktop {
    padding-top: 20px
}

@media (max-width: 1023px) {
    .hub-header__desktop {
        display:none
    }
}

.hub-header__sticky.sticky {
    background: var(--hub-primary-white);
    left: 0;
    padding-top: 20px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

.hub-header__container {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between
}

.hub-header__logo-container {
    align-items: end;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr min-content 1fr;
    margin-bottom: 30px
}

.hub-header__navigation-container {
    align-items: center;
    display: flex
}

.hub-header__navigation {
    flex-grow: 1
}

.hub-header__logo svg {
    color: var(--hub-primary-red);
    height: 36px;
    width: 100px
}

.hub-header__item {
    position: relative
}

.hub-header__separator {
    background: var(--hub-secondary-interface);
    border: none;
    height: 1px;
    margin: 18px 0 9px;
    padding: 0;
    width: 100%
}

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

.hub-header__sticky-logo svg {
    color: var(--hub-primary-red);
    height: 23px;
    width: 42px
}

.hub-header__logo {
    margin: 0 auto
}

.hub-header__logo svg {
    height: 44px;
    width: 117px
}

.hub-footer-item:not(.phone) {
    margin-top: 11px
}

@media (max-width: 1023px) {
    .hub-footer-item:not(.phone) {
        margin-top:22px
    }
}

.hub-footer-item.phone {
    color: var(--hub-secondary-interface)
}

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

.hub-footer-item__link:hover {
    text-decoration: underline
}

.hub-footer-item__link.phone {
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none
}

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

.hub-ui-pager.small {
    transform: scale(.7)
}

.hub-ui-pager.invertColors,.hub-ui-pager:hover {
    color: var(--hub-primary-red)
}

.hub-ui-pager.invertColors:hover {
    color: var(--hub-primary-gray)
}

.hub-ui-pager:active {
    color: var(--hub-tertiary-interface)
}

.hub-ui-pager.dark {
    color: var(--hub-primary-white)
}

.hub-ui-pager.dark:hover {
    color: var(--hub-primary-gray)
}

.hub-ui-up-down-toggle {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0
}

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

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

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

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

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

.hub-footer-group__items {
    display: block
}

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

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

.hub-footer {
    margin-top: auto
}

.hub-footer__inner {
    background: var(--hub-secondary-interface-dark);
    color: var(--hub-primary-light-gray);
    font-family: DINPro,tahoma,sans-serif
}

.hub-footer__padding {
    border: none;
    margin: 0
}

@media (max-width: 1023px) {
    .hub-footer__padding {
        height:55px
    }
}

.hub-footer__container {
    display: flex;
    flex-flow: column
}

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

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

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

@media (max-width: 1023px) {
    .hub-footer__menu {
        flex-flow:column;
        margin-bottom: 0
    }
}

.hub-footer__separator {
    border-top: 1px solid var(--hub-secondary-hyperlink)
}

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

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

.hub-footer__sub-menu-link {
    color: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none
}

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

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

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

.hub-footer__collection {
    margin: 0
}

.hub-footer__group {
    margin-bottom: 30px
}

.layout-default {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

@supports (min-height: 100dvh) {
    .layout-default {
        min-height:100dvh
    }
}
.homepage-main-slider-health-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 480px;
    position: relative;
    width: 858px
}

.homepage-main-slider-health-item__image {
    bottom: 0;
    position: absolute;
    right: 0
}

.homepage-main-slider-health-item__button {
    margin: auto auto 60px 130px
}


.homepage-main-slider-gastro-item__image {
    bottom: 6px;
    position: absolute;
    right: 0;
    z-index: 1
}

.homepage-main-slider-gastro-item__button {
    margin: auto auto 65px 40px
}
.homepage-main-slider-health-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 480px;
    position: relative;
    width: 858px
}

.homepage-main-slider-health-item__image {
    bottom: 0;
    position: absolute;
    right: 0
}

.homepage-main-slider-health-item__button {
    margin: auto auto 60px 130px
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

@font-face {
    font-display: swap;
    font-family: DINPro;
    font-style: normal;
    font-weight: 400;
    src: url(https://royalcanin.ru/_nuxt/DINPro.loeaRTy6.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DINPro;
    font-style: normal;
    font-weight: 500;
    src: url(https://royalcanin.ru/_nuxt/DINPro-Medium.DtxTQXRQ.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DINPro;
    font-style: normal;
    font-weight: 700;
    src: url(https://royalcanin.ru/_nuxt/DINPro-Bold.-Zu7Igqf.woff2) format("woff2")
}

:root {
    --hub-primary-red: #e2001a;
    --hub-primary-red-disabled: rgba(226,0,26,.2);
    --hub-primary-gray: #808285;
    --hub-primary-white: #fff;
    --hub-primary-black-shadow: rgba(0,0,0,.07);
    --hub-primary-light-gray: #f6f6f6;
    --hub-secondary-black-shadow: rgba(0,0,0,.14);
    --hub-secondary-text: #666;
    --hub-secondary-iconography: #767676;
    --hub-secondary-hyperlink: #444;
    --hub-secondary-interface: #d7d7d7;
    --hub-secondary-interface-dark: #333;
    --hub-tertiary-function: #5ca9ad;
    --hub-tertiary-success: #008900;
    --hub-tertiary-hyperlink: #ee8b00;
    --hub-tertiary-interface: #c03344;
    --hub-tertiary-interface-dark: #eaeaea;
    --hub-tertiary-golden: #daaf51;
    --hub-tertiary-gray: #ccc;
    --hub-exceptional-hover: #bd0016;
    --hub-exceptional-link: #00e
}

.hub-entry,.hub-entry * {
    box-sizing: border-box
}

[id] {
    scroll-margin-top: 120px
}

.hub-page-body {
    background: var(--hub-primary-white);
    color: var(--hub-secondary-text);
    font-family: DINPro,tahoma,sans-serif
}

.hub-base-wrapper {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 65px;
    width: 100%
}

@media (max-width: 1439px) {
    .hub-base-wrapper {
        padding:0 30px
    }
}

@media (max-width: 1023px) {
    .hub-base-wrapper {
        padding:0 30px
    }
}

@media (max-width: 767px) {
    .hub-base-wrapper {
        padding:0 16px
    }
}

.hub-content-wrapper {
    display: flex;
    flex-flow: column;
    margin: 0 auto;
    max-width: 952px;
    padding: 0 16px;
    width: 100%
}

.hub-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
}

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

@media (max-width: 1023px) {
    .hub-h1-mobile-corrupted {
        font-size:40px;
        line-height: 1.4
    }
}

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

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

@media (max-width: 1023px) {
    .hub-h1,.hub-typography-container h1 {
        font-size:40px;
        line-height: 1.4
    }
}

@media (max-width: 767px) {
    .hub-h1,.hub-typography-container h1 {
        font-size:26px;
        line-height: 1.4
    }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
    .hub-h2-medium-mobile-corrupted {
        font-size:22px;
        line-height: 1.4
    }
}

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

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

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

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

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

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

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

@media (max-width: 1023px) {
    .hub-h4 {
        font-size:16px;
        font-weight: 500;
        line-height: 1.4
    }
}

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

@media (max-width: 1023px) {
    .hub-h4-medium,.hub-typography-container h4 {
        font-size:16px;
        font-weight: 500;
        line-height: 1.4
    }
}

.hub-body-big {
    font-size: 26px
}

.hub-body,.hub-body-big,.hub-typography-container p {
    color: var(--hub-secondary-text);
    font-weight: 400;
    line-height: 1.3
}

.hub-body,.hub-typography-container p {
    font-size: 16px
}

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

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

.hub-body-small,.hub-typography-container small {
    color: var(--hub-secondary-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3
}

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

@media (max-width: 767px) {
    .hub-body-small,.hub-typography-container small {
        font-size:14px;
        line-height: 1.3
    }
}

.hub-body-small-medium {
    color: var(--hub-secondary-text);
    font-size: 14px;
    font-weight: 400;
    font-weight: 500;
    line-height: 1.3
}

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

@media (max-width: 767px) {
    .hub-body-small-medium {
        font-size:14px;
        line-height: 1.3
    }
}

@media (max-width: 1023px) {
    #uw-main-button {
        display:none
    }
}

#uw-main-button:hover .uw__round-button__image {
    background-image: url(https://royalcanin.ru/_nuxt/rc-care-service.Ce0siPZo.svg)!important
}

@media (max-width: 1023px) {
    #uw-main-button-close {
        visibility:hidden
    }

    .uw__messenger-layout__frame {
        bottom: 85px!important
    }

    .uw__buttons-pulse {
        display: none!important
    }
}

.hub-logo {
    display: flex
}

.hub-header-left-menu {
    display: flex;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0
}

.hub-header-left-menu__item {
    position: relative
}

.hub-header-left-menu__item:not(:first-of-type):before {
    content: "или";
    margin-right: 6px
}

.hub-header-left-menu__link {
    color: var(--hub-secondary-text);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
    text-transform: lowercase
}

.hub-header-left-menu__link:hover {
    text-decoration: underline
}

.hub-header-left-menu__trigger {
    background: none;
    border: none;
    color: var(--hub-secondary-text);
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: lowercase
}

.hub-header-left-menu__item:hover .hub-header-left-menu__trigger {
    color: var(--hub-primary-red)
}

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

.hub-header-left-menu__item .hub-header-left-menu__submenu {
    display: none
}

.hub-header-left-menu__item:hover .hub-header-left-menu__submenu {
    display: block
}

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

.hub-header-left-menu__submenu-link:hover {
    text-decoration: underline
}

.hub-header-right-menu-sub-item__link {
    color: var(--hub-primary-gray);
    display: flex;
    font-size: 16px;
    line-height: 1.4;
    padding: 10px;
    text-align: left;
    text-decoration: none
}

.hub-header-right-menu-sub-item__link.active {
    color: var(--hub-primary-red)
}

.hub-header-right-menu-sub-item__link:hover {
    text-decoration: underline
}

.hub-header-right-menu-sub-item__sub-name {
    color: var(--hub-secondary-interface);
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    padding: 0 10px;
    text-align: left
}

.hub-header-right-menu {
    display: flex;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0
}

.hub-header-right-menu__item {
    position: relative
}

.hub-header-right-menu__link {
    color: var(--hub-secondary-text);
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none;
    text-transform: lowercase
}

.hub-header-right-menu__link:hover {
    text-decoration: underline
}

.hub-header-right-menu__trigger {
    background: none;
    border: none;
    color: var(--hub-secondary-text);
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: lowercase
}

.hub-header-right-menu__item:hover .hub-header-right-menu__trigger {
    color: var(--hub-primary-red)
}

.hub-header-right-menu__submenu {
    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
}

.hub-header-right-menu__item .hub-header-right-menu__submenu {
    display: none
}

.hub-header-right-menu__item:hover .hub-header-right-menu__submenu {
    display: block
}

.hub-header-cart {
    margin-left: -10px;
    padding-left: 10px;
    position: relative
}

.hub-header-cart__iframe {
    border: none;
    display: none;
    height: 350px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 320px;
    z-index: 100
}

.hub-header-cart__iframe.active {
    display: block
}

.hub-header-cart.cartItems:after {
    align-items: center;
    background: var(--hub-primary-red);
    border-radius: 100px;
    color: var(--hub-primary-white);
    content: attr(data-count);
    display: flex;
    font-size: 14px;
    height: 21px;
    justify-content: center;
    position: absolute;
    right: -15px;
    top: -3px;
    width: 21px
}

.hub-header-profile {
    margin-left: -10px;
    padding-left: 10px;
    position: relative
}

.hub-header-profile__iframe {
    border: none;
    display: none;
    height: 464px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 348px;
    z-index: 100
}

.hub-header-profile__iframe.active {
    display: block
}

.hub-header-profile__auth-icon {
    text-decoration: none
}

.hub-header-profile__name {
    align-items: center;
    background: var(--hub-tertiary-interface-dark);
    border-radius: 50px;
    color: var(--hub-primary-gray);
    display: flex;
    font-size: 18px;
    height: 25px;
    justify-content: center;
    width: 25px
}

.hub-header-profile__name-icon svg {
    height: 16px!important;
    width: 16px!important
}

.hub-header-favorites {
    margin-left: -10px;
    padding-left: 10px;
    position: relative
}

.hub-header-favorites__iframe {
    border: none;
    display: none;
    height: 348px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 348px;
    z-index: 100
}

.hub-header-favorites__iframe.active {
    display: block
}

.hub-header-favorites.itemsCount:after {
    align-items: center;
    background: var(--hub-primary-red);
    border-radius: 100px;
    color: var(--hub-primary-white);
    content: attr(data-count);
    display: flex;
    font-size: 14px;
    height: 21px;
    justify-content: center;
    position: absolute;
    right: -15px;
    top: -3px;
    width: 21px
}

.hub-search-fade-enter-active,.hub-search-fade-leave-active {
    transition: opacity .3s ease
}

.hub-search-fade-enter-from,.hub-search-fade-leave-to {
    opacity: 0
}

.hub-ui-header-search {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.hub-ui-header-search__button {
    background: none;
    border: none;
    color: var(--hub-secondary-iconography);
    cursor: pointer;
    margin: 0 0 -.1em;
    padding: 0;
    width: 20px
}

.hub-ui-header-search__button:not(.isActive) {
    display: none
}

.hub-ui-header-search__button-close {
    background: none;
    border: none;
    color: var(--hub-secondary-iconography);
    cursor: pointer;
    margin: 0 0 -.1em;
    padding: 0;
    width: 20px
}

.hub-ui-header-search__button-close:not(.isActive) {
    display: none
}

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

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

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

@media (max-width: 1023px) {
    .hub-ui-header-search__input.adaptive {
        padding-left:10px;
        padding-right: 30px
    }
}

.hub-ui-header-search__input::-moz-placeholder {
    color: var(--hub-secondary-interface)
}

.hub-ui-header-search__input::placeholder {
    color: var(--hub-secondary-interface)
}

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

.hub-header-user-menu-item {
    align-items: center;
    display: flex
}

.hub-header-user-menu-item__link {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.hub-header-user-menu-item svg {
    color: var(--hub-secondary-iconography);
    height: 20px;
    width: 20px
}

@media (max-width: 767px) {
    .hub-header-user-menu-item svg {
        height:20px;
        width: 20px
    }
}

.hub-header-user-menu {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    min-height: 42px
}

.hub-header-user-menu__items {
    align-items: center;
    display: flex;
    gap: 11px;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0
}

.hub-header-user-menu__search-container {
    display: flex;
    margin-right: 11px;
    width: 100%
}

.hub-header-user-menu__search {
    margin-left: auto
}

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

@media (max-width: 1023px) {
    .hub-header-navigation {
        gap:5px 10px
    }
}

.hub-header-navigation__item {
    position: relative
}

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

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

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

.hub-header-navigation__trigger {
    background: none;
    border: none;
    border-bottom: 4px solid transparent;
    color: var(--hub-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) {
    .hub-header-navigation__trigger {
        font-size:14px
    }
}

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

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

.hub-header-navigation__submenu.last {
    left: auto;
    right: 0
}

.hub-header-navigation__item .hub-header-navigation__submenu {
    display: none
}

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

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

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

.hub-progress-scroll {
    background: var(--hub-secondary-interface);
    height: 3px;
    margin-top: 15px;
    position: relative;
    width: 100%
}

@media (max-width: 1023px) {
    .hub-progress-scroll {
        margin-top:0
    }
}

.hub-progress-scroll:after {
    background: var(--hub-primary-red);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--28a08947)
}

.hub-ui-button {
    align-items: center;
    background: none;
    border: 2px solid var(--hub-primary-red);
    border-radius: 50px;
    color: var(--hub-primary-red);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    line-height: 1.4;
    margin: 0;
    padding: 10px 31px;
    position: relative;
    text-align: center;
    text-decoration: none
}

.hub-ui-button__icon {
    opacity: 0;
    position: absolute;
    right: 15px;
    transition: opacity .3s
}

@media (max-width: 767px) {
    .hub-ui-button__icon {
        right:7px
    }
}

.hub-ui-button:hover .hub-ui-button__icon {
    opacity: 1
}

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

.hub-ui-button.disabled {
    border-color: var(--hub-secondary-interface);
    color: var(--hub-secondary-interface);
    pointer-events: none
}

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

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

.hub-ui-button.filled.disabled {
    background-color: var(--hub-secondary-interface);
    color: var(--hub-primary-white)
}

@media (max-width: 767px) {
    .hub-ui-button {
        padding:8px 22px
    }
}

.hub-header-mobile-navigation-sub-item {
    display: flex;
    flex-flow: column
}

.hub-header-mobile-navigation-sub-item__link {
    background: transparent;
    border: none;
    color: var(--hub-primary-gray);
    display: flex;
    flex-grow: 1;
    font-size: 16px;
    justify-content: space-between;
    line-height: 1.4;
    margin: 0;
    padding: 10px 10px 10px 20px;
    text-align: left;
    text-decoration: none
}

.hub-header-mobile-navigation-sub-item__link.active {
    color: var(--hub-primary-red)
}

.hub-header-mobile-navigation-sub-item__link:hover {
    text-decoration: underline
}

.hub-header-mobile-navigation-sub-item__link.hasList {
    color: var(--hub-primary-red);
    cursor: pointer;
    text-decoration: none
}

.hub-header-mobile-navigation-sub-item__sub-name {
    color: var(--hub-secondary-interface);
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    padding: 0 10px 0 20px;
    text-align: left
}

.hub-header-mobile-navigation-sub-item__icon-trigger {
    background: none;
    border: none;
    color: var(--hub-secondary-iconography);
    cursor: pointer;
    display: flex;
    height: 14px;
    margin: 0 8px 0 0;
    padding: 0;
    width: 14px
}

.hub-header-mobile-navigation-sub-item__icon-trigger svg {
    height: 14px;
    width: 14px
}

.hub-header-mobile {
    background: var(--hub-primary-white);
    color: var(--hub-secondary-text);
    display: none;
    font-family: DINPro,tahoma,sans-serif;
    padding-top: 57px
}

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

.hub-header-mobile__main {
    align-items: stretch;
    background: var(--hub-primary-white);
    display: flex;
    flex-flow: column;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.hub-header-mobile__main.opened {
    height: 100vh;
    padding-bottom: 60px
}

.hub-header-mobile__header {
    background: var(--hub-primary-red);
    padding: 7px 9px
}

.hub-header-mobile__top-menu {
    padding: 10px 0
}

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

.hub-header-mobile__container {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.hub-header-mobile__title {
    color: var(--hub-primary-white);
    font-size: 14px;
    margin: 0
}

.hub-header-mobile__title-icon svg {
    height: 19px;
    width: 20px
}

.hub-header-mobile__burger {
    background: none;
    border: none;
    color: var(--hub-primary-red);
    cursor: pointer;
    display: flex;
    padding: 0
}

.hub-header-mobile__burger.opened svg {
    height: 15px;
    width: 15px
}

.hub-header-mobile__burger svg {
    height: 15px;
    width: 20px
}

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

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

.hub-header-mobile__menu {
    display: flex;
    flex-flow: column;
    padding-top: 10px;
    width: 100%
}

.hub-header-mobile__navigation {
    display: flex;
    flex-flow: column;
    list-style: none;
    margin: 0;
    padding: 0
}

.hub-header-mobile__navigation-item.club {
    margin-bottom: 20px
}

.hub-header-mobile__navigation-item.plain {
    border-bottom: 1px solid var(--hub-primary-light-gray)
}

.hub-header-mobile__navigation-item.external {
    margin-bottom: 10px
}

.hub-header-mobile__navigation-item-external {
    align-items: center;
    color: var(--hub-secondary-text);
    display: flex;
    font-size: 14px;
    gap: 5px;
    line-height: 1.3;
    text-decoration: none;
    text-transform: lowercase
}

.hub-header-mobile__navigation-item-external-icon {
    margin-top: 5px
}

.hub-header-mobile__navigation-item-button {
    border-width: 2px;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: center;
    text-transform: uppercase
}

.hub-header-mobile__navigation-item-link {
    align-items: center;
    color: var(--hub-secondary-text);
    display: flex;
    font-size: 14px;
    gap: 5px;
    line-height: 1.3;
    padding: 8px 10px;
    text-decoration: none;
    text-transform: uppercase
}

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

.hub-header-mobile__navigation-item-link:hover {
    text-decoration: underline
}

.hub-header-mobile__navigation-item-after-icon {
    margin-left: auto;
    margin-top: 4px
}

.hub-header-mobile__navigation-item-after-icon svg {
    height: 30px;
    width: 30px
}

.hub-header-mobile__navigation-item-triggers {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    padding-right: 5px
}

.hub-header-mobile__navigation-item-text-trigger {
    background: none;
    border: none;
    color: var(--hub-secondary-text);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    padding: 10px;
    text-transform: uppercase
}

.hub-header-mobile__navigation-item-icon-trigger {
    background: none;
    border: none;
    color: var(--hub-secondary-iconography);
    cursor: pointer;
    display: flex;
    height: 14px;
    margin: 0 8px 0 0;
    padding: 0;
    width: 14px
}

.hub-header-mobile__navigation-item-icon-trigger svg {
    height: 14px;
    width: 14px
}

.hub-header-mobile__navigation-item-submenu {
    display: flex;
    flex-flow: column;
    list-style: none;
    margin: 0;
    padding: 0
}

.hub-header-mobile-chat {
    align-items: center;
    background: transparent;
    border: none;
    border-top: 2px solid transparent;
    color: var(--hub-secondary-text);
    cursor: pointer;
    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
}

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

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

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

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

.hub-header-mobile-cart__button.cartItems:after {
    align-items: center;
    background: var(--hub-primary-red);
    border-radius: 100px;
    color: var(--hub-primary-white);
    content: attr(data-count);
    display: flex;
    font-size: 14px;
    height: 21px;
    justify-content: center;
    position: absolute;
    right: 4px;
    top: 0;
    width: 21px
}

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

.hub-header-mobile-cart__iframe {
    border: none;
    bottom: calc(100% + 1px);
    display: none;
    height: 350px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 320px;
    z-index: 100
}

.hub-header-mobile-cart__iframe.active {
    display: block
}

.hub-header-mobile-profile__button {
    align-items: center;
    background: transparent;
    border: none;
    border-top: 2px solid transparent;
    color: var(--hub-secondary-text);
    cursor: pointer;
    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
}

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

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

.hub-header-mobile-profile__iframe {
    border: none;
    bottom: calc(100% + 1px);
    display: none;
    height: 350px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 320px;
    z-index: 100
}

.hub-header-mobile-profile__iframe.active {
    display: block
}

.hub-header-mobile-profile__name {
    align-items: center;
    background: var(--hub-tertiary-interface-dark);
    border-radius: 50px;
    color: var(--hub-primary-gray);
    display: flex;
    font-size: 16px;
    height: 23px;
    justify-content: center;
    width: 23px
}

.hub-header-mobile-profile__name-icon svg {
    height: 14px!important;
    width: 14px!important
}

.hub-header-tab-bar {
    background: var(--hub-primary-white);
    border-top: 1px solid var(--hub-secondary-interface);
    bottom: 0;
    color: var(--hub-secondary-text);
    display: none;
    flex-flow: column;
    font-family: DINPro,tahoma,sans-serif;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 9999
}

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

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

.hub-header-tab-bar__link {
    align-items: center;
    border-top: 2px solid transparent;
    color: var(--hub-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
}

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

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

.hub-header-auth__iframe {
    border: none;
    display: none;
    height: 100%;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 9999
}

.hub-header-auth__iframe.isOpenAuth {
    display: block
}

.hub-header {
    background: var(--hub-primary-white);
    color: var(--hub-secondary-text);
    font-family: DINPro,tahoma,sans-serif;
    position: relative;
    text-align: center;
    z-index: 10
}

.hub-header.sticky {
    padding-top: 90px
}

.hub-header__desktop {
    padding-top: 20px
}

@media (max-width: 1023px) {
    .hub-header__desktop {
        display:none
    }
}

.hub-header__sticky.sticky {
    background: var(--hub-primary-white);
    left: 0;
    padding-top: 20px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

.hub-header__container {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between
}

.hub-header__logo-container {
    align-items: end;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr min-content 1fr;
    margin-bottom: 30px
}

.hub-header__navigation-container {
    align-items: center;
    display: flex
}

.hub-header__navigation {
    flex-grow: 1
}

.hub-header__logo svg {
    color: var(--hub-primary-red);
    height: 36px;
    width: 100px
}

.hub-header__item {
    position: relative
}

.hub-header__separator {
    background: var(--hub-secondary-interface);
    border: none;
    height: 1px;
    margin: 18px 0 9px;
    padding: 0;
    width: 100%
}

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

.hub-header__sticky-logo svg {
    color: var(--hub-primary-red);
    height: 23px;
    width: 42px
}

.hub-header__logo {
    margin: 0 auto
}

.hub-header__logo svg {
    height: 44px;
    width: 117px
}

.hub-footer-item:not(.phone) {
    margin-top: 11px
}

@media (max-width: 1023px) {
    .hub-footer-item:not(.phone) {
        margin-top:22px
    }
}

.hub-footer-item.phone {
    color: var(--hub-secondary-interface)
}

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

.hub-footer-item__link:hover {
    text-decoration: underline
}

.hub-footer-item__link.phone {
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none
}

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

.hub-ui-pager.small {
    transform: scale(.7)
}

.hub-ui-pager.invertColors,.hub-ui-pager:hover {
    color: var(--hub-primary-red)
}

.hub-ui-pager.invertColors:hover {
    color: var(--hub-primary-gray)
}

.hub-ui-pager:active {
    color: var(--hub-tertiary-interface)
}

.hub-ui-pager.dark {
    color: var(--hub-primary-white)
}

.hub-ui-pager.dark:hover {
    color: var(--hub-primary-gray)
}

.hub-ui-up-down-toggle {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0
}

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

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

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

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

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

.hub-footer-group__items {
    display: block
}

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

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

.hub-footer {
    margin-top: auto
}

.hub-footer__inner {
    background: var(--hub-secondary-interface-dark);
    color: var(--hub-primary-light-gray);
    font-family: DINPro,tahoma,sans-serif
}

.hub-footer__padding {
    border: none;
    margin: 0
}

@media (max-width: 1023px) {
    .hub-footer__padding {
        height:55px
    }
}

.hub-footer__container {
    display: flex;
    flex-flow: column
}

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

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

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

@media (max-width: 1023px) {
    .hub-footer__menu {
        flex-flow:column;
        margin-bottom: 0
    }
}

.hub-footer__separator {
    border-top: 1px solid var(--hub-secondary-hyperlink)
}

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

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

.hub-footer__sub-menu-link {
    color: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none
}

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

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

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

.hub-footer__collection {
    margin: 0
}

.hub-footer__group {
    margin-bottom: 30px
}

.layout-default {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

@supports (min-height: 100dvh) {
    .layout-default {
        min-height:100dvh
    }
}
.homepage-main-slider-factors-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 480px;
    padding: 57px 53px;
    position: relative;
    width: 858px
}

.homepage-main-slider-factors-item__text {
    color: var(--hub-tertiary-text);
    font-size: 28px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase
}

.homepage-main-slider-factors-item__text strong {
    color: var(--hub-primary-red);
    display: block;
    font-size: 62px;
    font-weight: 900;
    line-height: .93
}

.homepage-main-slider-factors-item__button {
    margin-right: auto;
    margin-top: 100px
}

.homepage-main-slider-factors-item__image {
    bottom: 47px;
    position: absolute;
    right: 45px
}
.homepage-main-slider-health-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 480px;
    position: relative;
    width: 858px
}

.homepage-main-slider-health-item__image {
    bottom: 0;
    position: absolute;
    right: 0
}

.homepage-main-slider-health-item__button {
    margin: auto auto 60px 130px
}
.homepage-mobile-slider-vetification-item {
    background: var(--hub-primary-white) url(https://royalcanin.ru/_nuxt/homepage-mobile-slider-vetification-item_2x.CXk459x8.webp) no-repeat center center/cover;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 450px;
    overflow: hidden;
    padding-top: 25px;
    position: relative;
    width: 100%
}

.homepage-mobile-slider-vetification-item__button {
    background: var(--hub-primary-red);
    border: 2px solid var(--hub-primary-red);
    border-radius: 100px;
    color: var(--hub-primary-white);
    font-family: var(--hub-font-family-condensed);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin: auto auto 25px 25px;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.homepage-mobile-slider-cat-day-item {
    background: var(--hub-primary-white) url(https://royalcanin.ru/_nuxt/homepage-mobile-slider-cat-day-item_2x.CcOIsIYY.webp) no-repeat center center/cover;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 450px;
    overflow: hidden;
    padding-top: 25px;
    position: relative;
    width: 100%
}

.homepage-mobile-slider-cat-day-item__button {
    background: none;
    color: var(--hub-primary-white);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin: auto auto 12px 62px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.homepage-mobile-slider-cat-health-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 450px;
    overflow: hidden;
    padding-top: 25px;
    position: relative;
    width: 100%
}

.homepage-mobile-slider-cat-health-item__title {
    left: 0;
    position: relative
}

.homepage-mobile-slider-cat-health-item__image {
    bottom: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    right: 0
}

.homepage-mobile-slider-cat-health-item__button {
    margin: auto auto 25px 20px
}
.homepage-mobile-slider-dog-health-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 450px;
    overflow: hidden;
    padding-top: 25px;
    position: relative;
    width: 100%
}

.homepage-mobile-slider-dog-health-item__title {
    left: 0;
    position: relative
}

.homepage-mobile-slider-dog-health-item__image {
    bottom: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    right: 0
}

.homepage-mobile-slider-dog-health-item__button {
    margin: auto auto 25px 20px
}
.mobile-slider__controls {
    margin-top: 17px;
    position: relative;
    z-index: 1
}

.mobile-slider .swiper {
    margin: -30px;
    padding: 30px;
    width: calc(100% + 60px)
}

.mobile-slider__items {
    width: 288px
}

.mobile-slider__stock-item {
    align-items: center;
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 450px;
    padding: 30px 17px 32px 20px;
    text-align: center;
    width: 288px
}

.mobile-slider__item-stock {
    align-self: flex-end;
    border: 1px solid var(--hub-primary-light-gray);
    border-radius: 100px;
    margin-bottom: 20px;
    padding: 6px 19px
}

.mobile-slider__item-image {
    margin-bottom: 17px;
    -o-object-fit: contain;
    object-fit: contain
}

.mobile-slider__item-title {
    color: var(--hub-secondary-interface-dark);
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 17px
}

.mobile-slider__factors-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    min-height: 450px;
    width: 100%
}

.mobile-slider__factors-item-image {
    display: flex;
    margin: 0 auto 24px;
    padding-top: 23px
}

.mobile-slider__factors-item-title {
    margin-bottom: 15px;
    margin-left: 28px
}

.mobile-slider__factors-item-button {
    margin-bottom: 25px;
    margin-left: 30px;
    margin-right: 30px
}

.mobile-slider__other-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    min-height: 450px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    width: 100%
}

.mobile-slider__other-item-title {
    color: var(--hub-primary-red);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 20px
}

.mobile-slider__other-item-button {
    width: 100%
}

.mobile-slider__other-item-image {
    bottom: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute
}

.mobile-slider__diet-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    min-height: 450px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.mobile-slider__diet-item-image,.mobile-slider__diet-item-text {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.mobile-slider__diet-item-text {
    margin-bottom: 20px
}

.mobile-slider__diet-item-button {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px
}

.mobile-slider__stones-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    min-height: 450px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.mobile-slider__stones-item-image {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 20px;
    width: 100%
}

.mobile-slider__stones-item-text {
    height: auto;
    margin-bottom: 20px;
    margin-top: -40px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.mobile-slider__stones-item-button {
    margin-left: 20px;
    margin-right: 20px
}
.homepage-mobile-slider-gastro-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 450px;
    overflow: hidden;
    padding-top: 20px;
    position: relative;
    width: 100%
}

.homepage-mobile-slider-gastro-item__title {
    bottom: 85px;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute
}

.homepage-mobile-slider-gastro-item__image {
    margin-left: 8px;
    -o-object-fit: contain;
    object-fit: contain
}

.homepage-mobile-slider-gastro-item__button-wrapper {
    margin: auto 32px 25px
}

.homepage-mobile-slider-gastro-item__button {
    width: 100%
}
.homepage-mobile-slider-health-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 450px;
    overflow: hidden;
    padding-top: 25px;
    position: relative;
    width: 100%
}

.homepage-mobile-slider-health-item__title {
    left: 0;
    position: relative
}

.homepage-mobile-slider-health-item__image {
    bottom: 84px;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    right: 0
}

.homepage-mobile-slider-health-item__button {
    margin: auto auto 25px 20px
}
.homepage-slider-controls {
    align-items: center;
    display: flex;
    justify-content: center
}

.homepage-slider-controls__control-prev {
    background: none;
    border: none;
    display: flex;
    margin: 0 14px 0 0;
    padding: 0
}

.homepage-slider-controls__control-prev:disabled {
    filter: grayscale(1);
    opacity: .5;
    pointer-events: none
}

.homepage-slider-controls__control-next {
    background: none;
    border: none;
    display: flex;
    margin: 0 0 0 14px;
    padding: 0
}

.homepage-slider-controls__control-next:disabled {
    filter: grayscale(1);
    opacity: .5;
    pointer-events: none
}

.homepage-slider-controls__control-next.centered {
    order: 1
}

.homepage-slider-controls__control-pages {
    align-items: center;
    display: flex;
    gap: var(--6e3b5d12);
    justify-content: space-between;
    margin-left: var(--c3380466)
}

.homepage-slider-controls__control-page {
    background: var(--hub-control-page-background,var(--hub-primary-light-gray));
    border: none;
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    height: 6px;
    padding: 0;
    width: var(--c44e54a8)
}

.homepage-slider-controls__control-page.active {
    background: var(--hub-primary-red);
    pointer-events: none
}
.mobile-slider__controls {
    margin-top: 17px;
    position: relative;
    z-index: 1
}

.mobile-slider .swiper {
    margin: -30px;
    padding: 30px;
    width: calc(100% + 60px)
}

.mobile-slider__items {
    width: 288px
}

.mobile-slider__stock-item {
    align-items: center;
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    display: flex;
    flex-flow: column;
    min-height: 450px;
    padding: 30px 17px 32px 20px;
    text-align: center;
    width: 288px
}

.mobile-slider__item-stock {
    align-self: flex-end;
    border: 1px solid var(--hub-primary-light-gray);
    border-radius: 100px;
    margin-bottom: 20px;
    padding: 6px 19px
}

.mobile-slider__item-image {
    margin-bottom: 17px;
    -o-object-fit: contain;
    object-fit: contain
}

.mobile-slider__item-title {
    color: var(--hub-secondary-interface-dark);
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 17px
}

.mobile-slider__factors-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    min-height: 450px;
    width: 100%
}

.mobile-slider__factors-item-image {
    display: flex;
    margin: 0 auto 24px;
    padding-top: 23px
}

.mobile-slider__factors-item-title {
    margin-bottom: 15px;
    margin-left: 28px
}

.mobile-slider__factors-item-button {
    margin-bottom: 25px;
    margin-left: 30px;
    margin-right: 30px
}

.mobile-slider__other-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    min-height: 450px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    width: 100%
}

.mobile-slider__other-item-title {
    color: var(--hub-primary-red);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 20px
}

.mobile-slider__other-item-button {
    width: 100%
}

.mobile-slider__other-item-image {
    bottom: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute
}

.mobile-slider__diet-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    min-height: 450px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.mobile-slider__diet-item-image,.mobile-slider__diet-item-text {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.mobile-slider__diet-item-text {
    margin-bottom: 20px
}

.mobile-slider__diet-item-button {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px
}

.mobile-slider__stones-item {
    background: var(--hub-primary-white);
    border-radius: 10px;
    box-shadow: 0 0 20px 0 var(--hub-primary-black-shadow);
    min-height: 450px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.mobile-slider__stones-item-image {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 20px;
    width: 100%
}

.mobile-slider__stones-item-text {
    height: auto;
    margin-bottom: 20px;
    margin-top: -40px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.mobile-slider__stones-item-button {
    margin-left: 20px;
    margin-right: 20px
}
.homepage-slider-controls {
    align-items: center;
    display: flex;
    justify-content: center
}

.homepage-slider-controls__control-prev {
    background: none;
    border: none;
    display: flex;
    margin: 0 14px 0 0;
    padding: 0
}

.homepage-slider-controls__control-prev:disabled {
    filter: grayscale(1);
    opacity: .5;
    pointer-events: none
}

.homepage-slider-controls__control-next {
    background: none;
    border: none;
    display: flex;
    margin: 0 0 0 14px;
    padding: 0
}

.homepage-slider-controls__control-next:disabled {
    filter: grayscale(1);
    opacity: .5;
    pointer-events: none
}

.homepage-slider-controls__control-next.centered {
    order: 1
}

.homepage-slider-controls__control-pages {
    align-items: center;
    display: flex;
    gap: var(--6e3b5d12);
    justify-content: space-between;
    margin-left: var(--c3380466)
}

.homepage-slider-controls__control-page {
    background: var(--hub-control-page-background,var(--hub-primary-light-gray));
    border: none;
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    height: 6px;
    padding: 0;
    width: var(--c44e54a8)
}

.homepage-slider-controls__control-page.active {
    background: var(--hub-primary-red);
    pointer-events: none
}
.main-slider .main-slide-item{
    position: relative;
}
.main-slider .main-slide-item .buttons{
    display: flex;
    position: absolute;
}
.main-slider .slide_1204  .main-slide-item .buttons{
    bottom: 10%;
    gap: 10px;
}
.main-slider .slide_1204  .main-slide-item .buttons{
    bottom: 10%;
    gap: 10px;
}
.main-slider .slide_339  .main-slide-item .buttons{
    bottom: 13%;
    left: 14%;
}
.main-slider .slide_1203  .main-slide-item .buttons{
    bottom: 15%;
    left: 10%;
}
.tb-homepage-sliders .slide_mobile_1204 .buttons{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.tb-homepage-sliders .buttons{
    margin: 10px 0;
}
@media (max-width: 1440px) {
    .homepage-main-slider-factors-item,.homepage-main-slider-dog-health-item,.homepage-main-slider-cat-health-item{
        width: 100%;
    }
}
/* End */


/* Start:/local/templates/new_design/components/bitrix/news.list/main_small_slides/style.css?175447847081*/
@media (max-width: 1440px) {
    .product-slider {
        display: none;
    }
}
/* End */


/* Start:/local/templates/new_design/components/bitrix/news.list/product_home/style.css?17544784702420*/
.main-our-products {
    overflow: hidden;
}
.main-our-products__container {
    padding-top: 80px;
}
@media (max-width: 1023px) {
    .main-our-products__container {
        padding-top: 60px;
    }
}
.main-our-products__container.cat {
    background: url("/local/templates/new_design/img/bg-our-products-cat.png") no-repeat left 40px top -60px/524px 582px;
}
@media (max-width: 1023px) {
    .main-our-products__container.cat {
        background: none;
    }
}
.main-our-products__container.dog {
    background: url("/local/templates/new_design/img/bg-our-products-dog.png") no-repeat left 40px top 20px/467px 510px;
}
@media (max-width: 1023px) {
    .main-our-products__container.dog {
        background: none;
    }
}
.main-our-products__title {
    text-align: center;
    margin-bottom: 36px;
}
.main-our-products__header-controls-container {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.main-our-products__header-controls {
    align-items: center;
    background: var(--primary-light-gray);
    border-radius: 100px;
    display: flex;
    justify-content: center;
}
.main-our-products__header-control {
    background: none;
    border: none;
    border-radius: 100px;
    color: var(--primary-black);
    cursor: pointer;
    margin: 0;
    padding: 8px 47px 11px;
}
@media (max-width: 1023px) {
    .main-our-products__header-control {
        padding: 8px 30px 11px;
    }
}
.main-our-products__header-control.active {
    background: var(--primary-red);
    color: var(--primary-white);
    pointer-events: none;
}

.main-our-products__header-control__cards {
    align-items: center;
    display: flex;
    flex-flow: column;
    gap: 16px;
    margin-bottom: 30px;
    min-height: 390px;
}
.main-our-products .swiper {
    margin: -30px -1075px 30px -1000px;
    padding: 30px 1075px 30px 1000px;
    width: calc(100% + 2000px);
}
@media (max-width: 767px) {
    .main-our-products .swiper {
        margin-inline: -30px;
        padding-inline: 30px;
        width: 100%;
    }
}
.main-our-products__controls {
    max-width: 858px;
    margin: 24px auto 0;
}

.none_block{
    display: none !important;
}
@media (min-width: 1024px) {
    .main-our-products__cards .main-our-products__controls.ui-slider__controls{
        display: none;
    }
}

/* End */


/* Start:/local/templates/new_design/components/bitrix/news.detail/block_nutrient/style.css?1754478470956*/
.nutrition .wrapper:before {
    background: url("/upload/iblock/769/ipdjjg9elysjutxjkgqgtyt5pfk0vt4s.png") no-repeat 100% 0/454px 437px;
    content: "";
    height: 437px;
    position: absolute;
    right: 0;
    top: -52px;
    width: 454px;
    z-index: -1;
}
@media (max-width: 1439px) {
    .nutrition .wrapper:before {
        background: url("/upload/iblock/769/ipdjjg9elysjutxjkgqgtyt5pfk0vt4s.png") no-repeat 100% 0/454px 437px;
        height: 530px;
        right: 0;
        top: -52px;
        width: 454px;
    }
}
@media (max-width: 767px) {
    .nutrition .wrapper:before {
        order: 1;
        position: static;
        padding-inline: 38px;
        width: 100%;
        height: 262px;
        background: url("/upload/iblock/769/ipdjjg9elysjutxjkgqgtyt5pfk0vt4s.png") no-repeat;
        background-position: bottom center;
        background-size: 100% 100%;
        background-size: contain;
    }
}
/* End */
/* /local/templates/new_design/components/bitrix/news.list/main_big_slides/style.css?175515520599012 */
/* /local/templates/new_design/components/bitrix/news.list/main_small_slides/style.css?175447847081 */
/* /local/templates/new_design/components/bitrix/news.list/product_home/style.css?17544784702420 */
/* /local/templates/new_design/components/bitrix/news.detail/block_nutrient/style.css?1754478470956 */