* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

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

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

button {
  cursor: pointer;
  background: none;
}

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

a {
  color: inherit;
  text-decoration: none;
}

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

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

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

@font-face {
  font-family: "Google Sans Flex";
  src: url("../fonts/google-sans-flex-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans Flex";
  src: url("../fonts/google-sans-flex-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans Flex";
  src: url("../fonts/google-sans-flex-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans Flex";
  src: url("../fonts/google-sans-flex-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hops And Barley";
  src: url("../fonts/hops-and-barley-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 25px;
  max-width: 100%;
}
@media (max-width: 576px) {
  .container {
    padding: 0 19px;
  }
}
@media (min-width: 575px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 820px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1230px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1486px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1550px;
  }
}

body {
  color: #263c29;
  font-size: 18px;
  font-family: "Google Sans Flex", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  background: #fff;
}

html {
  height: 100%;
  margin-top: 0 !important;
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

header {
  flex: 0 0 auto;
}

main {
  position: relative;
  flex: 1 0 auto;
}

footer {
  flex: 0 0 auto;
}

html :where(.wp-block) {
  max-width: 90% !important;
}

.editor-styles-wrapper {
  padding-bottom: 0 !important;
  overflow: hidden;
}

h1, h2, h3 {
  color: #447d07;
}

h1, h2, h3, h4, .title-page, .display {
  overflow-wrap: break-word;
}

h1 {
  font-size: clamp(32px, 100vw / 1600 * 60, 60px);
  font-weight: 700;
  line-height: 1.25;
}

h1 small {
  font-size: clamp(16px, 100vw / 1600 * 20, 20px);
  font-weight: 400;
  letter-spacing: 0.01em;
}

h2 {
  font-size: clamp(35px, 100vw / 1600 * 60, 60px);
  font-weight: 700;
  line-height: 1.25;
}

h3, .h3 {
  font-size: clamp(30px, 100vw / 1600 * 35, 35px);
  font-weight: 700;
  line-height: 1.25;
}

h4 {
  font-size: clamp(25px, 100vw / 1600 * 25, 25px);
  font-weight: 700;
  line-height: 1.25;
}

h5 {
  font-size: clamp(16px, 100vw / 1600 * 20, 20px);
  font-weight: 700;
  line-height: 1.25;
}

p {
  font-size: clamp(18px, 100vw / 1600 * 20, 20px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  margin-bottom: 20px;
}
p:last-child {
  margin-bottom: 0;
}
p a {
  text-decoration: underline;
  color: inherit;
  transition: 0.3s;
}
p a:hover {
  text-decoration: none;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.28;
  white-space: nowrap;
  color: #fff;
  background: #87b713;
  border: 1px solid #87b713;
  border-radius: 10px;
  padding: 12px 25px 13px;
  transition: 0.3s;
}
.btn img {
  flex-shrink: 0;
}
.btn:hover {
  background: #447d07;
  border-color: #447d07;
  color: #fff;
}

.title-h2 {
  font-size: clamp(28px, 100vw / 1600 * 40, 40px);
  line-height: 1.25;
}

.textlink {
  font-size: clamp(16px, 100vw / 1600 * 20, 20px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.01em;
  overflow-wrap: anywhere;
  transition: 0.3s;
}

.list {
  font-size: clamp(16px, 100vw / 1600 * 20, 20px);
  line-height: 1.5;
  letter-spacing: 0.01em;
  list-style: disc;
  padding-left: 20px;
}
.list li {
  list-style: inherit;
  margin-bottom: 10px;
}
.list li:last-child {
  margin-bottom: 0;
}

.list-check {
  padding-left: 35px;
}
.list-check li {
  position: relative;
  list-style: none;
}
.list-check li:before {
  content: "";
  position: absolute;
  left: -35px;
  top: 4px;
  width: 23px;
  height: 23px;
  background: url("../img/icon-check-circle.svg") no-repeat center/contain;
}

.title-page {
  font-family: "Hops And Barley", "Google Sans Flex", sans-serif;
  font-weight: 400;
  font-size: clamp(50px, 100vw / 1600 * 105, 105px);
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
}

.lead {
  font-size: clamp(25px, 100vw / 1600 * 35, 35px);
  font-weight: 700;
  line-height: 1.25;
}

.display {
  font-family: "Hops And Barley", "Google Sans Flex", sans-serif;
  font-weight: 400;
  font-size: clamp(50px, 100vw / 1600 * 90, 90px);
  line-height: 0.9;
  text-transform: uppercase;
  color: #87b713;
}

.m-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 22px;
}
@media (max-width: 820px) {
  .m-price {
    align-items: center;
    gap: 20px;
  }
}
.m-price .label {
  font-size: clamp(20px, 100vw / 1600 * 30, 30px);
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
}
.m-price .price {
  display: flex;
  align-items: baseline;
  gap: 20px;
  padding: 5px 20px;
  background: #fff;
  border-radius: 10px;
  color: #263c29;
}
@media (max-width: 576px) {
  .m-price .price {
    gap: 16px;
    padding: 5px 15px;
  }
}
.m-price .price strong {
  font-size: clamp(45px, 100vw / 1600 * 75, 75px);
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
}
.m-price .price span {
  font-size: clamp(16px, 100vw / 1600 * 20, 20px);
  white-space: nowrap;
}

.m-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 4px 15px;
  border: 1px solid #447d07;
  border-radius: 100px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.28;
  color: #447d07;
  white-space: nowrap;
}
.m-badge img {
  flex-shrink: 0;
}

.m-card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 482px;
  padding: 40px 16px;
  text-align: center;
}
@media (max-width: 576px) {
  .m-card {
    min-height: 0;
    padding: 27px 16px 26px;
  }
}
.m-card {
  color: #263c29;
}
.m-card:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #fff;
  border-radius: 20px;
  transition: 0.3s;
}
@media (hover: hover) {
  .m-card:hover:before {
    inset: -25px 0;
  }
}
.m-card h4 {
  margin-top: 29px;
}
@media (max-width: 576px) {
  .m-card h4 {
    margin-top: 12px;
  }
}
.m-card .image {
  margin: auto 0;
  transform: translateY(-10px);
}
.m-card .image img {
  height: auto;
}
@media (max-width: 576px) {
  .m-card .image {
    margin: 12px 0 20px;
    transform: none;
  }
  .m-card .image img {
    width: auto;
    max-height: 101px;
  }
}
.m-card .btn img {
  transition: 0.3s;
}
.m-card:hover .btn img {
  filter: brightness(0) invert(1);
}

.m-offer {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}
.m-offer .image img {
  display: block;
  width: 100%;
  height: auto;
}
.m-offer .content-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  gap: 10px;
  padding: 40px;
}
@media (max-width: 820px) {
  .m-offer .content-box {
    padding: 30px 20px;
  }
}
@media (max-width: 576px) {
  .m-offer .content-box {
    padding: 40px 25px;
  }
}
.m-offer .label {
  padding: 3px 10px 3px 8px;
  background: #447d07;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
}
.m-offer h4 {
  color: #447d07;
}
.m-offer p {
  margin: 0;
}
@media (max-width: 576px) {
  .m-offer p {
    font-size: 20px;
  }
}
.m-offer .content-box > :has(+ .price) {
  margin-bottom: 20px;
}
.m-offer .content-box > .btn {
  margin-top: auto;
}
.m-offer .price {
  margin-top: auto;
  padding: 4px 20px 6px;
}
@media (max-width: 820px) {
  .m-offer .price {
    padding: 4px 15px 6px;
  }
}
.m-offer .price {
  background: #87b713;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.25;
  color: #fff;
  white-space: nowrap;
}
.m-offer .price strong {
  font-size: 40px;
  font-weight: 700;
}

.m-store {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 40px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 7.5px rgba(0, 87, 39, 0.1);
  transition: box-shadow 0.3s;
}
@media (max-width: 576px) {
  .m-store {
    padding: 30px 25px;
  }
}
.m-store .head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.m-store .head img {
  display: block;
}
.m-store .info,
.m-store .feature,
.m-store .phone {
  padding-top: 19px;
  border-top: 1px solid rgba(181, 190, 189, 0.5);
}
.m-store .name {
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #447d07;
}
.m-store .address {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
.m-store .hours {
  display: grid;
  grid-template-columns: 86px 1fr;
  align-content: start;
  min-height: 54px;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
.m-store .hours .day {
  font-weight: 600;
}
.m-store .feature,
.m-store .phone {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
.m-store .feature img,
.m-store .phone img {
  flex-shrink: 0;
}
.m-store .phone {
  transition: 0.3s;
}
.m-store .phone:hover {
  color: #447d07;
}

.m-store[hidden] {
  display: none;
}

.m-store.is-highlight {
  box-shadow: 0 0 0 3px #87b713;
}

.m-store .status {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 10px 3px 8px;
  background: #447d07;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
  white-space: nowrap;
}

.m-store .status.is-closed {
  padding-left: 10px;
  background: #b5bebd;
}
.m-store .status.is-closed img {
  display: none;
}

.m-map {
  position: relative;
  isolation: isolate;
  height: 509px;
}
@media (max-width: 576px) {
  .m-map {
    height: 400px;
  }
}
.m-map {
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}
.m-map .preview {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.m-map .consent {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 20px;
  background: rgba(38, 60, 41, 0.55);
  text-align: center;
  color: #fff;
}
.m-map .consent p {
  font-size: 18px;
}
.m-map .consent p a {
  color: #fff;
}
.m-map .canvas {
  position: absolute;
  inset: 0;
  z-index: 1;
  visibility: hidden;
}
.m-map .leaflet-popup-content {
  margin: 15px 20px;
  font-family: "Google Sans Flex", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
.m-map .leaflet-popup-content strong {
  display: block;
  color: #447d07;
  font-size: 18px;
}

.m-map.is-active .consent,
.m-map.is-active .preview {
  display: none;
}
.m-map.is-active .canvas {
  visibility: visible;
}

.m-download {
  border-bottom: 1px solid rgba(107, 119, 86, 0.2);
}
.m-download .item {
  display: grid;
  grid-template-columns: 95px 1fr auto;
  align-items: center;
  padding: 19px 20px 20px;
  border-top: 1px solid rgba(107, 119, 86, 0.2);
  color: #263c29;
  transition: 0.3s;
}
.m-download .item:hover {
  color: #447d07;
}
@media (max-width: 576px) {
  .m-download .item {
    grid-template-columns: 1fr auto;
    grid-template-areas: "name icon" "meta icon";
    -moz-column-gap: 15px;
    column-gap: 15px;
    padding: 14px 5px 15px;
  }
  .m-download .item img {
    grid-area: icon;
  }
}
@media (max-width: 576px) {
  .m-download .meta {
    grid-area: meta;
  }
}
.m-download .meta {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media (max-width: 576px) {
  .m-download .name {
    grid-area: name;
  }
}
.m-download .name {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.m-value {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-height: 379px;
}
@media (max-width: 820px) {
  .m-value {
    min-height: 0;
  }
}
.m-value {
  padding: 25px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.1);
}
.m-value img {
  width: auto;
  height: 60px;
}
.m-value h5 {
  color: #447d07;
}
.m-value p {
  margin: 0;
  font-size: 18px;
  letter-spacing: 0;
}

.m-contacts {
  max-width: 395px;
  font-size: clamp(16px, 100vw / 1600 * 20, 20px);
  line-height: 1.5;
  letter-spacing: 0.01em;
}
.m-contacts strong {
  display: block;
  font-weight: 600;
}
.m-contacts a {
  display: block;
  transition: 0.3s;
}
.m-contacts a:hover {
  color: #447d07;
}
.m-contacts .address {
  padding-bottom: 28px;
}
.m-contacts .item {
  display: grid;
  grid-template-columns: 32px 1fr;
  align-items: center;
  gap: 18px;
  padding: 20px 0 26px;
  border-top: 1px solid rgba(107, 119, 86, 0.2);
}
.m-contacts .item + .item {
  padding: 23px 0 0;
}

.m-job {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  min-height: 103px;
  padding: 20px 37px 19px 40px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  color: #263c29;
}
@media (max-width: 576px) {
  .m-job {
    gap: 15px;
    padding: 20px 20px 20px 25px;
  }
}
.m-job > div {
  min-width: 0;
}
@media (max-width: 576px) {
  .m-job h4 {
    font-size: 20px;
  }
}
.m-job h4 {
  transition: 0.3s;
}
.m-job h4 span {
  font-size: 18px;
  font-weight: 400;
}
.m-job .meta {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
}
.m-job img {
  flex-shrink: 0;
  transition: 0.3s;
}
.m-job:hover h4 {
  color: #447d07;
}
.m-job:hover img {
  transform: translateX(5px);
}

.m-video {
  display: block;
  color: #263c29;
}
.m-video .image {
  position: relative;
  display: block;
  height: 250px;
  overflow: hidden;
  border-radius: 20px;
}
.m-video .image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.3s;
}
.m-video .label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #fff;
}
.m-video .title {
  display: block;
  margin-top: 19px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.01em;
  transition: 0.3s;
}
.m-video:hover .image > img {
  transform: scale(1.05);
}
.m-video:hover .title {
  color: #447d07;
}

.m-ticker .track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: ticker 40s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .m-ticker .track {
    animation: none;
  }
}
.m-ticker .group {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-right: 15px;
}
.m-ticker .word {
  font-family: "Hops And Barley", "Google Sans Flex", sans-serif;
  font-size: clamp(40px, 100vw / 1600 * 60, 60px);
  line-height: 1;
  white-space: nowrap;
  color: #447d07;
}
.m-ticker .word:first-child {
  color: #87b713;
}
.m-ticker img {
  flex-shrink: 0;
  height: auto;
  filter: drop-shadow(0 7px 14px rgba(0, 0, 0, 0.25));
}
.m-ticker img:nth-of-type(2) {
  filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.25));
}

@keyframes ticker {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
header {
  position: fixed;
  top: clamp(15px, 100vw / 1600 * 45, 45px);
  left: 0;
  width: 100%;
  z-index: 100;
}
@media (max-width: 576px) {
  header {
    top: 0;
  }
}
@media (max-width: 576px) {
  header .container {
    padding: 0;
  }
}
@media (max-width: 576px) {
  header .btn {
    width: 50px;
    height: 50px;
    padding: 0;
  }
  header .btn span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}

.wrapper-menu {
  position: relative;
  display: flex;
  align-items: center;
  gap: 35px;
  height: clamp(70px, 100vw / 1600 * 95, 95px);
  padding: 9px 30px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15);
}
@media (max-width: 1536px) {
  .wrapper-menu {
    gap: 22px;
  }
}
@media (max-width: 576px) {
  .wrapper-menu {
    gap: 10px;
    height: 80px;
    padding: 15px 18px 15px 29px;
    border-radius: 0;
    box-shadow: none;
  }
}

.logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: auto;
  width: clamp(140px, 100vw / 1600 * 222, 222px);
}
@media (max-width: 576px) {
  .logo {
    width: 168px;
  }
}
.logo img {
  display: block;
  width: 100%;
  height: auto;
}

.burger,
.close_menu {
  display: none;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #447d07;
  border-radius: 10px;
  cursor: pointer;
}
@media (max-width: 1280px) {
  .burger,
  .close_menu {
    display: flex;
  }
}

.close_menu {
  display: none;
}

@media (max-width: 1280px) {
  .main_menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    max-height: calc(var(--vh, 1vh) * 100 - 140px);
    padding: 42px 28px 40px 29px;
    background: #87b713;
    border-radius: 10px;
    box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15);
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: 0.3s;
    z-index: 99;
  }
}
@media (max-width: 576px) {
  .main_menu {
    top: 100%;
    height: calc(var(--vh, 1vh) * 100 - 80px);
    max-height: none;
    border-radius: 0;
    box-shadow: none;
  }
}
.main_menu > ul {
  display: flex;
  align-items: center;
  gap: 35px;
}
@media (max-width: 1536px) {
  .main_menu > ul {
    gap: 22px;
  }
}
@media (max-width: 1280px) {
  .main_menu > ul {
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }
}
.main_menu > ul > li {
  position: relative;
}
.main_menu > ul > li > a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.28;
  color: #263c29;
  white-space: nowrap;
  transition: 0.3s;
}
.main_menu > ul > li > a:hover {
  color: #87b713;
}
@media (max-width: 1536px) {
  .main_menu > ul > li > a {
    font-size: 16px;
  }
}
@media (max-width: 1280px) {
  .main_menu > ul > li > a {
    justify-content: space-between;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
  }
  .main_menu > ul > li > a:hover {
    color: #fff;
  }
}
.main_menu .menu-item-has-children > a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11px;
  height: 6px;
  transition: 0.3s;
}
@media (max-width: 1280px) {
  .main_menu .menu-item-has-children > a .icon {
    width: 19px;
    height: 10px;
  }
}
.main_menu .menu-item-has-children > a .icon img {
  display: block;
}
.main_menu .menu-item-has-children > a .icon .active,
.main_menu .menu-item-has-children > a .icon .mobile {
  display: none;
}
@media (max-width: 1280px) {
  .main_menu .menu-item-has-children > a .icon img {
    display: none;
  }
  .main_menu .menu-item-has-children > a .icon .mobile {
    display: block;
  }
}
@media (min-width: 1281px) {
  .main_menu .menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
  }
  .main_menu .menu-item-has-children:hover .icon {
    transform: rotate(180deg);
  }
}
.main_menu .sub-menu {
  position: absolute;
  top: calc(100% + (clamp(70px, 100vw / 1600 * 95, 95px) - 23px) / 2);
  left: -25px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  min-width: 222px;
  padding: 17px 25px 30px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 99;
}
.main_menu .sub-menu:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 40px;
}
@media (max-width: 1280px) {
  .main_menu .sub-menu {
    position: static;
    display: none;
    gap: 20px;
    min-width: 0;
    padding: 32px 0 0 15px;
    background: none;
    opacity: 1;
    visibility: visible;
  }
  .main_menu .sub-menu:before {
    content: none;
  }
}
.main_menu .sub-menu a {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.28;
  color: #263c29;
  white-space: nowrap;
  transition: 0.3s;
}
.main_menu .sub-menu a:hover {
  color: #87b713;
}
@media (max-width: 1280px) {
  .main_menu .sub-menu a {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25;
    color: #fff;
  }
  .main_menu .sub-menu a:hover {
    color: #fff;
  }
}

