@charset "UTF-8";
@import url("icons.css");
:root {
 --width-mobile: 29.86111vw;
 --width-desktop: 53.33333vw;
 --max-width-desktop: 100vw;
 --raleway: Raleway, sans-serif;
 --rubik: Rubik, sans-serif;
 --ttfirsneue: 'TT Firs Neue', sans-serif;
 --gap: 1.38889vw;
 --black: #333;
 --grey: #999;
 --grey-dark: #333;
 --grey-light: #E3E3E3;
 --green: #499D38;
 --green-grey: #ADD5A5;
 --green-light: #DCF2CA;
 --green-dark: #31572E;
 --purple-dark: #4F007D;
 --purple-light: #732AB0;
 --pink-dark: #F67594;
 --pink-light: #F799B4;
 --orange-dark: #D95900;
 --orange-light: #F37D01;
}

/**********/
/* Fonts */
@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 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 ExtraBold"), local("Raleway-ExtraBold"), url("fonts/raleway-extrabold.woff") format("woff");
 font-weight: 800;
 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;
}

/*************/
/* 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: white;
 /*.page-violet & { background: var(--purple-light); }
	.page-pink & { background: var(--pink-light); }
	.page-regular & { background: var(--orange-light); }*/
}

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

.container-bg {
 width: 100vw;
 position: absolute;
 top: 0;
 bottom: 0;
 left: -50vw;
 right: -50vw;
 z-index: -1;
 margin-inline: auto;
}

@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);
}

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

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

.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: var(--grey-dark);
 background: var(--grey-dark);
}

.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: var(--grey-dark);
}

.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-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;
 color: white;
}

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

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

.header__menu-item_active {
 color: var(--green-grey);
 text-decoration: none !important;
}

.header__menu a:hover {
 color: var(--green-light);
}

.header__logo {
 width: 9.02778vw;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 translate: 13.26389vw 0 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%;
}

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

.header__title {
 width: 100%;
 display: flex;
 justify-content: space-between;
 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: 4.16667vw;
}

.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: white url("../../img/chips/footer/bg_green.svg") repeat-x 50% 100%/auto 32.56944vw;
}

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

.page-index .footer__bg {
 background: none;
}

.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: 35.76389vw;
}

.main__bg {
 z-index: unset;
 background: linear-gradient(0deg, #31572E 20.65%, #499D38 100%);
}

.page-violet .main__bg {
 background: var(--purple-dark);
}

.page-pink .main__bg {
 background: var(--pink-dark);
}

.page-regular .main__bg {
 background: var(--orange-dark);
}

.main__bg-decor {
 height: 100%;
 position: relative;
 z-index: 1;
 bottom: -2.5vw;
 background: url("../../img/chips/main/decor.svg") repeat-x 50% 100%/auto 14.375vw;
}

.main-title {
 z-index: 0;
 text-align: center;
 color: var(--green);
 font-size: 3.33333vw;
 font-weight: 700;
 letter-spacing: -0.03em;
 padding-block: 7.70833vw;
}

.main-title__bg {
 align-content: end;
 background: var(--green-light);
}

.main-title__bg-decor {
 height: 2.15278vw;
 background: white url("../../img/chips/common/decor-green_down.svg") repeat-x 50% 0/auto 100%;
}

.catalog {
 z-index: 0;
 padding-block: 7.63889vw 3.95833vw;
}

.catalog__bg {
 background: white;
}

.catalog__title {
 text-align: center;
 color: var(--grey);
 font-size: 3.33333vw;
 font-weight: 700;
 letter-spacing: -0.03em;
 margin-bottom: 7.63889vw;
}

.catalog__cards {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 8.33333vw;
}

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

.catalog__cards.swiper {
 overflow: hidden;
}

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

.catalog__card {
 width: 19.44444vw;
 display: flex;
 flex-direction: column;
 font-size: 1.11111vw;
 padding-left: 1.38889vw;
}

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

.catalog__card-images {
 width: 16.66667vw;
 height: 21.80556vw;
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-left: -1.38889vw;
}

.catalog__card-img {
 position: absolute;
 -webkit-filter: drop-shadow(0px 1.38889vw 2.08333vw rgba(0, 0, 0, 0.25));
         filter: drop-shadow(0px 1.38889vw 2.08333vw rgba(0, 0, 0, 0.25));
 transition: 0.3s cubic-bezier(0.47, 0, 0.23, 1.38);
}

.catalog__card-img_1 {
 width: 16.66667vw;
}

.catalog__card-img_2 {
 width: 12.5vw;
}

.catalog__card-name {
 min-height: 3em;
 font-size: 2.22222vw;
 font-weight: 700;
 line-height: 0.94;
 letter-spacing: -0.03em;
 margin-block: 2.43056vw 1.04167vw;
}

.catalog__card-type {
 font-family: var(--rubik);
 margin-bottom: 2.77778vw;
}

.catalog__card-desc {
 font-family: var(--rubik);
 line-height: 1.5;
 border-top: 0.34722vw solid var(--grey-light);
 padding: 1.04167vw 2.77778vw 2.43056vw 1.38889vw;
 margin: 0 0 auto -1.38889vw;
}

.catalog__card-ingredients {
 color: var(--grey);
 font-weight: 700;
 letter-spacing: -0.03em;
 margin-bottom: 0.34722vw;
}

.catalog__card-packing {
 color: var(--grey);
 margin-bottom: 2.43056vw;
}

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

.catalog__card:not([href]) .catalog__card-button {
 color: var(--grey-light);
 cursor: default;
}

.catalog__card_violet .catalog__card-desc {
 border-color: var(--purple-light);
}

.catalog__card_violet .catalog__card-ingredients {
 color: var(--purple-light);
}

.catalog__card_pink .catalog__card-desc {
 border-color: var(--pink-light);
}

.catalog__card_pink .catalog__card-ingredients {
 color: var(--pink-light);
}

.catalog__card_regular .catalog__card-desc {
 border-color: var(--orange-light);
}

.catalog__card_regular .catalog__card-ingredients {
 color: var(--orange-light);
}

.catalog__card:hover .catalog__card-img_1 {
 rotate: 0 0 1 10deg;
 translate: 15% 0 0;
}

.catalog__card:hover .catalog__card-img_2 {
 rotate: 0 0 1 -10deg;
 translate: -41% 0 0;
}

.catalog__footer-title {
 text-align: center;
 color: var(--grey);
 font-size: 2.22222vw;
 font-weight: 700;
 line-height: 0.94;
 letter-spacing: -0.03em;
 margin-block: 7.08333vw 2.77778vw;
}

.catalog__footer-text {
 text-align: center;
 max-width: 38.19444vw;
 font-size: 1.11111vw;
 font-family: var(--rubik);
 line-height: 1.5;
 margin-inline: auto;
}

.shops {
 position: relative;
 z-index: 2;
 color: white;
 text-align: center;
 padding-block: 2.77778vw;
}

.shops__bg {
 height: 34.93056vw;
 top: auto;
 background: url("../../img/chips/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;
}