:root {
 --gap: 4.65116vw;
}

/* ******* */
/* Layout */
body {
 min-width: 0;
 font-size: 3.72093vw;
}

.container {
 padding-inline: var(--gap);
}

.d-desktop {
 display: none !important;
}

/***********/
/* Common */
.h2 {
 font-size: 2.7907vw;
}

.dir-rtl .h2 {
 padding-bottom: 2.32558vw;
}

/* Lists */
.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.56744vw;
}

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

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

.button_rounded {
 font-size: 4.18605vw;
 border-radius: 1.16279vw;
}

.button_bordered {
 border-width: 1px;
}

.swiper-desktop:not(.swiper-initialized) {
 opacity: 1;
}

.swiper-horizontal > .swiper-scrollbar {
 width: auto;
 height: 1.39535vw;
 left: 9.30233vw;
 right: 9.30233vw;
 margin-top: 9.30233vw;
}

.swiper-button {
 width: 16.04651vw;
 height: 16.04651vw;
 font-size: 5.5814vw;
}

.swiper-button:before {
 width: 11.39535vw;
 height: 11.39535vw;
}

.popup__inner {
 display: flex;
 padding: 0;
}

.popup__buttons {
 position: absolute;
 top: 4.65116vw;
 right: 4.65116vw;
 order: 2;
}

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

.header_common {
 padding-top: 13.95349vw;
}

.header__logo {
 width: 20.93023vw;
 translate: 0;
}

.header-socials {
 gap: 2.32558vw;
}

.header-socials__item {
 width: 5.5814vw;
 height: 5.5814vw;
 font-size: 5.5814vw;
}

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

.header__title {
 justify-content: center;
 flex-wrap: wrap;
 font-size: 11.16279vw;
 line-height: 0.9;
 -webkit-filter: drop-shadow(0px 0.69767vw 0.69767vw rgba(0, 0, 0, 0.25));
         filter: drop-shadow(0px 0.69767vw 0.69767vw rgba(0, 0, 0, 0.25));
 margin-top: 23.95349vw;
}

.header__button-menu {
 width: 5.5814vw;
 height: 5.5814vw;
 font-size: 5.5814vw;
}

.footer {
 padding-block: 27.90698vw 53.02326vw;
}

.page-index .footer {
 padding-block: 29.06977vw 53.02326vw;
}

.footer__bg {
 background-size: auto 121.62791vw;
}

.footer__bg-decor {
 background-size: auto 32.09302vw;
}

.footer-title {
 font-size: 5.5814vw;
 margin-bottom: 2.32558vw;
}

.footer-bottom {
 width: 100%;
 flex-direction: column;
 gap: 0;
 text-align: center;
}

.footer-contact {
 font-size: 11.16279vw;
 margin-top: 0;
}

.footer-time {
 font-size: 3.72093vw;
 margin-top: 2.32558vw;
}

.main {
 min-height: 119.76744vw;
}

.main__bg-decor {
 bottom: -8.37209vw;
 background-size: auto 48.13953vw;
}

.main-title {
 font-size: 11.16279vw;
 padding-block: 25.81395vw;
}

.main-title__bg-decor {
 height: 7.2093vw;
}

.catalog {
 padding-block: 20.93023vw;
}

.catalog__title {
 font-size: 7.44186vw;
 margin-bottom: 25.5814vw;
}

.catalog__cards {
 flex-direction: column;
 align-items: center;
 gap: 13.95349vw;
}

.catalog__cards.swiper {
 overflow: visible;
}

.catalog .swiper-nav {
 gap: 58.60465vw;
 margin-top: 21.16279vw;
}

.catalog__card {
 width: 65.11628vw;
 font-size: 3.72093vw;
 padding-inline: 4.65116vw;
}

.catalog__card-images {
 width: 55.81395vw;
 height: 73.02326vw;
 margin-left: -4.65116vw;
}

.catalog__card-img {
 -webkit-filter: drop-shadow(0px 4.65116vw 6.97674vw rgba(0, 0, 0, 0.25));
         filter: drop-shadow(0px 4.65116vw 6.97674vw rgba(0, 0, 0, 0.25));
}

.catalog__card-img_1 {
 width: 55.81395vw;
}

.catalog__card-img_2 {
 width: 41.86047vw;
}

.catalog__card-name {
 font-size: 7.44186vw;
 margin-block: 8.13953vw 3.48837vw;
}

.catalog__card-type {
 margin-bottom: 8.13953vw;
}

.catalog__card-desc {
 min-height: 5em;
 border-width: 1.16279vw;
 padding: 3.48837vw 9.30233vw 0 4.65116vw;
 margin: 0 -4.65116vw 8.13953vw;
}

.catalog__card-ingredients {
 margin-bottom: 1.16279vw;
}

.catalog__card-packing {
 margin-bottom: 8.13953vw;
}

.catalog__card-button {
 max-width: 55.81395vw;
 min-height: 13.95349vw;
}

.shops {
 padding-block: 5.81395vw;
}

.shops__bg {
 height: 79.06977vw;
}

.shops__content {
 width: 67.44186vw;
 height: 67.44186vw;
 padding-top: 8.13953vw;
}

.shops__content-bg {
 box-shadow: 0px 4.65116vw 11.62791vw rgba(0, 0, 0, 0.15);
}

.shops__title {
 font-size: 5.5814vw;
 letter-spacing: -0.01em;
 margin-bottom: 4.65116vw;
}

.shops__text {
 max-width: none;
 font-size: 3.72093vw;
 margin-bottom: 3.48837vw;
}

.shops__button {
 max-width: 48.83721vw;
 min-height: 14.65116vw;
}

.popup-header__logo {
 width: 20.93023vw;
 margin: 0 auto 13.95349vw;
}

.popup-header__menu {
 display: flex;
 flex-direction: column;
 gap: 13.95349vw;
 text-align: center;
 color: white;
 font-size: 5.5814vw;
 font-weight: 800;
 letter-spacing: -0.03em;
 margin-bottom: auto;
}

.popup-header .header-socials {
 width: 100%;
 justify-content: center;
 margin: 0 0 13.95349vw;
}

.popup-header .footer-title {
 font-size: 3.72093vw;
 font-weight: bold;
 letter-spacing: -0.03em;
 margin-bottom: 4.65116vw;
}

.popup-header .footer-bottom {
 padding-bottom: 27.90698vw;
}

.popup-header .footer-contact {
 font-size: 7.44186vw;
}

.popup-header .footer-contact_email {
 color: #ADD5A5;
}