.main_menu .current-menu-item > a,
.main_menu .current-menu-ancestor > a {
  color: #447d07;
}
@media (max-width: 1280px) {
  .main_menu .current-menu-item > a,
  .main_menu .current-menu-ancestor > a {
    color: #263c29;
  }
}
.main_menu .current-menu-item > a .icon img,
.main_menu .current-menu-ancestor > a .icon img {
  display: none;
}
.main_menu .current-menu-item > a .icon .active,
.main_menu .current-menu-ancestor > a .icon .active {
  display: block;
}
@media (max-width: 1280px) {
  .main_menu .current-menu-item > a .icon .active,
  .main_menu .current-menu-ancestor > a .icon .active {
    display: none;
  }
  .main_menu .current-menu-item > a .icon .mobile,
  .main_menu .current-menu-ancestor > a .icon .mobile {
    display: block;
  }
}

.main_menu.active {
  opacity: 1;
  visibility: visible;
  transform: none;
}

@media (min-width: 1281px) {
  .main_menu .menu-item-has-children.active .icon {
    transform: rotate(180deg);
  }
}
@media (max-width: 1280px) {
  .main_menu .menu-item-has-children.active > .sub-menu {
    display: flex;
  }
}

.s-page-hero {
  position: relative;
  isolation: isolate;
  text-align: center;
  padding: clamp(120px, 100vw / 1600 * 185, 185px) 0 clamp(90px, 100vw / 1600 * 116, 116px) 0;
}
@media (max-width: 576px) {
  .s-page-hero {
    padding: 213px 0 0;
  }
}
@media (max-width: 576px) {
  .s-page-hero .bg {
    top: 80px;
    bottom: auto;
    height: 133px;
  }
}
@media (max-width: 576px) {
  .s-page-hero .container {
    margin-top: 25px;
    margin-bottom: 43px;
  }
}
@media (max-width: 576px) {
  .s-page-hero .title-page {
    color: #447d07;
  }
}
.s-page-hero .lead {
  margin-top: 27px;
  color: #fff;
}
@media (max-width: 576px) {
  .s-page-hero .lead {
    max-width: 305px;
    margin: 22px auto 0;
    color: #447d07;
  }
}

