@charset "UTF-8";
@import url("icons.css");
:root {
 --width-mobile: 29.86111vw;
 --width-desktop: 53.33333vw;
 --max-width-desktop: 100vw;
 --raleway: Raleway, sans-serif;
 --shnobel: Shnobel, sans-serif;
 --rubik: Rubik, sans-serif;
 --gap: 1.38889vw;
 --black: #333;
 --green: #499D38;
}

/**********/
/* Fonts */
@font-face {
 font-family: 'Raleway';
 src: local("Raleway Regular"), local("Raleway-Regular"), url("fonts/raleway-regular.woff") format("woff");
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Raleway';
 src: local("Raleway SemiBold"), local("Raleway-SemiBold"), url("fonts/raleway-semibold.woff") format("woff");
 font-weight: 600;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Raleway';
 src: local("Raleway Bold"), local("Raleway-Bold"), url("fonts/raleway-bold.woff") format("woff");
 font-weight: bold;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Raleway';
 src: local("Raleway ExtraBold"), local("Raleway-ExtraBold"), url("fonts/raleway-extrabold.woff") format("woff");
 font-weight: 800;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Shnobel';
 src: local("Shnobel Regular"), local("Shnobel-Regular"), url("fonts/shnobel-regular.woff") format("woff");
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}

/*************/
/* Defaults */
/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
 display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
 display: none;
}

body {
 line-height: 1;
}

menu, ol, ul {
 list-style: none;
}

