*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
  /*width:100%;*/
}
.swiper-slide img,
video {
 width:100%;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.\!mb-\[32px\] {
  margin-bottom: 32px !important;
}
.block {
  display: block;
}
.hidden {
  display: none;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize {
  resize: both;
}
.\!overflow-visible {
  overflow: visible !important;
}
.\!pb-\[102px\] {
  padding-bottom: 102px !important;
}
.\!pt-\[102px\] {
  padding-top: 102px !important;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
/* SUISSE INTL */
@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-UltraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-Book.woff2") format("woff2");
  font-weight: 450;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* AVENIR NEXT CYR */
@font-face {
  font-family: "Avenir Next Cyr";
  src: url("/fonts/AvenirNextCyrUltraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next Cyr";
  src: url("/fonts/AvenirNextCyrLight.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next Cyr";
  src: url("/fonts/AvenirNextCyr-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next Cyr";
  src: url("/fonts/AvenirNextCyr-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next Cyr";
  src: url("/fonts/AvenirNextCyr-Demi.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next Cyr";
  src: url("/fonts/AvenirNextCyr-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.main-page__about-top {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
}
.main-page__about-top img {
  max-width: 74px;
  margin-bottom: 24px;
}
.main-page__about-top span {
  color: rgba(73, 54, 39, 0.8);
}
.main-page-about__content {
  display: flex;
  overflow: hidden;
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  .main-page-about__content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0 16px;
    overflow: visible;
  }
}
.main-page-about__card {
  position: relative;
  display: flex;
  aspect-ratio: 1/1.3;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  padding-top: 48px;
  margin-left: -1.5vw;
  margin-right: -1.5vw;
  width: 30vw;
}
@media (max-width: 991.98px) {
  .main-page-about__card {
    position: sticky !important;
    top: 48px !important;
    margin-left: unset !important;
    margin-right: unset !important;
    max-width: 400px !important;
    width: 100% !important;
    z-index: unset !important;
    height: 500px;
    border-radius: 10px;
  }
}
.main-page-about__card_1 {
  top: 8vw;
  margin-left: -4vw;
}
.main-page-about__card_2 {
  z-index: 1;
}
.main-page-about__card_3 {
  top: 8vw;
}
.main-page-about__card_4 {
  top: 4vw;
  margin-right: -4vw;
}
.main-page-about__card:hover .main-page-about__card-bg img {
  transform: scale(1.1);
}
.main-page-about__card-num {
  position: relative;
  z-index: 1;
  font-size: 12px;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-page-about__card-num:before {
  content: "";
  display: block;
  width: 64px;
  height: 32px;
  position: absolute;
  background: url("/images/circle-icon.svg") no-repeat center center;
  background-size: contain;
}
.main-page-about__card-text {
  position: relative;
  z-index: 1;
  font-size: clamp(12px, 2vw, 32px);
  color: #fff;
  text-align: center;
  line-height: 1;
  margin-top: clamp(16px, 3vw, 48px);
  font-family: "Avenir Next Cyr", sans-serif;
}
@media (max-width: 991.98px) {
  .main-page-about__card-text {
    font-size: 32px;
  }
}
.main-page-about__card-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.main-page-about__card-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 800ms ease-in-out;
}
.main-page__assortment-section {
  position: relative;
  z-index: 99;
}
.main-page__assortment-section:before {
  content: "";
  /*transform: rotate(180deg);*/
  width: 100%;
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  top: -16px;
  background-image: url("/images/subscribe-after.svg");
  background-size: 1141px 100%;
  background-repeat: repeat-x;
  background-position: center top;
  height: 44.4px;
}
.main-page__assortment-section:after {
  background: #f7f4ee;
  content: "";
  width: 100%;
  height: 20px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.main-page__assortment-tabs-wrapper {
  padding-top: 100px;
  background: #f7f4ee;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 48px;
}
.main-page__assortment-tabs-wrapper:before {
  transform: rotate(180deg);
  content: "";
  width: 100%;
  height: 188.4px;
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  top: -16px;
  background: url("/images/fence-beige.svg") repeat-x center bottom;
  background-size: 1149px 100%;
}
.main-page__assortment-tabs-wrapper:after {
  content: "";
  width: 100%;
  height: 188.4px;
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  background: url("/images/fence-beige.svg") repeat-x center bottom;
  background-size: 1149px 100%;
}
.main-page__assortment-wrapper {
  position: relative;
}
.main-page__assortment-wrapper .swiper-wrapper {
  align-items: stretch;
}
.main-page__assortment-wrapper .swiper-slide {
  height: auto;
}
.main-page__assortment-slider-prev,
.main-page__assortment-slider-next {
  position: absolute;
  top: 176px;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.main-page__assortment-slider-prev img,
.main-page__assortment-slider-next img {
  height: 100%;
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.main-page__assortment-slider-prev,
.main-page__assortment-slider-next {
  transition: opacity 0.24s ease-in-out;
}
@media (max-width: 991.98px) {
  .main-page__assortment-slider-prev,
  .main-page__assortment-slider-next {
    width: 48px;
  }
}
.main-page__assortment-slider-prev:hover,
.main-page__assortment-slider-next:hover {
  opacity: 0.8;
}
.main-page__assortment-slider-prev {
  left: 50%;
  transform: translateX(-700px);
}
@media (max-width: 1599.98px) {
  .main-page__assortment-slider-prev {
    left: 16px;
    transform: unset;
  }
}
.main-page__assortment-slider-next {
  right: 50%;
  transform: translateX(700px);
}
@media (max-width: 1599.98px) {
  .main-page__assortment-slider-next {
    right: 16px;
    transform: unset;
  }
}
.main-page__assortment-person {
  height: 500px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  bottom: -20px;
}
@media (max-width: 1199.98px) {
  .main-page__assortment-person {
    height: 40vw;
  }
}
.main-page__assortment-person img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page__assortment-divider {
  z-index: 10;
  width: 100%;
  position: relative;
}
.main-page__assortment-line1,
.main-page__assortment-line2 {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  background-size: 1148px 100%;
  background-position: center top;
  background-repeat: repeat-x;
}
.main-page__assortment-line1 {
  height: 61.2px;
  bottom: -40.8px;
  z-index: 1;
}
.main-page__assortment-line1_start {
  background-position: right top;
}
.main-page__assortment-line1_end {
  background-position: left top;
}
.main-page__assortment-line2 {
  z-index: 3;
  height: 61.2px;
  bottom: -60px;
}
.main-page__assortment-line2_start {
  background-position: right top;
}
.main-page__assortment-line2_end {
  background-position: left top;
}
.main-page__assortment-tabs-line {
  height: 1px;
  background: #eae4e5;
  width: 100%;
  margin-top: 3px;
}
.main-page__assortment-tabs {
  display: flex;
  gap: 4px;
  justify-content: center;
  position: relative;
}
@media (max-width: 575.98px) {
  .main-page__assortment-tabs {
    flex-direction: column;
  }
}
.main-page__assortment-tab {
  cursor: pointer;
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 16px 48px 16px 24px;
  border-radius: 8px;
  font-family: "Avenir Next Cyr", sans-serif;
  font-weight: 600;
  transition: all 0.24s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 575.98px) {
  .main-page__assortment-tab {
    padding: 16px 24px;
  }
}
.main-page__assortment-tab:hover {
  background: #fff;
}
.main-page__assortment-tab:hover .main-page__assortment-tab-logo {
  opacity: 1;
}
.main-page__assortment-tab_active {
  background: #fff;
}
.main-page__assortment-tab_active .main-page__assortment-tab-logo {
  opacity: 1;
}
.main-page__assortment-tab-icon {
  width: 64px;
  height: 64px;
}
.main-page__assortment-tab-logo {
  width: 32px;
  opacity: 0.32;
  transition: all 0.24s ease-in-out;
}
.main-page__assortment-tab-text {
  font-size: 12px;
  text-transform: uppercase;
  color: #493627;
}
.main-page__assortment-slider .assortment-page-section {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 61.2px !important;
}
.main-page__assortment-slider .swiper-wrapper {
  align-items: stretch;
  display: flex;
}
.main-page__assortment-slider .swiper-slide {
  height: auto;
}
.main-page__assortment-slider .container {
  flex-grow: 1;
}
.footer {
  width: 100%;
  padding-top: 160px;
}
.footer__container {
  width: 100%;
}
.footer__brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 100px;
}
@media (max-width: 767.98px) {
  .footer__brand {
    margin-bottom: 64px;
  }
}
.footer__slogan {
  opacity: 0.8;
  font-size: 18px;
  margin-bottom: 16px;
}
.footer__nav {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
  padding: 0 16px;
}
@media (max-width: 767.98px) {
  .footer__nav {
    margin-bottom: 64px;
  }
}
.footer__menu {
  display: flex;
  gap: 24px 48px;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  max-width: 680px;
  font-size: 18px;
}
@media (max-width: 575.98px) {
  .footer__menu {
    font-size: 16px;
  }
}
.footer__menu li a {
  opacity: 0.64;
  transition: all 0.24s ease-in-out;
}
.footer__menu li a:hover {
  opacity: 0.32;
}
.footer__menu-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer__search {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}
.footer__search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer__actions {
  position: relative;
  margin-bottom: 32px;
  display: flex;
  gap: 32px;
  padding: 0 16px;
  align-items: center;
}
@media (max-width: 1399.98px) {
  .footer__actions {
    flex-direction: column;
  }
}
.footer__bottom {
  position: absolute;
  left: 64px;
  height: 48px;
  top: 0;
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 1799.98px) {
  .footer__bottom {
    left: 24px;
  }
}
@media (max-width: 1399.98px) {
  .footer__bottom {
    position: relative;
    left: 0px;
  }
}
.footer__copyright {
  opacity: 0.48;
}
.footer__social {
  display: flex;
  gap: 32px;
  list-style: none;
  align-items: center;
}
.footer__social li {
  transition: all 0.24s ease-in-out;
}
.footer__social li:hover {
  opacity: 0.64;
}
.footer__developer {
  width: 100%;
  text-align: center;
  height: 76.8px;
  padding-top: 16px;
  color: #fff;
  font-size: 14px;
  background-image: url("/images/fence-orange-bottom.svg");
  background-position: center top;
  background-repeat: repeat-x;
  background-size: auto 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.footer__developer span {
  opacity: 0.48;
}
.footer__developer a {
  color: #fff;
  transition: all 0.24s ease-in-out;
}
.footer__developer a:hover {
  opacity: 0.48;
}
.header {
  background: #eb5200;
  height: 111px;
  z-index: 999;
  position: sticky;
  top: 0;
  transition: all 0.24s ease-in-out;
}
@media (max-width: 1799.98px) {
  .header {
    height: 100px;
  }
}
@media (max-width: 1599.98px) {
  .header {
    height: 80px;
  }
}
.header:before {
  content: "";
  width: 100%;
  height: 79.2px;
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  background: url("/images/fence-orange.svg") repeat-x center bottom;
  background-size: 1149px 100%;
}
.header__container {
  padding: 0 64px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 1;
  background: #eb5200;
}
@media (max-width: 1799.98px) {
  .header__container {
    padding: 0 24px;
  }
}
@media (max-width: 767.98px) {
  .header__container {
    padding: 0 16px;
  }
}
@media (max-width: 1199.98px) {
  .header__center_active {
    grid-column: 1/3;
  }
  .header__left_active {
    display: none;
  }
}
.header__logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1799.98px) {
  .header__logo img {
    width: 128px;
  }
}
@media (max-width: 1599.98px) {
  .header__logo img {
    width: 100px;
  }
}
.header__logo_hidden {
  display: none;
}
.header__right {
  display: flex;
  align-items: center;
  gap: 48px;
  justify-content: flex-end;
}
@media (max-width: 1799.98px) {
  .header__right {
    gap: 32px;
  }
}
@media (max-width: 575.98px) {
  .header__right {
    gap: 16px;
  }
}
.header__actions {
  flex-shrink: 0;
}
.header__actions ul {
  display: flex;
  gap: 32px;
  align-items: center;
}
@media (max-width: 1799.98px) {
  .header__actions ul {
    gap: 24px;
  }
}
@media (max-width: 1399.98px) {
  .header__actions ul li:not(:first-child) {
    display: none;
  }
}
.header__actions ul li a {
  transition: all 0.24s ease-in-out;
}
.header__actions ul li a:hover {
  opacity: 0.64;
}
.header__actions-search {
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.24s ease-in-out;
}
.header__actions-search:hover {
  opacity: 0.64;
}
.header__actions-search-icon_hidden {
  display: none;
}
.header__actions-close-icon {
  display: none;
}
.header__actions-close-icon_active {
  display: block;
}
.header__nav {
  flex-shrink: 0;
}
@media (max-width: 1199.98px) {
  .header__nav {
    display: none;
  }
}
.header__nav > ul {
  display: flex;
  gap: 32px;
}
@media (max-width: 1799.98px) {
  .header__nav > ul {
    gap: 24px;
  }
}
.header__nav > ul > li > a {
  color: #fff;
  font-size: 18px;
  white-space: nowrap;
  transition: all 0.24s ease-in-out;
}
@media (max-width: 1799.98px) {
  .header__nav > ul > li > a {
    font-size: 16px;
  }
}
@media (max-width: 1599.98px) {
  .header__nav > ul > li > a {
    font-size: 14px;
  }
}
.header__nav > ul > li > a:hover {
  opacity: 0.64;
}
.header__search {
  position: relative;
  display: none;
}
.header__search_active {
  display: block;
}
.header__search input {
  padding: 0 64px 0 24px;
  width: 100%;
  border: 1px solid #fff;
  height: 48px;
  background: transparent;
  border-radius: 1000px;
  color: #fff;
  outline: none;
}
.header__search input:focus {
  border: 1px solid #fff;           /* рамка остается белой при фокусе */
  outline: none;
}
.header__search input::-moz-placeholder {
  color: #fff;
  opacity: 0.48;
}
.header__search input::placeholder {
  color: #fff;
  opacity: 0.48;
}
.header__search a, .header__search button {
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  height: 100%;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.24s ease-in-out;
}
.header__search a:hover, .header__search button:hover {
  opacity: 0.64;
}
.header__has-submenu {
  position: relative;
  display: flex;
  gap: 4px;
  align-items: center;
}
.header__has-submenu:hover:after {
  transform: rotate(180deg);
}
.header__has-submenu:after {
  content: "";
  background: url("/images/down-icon.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  transform-origin: center center;
  display: block;
  transition: all 0.24s ease-in-out;
}
.header__has-submenu a {
  position: relative;
  z-index: 2;
}
.header__submenu {
  position: absolute;
  top: calc(100% + 16px);
  left: 50%;
  transform: translateX(-50%) translateY(0);
  opacity: 0;
  pointer-events: none;
  background: #eb5200;
  padding: 24px 32px;
  margin: 0;
  border-radius: 24px;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.32);
  transition: all 0.24s ease-in-out;
}
.header__submenu:before {
  content: "";
  display: block;
  position: absolute;
  top: -32px;
  height: 32px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}
.header__has-submenu:hover .header__submenu {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(10px);
}
.header__submenu > li > a {
  display: block;
  padding: 8px 0;
  color: #fff;
  font-size: 18px;
  white-space: nowrap;
  text-decoration: none;
  transition: all 0.24s ease-in-out;
}
@media (max-width: 1799.98px) {
  .header__submenu > li > a {
    font-size: 16px;
  }
}
@media (max-width: 1599.98px) {
  .header__submenu > li > a {
    font-size: 14px;
  }
}
.header__submenu > li > a:hover {
  opacity: 0.64;
}
.header__submenu > li > ul {
  padding-left: 16px;
}
.header__submenu > li > ul > li > a {
  display: block;
  padding: 4px 0;
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
  font-size: 12px;
}
.header__submenu > li > ul > li > a:hover {
  opacity: 0.64;
}
.header__burger {
  display: none;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  gap: 6px;
  cursor: pointer;
  transition: all 0.24s ease-in-out;
}
@media (max-width: 1199.98px) {
  .header__burger {
    display: flex;
  }
}
.header__burger span {
  width: 24px;
  height: 1px;
  background: #fff;
  transition: all 0.24s ease-in-out;
}
.header__burger_active {
  gap: 0;
}
.header__burger_active span:first-child {
  opacity: 0;
  width: 0;
}
.header__mobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100dvh;
  background: #eb5200;
  z-index: 0;
  padding: 111px 0 32px;
  display: none;
  overflow-y: auto;
  flex-direction: column;
  justify-content: space-between;
  clip-path: circle(0 at 90% 40px);
  transition: clip-path 0s;
}
@media (max-width: 1799.98px) {
  .header__mobile {
    padding: 100px 0 32px;
  }
}
@media (max-width: 1599.98px) {
  .header__mobile {
    padding: 80px 0 32px;
  }
}
@media (max-width: 1199.98px) {
  .header__mobile_active {
    display: flex;
  }
}
.header-mobile__menu {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header-mobile__menu li a {
  font-size: 18px;
  display: block;
  padding: 8px 0;
  color: #ffffff;
  transition: all 0.24s ease-in-out;
}
.header-mobile__menu li a:hover {
  opacity: 0.64;
}
.header-mobile__social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.header-mobile__social li a {
  font-size: 18px;
  display: block;
  padding: 8px 0;
  color: #ffffff;
  transition: all 0.24s ease-in-out;
}
.header-mobile__social li a:hover {
  opacity: 0.64;
}
.main-page__slider-hero {
  position: relative;
}
@media (max-width: 1199.98px) {
  .main-page__slider-hero {
    padding-bottom: 64px;
  }
}
.main-page__slider-icon {
  position: absolute;
  top: 48px;
  right: 48px;
  width: 54px;
  height: 54px;
  z-index: 9;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.main-page__slider-icon svg {
  stroke: #fff;
  transition: all 0.24s ease-in-out;
}
.main-page__slider-icon {
  transition: all 0.24s ease-in-out;
}
.main-page__slider-icon:hover {
  background: #fff;
}
.main-page__slider-icon:hover svg {
  stroke: #999;
}
.main-page__slider-wrapper {
  position: relative;
  overflow: hidden;
}
.main-page__slider-media {
  height: 800px;
}
@media (max-width: 1199.98px) {
  .main-page__slider-media {
    height: 550px;
  }
}
.main-page__slider-media img,
.main-page__slider-media video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-page__slider {
  height: 100%;
}
.main-page__slider .swiper-wrapper {
  transition-timing-function: ease-in-out !important;
}
.main-page__slider-thumbs {
  margin-left: unset !important;
  margin-right: unset !important;
  z-index: 2;
  position: absolute !important;
  bottom: 64px;
  left: 16px;
  right: 16px;
  height: 94px;
  width: calc(100% - 32px);
}
@media (max-width: 1199.98px) {
  .main-page__slider-thumbs {
    position: relative !important;
    bottom: 0;
    margin-top: 48px;
  }
}
.main-page__slider-thumbs .swiper-slide {
  width: auto;
  display: flex;
  align-items: center;
}
.main-page__slider-thumbs .swiper-wrapper {
  align-items: stretch;
}
@media (max-width: 1199.98px) {
  .main-page__slider-thumbs .swiper-wrapper {
    justify-content: unset;
  }
}
.main-page__slider-thumbs .swiper-slide-thumb-active .main-page__slider-thumb {
  height: 94px;
}
.main-page__slider-thumb {
  width: 328px;
  height: 84px;
  border-radius: 10px;
  overflow: hidden;
  padding: 0 24px;
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.25;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.main-page__slider-thumb a {
  transition: all 0.24s ease-in-out;
  color: #fff;
}
.main-page__slider-thumb a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.main-page__slider-thumb {
  transition: all 0.24s ease-in-out;
}
.sc-main {
  position: relative;
  height: 90vh;
}
@media (max-width: 1000px) {
  .sc-main {
    height: auto;
  }
}
.sc-main__swipers,
.sc-main__swiper-main,
.sc-main__swiper-main .swiper {
  height: 100%;
}
@media (max-width: 1000px) {
  .sc-main__swipers {
    height: auto;
  }
}
.sc-main__swiper-main {
  position: relative;
}

@media (max-width: 1000px) {
  .sc-main__swiper-main {
    height: 560px;
  }
}
@media (max-width: 490px) {
  .sc-main__swiper-main {
    height: 210px;
  }
}
.sc-main__swiper-thumbs {
  position: absolute;
  bottom: 3.125vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 51.615vw;
  height: 4.896vw;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20;
  opacity: 1;
}
@media (max-width: 1280px) {
  .sc-main__swiper-thumbs {
    width: 58.359vw;
    height: 5.469vw;
    bottom: 5.938vw;
  }
}
@media (max-width: 1024px) {
  .sc-main__swiper-thumbs {
    width: 70vw;
    height: 6.836vw;
    bottom: 6.055vw;
  }
}
@media (max-width: 1000px) {
  .sc-main__swiper-thumbs {
    position: relative;
    width: 100%;
    height: 227px;
    bottom: 0;
    margin-top: -10px;
    display: block;
  }
  .sc-main__swiper-thumbs::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-image: url("/img/bg-mob-tabs.svg");
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
  }
}
@media (min-width: 1001px) {
  .sc-main__swiper-thumbs .swiper {
    transform: translateY(3.385vw);
    opacity: 0;
    transition: 0.35s;
  }
  .sc-main__swiper-thumbs .swiper.anim-fadeIn {
    transform: translateY(0);
    opacity: 1;
  }
}
.sc-main__swiper-thumbs .swiper-slide {
  width: 17.031vw;
  height: 4.896vw;
  margin-right: 0.26vw;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 1280px) {
  .sc-main__swiper-thumbs .swiper-slide {
    height: 5.469vw;
    width: 19.219vw;
    margin-right: 0.234vw;
  }
}
@media (max-width: 1024px) {
  .sc-main__swiper-thumbs .swiper-slide {
    height: 6.836vw;
    width: 23.047vw;
    margin-right: 0.293vw;
  }
}
@media (max-width: 1000px) {
  .sc-main__swiper-thumbs .swiper-slide {
    width: 287px;
    height: 83px;
    margin-right: 8px;
  }
}
.sc-main__swiper-thumbs .swiper-slide:hover {
  cursor: pointer;
}
.sc-main__swiper-thumbs .swiper-slide.swiper-slide-thumb-active .sc-main__thumb-button {
  height: 100%;
}
.sc-main__swiper-thumbs .swiper-slide.swiper-slide-thumb-active .sc-main__thumb-background.sc-main__thumb-background--only-active {
  opacity: 1;
}
.sc-main__swiper-thumbs .swiper-slide.swiper-slide-thumb-active:hover {
  cursor: default;
}
.sc-main__swiper-thumbs .swiper-pagination {
  position: relative;
  bottom: 0;
  display: none;
  align-items: center;
  justify-content: center;
  margin: 23px 0 0;
}
@media (max-width: 1000px) {
  .sc-main__swiper-thumbs .swiper-pagination {
    display: flex;
  }
}
.sc-main__swiper-thumbs .swiper-pagination .swiper-pagination-bullet {
  background: rgba(73, 54, 39, 0.25);
  width: 7px;
  height: 7px;
  opacity: 1;
}
.sc-main__swiper-thumbs .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #eb5200;
  width: 9px;
  height: 9px;
  opacity: 1;
}
.sc-main__thumbs-relative {
  width: 100%;
  height: 100%;
  position: relative;
}
@media (max-width: 1000px) {
  .sc-main__thumbs-relative {
    height: auto;
    padding-top: 70px;
    z-index: 1;
  }
}
.sc-main__thumb-button {
  width: 100%;
  height: 4.375vw;
  border-radius: 0.521vw;
  padding: 1.198vw 1vw 0 1.042vw;
  transition: 0.35s;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 1280px) {
  .sc-main__thumb-button {
    padding: 1.328vw 1vw 0 1.25vw;
    height: 4.922vw;
  }
}
@media (max-width: 1024px) {
  .sc-main__thumb-button {
    padding: 1.563vw 1vw 0 1.758vw;
    height: 6.152vw;
  }
}
@media (max-width: 1000px) {
  .sc-main__thumb-button {
    border-radius: 7px;
    padding: 20px 20px 0 20px;
    height: 73px;
  }
}
.sc-main__thumb-button span,
.sc-main__thumb-button a {
  position: relative;
  z-index: 1;
}
.sc-main__thumb-button span,
.sc-main__thumb-button strong {
  display: block;
  color: #fff;
}
.sc-main__thumb-button strong {
  margin-bottom: 0.26vw;
}
@media (max-width: 1280px) {
  .sc-main__thumb-button strong {
    margin-bottom: 0.313vw;
  }
}
@media (max-width: 1024px) {
  .sc-main__thumb-button strong {
    margin-bottom: 0.391vw;
  }
}
@media (max-width: 1000px) {
  .sc-main__thumb-button strong {
    margin-bottom: 5px;
  }
}
.sc-main__thumb-button strong,
.sc-main__thumb-button span {
  font: normal 0.885vw/0.885vw "Suisse Intl";
}
@media (max-width: 1600px) {
  .sc-main__thumb-button strong,
  .sc-main__thumb-button span {
    font: normal 0.875vw/0.875vw "Suisse Intl";
  }
}
@media (max-width: 1440px) {
  .sc-main__thumb-button strong,
  .sc-main__thumb-button span {
    font: normal 0.903vw/0.903vw "Suisse Intl";
  }
}
@media (max-width: 1280px) {
  .sc-main__thumb-button strong,
  .sc-main__thumb-button span {
    font: normal 1.016vw/1.016vw "Suisse Intl";
  }
}
@media (max-width: 1024px) {
  .sc-main__thumb-button strong,
  .sc-main__thumb-button span {
    font: normal 1.27vw/1.27vw "Suisse Intl";
  }
}
@media (max-width: 1000px) {
  .sc-main__thumb-button strong,
  .sc-main__thumb-button span {
    font: normal 16px/16px "Suisse Intl";
  }
}
.sc-main__thumb-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.33vw;
  height: 2.33vw;
  border-radius: 50%;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .sc-main__thumb-button a {
    width: 3vw;
    height: 3vw;
  }
}
@media (max-width: 1000px) {
  .sc-main__thumb-button a {
    width: 36px;
    height: 36px;
  }
}
.sc-main__thumb-button a svg {
  display: block;
  width: 1.1vw;
  height: 1.1vw;
  position: relative;
  top: 0.04vw;
}
@media (max-width: 1024px) {
  .sc-main__thumb-button a svg {
    width: 1.6vw;
    height: 1.6vw;
  }
}
@media (max-width: 1000px) {
  .sc-main__thumb-button a svg {
    width: 18px;
    height: 18px;
    top: 1px;
  }
}
.sc-main__thumb-background {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transition-property: opacity;
  transition-duration: 0.34s;
  transition-timing-function: ease;
  z-index: 0;
}
.sc-main__thumb-background--only-active {
  opacity: 0;
}
.sc-main__video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.sc-main__btn-muted {
  position: absolute;
  width: 2.813vw;
  height: 2.813vw;
  top: 48px;
  right: 48px;
  background: url("/img/s27.svg") no-repeat 0 0/cover;
  border: 0;
  z-index: 30;
  transition: 0.35s;
}
@media (max-width: 1000px) {
  .sc-main__btn-muted {
    width: 50px;
    height: 50px;
    position: absolute;
    top: auto;
    bottom: 48px;
    right: 0;
    left: 0;
    margin: auto;
  }
}
.sc-main__btn-muted:hover {
  cursor: pointer;
}
.sc-main__btn-muted.muted {
  background: url("/img/s25.svg") no-repeat 0 0/cover;
  transition: 0.35s;
}
.sc-main__btn-muted:hover {
  background: url("/img/s26.svg") no-repeat 0 0/cover;
  transition: 0.35s;
}
.recipes-section {
  background: #f7f4ee;
  position: relative;
}
.recipes-section:before {
  transform: rotate(180deg);
  content: "";
  width: 100%;
  height: 188.4px;
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  top: -16px;
  background: url("/images/fence-beige.svg") repeat-x center bottom;
  background-size: 1149px 100%;
}
.recipes-section:after {
  content: "";
  width: 100%;
  height: 188.4px;
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  background: url("/images/fence-beige.svg") repeat-x center bottom;
  background-size: 1149px 100%;
}
.recipes-section__wrapper {
  overflow: hidden;
  padding: 200px 0;
}
@media (max-width: 767.98px) {
  .recipes-section__wrapper {
    padding: 120px 0;
  }
}
.recipes-section__wrapper_padding-bottom-half {
  padding-bottom: 100px;
}
.recipes-section__container {
  padding: 0 16px;
}
.recipes-section__header {
  text-align: center;
  margin-bottom: 64px;
}
.recipes-section__title {
  margin-bottom: 48px;
  position: relative;
  display: inline-block;
}
.recipes-section__title h2 {
  position: relative;
  z-index: 2;
}
.recipes-section__decor1 {
  position: absolute;
  top: 82%;
  left: -40%;
}
@media (max-width: 767.98px) {
  .recipes-section__decor1 {
    width: 80px;
  }
}
.recipes-section__decor2 {
  position: absolute;
  top: 0;
  right: -40%;
}
@media (max-width: 767.98px) {
  .recipes-section__decor2 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .recipes-section__decor2 {
    top: -10%;
    right: -30%;
  }
}
.recipes-section__description {
  margin-bottom: 32px;
  color: rgba(73, 54, 39, 0.8);
}
.recipes-section__recipes {
  max-width: 1600px;
  margin: 0 auto;
}
.recipes-section__recipes-second {
  max-width: 1600px;
  margin: 0 auto;
}
.recipes-section__recipes-second .swiper-wrapper {
     display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 32px;

}

.recipes-section__recipes .swiper-wrapper

 {
    display: flex;

}
.recipes-section__recipes .swiper-slide {
  width: auto;
  height: auto;
}
.recipes-section__recipes-second .swiper-slide {
  width: auto;
  height: auto;
}
.recipes-section__card {
  height: 100%;
}
.recipe-card {
  background-color: #f7f4ee;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  color: #493627;
  position: relative;
}
@media (max-width: 1199.98px) {

  .recipes-section__recipes-second .swiper-wrapper {
     display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;

}
}@media (max-width: 767.98px) {
  .recipe-card {
    max-width: 496px;
    margin: 0 auto;
  }
  .recipes-section__recipes-second .swiper-wrapper {
     display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;

}
}
@media (max-width: 467.98px) {

  .recipes-section__recipes-second .swiper-wrapper {
     display: grid;
    grid-template-columns: 1fr;
    gap: 32px;

}
}
.recipe-card_white {
  background: #fff;
}
.recipe-card_white .recipe-card__image-wrapper:after {
  background-image: url("/images/fence-white.svg");
  background-repeat: repeat-x;
  background-position: center top;
  height: 45.6px;
}
.recipe-card:hover .recipe-card__image-wrapper img {
  transform: scale(1.05);
}
.recipe-card__image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 5/4;
  overflow: hidden;
}
.recipe-card__image-wrapper:after {
  content: "";
  width: 100%;
  height: 45.6px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 0;
  top: calc(100% - 16px);
  background: url("/images/fence-beige-recipe.svg") repeat-x center top;
  background-size: auto 100%;
}
.recipe-card__image-wrapper img {
  transition: all 0.8s ease-in-out;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recipe-card__content {
  position: relative;
  width: 100%;
  padding: 24px 24px 32px;
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .recipe-card__content {
    padding: 16px 16px 24px;
  }
}
.recipe-card__title {
  font-size: 20px;
  padding-top: 10px;
  width: 100%;
  aspect-ratio: 5/2;
  text-align: center;
  color: #493627;
  display: flex;
      min-height: 30px;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .recipe-card__title {
    font-size: 16px;
  }
}
.recipe-card__meta {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
}
.recipe-card__meta-item {
  text-align: center;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}
.recipe-card__meta-item:not(:last-child) {
  border-right: 1px solid #eae4e5;
}
.recipe-card__meta-value {
  font-size: 20px;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .recipe-card__meta-value {
    font-size: 16px;
  }
}
.recipe-card__meta-label {
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .recipe-card__meta-label {
    font-size: 12px;
  }
}
.recipe-card__like {
  position: absolute;
  display:none;
  top: 24px;
  right: 24px;
  width: 48px;
  height: 48px;
  border-radius: 1000px;
  border: 1px solid #fff;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: all 0.24s ease-in-out;
}
.recipe-card__like svg {
  fill: #ffffff;
  transition: all 0.24s ease-in-out;
}
.recipe-card__like:not(.recipe-card__like_active):hover {
  background: rgba(255, 255, 255, 0.32);
}
.recipe-card__like_active {
  background: #ffffff;
}
.recipe-card__like_active svg {
  fill: #eb5200;
}
.recipe-card__video {
  position: absolute;
  bottom: 40px;
  left: 24px;
  width: 48px;
  height: 48px;
  border-radius: 1000px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: all 0.24s ease-in-out;
}
.recipe-card__video svg {
  fill: #ffffff;
  transition: all 0.24s ease-in-out;
}
.main-page-try {
  height: 1700px;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 240px !important;
}
@media (max-width: 991.98px) {
  .main-page-try {
    height: 1900px;
    padding-top: 200px !important;
  }
}
@media (max-width: 767.98px) {
  .main-page-try {
    height: 1575px;
  }
}
@media (max-width: 575.98px) {
  .main-page-try {
    height: 980px;
    padding-top: 30vw !important;
  }
}
@media (max-width: 410px) {
  .main-page-try {
    padding-top: 48px !important;
  }
}
.main-page-try:before {
  content: "";
  width: 100%;
  height: 188.4px;
  display: none;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% - 16px);
  background: url("/images/fence-beige.svg") repeat-x center top;
  background-size: auto 100%;
}
@media (max-width: 991.98px) {
  .main-page-try:before {
    display: block;
  }
}
.main-page-try h2 {
  color: #fff;
  margin-bottom: 32px;
}
.main-page-try:after {
  content: "";
  width: 100%;
  height: 44.4px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  top: calc(100% - 16px);
  background: url("/images/subscribe-after.svg") repeat-x center bottom;
  background-size: 1141px 100%;
}
.main-page-try__bg-desktop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
}
.main-page-try__bg-desktop img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991.98px) {
  .main-page-try__bg-desktop {
    display: none;
  }
}
.main-page-try__bg-mobile {
  display: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
}
.main-page-try__bg-mobile img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991.98px) {
  .main-page-try__bg-mobile {
    display: block;
  }
}
@media (max-width: 575.98px) {
  .main-page-try__bg-mobile img {
    -o-object-position: center top;
       object-position: center top;
  }
}
.recipes-page-filters {
  padding: 64px 0;
}
.recipes-page-filters__search {
  margin-bottom: 48px;
}
.recipes-page-filters__selects {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
  margin-bottom: 48px;
}
@media (max-width: 991.98px) {
  .recipes-page-filters__selects {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575.98px) {
  .recipes-page-filters__selects {
    grid-template-columns: 1fr;
  }
}
.recipes-page-filters__select {
  min-width: 0;
  width: 100%;
}
.recipes-page-filters .dropdown-active .ts-control {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.recipes-page-filters .dropdown-active .ts-control:after {
  transform: rotate(180deg);
}
.recipes-page-filters .ts-control {
  height: 80px;
  border-radius: 40px;
  padding-left: 24px;
  padding-right: 64px;
  font-size: 18px;
  color: #493627;
  align-items: center;
  background: #f7f4ee !important;
  border: none !important;
}
@media (max-width: 575.98px) {
  .recipes-page-filters .ts-control {
    height: 64px;
    font-size: 16px;
    border-radius: 32px;
  }
}
.recipes-page-filters .ts-control:not(.rtl) {
  padding-right: 64px !important;
}
.recipes-page-filters .ts-control .item {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recipes-page-filters .ts-control:after {
  position: absolute;
  width: 64px;
  right: 0;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "";
  opacity: 0.32;
  background: url("/images/down-icon-dark.svg") no-repeat center center;
  transform-origin: center center;
  transition: all 0.24s ease-in-out;
}
.recipes-page-filters .ts-control > input {
  font-size: 18px;
  color: #493627 !important;
}
@media (max-width: 575.98px) {
  .recipes-page-filters .ts-control > input {
    font-size: 16px;
  }
}
.recipes-page-filters .ts-control > input::-moz-placeholder {
  color: #000;
  opacity: 0.32;
}
.recipes-page-filters .ts-control > input::placeholder {
  color: #000;
  opacity: 0.32;
}
.recipes-page-filters .dropdown-input-wrap {
  border-bottom: 1px solid #eae4e5;
}
.recipes-page-filters .dropdown-input-wrap input {
  padding: 20px 24px;
  font-size: 18px;
  width: 100%;
  border: none;
}
@media (max-width: 575.98px) {
  .recipes-page-filters .dropdown-input-wrap input {
    font-size: 16px;
  }
}
.recipes-page-filters .dropdown-input-wrap input::-moz-placeholder {
  color: #000;
  opacity: 0.32;
}
.recipes-page-filters .dropdown-input-wrap input::placeholder {
  color: #000;
  opacity: 0.32;
}
.recipes-page-filters .dropdown-input-wrap input:focus {
  outline: none;
}
.recipes-page-filters .ts-dropdown {
  box-shadow: none;
  overflow: hidden;
  background: #f7f4ee !important;
  margin-top: 0;
  border: none;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
@media (max-width: 575.98px) {
  .recipes-page-filters .ts-dropdown {
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
  }
}
.recipes-page-filters .ts-dropdown [data-selectable].option {
  background: #f7f4ee;
  padding: 20px 24px;
  font-size: 18px;
  color: #493627 !important;
}
@media (max-width: 575.98px) {
  .recipes-page-filters .ts-dropdown [data-selectable].option {
    font-size: 16px;
    padding: 16px 24px;
  }
}
.recipes-page-filters .ts-dropdown [data-selectable].option:not(:last-child) {
  border-bottom: 1px solid #eae4e5;
}
.recipes-page-filters .ts-dropdown [data-selectable].option.active {
  color: #eb5200 !important;
}
.recipes-page-filters .ts-dropdown-content {
  max-height: 220px;
}
.recipes-page-filters .no-results {
  font-size: 18px;
  padding: 20px 24px !important;
}
@media (max-width: 575.98px) {
  .recipes-page-filters .no-results {
    font-size: 16px;
    padding: 16px 24px;
  }
}
.recipes-page-filters__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.recipes-page-grid {
  padding-bottom: 200px;
}
.recipes-page-grid__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
  margin: 0 auto;
}
@media (max-width: 1599.98px) {
  .recipes-page-grid__items {
    gap: 24px;
  }
}
@media (max-width: 1199.98px) {
  .recipes-page-grid__items {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767.98px) {
  .recipes-page-grid__items {
    grid-template-columns: 1fr;
  }
}
.recipes-page-subscribe {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  text-align: center;
}
.recipes-page-subscribe h2 {
  color: #fff;
  margin-bottom: 64px;
}
.recipes-page-subscribe:before {
  content: "";
  width: 100%;
  height: 81px;
  display: block;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: -16px;
  background: url("/images/subscribe-before.svg") repeat-x center top;
  background-size: auto 100%;
}
.recipes-page-subscribe__wrapper {
  padding: 220px 0 100px;
  background: rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}
.recipes-page-subscribe__wrapper:after {
  content: "";
  width: 100%;
  height: 44.4px;
  display: block;
  z-index: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - 16px);
  background: url("/images/subscribe-after.svg") repeat-x center bottom;
  background-size: 1141px 100%;
}
.recipes-page-subscribe__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.recipes-page-subscribe__content input {
  margin-bottom: 40px;
  background: #f7f4ee;
  height: 54px;
  border-radius: 1000px;
  padding: 0 24px;
  width: 100%;
  max-width: 600px;
  color: #493627;
}
.recipes-page-subscribe__content input::-moz-placeholder {
  color: #000;
  opacity: 0.32;
}
.recipes-page-subscribe__content input::placeholder {
  color: #000;
  opacity: 0.32;
}
.recipes-page-subscribe__content button {
  margin-bottom: 40px;
}
.recipes-page-subscribe__content span {
  font-size: 14px;
  max-width: 360px;
}
.recipes-page-subscribe__content span a {
  border-bottom: 1px solid #fff;
}
.recipes-page-subscribe__content span a:hover {
  border-color: transparent;
}
.recipe-page {
  padding: 100px 0 200px;
  position: relative;
}
.recipe-page__wrapper {
  position: relative;
}
.recipe-page__sticky {
  position: absolute;
  width: 20vw;
  top: 450px;
  right: 0;
  bottom: 250px;
}
@media (max-width: 1599.98px) {
  .recipe-page__sticky {
    all: unset;
    position: relative;
  }
}
.recipe-page__product {
  position: sticky;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  justify-content: center;
  z-index: 2;
}
@media (max-width: 1599.98px) {
  .recipe-page__product {
    transform: unset;
    top: unset;
    position: relative;
    display: flex;
    margin-bottom: 150px;
  }
}
.recipe-page__product:hover span img {
  right: 4px;
}
.recipe-page__product span {
  font-size: 18px;
  color: rgba(73, 54, 39, 0.8);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (max-width: 575.98px) {
  .recipe-page__product span {
    font-size: 16px;
  }
}
.recipe-page__product span img {
  position: relative;
  transform: rotate(-90deg);
  display: block;
  max-width: 100%;
  right: 0;
  opacity: 0.8;
  transition: all 0.24s ease-in-out;
}
.recipe-page__back {
  text-align: center;
  margin-bottom: 48px;
}
.recipe-page__back a {
  font-size: 18px;
  color: rgba(73, 54, 39, 0.48);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (max-width: 575.98px) {
  .recipe-page__back a {
    font-size: 16px;
  }
}
.recipe-page__back a:hover img {
  left: 4px;
}
.recipe-page__back a img {
  position: relative;
  transform: rotate(90deg);
  display: block;
  max-width: 100%;
  left: 0;
  opacity: 0.48;
  transition: all 0.24s ease-in-out;
}
.recipe-page__header {
  text-align: center;
  margin: 0 auto 48px;
}
.recipe-page__meta {
  margin: 0 auto 64px;
  max-width: 496px;
}
.recipe-page__image {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.recipe-page__image:after {
  content: "";
  width: 100%;
  height: 44.4px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  top: calc(100% - 16px);
  background: url("/images/subscribe-after.svg") repeat-x center bottom;
  background-size: 1141px 100%;
}
.recipe-page__image img {
  display: block;
  width: 100%;
  height: auto;
}
.recipe-page__ingredients {
  padding: 200px 0;
  max-width: 900px;
  margin: 0 auto;
}
@media (max-width: 1599.98px) {
  .recipe-page__ingredients {
    padding-bottom: 100px;
  }
}
@media (max-width: 575.98px) {
  .recipe-page__ingredients {
    padding: 150px 0 100px;
  }
}
.recipe-page__ingredients_start {
  padding-top: 64px;
}
@media (max-width: 575.98px) {
  .recipe-page__ingredients_start {
    padding-top: 64px;
  }
}
.recipe-page__ingredients-wrapper {
  text-align: center;
  margin-bottom: 64px;
}
.recipe-page__ingredients-title {
  text-align: center;
  position: relative;
  display: inline-block;
}
.recipe-page__ingredients-title h2 {
  position: relative;
  z-index: 1;
}
.recipe-page__ingredients-decor1 {
  position: absolute;
  left: -30px;
  top: -70px;
}
@media (max-width: 767.98px) {
  .recipe-page__ingredients-decor1 {
    width: 140px;
    top: -60px;
  }
}
@media (max-width: 575.98px) {
  .recipe-page__ingredients-decor1 {
    width: 120px;
  }
}
.recipe-page__ingredients-decor2 {
  position: absolute;
  right: -10px;
  top: -45px;
}
@media (max-width: 767.98px) {
  .recipe-page__ingredients-decor2 {
    width: 140px;
    top: -40px;
    right: -40px;
  }
}
@media (max-width: 575.98px) {
  .recipe-page__ingredients-decor2 {
    width: 120px;
  }
}
.recipe-page__ingredients-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 767.98px) {
  .recipe-page__ingredients-list {
    gap: 24px;
  }
}
.recipe-page__ingredient {
  font-size: 24px;
  color: rgba(73, 54, 39, 0.8);
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: flex-end;
  gap: 32px;
}
@media (max-width: 767.98px) {
  .recipe-page__ingredient {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .recipe-page__ingredient {
    font-size: 16px;
  }
}
.recipe-page__ingredient span {
  background: #fff;
  z-index: 1;
}
.recipe-page__ingredient span:first-child {
  padding-right: 8px;
  max-width: 33%;
}
@media (max-width: 575.98px) {
  .recipe-page__ingredient span:first-child {
    max-width: 50%;
  }
}
.recipe-page__ingredient span:last-child {
  padding-left: 8px;
  white-space: nowrap;
}
.recipe-page__ingredient:before {
  position: absolute;
  bottom: 8px;
  width: 100%;
  height: 2px;
  left: 0;
  right: 0;
  content: "";
  display: block;
  background: url("/images/ingredients-dots.svg") repeat-x center bottom;
}
.recipe-page__steps {
 /* max-width: 900px;*/
  margin: 0 auto 50px;
}
.recipe-page__wrapper .recipe-page__steps {
 max-width: 900px;
  margin: 0 auto 50px;
}
.recipe-page__steps-title {
  text-align: center;
  margin-bottom: 100px;
}
@media (max-width: 575.98px) {
  .recipe-page__steps-title {
    margin-bottom: 64px;
  }
}
.recipe-page__steps-title h2 {
  margin-bottom: 32px;
}
.recipe-page__steps-title p {
  color: rgba(73, 54, 39, 0.8);
  font-size: 18px;
}
@media (max-width: 575.98px) {
  .recipe-page__steps-title p {
    font-size: 16px;
  }
}
.recipe-page__steps-body {
  display: flex;
  flex-direction: column;
  gap: 64px;
  counter-reset: step;
}
@media (max-width: 767.98px) {
  .recipe-page__steps-body {
    gap: 48px;
  }
}
.recipe-page__step {
  counter-increment: step;
  display: flex;
  flex-direction:column;

  gap: 48px;
}
@media (max-width: 767.98px) {
  .recipe-page__step {
    gap: 32px;
  }
}
@media (max-width: 575.98px) {
  .recipe-page__step {
    flex-direction: column;
    gap: 24px;
    text-align: left;
  }
}
.recipe-page__step::before {
  flex-shrink: 0;
  content: counter(step);
  font-size: 32px;
  font-weight: 100;
  color: #493627;
  opacity: 0.8;
  align-items: center;
  justify-content: center;
  display: none;
  width: 80px;
  height: 80px;
  border-radius: 1000px;
  border: 1px solid #493627;
}
@media (max-width: 575.98px) {
  .recipe-page__step::before {
    width: 64px;
    height: 64px;
    font-size: 24px;
  }
}
.recipe-page__step p {
  font-size: 24px;
  color: rgba(73, 54, 39, 0.8);
}
.recipe-page__step2 p {
    font-size: 24px;
    color: rgba(73, 54, 39, 0.8);
}
@media (max-width: 767.98px) {
  .recipe-page__step p {
    font-size: 18px;
  }
    .recipe-page__step2 p {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .recipe-page__step p {
    font-size: 16px;
  }
    .recipe-page__step2 p {
    font-size: 16px;
  }
}
.recipe-page__share {
  text-align: center;
}
.recipe-page__share-title {
  text-transform: uppercase;
  color: #493627;
  font-size: 32px;
  margin-bottom: 4px;
  font-family: "Avenir Next Cyr", sans-serif;
}
@media (max-width: 575.98px) {
  .recipe-page__share-title {
    line-height: 1.2;
  }
}
.recipe-page__share-description {
  color: rgba(73, 54, 39, 0.48);
  margin-bottom: 32px;
  font-size: 14px;
}
.recipe-page__share-socials ul {
  display: flex;
  justify-content: center;
  gap: 4px;
}
.recipe-page__share-socials ul li a {
  display: flex;
  width: 48px;
  height: 48px;
  border-radius: 4px;
  background: #000;
}
.assortment-page-section {
  overflow: hidden;
  padding: 200px 0;
  position: relative;
}
@media (max-width: 1199.98px) {
  .assortment-page-section {
    padding-bottom: 200px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section {
    padding-top: 100px;
  }
}
.assortment-page-section_start {
  padding-top: 128px;
}
@media (max-width: 575.98px) {
  .assortment-page-section_start {
    padding-top: 128px;
  }
}
.assortment-page-section_padding-bottom-half {
  padding-bottom: 100px;
}
.assortment-page-section_beige {
  background: transparent;
  z-index: 1;
  position: relative;
  margin-bottom: -180px;
}
.assortment-page-section_beige:before {
  background: #f7f4ee;
  content: "";
  width: 100%;
  display: block;
  z-index: -1;
  position: absolute;
  inset: 0;
  bottom: 180px;
}
.assortment-page-section__gurme-bg1 {
  position: absolute;
  left: 0;
  top: 100px;
  z-index: -1;
  transform-origin: center center;
}
.assortment-page-section__gurme-bg1 img {
  max-width: 100%;
  display: block;
}
@media (max-width: 1199.98px) {
  .assortment-page-section__gurme-bg1 {
    width: 150px;
    transform: rotate(-90deg) translate(-50%, -25%);
    bottom: 0;
    top: unset;
    left: 50%;
  }
}
.assortment-page-section__wine-bg1 {
  position: absolute;
  right: 0;
  top: 100px;
  z-index: -1;
  transform-origin: center center;
}
.assortment-page-section__wine-bg1 img {
  max-width: 100%;
  display: block;
}
@media (max-width: 1199.98px) {
  .assortment-page-section__wine-bg1 {
    width: 150px;
    transform: rotate(90deg) translate(50%, 25%);
    bottom: 0;
    top: unset;
    left: 50%;
  }
}
.assortment-page-section__logo-bg {
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  display: flex;
  justify-content: center;
  position: absolute;
}
@media (max-width: 1199.98px) {
  .assortment-page-section__logo-bg {
    display: none;
  }
  .assortment-page-section__logo-bg_block {
    display: flex;
    height: 20vw;
  }
}
.assortment-page-section__title {
  position: relative;
  display: inline-block;
}
.assortment-page-section__title h2 {
  position: relative;
  z-index: 2;
}
.assortment-page-section__title-decor1 {
  position: absolute;
  top: -80%;
  left: -16%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor1 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor1 {
    width: 60px;
  }
}

.assortment-page-section__title-decor1-1 {
  position: absolute;
  top: -80%;
  left: -16%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor1-1 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor1-1 {
    width: 60px;
  }
}
.assortment-page-section__title-decor2 {
  position: absolute;
  top: -72%;
  right: -17%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor2 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor2 {
    width: 60px;
  }
}

.assortment-page-section__title-decor1-2 {
  position: absolute;
  top: -72%;
  right: -17%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor1-2 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor1-2 {
    width: 60px;
  }
}
.assortment-page-section__title-decor3 {
  position: absolute;
  top: -120%;
  left: -45%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor3 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor3 {
    width: 60px;
  }
}
.assortment-page-section__title-decor2-1 {
  position: absolute;
  top: -120%;
  left: -35%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor2-1 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor2-1 {
    width: 60px;
  }
}
.assortment-page-section__title-decor4 {
  position: absolute;
  top: -80%;
  right: -44%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor4 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor4 {
    width: 60px;
  }
}
.assortment-page-section__title-decor2-2 {
  position: absolute;
  top: -60%;
  right: -35%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor2-2 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor2-2 {
    width: 60px;
  }
}
.assortment-page-section__title-decor5 {
  position: absolute;
  left: 10px;
  top: -127px;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor5 {
    width: 140px;
    left: -10px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor5 {
    width: 100px;
    top: -80px;
  }
}
.assortment-page-section__title-decor6 {
  position: absolute;
  right: -21px;
  top: -83px;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor6 {
    width: 140px;
    right: -10px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor6 {
    width: 100px;
    top: -65px;
  }
}
.assortment-page-section__title-decor7 {
  position: absolute;
  top: -80%;
  left: -26%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor7 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor7 {
    width: 60px;
  }
}
.assortment-page-section__title-decor8 {
  position: absolute;
  top: -72%;
  right: -25%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor8 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor8 {
    width: 60px;
  }
}
.assortment-page-section__title-decor9 {
  position: absolute;
  left: 40px;
  top: -20px;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor9 {
    width: 70px;
    left: 20px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor9 {
    width: 50px;
    top: -10px;
  }
}
.assortment-page-section__title-decor10 {
  position: absolute;
  right: 10px;
  top: -40px;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor10 {
    width: 100px;
    right: 0;
    top: -30px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor10 {
    width: 80px;
    top: -20px;
    right: 10px;
  }
}
.assortment-page-section__title-decor11 {
  position: absolute;
  top: 15%;
  left: -13%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor11 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor11 {
    width: 60px;
  }
}
.assortment-page-section__title-decor12 {
  position: absolute;
  top: -7%;
  right: -17%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor12 {
    width: 80px;
    top: 10%;
    right: -12%;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor12 {
    width: 60px;
  }
}
.assortment-page-section__title-decor13 {
  position: absolute;
  top: -80%;
  left: -10%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor13 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor13 {
    width: 60px;
  }
}
.assortment-page-section__title-decor14 {
  position: absolute;
  top: -72%;
  right: -11%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor14 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor14 {
    width: 60px;
  }
}
.assortment-page-section__title-decor15 {
  position: absolute;
  top: -70%;
  left: -10%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor15 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor15 {
    width: 60px;
  }
}
.assortment-page-section__title-decor16 {
  position: absolute;
  top: -110%;
  right: -11%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor16 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor16 {
    width: 60px;
  }
}
.assortment-page-section__title-decor17 {
  position: absolute;
  top: -70%;
  left: -25%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor17 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor17 {
    width: 60px;
  }
}
.assortment-page-section__title-decor18 {
  position: absolute;
  top: -60%;
  right: -25%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor18 {
    width: 80px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor18 {
    width: 60px;
  }
}
.assortment-page-section__title-decor19 {
  position: absolute;
  top: -32%;
  left: -22%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor19 {
    width: 80px;
    top: -20%;
    left: -18%;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor19 {
    width: 60px;
  }
}
.assortment-page-section__title-decor20 {
  position: absolute;
  top: 65%;
  right: -10%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor20 {
    width: 60px;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor20 {
    width: 40px;
  }
}
.assortment-page-section__title-decor21 {
  position: absolute;
  top: -80%;
  left: -30%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor21 {
    width: 80px;
    top: -70%;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor21 {
    width: 60px;
    top: -60%;
  }
}
.assortment-page-section__title-decor22 {
  position: absolute;
  top: -72%;
  right: -35%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor22 {
    width: 80px;
    top: -62%;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor22 {
    width: 60px;
    top: -52%;
  }
}
.assortment-page-section__title-decor23 {
  position: absolute;
  top: -4%;
  left: -20%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor23 {
    width: 100px;
    top: 16%;
    left: -10%;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor23 {
    width: 80px;
    top: 18%;
  }
}
.assortment-page-section__title-decor24 {
  position: absolute;
  top: -4%;
  right: -20%;
}
@media (max-width: 767.98px) {
  .assortment-page-section__title-decor24 {
    width: 100px;
    top: 14%;
    right: -18%;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__title-decor24 {
    width: 80px;
    top: 18%;
  }
}
.assortment-page-section__header {
  text-align: center;
  margin-bottom: 120px;
  z-index: 1;
}
.assortment-page-section__description {
  color: rgba(73, 54, 39, 0.8);
  margin: 24px auto 32px;
  font-size: 18px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .assortment-page-section__description {
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    max-width: 64%;
  }
}
@media (max-width: 575.98px) {
  .assortment-page-section__description br {
    display: none;
  }
}
.assortment-page-section__button {
  margin-bottom: 64px;
}
.assortment-page-section__nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575.98px) {
  .assortment-page-section__nav ul {
    flex-direction: column;
    gap: 16px;
  }
}
.assortment-page-section__nav ul li {
  padding: 0 24px;
}
.assortment-page-section__nav ul li:not(:last-child) {
  border-right: 1px solid #eae4e5;
}
@media (max-width: 575.98px) {
  .assortment-page-section__nav ul li:not(:last-child) {
    border-right: none;
  }
}
.assortment-page-section__nav ul li a {
  transition: all 0.24s ease-in-out;
  color: rgba(73, 54, 39, 0.8);
}
.assortment-page-section__nav ul li a:hover {
  color: rgba(73, 54, 39, 0.5);
}
.assortment-page-section__grid {
  /*z-index: 1;
  display: grid;
  gap: 100px 32px;
  max-width:1200px;
  margin:0 auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;*/
  display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: center;
    gap: 52px 10px;
}
@media (max-width: 991.98px) {
  .assortment-page-section__grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 767.98px) {
  .assortment-page-section__grid {
    grid-template-columns: 1fr 1fr;
  }
}
.assortment-page-section__slider {
  position: relative;
  margin: 0 auto;
  z-index: 1;
}
.assortment-page-section__slider .swiper-slide {
  /*height: auto;*/
}
.assortment-page-section__slider .swiper-wrapper {
  align-items: stretch;
}
.assortment-page-section__slider-wrapper {
  max-width: calc(100% - 128px);
}
@media (max-width: 575.98px) {
  .assortment-page-section__slider-wrapper {
    max-width: 100%;
  }
}
.assortment-page-section__slider-prev, .assortment-page-section__slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
  transition: all 0.24s ease-in-out;
}
@media (max-width: 575.98px) {
  .assortment-page-section__slider-prev, .assortment-page-section__slider-next {
    display: none;
  }
}
.assortment-page-section__slider-prev:hover, .assortment-page-section__slider-next:hover {
  opacity: 0.8;
}
.assortment-page-section__slider-prev {
  left: 0;
}
.assortment-page-section__slider-next {
  right: 0;
}
.assortment-page-divider {
  z-index: 1;
  height: 61.2px;
  width: 100%;
  position: relative;
}
.assortment-page-divider div {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  background-size: 1148px 100%;
  background-position: center top;
  background-repeat: repeat-x;
}
.assortment-page-divider div:first-child {
  z-index: 0;
  height: 61.2px;
  top: -16px;
}
.assortment-page-divider div:last-child {
  height: 61.2px;
  z-index: 1;
}
.assortment-page-line {
  height: 25.2px;
  width: 100%;
  background: url("/images/line.svg") repeat-x center top;
  background-size: auto 100%;
}
.assortment-page-line2 {
  height: 25.2px;
  width: 100%;
  background: url("/images/line2.svg") repeat-x center top;
  background-size: auto 100%;
}
.assortment-page-line-wide {
  height: 81px;
  width: 100%;
  background: url("/images/divider-brown.svg") repeat-x center top;
  background-size: auto 100%;
}

.product-card {
  text-align: center;
  position: relative;
  display: flex;
  max-width:260px;
  flex-direction: column;
  height: 100%;
      margin: 0 auto;
}
.assortment-page-section__grid .product-card
{
 width:100%;
 max-width:280px;
 margin:0px;
	}
.product-card:hover .product-card__image img {
  transform: translateY(0px) scale(1.05);
}
.product-card__new {
  position: absolute;
  left: 0;
  writing-mode: sideways-lr;
  bottom: 0;
  text-transform: uppercase;
  background: #eb5200;
  color: #fff;
  padding: 16px 4px;
  display: inline-block;
  z-index: 2;
  font-size: 18px;
  letter-spacing: 1px;
}
.product-card__new_center {
  writing-mode: unset;
  padding: 4px 16px;
  left: unset;
  margin: 0 auto;
}
.product-card__image {
  display: flex;
  align-items: end;
  justify-content: center;
  margin-bottom: 32px;
  padding-top: 8px;
  flex-grow: 1;
  position: relative;
}
.product-card__image img {
  display: block;
  max-width: 80%;
  transition: all 0.24s ease-in-out;
}
.product-card__title {
  text-transform: uppercase;
  color: #493627;
  font-family: "Avenir Next Cyr", sans-serif;
  font-size: 30px;
    max-width: 90%;
    margin: 0 auto;
  line-height: 1.25;
}
@media (max-width: 767.98px) {
  .product-card__title {
    font-size: 24px;
  }
}
.product-card__description {
  color: rgba(73, 54, 39, 0.8);
  max-width: 260px;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .product-card__description {
    font-size: 14px;
  }
}
.product-page {
  background: #f7f4ee;
}
.product-page__header {
  position: relative;
  padding: 64px 0;
  text-align: center;
  overflow: hidden;
}
.product-page__header:after {
  content: "";
  width: 100%;
  height: 44.4px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  top: calc(100% - 16px);
  background: url("/images/subscribe-after.svg") repeat-x center bottom;
  background-size: 1141px 100%;
}
.product-page__description {
  color: rgba(73, 54, 39, 0.8);
  font-size: 32px;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .product-page__description {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .product-page__description {
    font-size: 16px;
  }
}
/*
.product-page__slider {
  margin-top: 64px;
  position: relative;
  background: url("/images/logo-bg-white.svg") no-repeat center 48px;
}
@media (max-width: 1199.98px) {
  .product-page__slider {
    background-size: 80%;
    background-position: center 30%;
  }
}
@media (max-width: 575.98px) {
  .product-page__slider {
    background-size: 100%;
    background-position: center 30%;
  }
}
.product-page__slider .swiper-3d .swiper-slide-shadow-left {
  background-image: unset;
}
.product-page__slider .swiper-3d .swiper-slide-shadow-right {
  background-image: unset;
}
.product-page__slide {
  /*cursor: zoom-in;--------/
  border-radius: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0);
  border: 1px solid rgba(73, 54, 39, 0);
  transition: all 0.24s ease-in-out;
}
.product-page__swiper {
  height: 100%;
  max-width: 364px;
  overflow: visible;
}
.product-page__swiper .swiper-wrapper {
  overflow: visible;
}
.product-page__swiper .swiper-wrapper .swiper-slide.swiper-slide-zoomed .product-page__slide {
  border-radius: 10000px;
  background: rgba(255, 255, 255, 0.48);
  border-color: #fff;
}
.product-page__swiper .swiper-wrapper .swiper-slide img {
  max-height: 100%;
  max-width: 100%;
}
.product-page__swiper-next {
  margin-top: 48px;
  cursor: pointer;
  position: relative;
  font-size: 12px;
  text-align: center;
  color: rgba(73, 54, 39, 0.8);
  line-height: 1.25;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .product-page__swiper-next {
    display: none;
  }
}
.product-page__swiper-next:before {
  display: block;
  position: absolute;
  transform: translateX(-4px);
  content: url("/images/turn-icon.svg");
} */

/* === НОВЫЕ СТИЛИ ДЛЯ ЭФФЕКТА ПРЕВЬЮ === */

/*.product-page__slider {
  margin-top: 64px;
  position: relative;
  background: url("/images/logo-bg-white.svg") no-repeat center 48px;
  overflow: visible; /* Разрешаем содержимому выходить /
}

.product-page__swiper {
    max-width: 800px; /* Увеличили для простора /
    margin-left: auto;
    margin-right: auto;
    padding-left: 160px; /* Больше места для превью слева /
    padding-right: 160px; /* Симметрия справа /
    overflow: visible;
}

/* Все слайды /
.product-page__swiper .swiper-slide {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Активный слайд — по центру, крупный /
.product-page__swiper .swiper-slide-active {
    transform: scale(1.35);
    z-index: 10;
}

/* Предыдущий слайд — слева, дальше от активного /
.product-page__swiper .swiper-slide-prev {
    transform: scale(0.5) translateX(-220px); /* Увеличили сдвиг влево /
    transform-origin: right center;
    opacity: 1;
    z-index: 5;
}

/* Следующий слайд — скрыт /
.product-page__swiper .swiper-slide-next {
    transform: scale(0.3) translateX(100px);
    opacity: 0;
    z-index: 1;
}
/* Начальное состояние — когда только загрузилась страница /
.product-page__swiper .swiper-slide:first-child {
    opacity: 1;
}
/* Фикс для контейнера слайда /
.product-page__slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.product-page__slide img {
    max-height: 400px;
    width: auto;
    display: block;
}

.product-page__swiper-next {
  margin-top: 48px;
  cursor: pointer;
  position: relative;
  font-size: 12px;
  text-align: center;
  color: rgba(73, 54, 39, 0.8);
  line-height: 1.25;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  z-index: 100; /* Добавили — чтобы была кликабельной /
  pointer-events: auto; /* Явно разрешаем клики /
}
@media (max-width: 1199.98px) {
  .product-page__swiper-next {
    display: none;
  }
}
.product-page__swiper-next:before {
  display: block;
  position: absolute;
  transform: translateX(-4px);
  content: url("/images/turn-icon.svg");
}

/* Адаптив /
@media (max-width: 1199.98px) {
    .product-page__swiper {
        max-width: 364px;
        padding-left: 0;
    }

    .product-page__swiper .swiper-slide-prev,
    .product-page__swiper .swiper-slide-next {
        opacity: 0;
        transform: scale(0.6);
    }
}
.product-page__info {
  position: absolute;
  max-width: 180px;
  top: 24%;
  bottom: 0;
  left: 50%;
  transform: translateX(220px);
  display: inline-flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1199.98px) {
  .product-page__info {
    position: relative;
    top: unset;
    left: unset;
    flex-direction: row;
    max-width: 100%;
    transform: unset;
    gap: 32px;
    margin-top: 32px;
  }
}
@media (max-width: 575.98px) {
  .product-page__info {
    flex-direction: column;
    gap: 16px;
  }
}
.product-page__info-item {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .product-page__info-item {
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  .product-page__info-item {
    flex-direction: row;
  }
}
.product-page__info-icon {
  width: 66px;
  height: 66px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
  border: 1px solid rgba(73, 54, 39, 0.8);
}
.product-page__info-text {
  color: rgba(73, 54, 39, 0.8);
  text-align: left;
  font-weight: 300;
  line-height: 1.25;
  font-size: 14px;
}
@media (max-width: 1199.98px) {
  .product-page__info-text {
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .product-page__info-text {
    text-align: left;
  }
}
.product-page__info-text span {
  font-size: 18px;
  font-weight: 400;
}*/



/* === ВАШИ ИСХОДНЫЕ СТИЛИ === */

.product-page__slider {
    margin-top: 44px;
        padding-top: 60px;
        padding-bottom: 20px;
    position: relative;
    background: url(/images/logo-bg-white.svg) no-repeat center 48px;
        background-size: 100%;
    overflow: hidden;          /* Скрываем всё что выходит за границы */
    max-width: 900px;          /* Ограничиваем ширину всего блока */
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1199.98px) {
    .product-page__slider {
        max-width: 100%;
        overflow: visible;
    }
}

@media (max-width: 575.98px) {
    .product-page__slider {
        background-size: 100%;
        background-position: center 30%;
    }
}

.product-page__slider .swiper-3d .swiper-slide-shadow-left {
    background-image: unset;
}

.product-page__slider .swiper-3d .swiper-slide-shadow-right {
    background-image: unset;
}

.product-page__slide {
    border-radius: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0);
    border: 1px solid rgba(73, 54, 39, 0);
    transition: all 0.24s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.product-page__swiper {
   max-width: 400px;          /* Ещё уже — только для активного слайда */
    margin-left: auto;
    margin-right: auto;
    padding-left: 80px;        /* Место для превью слева */
    padding-right: 80px;
    overflow: visible;
}

.product-page__swiper .swiper-wrapper {
    overflow: visible;
}

.product-page__swiper .swiper-wrapper .swiper-slide.swiper-slide-zoomed .product-page__slide {
    border-radius: 10000px;
    background: rgba(255, 255, 255, 0.48);
    border-color: #fff;
}

.product-page__swiper .swiper-wrapper .swiper-slide img {
    max-height: 355px;
    max-width: 100%;
    width: auto;
    display: block;
}

/* === НОВЫЕ/ИСПРАВЛЕННЫЕ СТИЛИ ДЛЯ ЭФФЕКТА === */

/* Все слайды */
.product-page__swiper .swiper-slide {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Активный слайд — по центру, крупный */
.product-page__swiper .swiper-slide-active {
    transform: scale(1.35);
    z-index: 10;
}

/* Предыдущий слайд — слева, дальше от активного */
.product-page__swiper .swiper-slide-prev {
    transform: scale(0.5) translateX(-160px);
    transform-origin: right center;
    opacity: 1;
    z-index: 5;
}

/* Скрываем следующий слайд полностью */
.product-page__swiper .swiper-slide-next {
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    pointer-events: none;
}

/* Начальное состояние */
.product-page__swiper .swiper-slide:first-child {
    opacity: 1;
}

/* === КНОПКА "ПЕРЕВЕРНУТЬ" === */

.product-page__swiper-next {
    margin-top: 80px; /* Увеличили отступ от пачки */
    cursor: pointer;
    position: relative;
    font-size: 12px;
    text-align: center;
    color: rgba(73, 54, 39, 0.8);
    line-height: 1.25;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    pointer-events: auto;
}
.product-page__swiper-zoom {
    margin-top: 80px; /* Увеличили отступ от пачки */
    cursor: pointer;
    position: relative;
    font-size: 24px;
    text-align: center;
    color: rgba(73, 54, 39, 0.8);
    line-height: 1.25;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    pointer-events: auto;
    margin-right:100px;
}

@media (max-width: 1199.98px) {
    .product-page__swiper-next {
       /* display: none;*/
    }
}

.product-page__swiper-next:before, .product-page__swiper-zoom:before {
    display: block;
    position: absolute;
    transform: translateX(-4px);
    content: url("/images/turn-icon.svg");
}


/* Блок преимуществ — позиционируем относительно центра */
.product-page__info {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: absolute;
    left: 50%;                 /* Центрируем */
    top: 35%;
    transform: translateY(-50%);
    margin-left: 220px;        /* Сдвигаем вправо от центра */
    max-width: 160px;
}

@media (max-width: 1199.98px) {
    .product-page__swiper {
        max-width: 364px;
        padding-left: 0;
        padding-right: 0;
    }

    .product-page__info {
        position: static;
        transform: none;
        flex-direction: row;
        justify-content: center;
        margin-top: 80px;
        margin-left: 0;
        max-width: 100%;
        flex-wrap:wrap;
    }

}

.product-page__info-item {
    display: flex;
    align-items: center;
    gap: 15px;
}


.product-page__info-icon {
  width: 66px;
  height: 66px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
  border: 1px solid rgba(73, 54, 39, 0.8);
}
.product-page__info-text {
  color: rgba(73, 54, 39, 0.8);
  text-align: left;
  font-weight: 300;
  line-height: 1.25;
  font-size: 14px;
}
@media (max-width: 1199.98px) {
  .product-page__info-text {
    text-align: center;
  }
  .product-page__info-item {
    display: flex;
    flex-direction:column;
    align-items: center;

    gap: 15px;
    max-width: 100px;
}

}
@media (max-width: 575.98px) {

}
.product-page__info-text span {
  font-size: 18px;
  font-weight: 400;
}



/*.product-page__info-icon img {
    width: 40px;
    height: 40px;
}

.product-page__info-text {
    font-size: 14px;
    color: rgba(73, 54, 39, 0.8);
    line-height: 1.3;
}

.product-page__info-text span {
    font-size: 24px;
    font-weight: 600;
    color: #493627;
}

/* === АДАПТИВ === */

@media (max-width: 1199.98px) {
    .product-page__swiper {
        max-width: 364px;
        padding-left: 0;
        padding-right: 0;
    }

    .product-page__swiper .swiper-slide-prev,
    .product-page__swiper .swiper-slide-next {
        opacity: 0;
        transform: scale(0.6);
    }
}







.product-page__tabs {
  background: #fff;
  padding: 64px 0;
}
.product-page__tabs-buttons {
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 64px;
}
.product-page__tabs-content {
  margin: 0 auto;
  max-width: 1200px;
}
.product-page__tabs-main {
  font-size: 24px;
  color: rgba(73, 54, 39, 0.8);
}
@media (max-width: 1199.98px) {
  .product-page__tabs-main {
    font-size: 18px;
  }
}
.product-page__tabs-ingredients {
  font-size: 24px;
  color: rgba(73, 54, 39, 0.8);
 /* -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 32px;
       column-gap: 32px;*/
}
.product-page__tabs-ingredients ul {
  display: inline;
  list-style: none;
}
.product-page__tabs-ingredients ul li
{
display: inline;

}

.product-page__tabs-ingredients ul li:not(:first-child){
  text-transform:lowercase;
}

.product-page__tabs-ingredients ul li:after {
  content: ", ";
}

.product-page__tabs-ingredients ul li:last-child:after {
  content: "";
}
@media (max-width: 1199.98px) {
  .product-page__tabs-ingredients {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  .product-page__tabs-ingredients {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (max-width: 575.98px) {
  .product-page__tabs-ingredients {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.product-page__tabs-value-wrapper {
  display: flex;
  gap: 32px;
}
@media (max-width: 991.98px) {
  .product-page__tabs-value-wrapper {
    flex-direction: column;
  }
}
.product-page__tabs-value-item {
  background: #f7f4ee;
  border-radius: 10px;
  width: 100%;
  position: relative;
  min-height: 400px;
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 575.98px) {
  .product-page__tabs-value-item {
    padding: 24px;
    min-height: 300px;
  }
}
.product-page__tabs-value-item-title {
  text-transform: uppercase;
  font-size: 32px;
  color: #493627;
  line-height: 1.1;
  margin-bottom: 12px;
  font-family: "Avenir Next Cyr", sans-serif;
}
@media (max-width: 575.98px) {
  .product-page__tabs-value-item-title {
    font-size: 24px;
  }
}
.product-page__tabs-value-item-measure {
  color: rgba(73, 54, 39, 0.5);
  font-size: 18px;
}
@media (max-width: 575.98px) {
  .product-page__tabs-value-item-measure {
    font-size: 16px;
  }
}
.product-page__tabs-value-item-values {
  display: flex;
}
.product-page__tabs-value-item-values-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.product-page__tabs-value-item-values-item:not(:last-child):after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background: rgba(73, 54, 39, 0.2);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.product-page__tabs-value-item-values-item:not(:first-child) {
  padding-left: 24px;
}
@media (max-width: 575.98px) {
  .product-page__tabs-value-item-values-item:not(:first-child) {
    padding-left: 16px;
  }
}
.product-page__tabs-value-item-values-item:not(:last-child) {
  padding-right: 24px;
}
@media (max-width: 575.98px) {
  .product-page__tabs-value-item-values-item:not(:last-child) {
    padding-right: 16px;
  }
}
.product-page__tabs-value-item-values-item-num {
  font-size: 24px;
  color: rgba(73, 54, 39, 0.8);
}
@media (max-width: 575.98px) {
  .product-page__tabs-value-item-values-item-num {
    font-size: 18px;
  }
}
.product-page__tabs-value-item-values-item-note {
  color: rgba(73, 54, 39, 0.5);
  font-size: 18px;
}
@media (max-width: 575.98px) {
  .product-page__tabs-value-item-values-item-note {
    font-size: 14px;
  }
}
.product-page__tabs-value-item-image {
  position: absolute;
  bottom: 0;
}
.product-page__tabs-value-item-image img {
  display: block;
  width: 100%;
  height: 100%;
}
.product-page__tabs-value-item-image {
  right: 0;
}
@media (max-width: 1199.98px) {
  .product-page__tabs-value-item-image {
    width: 18vw;
    bottom: 10%;
  }
}
@media (max-width: 991.98px) {
  .product-page__tabs-value-item-image {
    width: auto;
    bottom: 10%;
  }
}
@media (max-width: 575.98px) {
  .product-page__tabs-value-item-image {
    width: 150px;
    bottom: 20%;
  }
}
.product-page__tabs-value-item-image_second {
  bottom: 32px;
}
@media (max-width: 1199.98px) {
  .product-page__tabs-value-item-image_second {
    bottom: 30%;
  }
}
.product-page__buy {
  background: #f7f4ee;
  position: relative;
  padding: 200px 0;
  overflow: hidden;
}
.product-page__buy:after {
  content: "";
  width: 100%;
  height: 44.4px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  top: calc(100% - 16px);
  background: url("/images/subscribe-after.svg") repeat-x center bottom;
  background-size: 1141px 100%;
}
.product-page__buy:before {
  content: "";
  width: 100%;
  height: 44.4px;
  display: block;
  position: absolute;
  transform: rotate(180deg);
  left: 0;
  right: 0;
  z-index: 10;
  bottom: calc(100% - 16px);
  background: url("/images/subscribe-after.svg") repeat-x center bottom;
  background-size: 1141px 100%;
}
.product-page__buy-title {
  text-align: center;
}
.product-page__buy-description {
  text-align: center;
  color: rgba(73, 54, 39, 0.8);
  margin: 24px auto 32px;
  font-size: 18px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .product-page__buy-description {
    font-size: 14px;
  }
}
@media (max-width: 575.98px) {
  .product-page__buy-description br {
    display: none;
  }
}
.product-page__buy-stores {
  margin: 100px 0;
}
.product-page__buy-stores-title {
  text-align: center;
  font-size: 18px;
  margin-bottom: 16px;
  color: rgba(73, 54, 39, 0.8);
}
.product-page__buy-marketplaces {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}
.product-page__buy-marketplace {
  cursor: pointer;
  width: 269px;
  height: 134px;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid rgba(73, 54, 39, 0.1);
  transition: all 0.24s ease-in-out;
}
.product-page__buy-marketplace:hover {
  background: #fff;
}
.product-page__buy-marketplace img {
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.search-page {
  padding: 150px 0;
}
@media (max-width: 575.98px) {
  .search-page {
    padding: 100px 0;
  }
}
.search-page__header {
  text-align: center;
  max-width: 775px;
  margin: 0 auto 100px;
}
.search-page__title {
  margin-bottom: 32px;
}
.search-page__request {
  font-size: 32px;
  color: #eb5200;
}
@media (max-width: 575.98px) {
  .search-page__request {
    font-size: 24px;
  }
}
.search-page__description {
  font-size: 18px;
  color: rgba(73, 54, 39, 0.48);
}
@media (max-width: 575.98px) {
  .search-page__description {
    font-size: 16px;
  }
}
.search-page__body {
  max-width: 775px;
  margin: 0 auto 100px;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.search-page__section-title {
  text-align: center;
  font-size: 18px;
  color: rgba(73, 54, 39, 0.48);
  margin-bottom: 48px;
}
@media (max-width: 575.98px) {
  .search-page__section-title {
    font-size: 16px;
  }
}
.search-page__section-results {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.search-page__section-result {
  color: rgba(73, 54, 39, 0.8);
  transition: all 0.24s ease-in-out;
  display: flex;
  align-items: center;
  gap: 32px;
  justify-content: space-between;
}
.search-page__section-result .recipe-card__meta-value {
  font-size: 16px;
}
.search-page__section-result .recipe-card__meta-label {
  font-size: 12px;
}
.search-page__section-result:hover .search-page__section-result-left {
  color: #eb5200;
}
.search-page__section-result-left {
  flex-basis: 50%;
}
@media (max-width: 575.98px) {
  .search-page__section-result-left {
    flex-basis: 100%;
  }
}
.search-page__section-result-right {
  flex-basis: 50%;
  text-align: right;
}
@media (max-width: 575.98px) {
  .search-page__section-result-right {
    display: none;
  }
}
.buy-page-section:not(:last-child) {
  margin-bottom: 100px;
}
.buy-page-section__title {
  font-size: 18px;
  color: rgba(73, 54, 39, 0.8);
  text-align: center;
  margin-bottom: 24px;
}
.buy-page-section__icon {
  margin: 0 auto 80px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
  border: 1px solid #493627;
}
.buy-page-section__stores {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 48px 0;
  max-width: 1000px;
  margin: 0 auto;
}
.buy-page-section__store {
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news-page__category {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
.news-page__accordion {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}
.accordion-item {
  background: #f7f4ee;
  border-radius: 8px;
}
.accordion-item_active .accordion-item__action span:first-child {
  transform: rotate(270deg);
}
.accordion-item__header {
  display: grid;
  padding: 32px;
  gap: 16px;
  cursor: pointer;
  grid-template-columns: 120px 1fr 48px;
}
@media (max-width: 991.98px) {
  .accordion-item__header {
    grid-template-columns: 1fr 48px;
  }
}
@media (max-width: 575.98px) {
  .accordion-item__header {
    padding: 24px;
  }
}
.accordion-item__date {
  font-size: 14px;
  font-weight: 300;
  margin-top: 4px;
  opacity: 0.32;
}
@media (max-width: 991.98px) {
  .accordion-item__date {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .accordion-item__date {
    font-size: 12px;
  }
}
.accordion-item__title {
  text-transform: uppercase;
  font-size: 26px;
  color: #493627;
}
.accordion-item__title .accordion-item__date {
  display: none;
  margin-top: 0;
  margin-bottom: 4px;
}
@media (max-width: 991.98px) {
  .accordion-item__title .accordion-item__date {
    display: block;
  }
}
@media (max-width: 575.98px) {
  .accordion-item__title {
    font-size: 18px;
  }
}
.accordion-item__action {
  border-radius: 1000px;
  background: #eb5200;
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: auto;
}
.accordion-item__action span {
  background: #fff;
  height: 1px;
  width: 12px;
  display: block;
  position: absolute;
  inset: 0;
  margin: auto;
  transition: all 0.24s ease-in-out;
}
.accordion-item__action span:first-child {
  transform: rotate(0deg);
}
.accordion-item__content {
  color: rgba(73, 54, 39, 0.8);
  font-size: 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.64s ease-in-out;
}
@media (max-width: 575.98px) {
  .accordion-item__content {
    font-size: 14px;
  }
}
.accordion-item__content-inner {
  padding: 0 168px 64px;
}
@media (max-width: 991.98px) {
  .accordion-item__content-inner {
    padding: 0 32px 64px;
  }
}
@media (max-width: 575.98px) {
  .accordion-item__content-inner {
    padding: 24px;
  }
}
.accordion-item__media {
  margin-top: 64px;
  position: relative;
}
.accordion-item__slider-item {
  overflow: hidden;
  border-radius: 6px;
}
.accordion-item__slider-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.accordion-item__slider-item iframe {
  height: 480px;
}
@media (max-width: 575.98px) {
  .accordion-item__slider-item iframe {
    height: 50vw;
  }
}
.accordion-item__slider-prev, .accordion-item__slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  transition: all 0.24s ease-in-out;
}
.accordion-item__slider-prev:hover, .accordion-item__slider-next:hover {
  opacity: 0.8;
}
.accordion-item__slider-prev {
  left: -108px;
}
@media (max-width: 991.98px) {
  .accordion-item__slider-prev {
    left: -24px;
  }
}
.accordion-item__slider-next {
  right: -108px;
}
@media (max-width: 991.98px) {
  .accordion-item__slider-next {
    right: -24px;
  }
}
.contacts-page__tabs {
  background: #fff;
  padding: 64px 0;
}
.contacts-page__tabs-buttons {
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 64px;
}
.contacts-page__tabs-content {
  margin: 0 auto;
  max-width: 1200px;
}
.contacts-page-main {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 16px;
  margin-bottom: 48px;
}
.contacts-page-main__header {
  font-size: 18px;
  color: rgba(73, 54, 39, 0.8);
}
@media (max-width: 767.98px) {
  .contacts-page-main__header {
    font-size: 16px;
  }
}
.contacts-page-main__body {
  font-size: 30px;
  color: #493627;
}
@media (max-width: 767.98px) {
  .contacts-page-main__body {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .contacts-page-main__body {
    font-size: 20px;
  }
}
.contacts-page-main__logo {
  margin: 0 auto;
}
.contacts-page-blocks {
  display: flex;
  flex-direction: column;
  gap: 48px;
  max-width: 600px;
  margin: 0 auto;
}
.contacts-page-block {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contacts-page-block__header {
  font-size: 18px;
  color: rgba(73, 54, 39, 0.5);
}
@media (max-width: 767.98px) {
  .contacts-page-block__header {
    font-size: 16px;
  }
}
.contacts-page-block__body {
  font-size: 30px;
  color: #493627;
}
@media (max-width: 767.98px) {
  .contacts-page-block__body {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .contacts-page-block__body {
    font-size: 20px;
  }
  .contacts-page-block__body br {
    display: none;
  }
}
.contacts-page-block__body a {
  transition: all 0.24s ease-in-out;
}
.contacts-page-block__body a:hover {
  color: rgba(235, 82, 0, 0.8);
}
.contacts-page-divider {
  position: relative;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 16px;
}
.contacts-page-divider__wrapper {
  background: rgba(0, 0, 0, 0.4);
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.contacts-page-divider__wrapper:after {
  content: "";
  width: 100%;
  height: 44.4px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  top: calc(100% - 16px);
  background: url("/images/subscribe-after.svg") repeat-x center bottom;
  background-size: 1141px 100%;
}
.contacts-page-divider:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -16px;
  display: block;
  height: 81px;
  width: 100%;
  z-index: 1;
  background: url("/images/subscribe-before.svg") repeat-x center top;
  background-size: auto 100%;
}
.about-section {
  padding: 100px 0 200px;
  position: relative;
}
@media (max-width: 575.98px) {
  .about-section {
    padding-bottom: 100px;
  }
}
.about-section .container {
  z-index: 1;
}
.about-section-wrapper {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
  mix-blend-mode: multiply;
}
.about-section_new-tastes {
  background: #f7f4ee;
  position: relative;
  padding: 250px 0 500px;
}
.about-section_new-tastes:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -16px;
  display: block;
  height: 81px;
  width: 100%;
  z-index: 1;
  background: url("/images/divider-yellow.svg") repeat-x center top;
  background-size: auto 100%;
}
.about-section_bright {
  position: relative;
  padding: 300px 0;
}
.about-section_bright:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -16px;
  display: block;
  height: 81px;
  width: 100%;
  z-index: 1;
  background: url("/images/subscribe-before.svg") repeat-x center top;
  background-size: auto 100%;
}
.about-section-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  mix-blend-mode: multiply;
}
.about-section-header_taste {
  margin-bottom: 220px;
}
@media (max-width: 575.98px) {
  .about-section-header_taste {
    margin-bottom: 150px;
  }
}
.about-section-header_bright {
  margin-bottom: 100px;
}
.about-section-header__logo {
  width: 74px;
}
@media (max-width: 767.98px) {
  .about-section-header__el {
    width: 100px;
  }
}
.about-section-header__note {
  font-size: 18px;
  color: rgba(73, 54, 39, 0.8);
}
@media (max-width: 767.98px) {
  .about-section-header__note {
    font-size: 16px;
  }
}
.about-section-header__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.about-section-header__title h3 {
  font-family: "Avenir Next Cyr", sans-serif;
  font-weight: 500;
  font-size: 48px;
  text-transform: uppercase;
  color: #493627;
  line-height: 1.25;
}
@media (max-width: 767.98px) {
  .about-section-header__title h3 {
    font-size: 40px;
  }
}
@media (max-width: 575.98px) {
  .about-section-header__title h3 {
    font-size: 28px;
  }
}
.about-section-header__person {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
@media (max-width: 575.98px) {
  .about-section-header__person {
    margin-bottom: 50px;
  }
}
.about-section-carousel {
  margin-top: 200px;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .about-section-carousel {
    margin-top: 20vw;
  }
}
.about-section-carousel__line img {
  height: 100%;
}
.about-section-carousel__line:first-child {
  max-height: 329px;
  height: 40vw;
  width: 4797px;
}
.about-section-carousel__line:last-child {
  max-height: 287px;
  height: 30vw;
  width: 5754px;
}
.about-section-tastes-el1 {
  mix-blend-mode: multiply;
  position: absolute;
  left: -400px;
  bottom: 28%;
}
@media (max-width: 1599.98px) {
  .about-section-tastes-el1 {
    bottom: 5%;
    width: 400px;
    left: -250px;
  }
}
@media (max-width: 767.98px) {
  .about-section-tastes-el1 {
    width: 240px;
    left: -135px;
    bottom: 140px;
  }
}
.about-section-tastes-el2 {
  mix-blend-mode: multiply;
  position: absolute;
  right: -300px;
  bottom: 40%;
}
@media (max-width: 1599.98px) {
  .about-section-tastes-el2 {
    bottom: 6%;
    width: 400px;
    right: -250px;
  }
}
@media (max-width: 767.98px) {
  .about-section-tastes-el2 {
    bottom: 150px;
    width: 250px;
    right: -150px;
  }
}
.about-section-tastes-el3 {
  mix-blend-mode: multiply;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-80%);
}
@media (max-width: 1599.98px) {
  .about-section-tastes-el3 {
    transform: translateX(-50%);
    width: 450px;
  }
}
@media (max-width: 767.98px) {
  .about-section-tastes-el3 {
    width: 300px;
  }
}
.about-section-tastes-el4 {
  mix-blend-mode: multiply;
  position: absolute;
  bottom: 8%;
  right: 8%;
}
@media (max-width: 1599.98px) {
  .about-section-tastes-el4 {
    display: none;
  }
}
.about-section__products-slider:not(:last-child) {
  margin-bottom: 80px;
}
@media (max-width: 767.98px) {
  .about-section__products-slider:not(:last-child) {
    margin-bottom: 48px;
  }
}
.about-section__products-slider .swiper-slide {
  width: auto;
  display: flex;
  align-items: center;
}
.about-section__products-slider .swiper-wrapper {
  transition-timing-function: linear !important;
  align-items: stretch;
}
.products-slider__num {
  height: 100%;
  width: 100%;
  font-size: 32px;
  font-family: "Avenir Next Cyr", sans-serif;
  color: #493627;
  line-height: 0.64;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  font-weight: 500;
  gap: 24px;
  padding: 0 0 48px;
}
@media (max-width: 767.98px) {
  .products-slider__num {
    padding: 0 0 32px;
  }
}
.products-slider__num span {
  font-size: 200px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .products-slider__num span {
    font-size: 150px;
  }
}
.products-slider__item {
  width: 280px;
  height: 320px;
}
@media (max-width: 767.98px) {
  .products-slider__item {
    height: 240px;
    width: 200px;
  }
}
.products-slider__item img {
  height: 100%;
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: center bottom;
     object-position: center bottom;
}
.about-section-about {
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}
.about-section-about__wrapper {
  position: relative;
  overflow: hidden;
}
.about-section-about__wrapper:after {
  content: "";
  width: 100%;
  height: 44.4px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  top: calc(100% - 16px);
  background: url("/images/subscribe-after.svg") repeat-x center bottom;
  background-size: 1141px 100%;
}
.about-section-about .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 500px 16px;
}
@media (max-width: 767.98px) {
  .about-section-about .container {
    padding: 400px 16px 300px;
  }
}
@media (max-width: 575.98px) {
  .about-section-about .container {
    padding: 300px 16px 200px;
  }
}
.about-section-about:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -16px;
  display: block;
  height: 81px;
  width: 100%;
  z-index: 1;
  background: url("/images/divider-yellow.svg") repeat-x center top;
  background-size: auto 100%;
}
.about-section-about__title {
  margin-bottom: 64px;
}
@media (max-width: 767.98px) {
  .about-section-about__title {
    margin-bottom: 32px;
  }
}
.about-section-about__title h3 {
  font-family: "Avenir Next Cyr", sans-serif;
  font-weight: 500;
  font-size: 48px;
  text-transform: uppercase;
  color: #000;
  line-height: 1.25;
}
@media (max-width: 767.98px) {
  .about-section-about__title h3 {
    font-size: 40px;
  }
}
@media (max-width: 575.98px) {
  .about-section-about__title h3 {
    font-size: 28px;
  }
}
.about-section-about__logo {
  margin-bottom: 100px;
}
@media (max-width: 767.98px) {
  .about-section-about__logo {
    max-width: 50vw;
    margin-bottom: 50px;
  }
}
.about-section-about__content {
  line-height: 1.4;
  font-size: 24px;
  font-family: "Avenir Next Cyr", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .about-section-about__content {
    font-size: 18px;
  }
}
.about-section-about__content a {
  color: #e11f1a;
  border-bottom: 2px solid #fff;
}
.about-section-about__content a:hover {
  border-bottom: transparent;
}
.about-section-info {
  z-index: 2;
  position: relative;
  padding: 200px 0 250px;
}
@media (max-width: 575.98px) {
  .about-section-info {
    padding: 150px 0 200px;
  }
}
.about-section-info__header {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 680px;
  margin: 0 auto 130px;
}
@media (max-width: 575.98px) {
  .about-section-info__header {
    margin: 0 auto 80px;
  }
}
.about-section-info__note {
  font-size: 18px;
  color: rgba(73, 54, 39, 0.8);
}
@media (max-width: 767.98px) {
  .about-section-info__note {
    font-size: 16px;
  }
  .about-section-info__note br {
    display: none;
  }
}
.about-section-info__title h3 {
  font-family: "Avenir Next Cyr", sans-serif;
  font-weight: 500;
  font-size: 48px;
  text-transform: uppercase;
  color: #493627;
  line-height: 1.25;
}
@media (max-width: 767.98px) {
  .about-section-info__title h3 {
    font-size: 40px;
  }
}
@media (max-width: 575.98px) {
  .about-section-info__title h3 {
    font-size: 28px;
  }
}
.about-section-info__text {
  color: rgba(73, 54, 39, 0.8);
  font-size: 18px;
  max-width: 651px;
  text-align: center;
  margin: 0 auto;
}
.about-section-info__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  max-width: 1200px;
  margin: 0 auto 126px;
}
@media (max-width: 991.98px) {
  .about-section-info__items {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575.98px) {
  .about-section-info__items {
    margin: 0 auto 80px;
    gap: 24px;
  }
}
.about-section-info-item {
  padding: 48px;
  border-radius: 10px;
  background: #f7f4ee;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 400px;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 575.98px) {
  .about-section-info-item {
    padding: 32px;
    justify-content: flex-start;
    gap: 24px;
    height: 300px;
  }
}
.about-section-info-item__title {
  text-transform: uppercase;
  font-family: "Avenir Next Cyr", sans-serif;
  max-width: 300px;
  font-size: 32px;
  color: #493627;
  line-height: 1.1;
}
@media (max-width: 575.98px) {
  .about-section-info-item__title {
    font-size: 24px;
  }
}
.about-section-info-item__note {
  color: rgba(73, 54, 39, 0.5);
  font-size: 18px;
  max-width: 187px;
}
@media (max-width: 575.98px) {
  .about-section-info-item__note {
    font-size: 16px;
  }
}
.about-section-info-item__icon {
  mix-blend-mode: multiply;
  position: absolute;
  right: 32px;
  bottom: 32px;
  width: 200px;
  height: 200px;
}
@media (max-width: 1199.98px) {
  .about-section-info-item__icon {
    width: 150px;
    height: 150px;
  }
}

.recipe-page__steps-body .recipe-page__step
 {
    counter-increment: step;
    display: flex;
    align-items: center;
    gap: 48px;
    flex-direction:row;
}
.recipe-page__steps-body .recipe-page__step:nth-child(n):before {
    flex-shrink: 0;
    content: counter(step);
    font-size: 32px;
    font-weight: 100;
    color: #493627;
    opacity: .8;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 80px;
    height: 80px;
    border-radius: 1000px;
    border: 1px solid #493627;
}



@media (max-width: 991.98px) {
  .about-section-info-item__icon {
    width: 200px;
    height: 200px;
  }
  .recipe-page__steps-body .recipe-page__step:nth-child(n):before {
    flex-shrink: 0;
    content: counter(step);
    font-size: 22px;
    font-weight: 100;
    color: #493627;
    opacity: .8;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 1000px;
    border: 1px solid #493627;
}
.recipe-page__steps-body .recipe-page__step
 {

    gap: 28px;

}
}
@media (max-width: 767.98px) {
  .about-section-info-item__icon {
    width: 150px;
    height: 150px;
  }
}
@media (max-width: 575.98px) {
  .about-section-info-item__icon {
    right: -24px;
    bottom: -24px;
  }
  .recipe-page__steps-body .recipe-page__step:nth-child(n):before {
    flex-shrink: 0;
    content: counter(step);
    font-size: 18px;
    font-weight: 100;
    color: #493627;
    opacity: .8;
    align-items: center;
    justify-content: center;
    display: flex;
    width:40px;
    height: 40px;
    border-radius: 1000px;
    border: 1px solid #493627;
}
}
.about-section-info-item__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
body {
  font-family: "Suisse Intl", sans-serif;
}
.container {
  max-width: 1600px;
  padding: 0 24px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .container {
    padding: 0 16px;
  }
}
.search {
  position: relative;
}
.search input {
  padding: 0 64px 0 24px;
  width: 100%;
  height: 54px;
  background: #f7f4ee;
  border-radius: 1000px;
  color: #000;
  font-size: 18px;
}
@media (max-width: 575.98px) {
  .search input {
    font-size: 16px;
  }
}
.search input::-moz-placeholder {
  color: #000;
  opacity: 0.32;
}
.search input::placeholder {
  color: #000;
  opacity: 0.32;
}
.search a, .search button {
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  height: 100%;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.24s ease-in-out;
}
.search a:hover, .search button:hover {
  opacity: 0.64;
}
h2 {
  font-family: "Avenir Next Cyr", sans-serif;
  font-weight: 500;
  font-size: 55px;
  text-transform: uppercase;
  color: #493627;
  line-height: 1.25;
}
@media (max-width: 767.98px) {
  h2 {
    font-size: 40px;
  }
}
@media (max-width: 575.98px) {
  h2 {
    font-size: 32px;
  }
}
.button {
  position: relative;
  z-index: 1;
  font-family: "Avenir Next Cyr", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 16px 36px;
  font-size: 18px;
  color: #fff;
  background: #eb5200;
  border-radius: 1000px;
  cursor: pointer;
  transition: background 0.24s ease-in-out, color 0.24s ease-in-out, border 0.24s ease-in-out;
}
.button:hover {
  background: rgb(255, 109.1617021277, 31);
}
@media (max-width: 767.98px) {
  .button {
    font-size: 16px;
  }
}
.button_secondary {
  background: #fff;
  color: rgba(73, 54, 39, 0.5);
  border: 1px solid rgba(73, 54, 39, 0.24);
}
.button_secondary:hover {
  background: #f7f4ee;
  color: rgba(73, 54, 39, 0.8);
  border-color: transparent;
}
.button_secondary_active {
  background: #f7f4ee;
  color: rgba(73, 54, 39, 0.8);
  border-color: transparent;
}
.button_filled {
  background: #f7f4ee;
  color: rgba(73, 54, 39, 0.5);
}
.button_filled:hover {
  color: rgba(73, 54, 39, 0.8);
  background: #f7f4ee;
}
.page-header {
  position: relative;
  height: 64vw;
  max-height: 80vh;
  overflow: hidden;
}
.page-header:after {
  content: "";
  width: 100%;
  height: 44.4px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  top: calc(100% - 16px);
  background: url("/images/subscribe-after.svg") repeat-x center bottom;
  background-size: 1141px 100%;
}
.page-header__bg {
  width: 100%;
  height: 100%;
}
.page-header__bg img,
.page-header__bg video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-header__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 16px;
      padding-top: 100px;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  background: rgba(73, 54, 39, 0.08);
}
.page-header__title h2 {
  color: #000;
}
.page-header__description {
  margin-top: 24px;
  color: #000;
  /*text-transform:uppercase;*/
  font-size: 18px;
}
@media (max-width: 767.98px) {
  .page-header__description {
    font-size: 14px;
  }
}
@media (max-width: 575.98px) {
  .page-header__description {
    display: none;
  }
  .product-page__swiper .swiper-wrapper .swiper-slide img {
    max-height: 355px;
    max-width: 290px;
    width: auto;
    display: block;
}
}
.sitemap {
  padding: 150px 0;
  background: #f7f4ee;
}
.sitemap ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sitemap ul li a {
  font-size: 18px;
  color: rgba(73, 54, 39, 0.8);
  transition: all 0.24s ease-in-out;
}
.sitemap ul li a:hover {
  color: rgba(73, 54, 39, 0.5);
}
.breadcrumbs {
  font-size: 18px;
    padding-top: 34px;
    padding-bottom: 34px;
}
@media (max-width: 575.98px) {
  .breadcrumbs {
    font-size: 16px;
  }
  .page-header__wrapper {

    padding-top: 34px;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: rgba(73, 54, 39, 0.08);
}
   .page-header__wrapper h2 {
        font-size: 16px;
    }
    .recipes-section__recipes-second .swiper-wrapper {
    display: flex;
    flex-direction: column;
}
.about-section_bright {
    position: relative;
    padding: 170px 0;
}
}
.breadcrumbs_beige {
  background: #f7f4ee;
}
.breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.breadcrumbs ul li {
  color: rgba(73, 54, 39, 0.8);
}
.breadcrumbs ul li:not(:last-child):after {
  content: "/";
  color: rgba(73, 54, 39, 0.5);
  margin: 0 8px;
}
.breadcrumbs ul li a {
  color: rgba(73, 54, 39, 0.5);
  transition: all 0.24s ease-in-out;
}
.breadcrumbs ul li a:hover {
  color: rgba(73, 54, 39, 0.32);
}
.policy-page-content {
  max-width: 1200px;
  margin: 0 auto;
  color: #493627;
  font-size: 18px;
  text-align: justify;
}
@media (max-width: 575.98px) {
  .policy-page-content {
    font-size: 16px;
  }
}
.scrollTop {
  display: none;
  position: fixed;
  z-index: 100;
  bottom: 16px;
  right: 16px;
  opacity: 0;
  transition: all 0.24s ease-in-out;
}
@media (max-width: 767.98px) {
  .scrollTop {
    display: block;
  }
}
.scrollTop:hover {
  opacity: 0.8;
}
.swiper-pagination {
  margin: 24px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 10px;
}
.swiper-pagination-bullet {
  flex-shrink: 0;
  width: 0;
  height: 0;
  opacity: 0;
  display: flex;
  border-radius: 50%;
  background: rgba(73, 54, 39, 0.24);
  transition: all 0.24s ease-in-out;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active-prev, .swiper-pagination-bullet.swiper-pagination-bullet-active-next {
  width: 6px;
  height: 6px;
  opacity: 1;
  background: rgba(73, 54, 39, 0.24);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active-main {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: #eb5200;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev, .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next {
  width: 0;
  height: 0;
  opacity: 0;
}
@media (min-width: 992px) {

  .min-\[992px\]\:\!pb-0 {
    padding-bottom: 0px !important;
  }
}

.cursor-zoom {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  transform: translate3d(0,0,0);
  z-index: 10;
}

.cursor-zoom-inner {
  transform: scale(0);
  opacity: 0;
  transition: transform .24s ease-out, opacity .24s ease-out;
}

.cursor-zoom.visible .cursor-zoom-inner {
  transform: scale(1);
  opacity: 1;
}

.product-page__slide {
  cursor: none;
}

.product-gallery {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease;
}

.product-gallery.is-open {
  opacity: 1;
  visibility: visible;
}

.product-gallery__swiper {
  height: 100%;
  width: calc(100% - 40px);
  max-width: 1168px;
  margin: 0 auto;
  position: relative;
}

.product-gallery__swiper .swiper-pagination {
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
  z-index: 10;
  display: none;
  @media (max-width: 767.98px) {
    display: flex;
  }
}

.product-gallery .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-gallery img {
  max-width: 80vw;
  max-height: 80vh;
  object-fit: contain;
}

.product-gallery__prev,
.product-gallery__next {
  color: #ff5a00;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 99;
  @media (max-width: 767.98px) {
    display: none;
  }
}

.product-gallery__prev {
  left: 0;
}

.product-gallery__next {
  right: 0;
}

.product-gallery__close {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 34px;
  top: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eb5200;
  cursor: pointer;
  z-index: 99;
  @media (max-width: 767.98px) {
    right: 16px;
    top: 16px;
  }
}

    top: 16px;
  }
}
/* === ZOOM ЛУПА === */

.product-page__slide {
  position: relative;
  cursor: none;
  overflow: visible !important; /* разрешаем результат выходить за границы */
}

/* Лупа — большой круг с толстой рамкой */
.zoom-lens {
    position: absolute;
    width: 70px;
    height: 70px;

    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s ease;
    z-index: 100;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* Иконка лупы в центре — крупнее */
.zoom-lens::after {
    content: '';
    width: 36px;               /* было 28, стало 36 */
    height: 36px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24' fill='none' stroke='%23eb5200' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    opacity: 0.9;
}

/* Результат zoom — КРУГЛЫЙ, меньше */
.zoom-result-global {
    position: fixed;
    width: 200px;              /* было 250, стало 200 — компактнее */
    height: 200px;
    border: 3px solid #eb5200;
    border-radius: 50%;
   background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    opacity: 0;
    margin-top:100px;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 9999;
    box-shadow: 0 8px 30px rgba(0,0,0,0.2);
    display: none;
}

.zoom-result-global.active {
    opacity: 1;
    display: block;
}

/* На мобильных отключаем */
@media (max-width: 1199.98px) {
    .zoom-lens {
        display: none !important;
    }
    .zoom-result-global {
        display: none !important;
    }
    .product-page__slide {
        cursor: pointer;
    }
}