.s-page-hero-small {
  min-height: 370px;
  padding: clamp(120px, 100vw / 1600 * 205, 205px) 0 clamp(40px, 100vw / 1600 * 59, 59px) 0;
}
@media (max-width: 576px) {
  .s-page-hero-small {
    min-height: 0;
    padding: 213px 0 0;
  }
}

.s-page-hero-plain {
  background: #f6f0e8;
}
@media (max-width: 576px) {
  .s-page-hero-plain {
    padding: 120px 0 40px;
  }
}
@media (max-width: 576px) {
  .s-page-hero-plain .container {
    margin: 0 auto;
  }
}
.s-page-hero-plain .title-page {
  color: #447d07;
}

.s-text .container {
  max-width: calc(1235px + 50px);
}
.s-text .inner-box {
  max-width: 919px;
}
.s-text .title-h2 + .inner-box {
  margin-top: 30px;
}

.s-text-intro {
  margin: clamp(60px, 100vw / 1600 * 132, 132px) 0 0 0;
}
.s-text-intro .inner-box {
  margin-top: 45px;
}
@media (max-width: 576px) {
  .s-text-intro .inner-box {
    margin-top: 25px;
  }
}

.s-text-second {
  margin: clamp(60px, 100vw / 1600 * 144, 144px) 0 0 0;
}
.s-text-second .inner-box {
  margin-top: 39px;
}
@media (max-width: 576px) {
  .s-text-second .inner-box {
    margin-top: 25px;
  }
}