blockquote, q {
 quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

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

body {
 min-width: var(--width-mobile);
 color: var(--black);
 font-family: var(--raleway);
 font-size: 1.11111vw;
 font-variant-numeric: lining-nums;
 line-height: 1.2;
 background: white;
 transition: none;
}

textarea,
select,
button,
input,
a:focus,
a:hover,
a {
 color: inherit;
 transition: 0.2s;
 outline: 0;
}

a {
 text-decoration: none;
}

[href^="tel:"] {
 white-space: nowrap;
}

img {
 max-width: 100%;
 vertical-align: middle;
}

p {
 margin: 0;
}

b {
 font-weight: 550;
}

button, input, select, textarea {
 font-family: inherit;
}

::-webkit-input-placeholder {
 color: inherit;
 opacity: 0.8;
}

::-moz-placeholder {
 color: inherit;
 opacity: 0.8;
}

::-ms-input-placeholder {
 color: inherit;
 opacity: 0.8;
}

::placeholder {
 color: inherit;
 opacity: 0.8;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
 transition: all 0s 50000s;
}

:-webkit-media-controls {
 display: none !important;
}

:-webkit-media-controls-panel,
:-webkit-media-controls-play-button,
:-webkit-media-controls-start-playback-button {
 display: none !important;
 -webkit-appearance: none;
}

source {
 display: none;
}

label.error {
 display: none !important;
}

.widget-form-privacy {
 display: none !important;
}

* {
 scrollbar-width: thin;
 scrollbar-color: white #DCF2CA;
}

::-webkit-scrollbar {
 width: calc(4 * 1px);
}

::-webkit-scrollbar-track {
 background: #DCF2CA;
}

::-webkit-scrollbar-thumb {
 background-color: white;
}

/* ******* */
/* Layout */
.wrapper {
 min-height: 100vh;
 display: flex;
 flex-direction: column;
 overflow: hidden;
 position: relative;
 background: #DCF2CA;
}

.page-apple_strawberry .wrapper {
 background: #FFADAA;
}

.page-apple_blueberry .wrapper {
 background: #AADEFF;
}

.page-apple_mango .wrapper {
 background: #FFC36E;
}

.container {
 width: 100%;
 max-width: var(--max-width-desktop);
 padding-inline: 4.86111vw;
 position: relative;
 margin-inline: auto;
}

.container-bg {
 position: absolute;
 top: 0;
 bottom: 0;
 left: -50vw;
 right: -50vw;
}

@media (min-width: 768px) {
 .d-mobile {
  display: none !important;
 }
}

/***********/
/* Blocks */
[data-more-hidden] {
 position: absolute;
 left: -694.375vw;
 opacity: 0;
}

/***********/
/* Common */
.raleway {
 font-family: var(--raleway);
}

.shnobel {
 font-family: var(--shnobel);
}

.rubik {
 font-family: var(--rubik);
}

.fw-light {
 font-weight: 300;
}

.fw-normal {
 font-weight: normal;
}

.fw-medium {
 font-weight: 500;
}

.fw-sbold {
 font-weight: 600;
}

.fw-bold {
 font-weight: bold;
}

.fw-xbold {
 font-weight: 800;
}

.fw-black {
 font-weight: 900;
}

.sup {
 vertical-align: super;
}

.justify-content-center {
 justify-content: center;
}

.align-items-center {
 align-items: center;
}

.text-gradient {
 -webkit-background-clip: text !important;
 -webkit-text-fill-color: transparent;
 background-size: 0 0 !important;
 -webkit-background-size: contain !important;
}

.hide-scrollbar {
 overflow: scroll;
 -ms-overflow-style: none;
 /* IE and Edge */
 scrollbar-width: none;
 /* FF */
 /* Chrome, Safari, Opera */
}

.hide-scrollbar::-webkit-scrollbar {
 display: none;
}

.hidden {
 position: absolute;
 left: -694.375vw;
 opacity: 0;
}

.link-hover {
 display: inline-block;
 position: relative;
}

.link-hover, .link-hover a {
 text-decoration: none !important;
}

.link-hover:after {
 content: '';
 width: 100%;
 position: absolute;
 bottom: -1px;
 left: 0;
 border-bottom: 1px solid;
 transition: -webkit-transform 0.3s ease;
 transition: transform 0.3s ease;
 transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.link-hover:after {
 -webkit-transform: scale3d(0, 1, 1);
         transform: scale3d(0, 1, 1);
 -webkit-transform-origin: bottom right;
         transform-origin: bottom right;
}

.link-hover:hover:after {
 -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
 -webkit-transform-origin: bottom left;
         transform-origin: bottom left;
}

.link-unhover {
 display: inline-block;
 position: relative;
}

.link-unhover, .link-unhover a {
 text-decoration: none !important;
}

.link-unhover:after {
 content: '';
 width: 100%;
 position: absolute;
 bottom: -1px;
 left: 0;
 border-bottom: 1px solid;
 transition: -webkit-transform 0.3s ease;
 transition: transform 0.3s ease;
 transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.link-unhover:after {
 -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
 -webkit-transform-origin: bottom left;
         transform-origin: bottom left;
}

.link-unhover:hover:after {
 -webkit-transform: scale3d(0, 1, 1);
         transform: scale3d(0, 1, 1);
 -webkit-transform-origin: bottom right;
         transform-origin: bottom right;
}

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

.color-white {
 color: white;
}

.color-black {
 color: var(--black);
}

.color-green {
 color: var(--green);
}

.bg-black {
 background-color: black;
}

.h2 {
 font-size: 0.83333vw;
 font-weight: 700;
 line-height: 1;
 letter-spacing: 0.4em;
 text-transform: uppercase;
}

/* Lists */
.list-dashed {
 list-style: none;
 padding-left: 0;
}

.list-dashed > * {
 position: relative;
 padding-left: 1.5em;
}

.list-dashed > *:before {
 content: '—';
 position: absolute;
 left: 0;
}

.list-dotted {
 list-style: none;
 padding-left: 0;
}

.list-dotted > * {
 position: relative;
 padding-inline: 1.4em;
}

@media (min-width: 768px) {
 .list-dotted > * {
  padding-inline: 2em;
 }
}

.list-dotted > *:before {
 content: '•';
 position: absolute;
 left: 0;
 top: -0.4em;
 font-size: 350%;
}

.dir-rtl .list-dotted > *:before {
 left: auto;
 right: 0;
}

@media (min-width: 768px) {
 .list-dotted > *:before {
  top: -0.45em;
  font-size: 500%;
 }
}

.list-squared {
 list-style: none;
 padding-left: 0;
}

.list-squared > * {
 position: relative;
 padding-left: 1.5em;
}

.list-squared > *:before {
 content: '';
 position: absolute;
 left: 0;
 top: 0.25em;
 box-shadow: inset -1em 0;
 border-radius: 0.16944vw;
}

@media (max-width: 767px) {
 .list-squared > *:before {
  width: 0.55556vw;
  height: 0.55556vw;
 }
}

@media (min-width: 768px) {
 .list-squared > *:before {
  width: 0.83333vw;
  height: 0.83333vw;
 }
}

/* Versions */
.dir-rtl .flip-rtl {
 -webkit-transform: scale3d(-1, 1, 1);
         transform: scale3d(-1, 1, 1);
}

.lazy {
 background-image: none !important;
 opacity: 0;
}

.lazy:before, .lazy:after {
 content: none !important;
}

.lazy-loaded {
 opacity: 1;
 transition: 0.1s;
}

[class^="icon-"],
[class*=" icon-"] {
 display: inline-block;
 vertical-align: middle;
 line-height: 0;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
 content: '';
 font-size: inherit;
 line-height: 1;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 50% 50%;
 padding: 0.5em;
}

.button {
 width: 100%;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: var(--gap);
 text-align: center;
 font-weight: inherit;
 line-height: 120%;
 text-decoration: none !important;
 border: 0;
 background-color: transparent;
}

a.button, button.button {
 cursor: pointer;
}

.button {
 transition: color 0.3s, border-color 0.3s, background 0.3s;
}

.button[disabled] {
 overflow: hidden;
 position: relative;
 z-index: 2;
 opacity: 0.5;
 cursor: not-allowed;
 isolation: isolate;
}

.button[disabled]:before {
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background: rgba(0, 0, 0, 0.9);
 mix-blend-mode: saturation;
}

.button[href=""] {
 cursor: default;
}

.button .icon-more {
 font-size: 1.59722vw;
}

.button_rounded {
 white-space: nowrap;
 border-radius: 0.34722vw;
 font-size: 1.25vw;
 font-weight: 800;
 letter-spacing: 0.15em;
 text-transform: uppercase;
 padding-inline: var(--gap);
}

.button_bordered {
 border: 1px solid;
}

.button_green {
 color: white;
 border-color: var(--green);
 background: var(--green);
}

.button_green:focus, .button_green:hover {
 color: var(--green);
 border-color: white;
 background: white;
}

.button_black {
 color: white;
 border-color: var(--black);
 background: var(--black);
}

.button_black:focus, .button_black:hover {
 color: var(--black);
 border-color: white;
 background: white;
}

.swiper {
 overflow: visible;
}

.swiper:not(.swiper-initialized) {
 display: flex;
 opacity: 0;
}

.swiper-slide {
 height: auto;
}

.swiper-horizontal > .swiper-scrollbar {
 height: 0.27778vw;
}

.swiper-scrollbar-drag {
 cursor: pointer;
 background: black;
}

.swiper-pagination-custom {
 left: unset;
 right: unset;
 bottom: unset;
}

.swiper-nav {
 width: 0;
 height: 0;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 display: flex;
 justify-content: center;
}

.swiper-scrollbar[style*="display: none"] ~ .swiper-nav {
 display: none;
}

.swiper-button {
 width: 4.79167vw;
 height: 4.79167vw;
 flex: 1 0 auto;
 position: relative;
 z-index: 3;
 font-size: 1.66667vw;
 cursor: pointer;
}

.swiper-button:before {
 content: '';
 width: 3.40278vw;
 height: 3.40278vw;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: -1;
 background: var(--green);
 rotate: 0 0 1 45deg;
 margin: auto;
 transition: 0.3s;
}

.swiper-button-disabled {
 opacity: 0.3;
 cursor: default;
}

.swiper-button:hover:before {
 background: white;
}

.swiper-button:hover i {
 -webkit-filter: brightness(0) saturate(100%) invert(45%) sepia(85%) saturate(410%) hue-rotate(64deg) brightness(98%) contrast(79%);
         filter: brightness(0) saturate(100%) invert(45%) sepia(85%) saturate(410%) hue-rotate(64deg) brightness(98%) contrast(79%);
}

/* убрать, если нужны кнопки слайдера на большом экране */
.swiper-button-lock {
 display: none;
}

.swiper-prev i {
 scale: -1 1 1;
}

.popup {
 position: fixed;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: -1;
 overflow: auto;
 -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
 opacity: 0;
 transition: opacity 0.3s;
 display: flex;
 flex-direction: column;
}

.popup_opened {
 -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
 opacity: 1;
 z-index: 100;
}

.popup__overlay {
 width: 100%;
 height: 100%;
 position: fixed;
 opacity: 1;
 background: rgba(0, 0, 0, 0.4);
 transition: 0.3s;
}

.popup_opened .popup__overlay {
 opacity: 1;
}

.popup__inner {
 width: 100%;
 flex-basis: 100%;
 position: relative;
 margin: auto;
}

.popup__buttons {
 display: flex;
 gap: var(--gap);
 justify-content: flex-end;
}

.popup__buttons-button {
 width: 1.66667vw;
 height: 1.66667vw;
 font-size: 1.66667vw;
}

.popup__content {
 width: 100%;
 display: flex;
 flex-direction: column;
 border-radius: 0.83333vw;
 color: white;
 background: #292929;
}

.header {
 width: 100%;
 display: flex;
 flex-wrap: wrap;
}

.header_common {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 z-index: 11;
 padding-top: 2.98056vw;
}

.header__menu {
 width: 50%;
 display: flex;
 gap: 2.77778vw;
 font-size: 1.66667vw;
 font-weight: 800;
}

.header__menu-item_active {
 color: var(--green);
}

.header__logo {
 width: 9.02778vw;
 position: absolute;
 top: 0;
 left: 3%;
 right: 0;
 margin-inline: auto;
}

.header__logo-img {
 width: 100%;
}

.header-socials {
 width: 50%;
 display: flex;
 justify-content: flex-end;
 gap: 1.38889vw;
 margin-left: auto;
}

.header-socials__item {
 width: 1.66667vw;
 height: 1.66667vw;
 font-size: 1.66667vw;
 border-radius: 50%;
 background: #333;
}

.header-socials__item_1 {
 border-radius: 40%;
}

.header__title {
 width: 100%;
 display: flex;
 justify-content: space-between;
 color: white;
 font-size: 6.66667vw;
 font-weight: 700;
 letter-spacing: -0.03em;
 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.1) 100%), white;
 -webkit-filter: drop-shadow(0px 0.20833vw 0.20833vw rgba(0, 0, 0, 0.25));
         filter: drop-shadow(0px 0.20833vw 0.20833vw rgba(0, 0, 0, 0.25));
 margin-top: 5.48611vw;
}

.footer {
 z-index: 1;
 padding-block: 9.02778vw 17.22222vw;
 margin-top: auto;
}

.page-index .footer {
 padding-block: 11.66667vw 17.98611vw;
}

.footer__bg {
 z-index: -1;
 background: #ADD5A5 repeat-x 50% 100% / auto 32.56944vw;
}

.footer__bg-decor {
 height: 100%;
 background: url("../../img/bar/footer/decor.svg") repeat-x 50% 100%/auto 9.58333vw;
}

.page-catalog .footer__bg {
 background-color: transparent;
 background-image: url("../../img/bar/footer/bg_green.svg");
}

.page-apple_strawberry .footer__bg {
 background-color: transparent;
 background-image: url("../../img/bar/footer/bg_pink.svg");
}

.page-apple_blueberry .footer__bg {
 background-color: transparent;
 background-image: url("../../img/bar/footer/bg_blue.svg");
}

.page-apple_mango .footer__bg {
 background-color: transparent;
 background-image: url("../../img/bar/footer/bg_yellow.svg");
}

.footer-title {
 text-align: center;
 font-size: 1.66667vw;
 font-weight: 700;
 letter-spacing: -0.01em;
 margin-bottom: 2.77778vw;
}

.footer-bottom {
 width: 70%;
 display: flex;
 justify-content: center;
 gap: 2.77778vw;
 letter-spacing: -0.03em;
 margin-inline: auto;
}

.footer-contact {
 white-space: nowrap;
 font-size: 3.33333vw;
 font-weight: 700;
 margin-top: -0.69444vw;
}

.footer-contact_email {
 color: var(--green);
}

.footer-time {
 font-size: 1.11111vw;
 font-weight: 700;
}

.main {
 min-height: 43.26389vw;
}

.main__bg {
 background: linear-gradient(180deg, #499D38 -26.75%, #DCF2CA 56.61%);
}

.page-index .main__bg {
 background: linear-gradient(180deg, #FFADAA 50%, #E36A66 100%), #FFADAA;
}

.page-apple_strawberry .main__bg {
 background: linear-gradient(180deg, #E36A66 -15.73%, #FFADAA 63.88%), #FFADAA;
}

.page-apple_blueberry .main__bg {
 background: linear-gradient(180deg, #0071B8 -19.9%, #AADEFF 68.06%);
}

.page-apple_mango .main__bg {
 background: linear-gradient(180deg, #FF6B19 -25.36%, #FFC36E 63.88%);
}

.main__bg-decor {
 height: 100%;
 position: relative;
 bottom: -2.5vw;
 background: url("../../img/bar/main/decor_1.svg") repeat-x 50% 100%/auto 7.63889vw;
}

.main__title {
 margin-top: 24.72222vw;
}

.slogan {
 display: flex;
 align-items: center;
 gap: 2.36111vw;
 white-space: nowrap;
 font-family: var(--shnobel);
 font-size: 5.97222vw;
 font-weight: normal;
 letter-spacing: -0.03em;
}

.slogan__item {
 position: relative;
}

.slogan__item_2 {
 color: #499D38;
}

.slogan__item-img {
 position: absolute;
}

.slogan__item-img_1 {
 width: 13.05556vw;
 top: -2.77778vw;
 left: 3.95833vw;
}

.slogan__item-img_2 {
 width: 9.02778vw;
 top: -1.04167vw;
 left: -3.61111vw;
}

.slogan__item-img_3 {
 width: 9.23611vw;
 top: -0.48611vw;
 left: 13.40278vw;
}

.slogan__item-img_4 {
 width: 7.77778vw;
 top: 0.20833vw;
 left: -0.34722vw;
}

.slogan__item-img_5 {
 width: 8.95833vw;
 top: -0.48611vw;
 left: 24.09722vw;
}

.catalog {
 padding-block: 9.86111vw 8.33333vw;
}

.catalog__title {
 text-align: center;
 font-size: 2.22222vw;
 font-weight: 700;
 line-height: 0.94;
 letter-spacing: -0.03em;
 background: url("data:image/svg+xml,%3Csvg width='90' height='30' viewBox='0 0 90 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M89.8848 14.9984L74.904 30L59.9199 14.9984L74.904 0L89.8848 14.9984Z' fill='%239DBF82'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.9617 14.9984L14.9809 30L0 14.9984L14.9809 0L29.9617 14.9984Z' fill='%23499D38'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M44.9418 30L59.9193 14.9984L44.9418 0L29.9609 14.9984L44.9418 30Z' fill='%233E613B'/%3E%3C/svg%3E%0A") no-repeat 50% 100%/6.25vw auto;
 padding-bottom: 6.25vw;
 margin-bottom: 4.30556vw;
}

.catalog__cards {
 display: flex;
 flex-wrap: wrap;
 gap: 6.25vw 2.13056vw;
}

.catalog__cards-wrapper {
 position: relative;
 padding-inline: 5.90278vw;
}

.catalog__cards.swiper {
 overflow: hidden;
}

.catalog .swiper-nav {
 gap: 80.69444vw;
 margin-top: 9.79167vw;
}

.catalog__card {
 width: 24.30556vw;
 display: block;
 text-align: center;
}

.swiper .catalog__card {
 margin-inline: auto;
}

.catalog__card-images {
 height: 24.30556vw;
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 z-index: 2;
 margin-bottom: 2.84722vw;
}

.catalog__card-img {
 width: 0;
 position: absolute;
 top: 50%;
 left: 50%;
 transition: 0.3s;
 transition-timing-function: cubic-bezier(0.47, 0, 0.23, 1.38);
}

.catalog__card-img_bar {
 width: 21.52778vw;
 top: auto;
 bottom: auto;
 left: auto;
 right: auto;
 z-index: 2;
 -webkit-filter: drop-shadow(0px 0.69444vw 1.38889vw rgba(0, 0, 0, 0.1));
         filter: drop-shadow(0px 0.69444vw 1.38889vw rgba(0, 0, 0, 0.1));
}

.catalog__card-img_apple_2, .catalog__card-img_apple {
 z-index: -1;
}

.catalog__card-bg {
 width: 17.22222vw;
 height: 17.22222vw;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: -1;
 rotate: 0 0 1 45deg;
 background: white;
 margin: auto;
}

.catalog__card-type {
 font-size: 1.11111vw;
 font-weight: 700;
 letter-spacing: -0.03em;
 margin-bottom: 1.38889vw;
}

.catalog__card-name {
 font-size: 2.22222vw;
 font-weight: 700;
 line-height: 0.94;
 letter-spacing: -0.03em;
 margin-bottom: 1.38889vw;
}

.catalog__card-food-value {
 font-size: 1.11111vw;
 font-family: var(--rubik);
 font-weight: 400;
 line-height: 1.5;
 margin-bottom: 2.77778vw;
}

.catalog__card-button {
 display: flex;
 max-width: 16.66667vw;
 min-height: 4.16667vw;
 margin-inline: auto;
}

.catalog__card:hover .catalog__card-img_bar {
 rotate: 0 0 1 45deg;
 translate: 0% -25% 0;
}
.catalog__card_apple_strawberry .catalog__card-img_strawberry-06 {
 z-index: -1;
}
.catalog__card_apple_strawberry .catalog__card-img_strawberry-07 {
 z-index: auto;
}
.catalog__card_apple_strawberry:hover .catalog__card-img_strawberry-05 {
 width: 14.65278vw;
 top: 8.81944vw;
 left: -2.98611vw;
}
.catalog__card_apple_strawberry:hover .catalog__card-img_strawberry-06 {
 width: 7.56944vw;
 top: 9.02778vw;
 left: 3.95833vw;
}
.catalog__card_apple_strawberry:hover .catalog__card-img_strawberry-07 {
 width: 8.95833vw;
 top: 13.61111vw;
 left: 9.93056vw;
}
.catalog__card_apple_strawberry:hover .catalog__card-img_strawberry-08 {
 width: 8.33333vw;
 top: 9.30556vw;
 left: 14.58333vw;
}
.catalog__card_apple_strawberry:hover .catalog__card-img_strawberry-09 {
 width: 8.26389vw;
 top: 1.59722vw;
 left: 15.83333vw;
}
.catalog__card_apple_strawberry:hover .catalog__card-img_apple {
 width: 22.22222vw;
 top: 5.06944vw;
 left: 2.91667vw;
}
.catalog__card_apple_blueberry .catalog__card-img_blueberry-10_2 {
 z-index: -1;
}
.catalog__card_apple_blueberry .catalog__card-img_bar {
 z-index: 0;
}
.catalog__card_apple_blueberry:hover .catalog__card-img_blueberry-06 {
 width: 6.94444vw;
 top: 10.20833vw;
 left: 0px;
}
.catalog__card_apple_blueberry:hover .catalog__card-img_blueberry-08 {
 width: 7.70833vw;
 top: 15vw;
 left: 10.27778vw;
}
.catalog__card_apple_blueberry:hover .catalog__card-img_blueberry-09 {
 width: 8.33333vw;
 top: 10.20833vw;
 left: 13.88889vw;
}
.catalog__card_apple_blueberry:hover .catalog__card-img_blueberry-10 {
 width: 6.66667vw;
 top: 12.98611vw;
 left: 15.69444vw;
}
.catalog__card_apple_blueberry:hover .catalog__card-img_blueberry-10_2 {
 width: 9.23611vw;
 top: 2.29167vw;
 left: 8.26389vw;
}
.catalog__card_apple_blueberry:hover .catalog__card-img_blueberry-11 {
 width: 7.63889vw;
 top: 1.80556vw;
 left: 15.97222vw;
}
.catalog__card_apple_blueberry:hover .catalog__card-img_blueberry-13 {
 width: 6.73611vw;
 top: 7.70833vw;
 left: 18.61111vw;
}
.catalog__card_apple_blueberry:hover .catalog__card-img_apple_2 {
 width: 21.52778vw;
 top: 5.55556vw;
 left: 1.45833vw;
}
.catalog__card_apple_blueberry:hover .catalog__card-img_bar {
 translate: -3% -17% 0;
}
.catalog__card_apple_mango .catalog__card-img_mango-01 {
 scale: -1 1 1;
}
.catalog__card_apple_mango:hover .catalog__card-img_mango-01 {
 width: 17.56944vw;
 top: 7.43056vw;
 left: -3.54167vw;
}
.catalog__card_apple_mango:hover .catalog__card-img_mango-05_2 {
 width: 22.43056vw;
 top: -5.97222vw;
 left: 6.94444vw;
}
.catalog__card_apple_mango:hover .catalog__card-img_mango-07 {
 width: 6.875vw;
 top: 9.72222vw;
 left: 17.5vw;
}
.catalog__card_apple_mango:hover .catalog__card-img_apple {
 width: 22.5vw;
 top: 4.86111vw;
 left: 2.77778vw;
}

.shops {
 color: white;
 text-align: center;
 padding-block: 6.11111vw 2.77778vw;
}

.shops__bg {
 height: 34.93056vw;
 top: auto;
 background: url("../../img/bar/shops/bg.jpg") repeat-x 50% 100%/auto 100%;
}

.shops__content {
 width: 29.44444vw;
 height: 29.44444vw;
 position: relative;
 z-index: 2;
 display: flex;
 flex-direction: column;
 align-items: center;
 padding-top: 7.22222vw;
 margin: 0 auto;
}

.shops__content-bg {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 rotate: 0 0 1 45deg;
 background: var(--green);
 box-shadow: 0px 1.38889vw 3.47222vw rgba(0, 0, 0, 0.15);
}

.shops__title {
 font-size: 3.33333vw;
 font-weight: 700;
 line-height: 0.7;
 letter-spacing: -0.03em;
 margin-bottom: 2.77778vw;
}

.shops__text {
 max-width: 23.61111vw;
 font-family: var(--rubik);
 font-size: 1.11111vw;
 font-weight: 400;
 line-height: 1.5;
 margin-bottom: 2.08333vw;
}

.shops__button {
 max-width: 16.66667vw;
 min-height: 4.16667vw;
}

.icon-ok:before {
 background-image: url("../../img/bar/icon/ok.svg");
}