@import url(https://cdn.api.lenta.com/assets/0b1fd6cb-e497-4086-8986-06f1cd3b747a/css__fonts__ALSSchlangesans__stylesheet.css);

.wf-root,
.wf-root *,
.wf-root *::before,
.wf-root *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.wf-root {
  min-height: 100vh;
  overflow-x: clip;
}

.wf-root {
  --orange: #ff9600;
  --black: #111;
  --wf-rem: min(3.472222vw, 50px);
  --wf-rem: min(round(down, 3.472222vw, 1px), 50px);
  font-size: var(--wf-rem);
  font-weight: 400;
  font-family:
    ALS Schlange sans,
    sans-serif;
  line-height: 1;
  color: #fff;
  background: var(--black);
  background-image: url(https://cdn.api.lenta.com/assets/0b1fd6cb-e497-4086-8986-06f1cd3b747a/assets__img__bg-43006f81e06bf33de4d7f351d34fd6a508b88ccf.jpg);
  background-size: contain;
}

.wf-root {
  --body-padding: calc(2.48 * var(--wf-rem));
  max-width: 1440px;
  padding: 0 var(--body-padding);
  margin: 0 auto;
}

.wf-root a {
  position: relative;
  color: inherit;
  text-decoration: none;
  transition: opacity 0.2s linear;
}
/* a::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: block;
    border-bottom: 1px solid;
} */
.wf-root a:hover {
  opacity: 0.5;
}

.wf-root nav > ul {
  list-style-type: none;
}

.logo-m,
.logo-w {
  display: block;
  margin: auto;
}
.logo-m {
  aspect-ratio: 265 / 75;
  background: url(https://cdn.api.lenta.com/assets/0b1fd6cb-e497-4086-8986-06f1cd3b747a/assets__img__logo-m-w.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.logo-w {
  aspect-ratio: 90 / 75;
  background: url(https://cdn.api.lenta.com/assets/0b1fd6cb-e497-4086-8986-06f1cd3b747a/assets__img__logo-w-w.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.waves {
  margin: 0 calc(var(--body-padding) * -1);
}
.wave {
  height: calc(0.28 * var(--wf-rem));
  height: round(down, calc(0.28 * var(--wf-rem)), 1px);
  width: 100%;
  background: url(https://cdn.api.lenta.com/assets/0b1fd6cb-e497-4086-8986-06f1cd3b747a/assets__img__waves.svg);
  /* background-size: contain; */
  background-size: auto 100%;
  background-repeat: repeat-x;
  aspect-ratio: 360 / 14;
}
.wave + .wave {
  margin-top: calc(0.28 * var(--wf-rem));
}

.orange-box {
  padding: calc(1.6 * var(--wf-rem));
  margin: 0 calc(-1.6 * var(--wf-rem));
  background: var(--orange);
  border-radius: calc(0.6 * var(--wf-rem));
}

.nowrap {
  white-space: nowrap;
}

.wf-root header {
  /* position: sticky;
    top: 0; */
  display: flex;
  justify-content: space-between;
  padding: calc(0.66 * var(--wf-rem)) var(--body-padding);
  margin: 0 calc(var(--body-padding) * -1);
  background: inherit;
  z-index: 1000;
}
/* header.--scrolled {
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, 0.7);
} */
.wf-root header .logo {
  --logo-gap: calc(1.2 * var(--wf-rem));
  position: relative;
  display: flex;
  overflow: hidden;
  gap: calc(calc(1.2 * var(--wf-rem)) + 1px);
}
.wf-root header .logo > * {
  position: relative;
  height: calc(1.5 * var(--wf-rem));
}
.wf-root header .logo > *::before {
  content: '';
  display: block;
  position: absolute;
  left: calc(-0.6 * var(--wf-rem));
  bottom: 0;
  width: 1.5px;
  height: 84%;
  background: #fff;
}
.wf-root header nav {
  display: flex;
  align-items: center;
  font-size: calc(0.5 * var(--wf-rem));
}
.wf-root header nav > ul {
  display: flex;
  gap: calc(0.7 * var(--wf-rem));
}

.s-plate {
  display: flex;
  padding: calc(1 * var(--wf-rem)) 0;
}
.s-plate .text {
  display: flex;
  flex-direction: column;
}
.s-plate .title {
  margin: auto 0;
}
.s-plate h1 {
  font-size: calc(1.28 * var(--wf-rem));
  font-weight: 900;
  color: var(--orange);
  text-transform: uppercase;
}
.s-plate h1 + .sub {
  margin-top: calc(0.48 * var(--wf-rem));
  font-size: calc(0.84 * var(--wf-rem));
  line-height: 0.9;
}
.s-plate .hint {
  margin-top: 10px;
  font-size: calc(0.32 * var(--wf-rem));
}
.s-plate .image {
  background: url(https://cdn.api.lenta.com/assets/0b1fd6cb-e497-4086-8986-06f1cd3b747a/assets__img__plate-2131330931.png);
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 660 / 580;
  height: calc(11.6 * var(--wf-rem));
  margin: calc(-1 * var(--wf-rem)) calc(-2 * var(--wf-rem));
}

.s-promo {
  padding: calc(1.8 * var(--wf-rem)) 0;
  font-size: calc(0.72 * var(--wf-rem));
  line-height: 1.1;
}
.s-promo .hint {
  margin-top: calc(0.4 * var(--wf-rem));
  font-size: calc(0.92 * var(--wf-rem));
  font-weight: 900;
}

.s-products .header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(0.6 * var(--wf-rem));
}
.s-products .header .title {
  font-size: calc(1.12 * var(--wf-rem));
  font-weight: 900;
}
.s-products nav > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: calc(0.36 * var(--wf-rem));
}
.s-products nav > ul > li {
  padding: calc(0.29 * var(--wf-rem)) calc(0.58 * var(--wf-rem));
  border-radius: calc(1.76 * var(--wf-rem));
  background: #00000040;
  color: #fff;
  font-size: calc(0.5 * var(--wf-rem));
  text-align: center;
  cursor: pointer;
  transition: background 0.2s linear;
}
.s-products nav > ul > li::before {
  content: attr(data-type);
  display: block;
  font-weight: 900;
  overflow: hidden;
  height: 0;
}
.s-products nav > ul > li:hover {
  background: var(--black);
}
.s-products nav > ul > li.--active {
  background: var(--black);
  font-weight: 900;
  pointer-events: none;
}
.s-products .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: calc(0.96 * var(--wf-rem));
  gap: calc(0.4 * var(--wf-rem));
}
.s-products .list:not(.--active) {
  display: none;
}
.s-products .list .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: calc(0.48 * var(--wf-rem));
  padding-bottom: calc(0.8 * var(--wf-rem));
  gap: calc(0.48 * var(--wf-rem));
  background: #fff;
  color: var(--black);
  border-radius: calc(0.24 * var(--wf-rem));
}
.s-products .list .item .image {
  background-color: #eee;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: calc(0.2 * var(--wf-rem));
  width: 100%;
  aspect-ratio: 1/1;
}
.s-products .list .item .title {
  min-height: calc(1.28 * var(--wf-rem));
  width: 100%;
  font-size: calc(0.4 * var(--wf-rem));
}
.s-products .list .item .price {
  font-size: calc(0.64 * var(--wf-rem));
  font-weight: 900;
}
.s-products .list .item .price .ruble {
  position: relative;
  color: transparent;
}
.s-products .list .item .price .ruble::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  height: 65%;
  max-height: 100%;
  max-width: 100%;
  aspect-ratio: 18 / 23;
  background: url(https://cdn.api.lenta.com/assets/0b1fd6cb-e497-4086-8986-06f1cd3b747a/assets__img__ruble.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
}
.s-products .list .item .weight {
  font-size: calc(0.48 * var(--wf-rem));
}

.s-combo {
  padding: calc(3.46 * var(--wf-rem)) 0;
}
.s-combo .image {
  position: relative;
  width: calc(19.8 * var(--wf-rem));
  margin: auto;
  background: url(https://cdn.api.lenta.com/assets/0b1fd6cb-e497-4086-8986-06f1cd3b747a/assets__img__combo.svg);
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 990 / 501;
}
.s-combo .image::before {
  content: '';
  position: absolute;
  height: calc(7.68 * var(--wf-rem));
  left: calc(2 * var(--wf-rem));
  top: calc(-1.8 * var(--wf-rem));
  background: url(https://cdn.api.lenta.com/assets/0b1fd6cb-e497-4086-8986-06f1cd3b747a/assets__img__plate-810009556.png);
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 380 / 384;
}
.s-combo .image::after {
  content: '';
  position: absolute;
  height: calc(7.98 * var(--wf-rem));
  right: 1.2em;
  bottom: calc(-1.5 * var(--wf-rem));
  background: url(https://cdn.api.lenta.com/assets/0b1fd6cb-e497-4086-8986-06f1cd3b747a/assets__img__plate-810009642.png);
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 395 / 399;
}
.s-combo .sub {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(0.68 * var(--wf-rem));
  gap: calc(0.48 * var(--wf-rem));
}
.s-combo .sub .discount {
  font-size: calc(1.6 * var(--wf-rem));
  font-weight: 900;
}
.s-combo .sub .expr {
  display: flex;
  align-items: center;
  gap: calc(0.2 * var(--wf-rem));
}
.s-combo .sub .expr .var {
  padding: calc(0.38 * var(--wf-rem)) calc(0.64 * var(--wf-rem));
  border-radius: calc(2.4 * var(--wf-rem));
  font-size: calc(0.68 * var(--wf-rem));
  background: #fff;
  color: var(--black);
}
.s-combo .sub .expr .op {
  font-size: calc(1.4 * var(--wf-rem));
  font-weight: 700;
}

.wf-root section.tried-survey {
  text-align: center;
  padding-bottom: calc(2 * var(--wf-rem));
  margin-top: calc(-1.46 * var(--wf-rem));
}

.tried-survey .title {
  font-size: calc(0.84 * var(--wf-rem));
  font-weight: 900;
}

.tried-survey .sub {
  font-size: calc(0.72 * var(--wf-rem));
  margin-top: calc(0.8 * var(--wf-rem));
}

.tried-survey .goto {
  margin-top: calc(1.2 * var(--wf-rem));
  display: inline-block;
  padding: calc(0.4 * var(--wf-rem)) calc(1.2 * var(--wf-rem));
  font-size: calc(0.68 * var(--wf-rem));
  font-weight: 900;
  background: var(--orange);
  border-radius: calc(1.76 * var(--wf-rem));
}

.s-addresses .title {
  font-size: calc(1.56 * var(--wf-rem));
  font-weight: 900;
  text-align: center;
}
.s-addresses .map {
  margin-top: calc(0.56 * var(--wf-rem));
  height: calc(8.8 * var(--wf-rem)); /* 440px */
  border-radius: calc(0.64 * var(--wf-rem));
  background: #ccc;
  overflow: clip;
}

.wf-root footer {
  padding: calc(1.22 * var(--wf-rem)) 0;
  text-align: center;
}

.wf-root footer .logo-m {
  height: calc(2.16 * var(--wf-rem));
}
.wf-root footer .mapp {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc(1.2 * var(--wf-rem));
  gap: calc(0.6 * var(--wf-rem));
}
.wf-root footer .mapp .qr {
  padding: calc(0.4 * var(--wf-rem));
  border-radius: calc(0.32 * var(--wf-rem));
  background: #fff;
}
.wf-root footer .mapp .qr::before {
  content: '';
  display: block;
  height: calc(4.76 * var(--wf-rem));
  aspect-ratio: 1 / 1;
  background: url(https://cdn.api.lenta.com/assets/0b1fd6cb-e497-4086-8986-06f1cd3b747a/assets__img__mapp-qr.svg);
  background-size: cover;
}
.wf-root footer .mapp .title {
  font-size: calc(0.96 * var(--wf-rem));
  font-weight: 900;
  text-transform: uppercase;
}
.wf-root footer .mapp .sub {
  font-size: calc(0.64 * var(--wf-rem));
}
.wf-root footer a {
  text-decoration: underline;
}
.wf-root footer .copyright {
  margin-top: calc(1.2 * var(--wf-rem));
  font-size: calc(0.36 * var(--wf-rem));
  opacity: 0.5;
}