.s-text-regional {
  margin: clamp(50px, 100vw / 1600 * 102, 102px) 0 0 0;
}

.s-text-market {
  margin: clamp(50px, 100vw / 1600 * 88, 88px) 0 0 0;
}

.s-text-sponsoring {
  margin: clamp(50px, 100vw / 1600 * 90, 90px) 0 0 0;
}

.s-text-certs {
  margin: clamp(60px, 100vw / 1600 * 131, 131px) 0 0 0;
}
.s-text-certs .inner-box {
  margin-top: 28px;
}
.s-text-certs .list {
  margin-top: 28px;
}

.s-text-career {
  margin: clamp(60px, 100vw / 1600 * 151, 151px) 0 0 0;
}
.s-text-career .inner-box {
  max-width: 943px;
  margin-top: 19px;
}

.s-cta {
  margin: clamp(60px, 100vw / 1600 * 142, 142px) 0 clamp(60px, 100vw / 1600 * 159, 159px) 0;
}
@media (max-width: 576px) {
  .s-cta {
    margin: 65px 0 120px;
  }
}
.s-cta .wrapper-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  max-width: 1235px;
  margin: 0 auto;
}
@media (max-width: 820px) {
  .s-cta .wrapper-box {
    grid-template-columns: minmax(0, 1fr);
  }
}
.s-cta .left-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  padding: 83px 55px 85px;
  background: #447d07;
  border-radius: 20px 0 0 20px;
  color: #fff;
}
@media (max-width: 820px) {
  .s-cta .left-box {
    padding: 60px 50px;
    border-radius: 20px 20px 0 0;
  }
}
@media (max-width: 576px) {
  .s-cta .left-box {
    padding: 50px 25px;
  }
}
.s-cta h3 {
  color: #f6f0e8;
}
.s-cta p {
  max-width: 507px;
}
@media (max-width: 576px) {
  .s-cta p {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.s-cta .btn:hover {
  background: #fff;
  border-color: #fff;
  color: #447d07;
}
.s-cta .image {
  height: 100%;
}
@media (max-width: 820px) {
  .s-cta .image {
    height: 400px;
  }
}
@media (max-width: 576px) {
  .s-cta .image {
    height: 278px;
  }
}
.s-cta .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0 20px 20px 0;
}
@media (max-width: 820px) {
  .s-cta .image img {
    border-radius: 0 0 20px 20px;
  }
}

.s-cta-app {
  margin: clamp(60px, 100vw / 1600 * 135, 135px) 0 clamp(120px, 100vw / 1600 * 175, 175px) 0;
}

.s-cta-lunch {
  margin: clamp(60px, 100vw / 1600 * 100, 100px) 0 clamp(120px, 100vw / 1600 * 140, 140px) 0;
}

.s-cta-kitchen {
  margin: clamp(60px, 100vw / 1600 * 132, 132px) 0 0 0;
}

.s-cta-quality {
  margin: clamp(50px, 100vw / 1600 * 105, 105px) 0 0 0;
}

.s-cta-standards {
  margin: clamp(50px, 100vw / 1600 * 96, 96px) 0 0 0;
}

.s-about {
  margin: clamp(60px, 100vw / 1600 * 108, 108px) 0 0 0;
}
@media (max-width: 576px) {
  .s-about {
    margin-top: 28px;
  }
}
.s-about .wrapper-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 27px;
  max-width: 1235px;
  margin: 0 auto;
}
@media (max-width: 820px) {
  .s-about .wrapper-box {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 576px) {
  .s-about .wrapper-box {
    gap: 32px;
  }
}
.s-about .image {
  margin: 13px 0 0 -103px;
}
@media (max-width: 1367px) {
  .s-about .image {
    margin-left: 0;
  }
}
.s-about .image img {
  height: auto;
}
@media (max-width: 576px) {
  .s-about .image {
    margin: 32px 0 0;
    overflow: hidden;
  }
  .s-about .image img {
    width: 141%;
    max-width: none;
    margin: -7.9% 0 -7.9% -14.6%;
  }
}
.s-about .right-box {
  max-width: 541px;
  margin-top: 16px;
}
@media (max-width: 576px) {
  .s-about .right-box {
    margin-top: 0;
  }
}
.s-about .btn {
  margin-top: 23px;
}
@media (max-width: 576px) {
  .s-about .btn {
    margin-top: 8px;
  }
}

.s-about-career .right-box {
  margin-top: 36px;
}
.s-about-career .left-box .btn {
  margin-top: 38px;
}

.s-photo {
  margin: clamp(50px, 100vw / 1600 * 102, 102px) 0 0 0;
}
.s-photo .image {
  max-width: 1235px;
  margin: 0 auto;
}
.s-photo .image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.s-values {
  margin: clamp(50px, 100vw / 1600 * 87, 87px) 0 0 0;
  padding: clamp(40px, 100vw / 1600 * 55, 55px) 0 clamp(40px, 100vw / 1600 * 55, 55px) 0;
  background: #f6f0e8;
  border-radius: 40px 40px 0 0;
}
.s-values .wrapper-box {
  display: grid;
  grid-template-columns: repeat(4, 290px);
  justify-content: center;
  gap: 25px;
}
@media (max-width: 1280px) {
  .s-values .wrapper-box {
    grid-template-columns: repeat(2, 290px);
  }
}
@media (max-width: 820px) {
  .s-values .wrapper-box {
    grid-template-columns: repeat(2, minmax(0, 290px));
  }
}
@media (max-width: 576px) {
  .s-values .wrapper-box {
    grid-template-columns: 1fr;
  }
}

.s-values-career {
  margin: clamp(60px, 100vw / 1600 * 115, 115px) 0 0 0;
}

.s-certs {
  margin: clamp(60px, 100vw / 1600 * 130, 130px) 0 clamp(120px, 100vw / 1600 * 170, 170px) 0;
  text-align: center;
}
.s-certs h4 {
  margin-top: 16px;
}
.s-certs .wrapper-logo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 30px 131px;
  margin-top: 108px;
}
@media (max-width: 1280px) {
  .s-certs .wrapper-logo {
    gap: 30px 60px;
  }
}
@media (max-width: 576px) {
  .s-certs .wrapper-logo {
    gap: 30px 40px;
    margin-top: 50px;
  }
}

.s-certs-company {
  margin: clamp(60px, 100vw / 1600 * 100, 100px) 0 clamp(120px, 100vw / 1600 * 140, 140px) 0;
}

.s-certs-contact {
  margin: clamp(60px, 100vw / 1600 * 163, 163px) 0 clamp(120px, 100vw / 1600 * 219, 219px) 0;
}

.s-certs-logos {
  margin: clamp(60px, 100vw / 1600 * 115, 115px) 0 clamp(120px, 100vw / 1600 * 227, 227px) 0;
}
.s-certs-logos .wrapper-logo {
  margin-top: 0;
}

.s-apply {
  position: relative;
  margin-top: -40px;
}
.s-apply .photo {
  height: 507px;
}
@media (max-width: 576px) {
  .s-apply .photo {
    height: 320px;
  }
}
.s-apply .photo {
  overflow: hidden;
  border-radius: 40px 40px 0 0;
}
.s-apply .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.s-apply .container {
  margin-top: -145px;
}
@media (max-width: 576px) {
  .s-apply .container {
    margin-top: -80px;
  }
}
.s-apply .wrapper-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  max-width: 1235px;
  margin: 0 auto;
}
@media (max-width: 820px) {
  .s-apply .wrapper-box {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 576px) {
  .s-apply .wrapper-box {
    gap: 15px;
  }
}
.s-apply .left-box,
.s-apply .right-box {
  min-height: 289px;
  padding: 40px;
}
@media (max-width: 576px) {
  .s-apply .left-box,
  .s-apply .right-box {
    min-height: 0;
    padding: 30px 25px;
  }
}
.s-apply .left-box,
.s-apply .right-box {
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(0, 87, 39, 0.1);
}
.s-apply .left-box {
  background: #fff;
}
.s-apply .left-box h4 {
  margin-bottom: 20px;
  color: #447d07;
}
.s-apply .left-box p {
  max-width: 481px;
}
.s-apply .right-box {
  display: flex;
  flex-direction: column;
  gap: 17px;
  background: #87b713;
  color: #fff;
}
.s-apply .right-box h4 {
  margin-bottom: 13px;
}
.s-apply .textlink {
  display: grid;
  grid-template-columns: 33px 1fr;
  align-items: center;
  gap: 9px;
}
.s-apply .textlink:hover {
  color: #263c29;
}

.s-apply-job {
  margin: clamp(60px, 100vw / 1600 * 156, 156px) 0 clamp(120px, 100vw / 1600 * 145, 145px) 0;
}

.s-content-page {
  margin: clamp(50px, 100vw / 1600 * 82, 82px) 0 clamp(120px, 100vw / 1600 * 146, 146px) 0;
}
.s-content-page .container {
  max-width: calc(1235px + 50px);
}
.s-content-page .container > * {
  max-width: 919px;
}
.s-content-page h2,
.s-content-page h3 {
  margin: 53px 0 25px;
}
.s-content-page h4,
.s-content-page h5 {
  margin: 41px 0 20px;
}
.s-content-page h2:first-child,
.s-content-page h3:first-child,
.s-content-page h4:first-child,
.s-content-page h5:first-child {
  margin-top: 0;
}
.s-content-page ul,
.s-content-page ol {
  font-size: clamp(16px, 100vw / 1600 * 20, 20px);
  line-height: 1.5;
  letter-spacing: 0.01em;
  margin-bottom: 20px;
  padding-left: 20px;
}
.s-content-page ul li,
.s-content-page ol li {
  list-style: inherit;
  margin-bottom: 10px;
}
.s-content-page ul li:last-child,
.s-content-page ol li:last-child {
  margin-bottom: 0;
}
.s-content-page ul {
  list-style: disc;
}
.s-content-page ol {
  list-style: decimal;
}
.s-content-page a {
  word-break: break-word;
}

.s-content-impressum {
  margin: clamp(50px, 100vw / 1600 * 82, 82px) 0 clamp(120px, 100vw / 1600 * 195, 195px) 0;
}

.s-hero {
  position: relative;
  isolation: isolate;
  background: #447d07;
  padding: clamp(110px, 100vw / 1600 * 163, 163px) 0 clamp(40px, 100vw / 1600 * 54, 54px) 0;
}
@media (max-width: 576px) {
  .s-hero {
    padding: 121px 0 85px;
  }
}
.s-hero .swiper {
  padding: 20px 0 50px;
  margin: -20px 0 -50px;
}
.s-hero .swiper-slide {
  display: flex;
}
.s-hero .wrapper-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 29px;
  width: 100%;
}
@media (max-width: 820px) {
  .s-hero .wrapper-box {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media (max-width: 576px) {
  .s-hero .wrapper-box {
    align-items: start;
    align-content: start;
  }
}
.s-hero .left-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}
@media (max-width: 820px) {
  .s-hero .left-box {
    align-items: center;
    text-align: center;
  }
}
.s-hero .m-price {
  margin-top: 27px;
}
@media (max-width: 820px) {
  .s-hero .m-price {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .s-hero .m-price {
    margin-top: 8px;
  }
}
@media (max-width: 820px) {
  .s-hero .right-box {
    text-align: center;
  }
}
.s-hero .right-box img {
  height: auto;
  filter: drop-shadow(0 34px 14px rgba(0, 0, 0, 0.25));
}
@media (max-width: 820px) {
  .s-hero .right-box img {
    max-width: 75%;
  }
}
@media (max-width: 576px) {
  .s-hero .right-box img {
    display: block;
    width: 256px;
    max-width: 100%;
    margin: -13px auto;
  }
}
.s-hero .swiper-pagination {
  position: relative;
  z-index: 2;
  margin-top: 1px;
}
@media (max-width: 820px) {
  .s-hero .swiper-pagination {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .s-hero .swiper-pagination {
    margin-top: 18px;
  }
}
.s-hero .container > .btn {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin: 29px auto 0;
}
@media (max-width: 576px) {
  .s-hero .container > .btn {
    margin-top: 26px;
  }
}

.s-ticker {
  padding: 17px 0;
}
@media (max-width: 576px) {
  .s-ticker {
    padding: 24px 0 22px;
  }
}
.s-ticker {
  background: #fff;
  overflow: hidden;
}

.s-services {
  background: #f6f0e8;
  border-radius: 40px 40px 0 0;
  padding: clamp(60px, 100vw / 1600 * 128, 128px) 0 clamp(60px, 100vw / 1600 * 128, 128px) 0;
}
@media (max-width: 576px) {
  .s-services {
    padding: 54px 0 37px;
  }
}
.s-services .wrapper-box {
  display: grid;
  grid-template-columns: repeat(4, 290px);
  justify-content: center;
  gap: 25px;
}
@media (max-width: 1280px) {
  .s-services .wrapper-box {
    grid-template-columns: repeat(2, 290px);
  }
}
@media (max-width: 820px) {
  .s-services .wrapper-box {
    grid-template-columns: repeat(2, minmax(0, 290px));
  }
}
@media (max-width: 576px) {
  .s-services .wrapper-box {
    grid-template-columns: 1fr;
  }
}
.s-services .wrapper-box {
  align-items: center;
}
@media (max-width: 576px) {
  .s-services .wrapper-box {
    gap: 28px;
  }
}
.s-services .btn {
  background: transparent;
  border-color: #263c29;
  color: #263c29;
}

.s-services .m-card:hover .btn {
  background: #87b713;
  border-color: #87b713;
  color: #fff;
}
.s-services .m-card:hover .btn:hover {
  background: #447d07;
  border-color: #447d07;
}

.s-offers {
  position: relative;
  margin-top: -45px;
  background: #f6f0e8;
  border-radius: 40px 40px 0 0;
  padding: clamp(50px, 100vw / 1600 * 70, 70px) 0 clamp(80px, 100vw / 1600 * 160, 160px) 0;
}
@media (max-width: 576px) {
  .s-offers {
    margin-top: 0;
    padding-top: 37px;
  }
}
.s-offers h2 {
  margin-bottom: 71px;
  text-align: center;
}
@media (max-width: 576px) {
  .s-offers h2 {
    margin-bottom: 36px;
  }
}
.s-offers .wrapper-box {
  display: grid;
  grid-template-columns: repeat(3, 395px);
  justify-content: center;
  gap: 25px;
}
@media (max-width: 1280px) {
  .s-offers .wrapper-box {
    grid-template-columns: repeat(2, 395px);
  }
}
@media (max-width: 820px) {
  .s-offers .wrapper-box {
    grid-template-columns: repeat(2, minmax(0, 395px));
  }
}
@media (max-width: 576px) {
  .s-offers .wrapper-box {
    grid-template-columns: 1fr;
  }
}

.s-smoked {
  position: relative;
  margin-top: -40px;
  background: #447d07;
  border-radius: 40px 40px 0 0;
  padding: clamp(50px, 100vw / 1600 * 70, 70px) 0 clamp(80px, 100vw / 1600 * 160, 160px) 0;
}
.s-smoked h2 {
  margin-bottom: 71px;
  text-align: center;
  color: #fff;
}
@media (max-width: 576px) {
  .s-smoked h2 {
    margin-bottom: 36px;
  }
}
.s-smoked .wrapper-box {
  display: grid;
  grid-template-columns: repeat(3, 395px);
  justify-content: center;
  gap: 25px;
}
@media (max-width: 1280px) {
  .s-smoked .wrapper-box {
    grid-template-columns: repeat(2, 395px);
  }
}
@media (max-width: 820px) {
  .s-smoked .wrapper-box {
    grid-template-columns: repeat(2, minmax(0, 395px));
  }
}
@media (max-width: 576px) {
  .s-smoked .wrapper-box {
    grid-template-columns: 1fr;
  }
}

.s-menu {
  position: relative;
  margin-top: -40px;
  background: #f6f0e8;
  border-radius: 40px 40px 0 0;
  padding: clamp(50px, 100vw / 1600 * 70, 70px) 0 clamp(60px, 100vw / 1600 * 99, 99px) 0;
}
.s-menu h2 {
  text-align: center;
}
.s-menu > .container > p {
  max-width: 969px;
  margin: 33px auto 57px;
  text-align: center;
}
@media (max-width: 576px) {
  .s-menu > .container > p {
    margin: 25px auto 36px;
  }
}
.s-menu .wrapper-box {
  display: grid;
  grid-template-columns: repeat(3, 395px);
  justify-content: center;
  gap: 25px;
}
@media (max-width: 1280px) {
  .s-menu .wrapper-box {
    grid-template-columns: repeat(2, 395px);
  }
}
@media (max-width: 820px) {
  .s-menu .wrapper-box {
    grid-template-columns: repeat(2, minmax(0, 395px));
  }
}
@media (max-width: 576px) {
  .s-menu .wrapper-box {
    grid-template-columns: 1fr;
  }
}

.s-finder {
  margin: clamp(50px, 100vw / 1600 * 88, 88px) 0 0 0;
}
.s-finder .inner-box {
  position: relative;
  isolation: isolate;
  max-width: 1235px;
  margin: 0 auto;
  padding: 115px 0 104px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 576px) {
  .s-finder .inner-box {
    margin: 0 -19px;
    padding: 69px 0 55px;
    border-radius: 0;
  }
}
.s-finder .content-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 816px;
  margin: 0 auto;
  padding: 0 71px 51px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  text-align: center;
}
@media (max-width: 576px) {
  .s-finder .content-box {
    margin: 0 19px;
    padding: 0 25px 42px;
  }
}
.s-finder .image {
  margin-top: -71px;
}
@media (max-width: 576px) {
  .s-finder .image {
    margin-top: -40px;
  }
}
.s-finder .image img {
  display: block;
}
@media (max-width: 576px) {
  .s-finder .image img {
    width: 240px;
    height: auto;
  }
}
.s-finder h3 {
  margin-top: 25px;
}
@media (max-width: 576px) {
  .s-finder h3 {
    margin-top: 29px;
  }
}
.s-finder p {
  margin: 25px 0 20px;
}
@media (max-width: 576px) {
  .s-finder p {
    margin: 29px 0;
  }
}

.s-preview {
  margin: clamp(60px, 100vw / 1600 * 146, 146px) 0 0 0;
  text-align: center;
}
.s-preview .lead {
  margin: 36px 0 78px;
  color: #447d07;
}
@media (max-width: 576px) {
  .s-preview .lead {
    margin: 20px 0 36px;
  }
}
.s-preview .wrapper-box {
  display: grid;
  grid-template-columns: repeat(3, 395px);
  justify-content: center;
  gap: 25px;
}
@media (max-width: 1280px) {
  .s-preview .wrapper-box {
    grid-template-columns: repeat(2, 395px);
  }
}
@media (max-width: 820px) {
  .s-preview .wrapper-box {
    grid-template-columns: repeat(2, minmax(0, 395px));
  }
}
@media (max-width: 576px) {
  .s-preview .wrapper-box {
    grid-template-columns: 1fr;
  }
}
.s-preview .wrapper-box {
  text-align: left;
}
.s-preview .m-offer {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.s-locator {
  margin: clamp(50px, 100vw / 1600 * 85, 85px) 0 0 0;
}
.s-locator .inner-box {
  max-width: 1235px;
  margin: 0 auto;
}
.s-locator .search-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 35px 40px 47px;
}
@media (max-width: 576px) {
  .s-locator .search-box {
    padding: 30px 20px 35px;
  }
}
.s-locator .search-box {
  background: #447d07;
  border-radius: 0 0 20px 20px;
  color: #f6f0e8;
}
.s-locator .filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px 30px;
  align-self: stretch;
  margin-top: 34px;
}
.s-locator .filter .title {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.25;
}
.s-locator .filter .wrapper-item {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 30px;
}

.s-stores {
  margin: clamp(50px, 100vw / 1600 * 73, 73px) 0 0 0;
  padding: clamp(50px, 100vw / 1600 * 89, 89px) 0 clamp(60px, 100vw / 1600 * 98, 98px) 0;
  background: #f6f0e8;
  border-radius: 40px 40px 0 0;
}
.s-stores > .container > .head {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  align-items: center;
  justify-content: space-between;
  max-width: 1235px;
  margin: 0 auto 35px;
}
.s-stores .reset {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #263c29;
  transition: 0.3s;
}
.s-stores .reset:hover {
  color: #447d07;
}
.s-stores .wrapper-box {
  display: grid;
  grid-template-columns: repeat(3, 395px);
  justify-content: center;
  gap: 25px;
}
@media (max-width: 1280px) {
  .s-stores .wrapper-box {
    grid-template-columns: repeat(2, 395px);
  }
}
@media (max-width: 820px) {
  .s-stores .wrapper-box {
    grid-template-columns: repeat(2, minmax(0, 395px));
  }
}
@media (max-width: 576px) {
  .s-stores .wrapper-box {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 820px) {
  .s-stores .wrapper-box {
    grid-template-columns: minmax(0, 1fr);
  }
}
.s-stores .empty {
  max-width: 1235px;
  margin: 0 auto;
  font-size: 20px;
}

.s-contact {
  margin: clamp(60px, 100vw / 1600 * 128, 128px) 0 0 0;
}
.s-contact .wrapper-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  max-width: 1235px;
  margin: 0 auto;
}
@media (max-width: 820px) {
  .s-contact .wrapper-box {
    grid-template-columns: minmax(0, 1fr);
  }
}
.s-contact .left-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 324px;
  padding: 40px;
}
@media (max-width: 576px) {
  .s-contact .left-box {
    min-height: 0;
    padding: 30px 25px;
  }
}
.s-contact .left-box {
  background: #87b713;
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(0, 87, 39, 0.1);
  color: #fff;
}
.s-contact h3 {
  margin: 57px 0 26px;
}
@media (max-width: 576px) {
  .s-contact h3 {
    margin: 30px 0 20px;
  }
}
.s-contact h3 {
  color: #fff;
}
.s-contact .textlink + .textlink {
  margin-top: 4px;
}
.s-contact .textlink:hover {
  color: #263c29;
}
.s-contact .image {
  height: 100%;
}
.s-contact .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
  background: #f6f0e8;
}

.s-downloads {
  margin: clamp(60px, 100vw / 1600 * 132, 132px) 0 0 0;
}
.s-downloads .container > * {
  max-width: 815px;
  margin-left: auto;
  margin-right: auto;
}
.s-downloads h3 {
  margin-bottom: 40px;
}
@media (max-width: 576px) {
  .s-downloads h3 {
    margin-bottom: 25px;
  }
}

.s-sponsors {
  display: flow-root;
  margin: clamp(200px, 100vw / 1600 * 399, 399px) 0 0 0;
  padding: 0 0 clamp(60px, 100vw / 1600 * 104, 104px) 0;
  background: #f6f0e8;
  border-radius: 40px 40px 0 0;
}
.s-sponsors > .container > .image {
  max-width: 1235px;
  margin: -264px auto 0;
}
.s-sponsors > .container > .image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
}
.s-sponsors .wrapper-box {
  display: grid;
  grid-template-columns: repeat(3, 395px);
  justify-content: center;
  gap: 46px 25px;
}
@media (max-width: 1280px) {
  .s-sponsors .wrapper-box {
    grid-template-columns: repeat(2, 395px);
  }
}
@media (max-width: 820px) {
  .s-sponsors .wrapper-box {
    grid-template-columns: repeat(2, minmax(0, 395px));
  }
}
@media (max-width: 576px) {
  .s-sponsors .wrapper-box {
    grid-template-columns: 1fr;
  }
}
.s-sponsors .wrapper-box {
  margin-top: 97px;
}
@media (max-width: 576px) {
  .s-sponsors .wrapper-box {
    gap: 25px;
    margin-top: 40px;
  }
}

.s-contacts {
  margin: clamp(50px, 100vw / 1600 * 107, 107px) 0 0 0;
}
.s-contacts .wrapper-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 27px;
  max-width: 1235px;
  margin: 0 auto;
}
@media (max-width: 820px) {
  .s-contacts .wrapper-box {
    grid-template-columns: minmax(0, 1fr);
  }
}
.s-contacts h1 {
  max-width: 574px;
}
.s-contacts .right-box {
  padding-top: 36px;
}

.s-jobs {
  margin: clamp(60px, 100vw / 1600 * 116, 116px) 0 0 0;
  padding: clamp(50px, 100vw / 1600 * 104, 104px) 0 clamp(100px, 100vw / 1600 * 167, 167px) 0;
  background: #f6f0e8;
  border-radius: 40px 40px 0 0;
}
.s-jobs .container {
  max-width: calc(1235px + 50px);
}
.s-jobs .wrapper-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  margin: 56px 0 90px;
}
@media (max-width: 576px) {
  .s-jobs .wrapper-box {
    gap: 15px;
    margin: 36px 0 60px;
  }
}
.s-jobs p {
  max-width: 725px;
  margin: 22px 0 27px;
}

.s-videos {
  margin: clamp(60px, 100vw / 1600 * 111, 111px) 0 clamp(120px, 100vw / 1600 * 155, 155px) 0;
}
.s-videos .wrapper-box {
  display: grid;
  grid-template-columns: repeat(3, 395px);
  justify-content: center;
  gap: 25px;
}
@media (max-width: 1280px) {
  .s-videos .wrapper-box {
    grid-template-columns: repeat(2, 395px);
  }
}
@media (max-width: 820px) {
  .s-videos .wrapper-box {
    grid-template-columns: repeat(2, minmax(0, 395px));
  }
}
@media (max-width: 576px) {
  .s-videos .wrapper-box {
    grid-template-columns: 1fr;
  }
}

.s-job-detail {
  margin: clamp(50px, 100vw / 1600 * 83, 83px) 0 0 0;
}
.s-job-detail .container {
  max-width: calc(1235px + 50px);
}
.s-job-detail h4 {
  margin-top: 6px;
}
.s-job-detail > .container > p {
  max-width: 919px;
  margin: 49px 0 45px;
}
@media (max-width: 576px) {
  .s-job-detail > .container > p {
    margin: 30px 0;
  }
}
.s-job-detail .inner-box {
  max-width: 924px;
  margin-top: 95px;
}
.s-job-detail .inner-box:first-of-type {
  margin-top: 92px;
}
@media (max-width: 576px) {
  .s-job-detail .inner-box {
    margin-top: 50px;
  }
}
.s-job-detail .list {
  margin-top: 31px;
}
@media (max-width: 576px) {
  .s-job-detail .list {
    margin-top: 25px;
  }
}

.s-error {
  margin: clamp(50px, 100vw / 1600 * 82, 82px) 0 clamp(120px, 100vw / 1600 * 280, 280px) 0;
}
.s-error .container {
  max-width: calc(1235px + 50px);
}
.s-error p {
  margin: 31px 0 57px;
}
.s-error .wrapper-btn {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.s-error .btn + .btn {
  background: transparent;
  border-color: #447d07;
  color: #447d07;
}
.s-error .btn + .btn:hover {
  background: #447d07;
  color: #fff;
}

.overflow_body {
  overflow: hidden;
}

.bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}

.btn-up {
  position: fixed;
  right: 45px;
  bottom: 45px;
  width: 90px;
  height: 90px;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
@media (max-width: 820px) {
  .btn-up {
    right: 8px;
  }
}
.btn-up.show {
  opacity: 1;
  pointer-events: visible;
}
.btn-up:hover {
  opacity: 0.8;
}

.m-search-field {
  display: flex;
  width: 100%;
  max-width: 631px;
  padding: 12px;
}
@media (max-width: 576px) {
  .m-search-field {
    padding: 8px;
  }
}
.m-search-field {
  border: 1px solid #f6f0e8;
  border-radius: 100px;
}
.m-search-field input[type=search] {
  width: 100%;
  min-width: 0;
  height: 50px;
  padding: 0 20px 0 30px;
}
@media (max-width: 576px) {
  .m-search-field input[type=search] {
    padding: 0 10px 0 20px;
  }
}
.m-search-field input[type=search] {
  border: 0;
  border-radius: 50px 0 0 50px;
  background: #f6f0e8;
  font-size: 18px;
  font-weight: 600;
  color: #263c29;
}
.m-search-field input[type=search]::-moz-placeholder {
  color: rgba(38, 60, 41, 0.3);
}
.m-search-field input[type=search]::placeholder {
  color: rgba(38, 60, 41, 0.3);
}
.m-search-field input[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
}
.m-search-field .btn {
  flex-shrink: 0;
  gap: 8px;
  border-radius: 0 50px 50px 0;
}
@media (max-width: 576px) {
  .m-search-field .btn {
    padding-left: 18px;
    padding-right: 20px;
  }
}

.m-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.28;
  cursor: pointer;
}
.m-checkbox input {
  position: absolute;
  opacity: 0;
  width: 17px;
  height: 17px;
  margin: 0;
}
.m-checkbox .box {
  position: relative;
  width: 17px;
  height: 17px;
  border: 1px solid currentColor;
  border-radius: 1px;
}
.m-checkbox .box img {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 17px;
  max-width: none;
  height: 17px;
  opacity: 0;
  transition: 0.2s;
}
.m-checkbox input:checked + .box {
  border-color: transparent;
}
.m-checkbox input:checked + .box img {
  opacity: 1;
}
.m-checkbox input:focus-visible + .box {
  outline: 2px solid #87b713;
  outline-offset: 2px;
}

.swiper-slide {
  height: auto;
}

.swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  margin: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  background: transparent;
  opacity: 1;
  transition: 0.3s;
  cursor: pointer;
}
.swiper-pagination .swiper-pagination-bullet:hover {
  border-color: #87b713;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background: radial-gradient(circle, #87b713 3.5px, transparent 4px);
}

footer {
  position: relative;
  margin-top: -40px;
  background: #f6f0e8;
  border-radius: 40px 40px 0 0;
}
footer > .container {
  padding-top: clamp(40px, 100vw / 1600 * 60, 60px);
  padding-bottom: 36px;
}
@media (max-width: 576px) {
  footer > .container {
    padding-top: 53px;
    padding-bottom: 61px;
  }
}
footer .wrapper-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 1235px;
  margin: 0 auto;
}
@media (max-width: 820px) {
  footer .wrapper-box {
    grid-template-columns: minmax(0, 1fr) auto;
    -moz-column-gap: 15px;
    column-gap: 15px;
    grid-template-areas: "logo social" "address address" "contacts contacts" "app app" "stores stores";
  }
  footer .wrapper-box .left-box,
  footer .wrapper-box .right-box {
    display: contents;
  }
}
footer .logo {
  width: 261px;
  margin: 0;
}
@media (max-width: 820px) {
  footer .logo {
    grid-area: logo;
  }
}
@media (max-width: 576px) {
  footer .logo {
    width: 168px;
    max-width: 100%;
  }
}
footer .logo img {
  display: block;
  width: 100%;
  height: auto;
}
footer .address {
  margin-top: 24px;
}
@media (max-width: 820px) {
  footer .address {
    grid-area: address;
    margin-top: 36px;
  }
}
footer .address {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
footer .address p {
  font-size: inherit;
}
footer .contacts {
  display: grid;
  grid-template-columns: 18px max-content auto;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin: 23px 0 0 -3px;
}
@media (max-width: 820px) {
  footer .contacts {
    grid-area: contacts;
    margin-left: 0;
  }
}
footer .contacts {
  font-size: 18px;
  line-height: 1.9;
  letter-spacing: 0.01em;
}
footer .contacts strong {
  font-weight: 600;
}
footer .contacts a {
  justify-self: start;
  transition: 0.3s;
}
footer .contacts a:hover {
  color: #87b713;
}
footer .right-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 21px;
}
footer .title-app {
  margin-top: 59px;
}
@media (max-width: 820px) {
  footer .title-app {
    grid-area: app;
    justify-self: start;
    margin-top: 52px;
  }
}
footer .title-app {
  font-family: "Hops And Barley", "Google Sans Flex", sans-serif;
  font-size: 25px;
  line-height: 1.25;
}
footer .wrapper-btn {
  display: flex;
  gap: 6px;
  margin-top: 29px;
}
@media (max-width: 820px) {
  footer .wrapper-btn {
    grid-area: stores;
    justify-self: start;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 17px;
  }
}
footer .btn {
  padding: 8px 21px 9px 20px;
  background: #263c29;
  border-color: #263c29;
}
footer .btn:hover {
  background: #447d07;
  border-color: #447d07;
}
footer .bottom {
  padding: 38px 0 29px;
}
@media (max-width: 576px) {
  footer .bottom {
    padding: 22px 0;
  }
}
footer .bottom {
  background: #447d07;
  border-radius: 40px 40px 0 0;
  color: #fff;
}
footer .bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: calc(1235px + 50px);
}
@media (max-width: 820px) {
  footer .bottom .container {
    flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 576px) {
  footer .copyright {
    display: none;
  }
}
footer .copyright {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
footer .footer-menu ul {
  display: flex;
  gap: 42px;
}
footer .footer-menu ul a {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
  transition: 0.3s;
}
footer .footer-menu ul a:hover {
  color: #87b713;
}

.m-social {
  display: flex;
  gap: 6px;
}
@media (max-width: 820px) {
  .m-social {
    grid-area: social;
    align-self: start;
  }
}
@media (max-width: 576px) {
  .m-social {
    gap: 9px;
  }
}
.m-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 49px;
  height: 49px;
  background: #87b713;
  border-radius: 10px;
  transition: 0.3s;
}
.m-social a:hover {
  background: #447d07;
}
@media (max-width: 576px) {
  .m-social a {
    width: 44px;
    height: 44px;
  }
  .m-social a img {
    transform: scale(0.875);
  }
}
/*# sourceMappingURL=main.min.css.map */