@font-face {
  font-family: "Roboto";
  src: local("Roboto Thin"), local("Roboto-Thin"),
    url("Robotothin.woff2") format("woff2"),
    url("Robotothin.woff") format("woff"),
    url("Robotothin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"),
    url("Robotothinitalic.woff2") format("woff2"),
    url("Robotothinitalic.woff") format("woff"),
    url("Robotothinitalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Light"), local("Roboto-Light"),
    url("Robotolight.woff2") format("woff2"),
    url("Robotolight.woff") format("woff"),
    url("Robotolight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"),
    url("Robotolightitalic.woff2") format("woff2"),
    url("Robotolightitalic.woff") format("woff"),
    url("Robotolightitalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto"), local("Roboto-Regular"),
    url("Roboto.woff2") format("woff2"), url("Roboto.woff") format("woff"),
    url("Roboto.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Italic"), local("Roboto-Italic"),
    url("Robotoitalic.woff2") format("woff2"),
    url("Robotoitalic.woff") format("woff"),
    url("Robotoitalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Medium"), local("Roboto-Medium"),
    url("Robotomedium.woff2") format("woff2"),
    url("Robotomedium.woff") format("woff"),
    url("Robotomedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
    url("Robotomediumitalic.woff2") format("woff2"),
    url("Robotomediumitalic.woff") format("woff"),
    url("Robotomediumitalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Bold"), local("Roboto-Bold"),
    url("Robotobold.woff2") format("woff2"),
    url("Robotobold.woff") format("woff"),
    url("Robotobold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"),
    url("Robotobolditalic.woff2") format("woff2"),
    url("Robotobolditalic.woff") format("woff"),
    url("Robotobolditalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Black"), local("Roboto-Black"),
    url("Robotoblack.woff2") format("woff2"),
    url("Robotoblack.woff") format("woff"),
    url("Robotoblack.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"),
    url("Robotoblackitalic.woff2") format("woff2"),
    url("Robotoblackitalic.woff") format("woff"),
    url("Robotoblackitalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
:root {
  --accent-primary: #ff9100;
  --accent-secondary: #ffc77f;
  --accent-tertiary: #ffeed8;
  --light-1: #ffc77f;
  --light-2: #fcf5ed;
  --violet: #8f6ec0;
  --font-base: "Roboto-Regular", sans-serif;
  --size-5-xl: clamp(3.75rem, 1.743rem + 8.03vw, 11.375rem);
  --size-4-xl: clamp(1.5rem, 0.743rem + 3.03vw, 4.375rem);
  --size-3-xl: clamp(1.5rem, 1.434rem + 0.26vw, 1.75rem);
  --size-2-xl: clamp(1.25rem, 1.184rem + 0.26vw, 1.5rem);
  --size-xl: clamp(1.125rem, 1.092rem + 0.13vw, 1.25rem);
  --size-l: clamp(1rem, 0.967rem + 0.13vw, 1.125rem);
  --Line-height-7xl: clamp(1.25rem, 0.592rem + 2.63vw, 3.75rem);
}
/* ====== Базовые настройки ====== */
body {
  font-family: "Roboto-Regular", sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
  background: #ffeed8;
  overflow-x: hidden;
  cursor: url("../img/cursor.webp") 4 4, pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0;
}

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

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ====== Buttons ====== */
.button {
  cursor: pointer;
  color: var(--Accent-primary, #ff9100);
  font-family: var(--font-base);
  font-size: var(--size-2-xl, 24px);
  font-style: normal;
  font-weight: var(--Weight-Medium, 500);
  line-height: var(--Line-height-2xl, 28px); /* 116.667% */
  display: inline-flex;
  padding: 20px 82px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 24px;
  border: 2px solid var(--Accent-primary, #ff9100);
  background: var(--Accent-tertiary, #ffeed8);
  box-shadow: 4px 4px 0 0 var(--Accent-primary, #ff9100);
}

.button:hover {
  background: #ffd6a2;
}

/* ====== Header ====== */
.header {
  padding: 20px 0;
}

.header__inner {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 11;
  justify-content: space-between;
}

.header__logo a {
  color: var(--Accent-primary, #ff9100);
  font-family: var(--font-base);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.72px;
  text-transform: uppercase;
}

.header__menu-toggle {
  display: none; /* по умолчанию скрыт, включим на мобилке */
  cursor: pointer;
}

.header__nav {
  /* десктоп меню */
}

.header__nav--mobile {
  display: none;
}

/* ====== Навигация ====== */
.nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: clamp(0.625rem, 0.132rem + 1.97vw, 2.5rem);
}

.nav__item {
  flex-shrink: 0;
}

.nav__link {
  color: var(--Accent-primary, #ff9100);
  font-family: var(--font-base, Roboto);
  font-size: var(--size-2-xl, 24px);
  font-style: normal;
  font-weight: var(--Weight-Medium, 500);
  line-height: var(--Line-height-2xl, 28px); /* 116.667% */
  transition: 0.3s;
}

.nav__link:hover {
  color: var(--accent-secondary);
}

/* ====== Hero ====== */
.hero {
  text-align: center;
}

.hero__card {
  position: relative;
  border-radius: 80px;
  background: url(../img/mainblock.webp) lightgray 0px -40.001px / 100% 125.613%
    no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 290px;
  padding-bottom: clamp(0.938rem, -0.461rem + 5.59vw, 6.25rem);
}

.hero__svg {
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}

/* ====== Features (Почему мы) ====== */
.features {
  margin-top: -60px;
  padding: 180px 0 clamp(6.25rem, 4.622rem + 6.51vw, 12.438rem);
  text-align: center;
  background-color: var(--light-2);
  background-image: linear-gradient(to right, #ffc77f 1px, transparent 1px),
    linear-gradient(to bottom, #ffc77f 1px, transparent 1px);
  background-size: 60px 60px;
  background-position: -3px -0.5px;
  overflow-x: hidden;
  /* border: 1px solid #ffc77f;*/
}

.features__title {
  color: var(--Accent-primary, #ff9100);
  font-family: Roboto;
  font-size: var(--size-3-xl, 28px);
  font-style: normal;
  font-weight: var(--Weight-Bold, 700);
  line-height: var(--Line-height-3xl, 32px);
  text-transform: uppercase;
  background: #fcf5ed;
  width: fit-content;
  margin: 0 auto 40px;
  height: 55px;
  padding-top: 10px;
  box-sizing: border-box;
}

.features__list {
  display: flex;
  gap: 20px;
  justify-items: center;
  align-items: stretch;
  justify-content: space-around;
  flex-wrap: wrap;
}

.feature-card {
  transform: rotate(10deg);
  padding: clamp(5rem, 4.605rem + 1.58vw, 6.5rem) 30px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  filter: drop-shadow(-4px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 30px;
  background: url(../img/card_bg.svg) center top / cover no-repeat;
  flex: 1 0 200px;
}
.feature-card:nth-child(even) {
  transform: rotate(-10deg);
}

.feature-card__title {
  color: var(--Accent-primary, #ff9100);
  text-align: center;
  font-family: Roboto;
  font-size: var(--size-2-xl, 24px);
  font-style: normal;
  font-weight: var(--Weight-Bold, 700);
  line-height: var(--Line-height-2xl, 28px); /* 116.667% */
  text-transform: uppercase;
  align-self: stretch;
}

.feature-card__subtitle {
  color: var(--Accent-primary, #ff9100);
  text-align: center;
  font-family: Roboto;
  font-size: var(--size-xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-Regular, 400);
  line-height: var(--Line-height-2xl, 28px); /* 140% */
}

.feature-card__icon img {
  width: clamp(8.688rem, 7.684rem + 4.01vw, 12.5rem);
  margin: 0 auto;
}

/* ====== Product ====== */
.product {
  padding: 120px 0;
  text-align: center;
  position: relative;
}

.product__title {
  color: var(--Accent-tertiary, #ffeed8);
  text-shadow: clamp(0.375rem, 0.309rem + 0.26vw, 0.625rem)
    clamp(0.375rem, 0.309rem + 0.26vw, 0.625rem) 0 #ff9000;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--Accent-primary, #ff9100);
  font-family: Roboto;
  font-size: var(--size-5-xl, 182px);
  font-style: normal;
  font-weight: var(--Weight-Bold, 700);
  line-height: var(--Line-height-8xl, 212px); /* 116.484% */
  text-transform: uppercase;
}
img.product__image {
  margin: -80px auto 20px;
  max-width: 100%;
}
.product::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 42%;
  /* right: 1%;
   right: clamp(
    1%,
    calc((1% + 25% - 1%) * (100vw - 400px) / (1920px - 400px)),
    25%
  );  */
  right: 17%;
  transform: rotateY(180deg);
  background-image: url(../img/Arrow2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 181px;
  height: clamp(6.188rem, 2.289rem + 15.59vw, 21rem);
  padding-bottom: 3px;
  animation: arrow-wiggl1 2s ease-in-out infinite;
}
@keyframes arrow-wiggl1 {
  0% {
    transform: rotateY(180deg) translateX(0);
  }
  50% {
    transform: rotateY(180deg) translateX(-10px) translateY(-5px);
  }
  100% {
    transform: rotateY(180deg) translateX(0);
  }
}
.product::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 43%;
  /* left: 1%;
  left: clamp(
    1%,
    calc((1% + 25% - 1%) * (100vw - 400px) / (1920px - 400px)),
    25%
  ); */
  left: 17%;
  background-image: url(../img/Arrow2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 181px;
  height: clamp(6.188rem, 2.289rem + 15.59vw, 21rem);
  padding-bottom: 3px;
  animation: arrow-wiggl2 2s ease-in-out infinite;
}
@keyframes arrow-wiggl2 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-10px) translateY(-5px);
  }
  100% {
    transform: translateX(0);
  }
}
.product__price {
  margin: 0 auto 40px;
  color: var(--Accent-primary, #ff9100);
  text-align: center;
  font-family: Roboto;
  font-size: var(--size-2-xl, 24px);
  font-style: normal;
  font-weight: var(--Weight-Bold, 700);
  line-height: var(--Line-height-2xl, 28px);
  text-transform: uppercase;
}

/* ====== About ====== */
.about {
  padding: 140px 0 clamp(7.813rem, 3.125rem + 18.75vw, 25.625rem);
  background: url(../img/Background.webp) center bottom / contain no-repeat,
    var(--Light-2, #fcf5ed);
}

.about__title {
  text-align: center;
  color: var(--Accent-primary, #ff9100);
  /* Desktop/Headline 3 */
  font-family: Roboto;
  font-size: var(--size-3-xl, 28px);
  font-style: normal;
  font-weight: var(--Weight-Bold, 700);
  line-height: var(--Line-height-3xl, 32px); /* 114.286% */
  text-transform: uppercase;
  margin-bottom: 20px;
}

.about__subtitle {
  color: var(--Accent-primary, #ff9100);
  text-align: center;

  /* Desktop/Headline 2 */
  font-family: Roboto;
  font-size: var(--size-4-xl, 70px);
  font-style: normal;
  font-weight: var(--Weight-Bold, 700);
  line-height: var(--Line-height-7xl, 60px); /* 85.714% */
  margin-bottom: 20px;
}

.about__text {
  color: var(--Accent-primary, #ff9100);

  /* Desktop/Text */
  font-family: Roboto;
  font-size: var(--size-l, 18px);
  font-style: normal;
  font-weight: var(--Weight-Regular, 400);
  line-height: var(--Line-height-l, 20px); /* 111.111% */
}

/* ====== Reviews ====== */
.reviews {
  padding: 120px 0 170px;
  max-width: 100%;
  overflow-x: hidden;
}

.reviews__marquee {
  overflow-x: hidden;
  position: relative;
  width: 113%;
  max-width: 120%;
  left: -9px;
  background: var(--Violet, #8f6ec9);
  transform: rotate(-1.932deg);
  white-space: nowrap;
}

.reviews__title {
  display: inline-block;
  position: relative;
  animation: marquee 20s linear infinite;
  color: var(--Accent-tertiary, #ffeed8);
  text-shadow: clamp(0.375rem, 0.309rem + 0.26vw, 0.625rem)
    clamp(0.375rem, 0.309rem + 0.26vw, 0.625rem) 0 #ff9000;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--Accent-primary, #ff9100);
  font-family: Roboto;
  font-size: var(--size-5-xl, 182px);
  font-weight: var(--Weight-Bold, 700);
  line-height: var(--Line-height-8xl, 212px);
  text-transform: uppercase;
  /* расстояние между повторами */
  padding-right: 100px;
}

.reviews__title::after {
  content: "Отзывы     Отзывы     Отзывы     Отзывы     Отзывы     Отзывы     Отзывы     Отзывы     Отзывы     Отзывы";
  padding-left: 50px;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.review {
  border-radius: 50px;
  background: var(--Accent-primary, #ff9100);
  display: flex;
  padding: 30px 1px 1px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 375px;
  box-sizing: border-box;
  color: var(--Light-1, #fff);
  text-align: center;
  font-family: Roboto;
  font-size: var(--size-2-xl, 24px);
  font-style: normal;
  font-weight: var(--Weight-Bold, 700);
  line-height: var(--Line-height-2xl, 28px);
  text-transform: uppercase;
  position: relative;
  align-self: stretch;
  height: -webkit-fill-available;
}
.reviews__slider {
  position: relative;
}
.reviews__slider .swiper-wrapper {
  align-self: stretch;
}
.reviews__slider .swiper-wrapper .swiper-slide {
  height: auto;
}
.review__author {
  align-self: stretch;
}

.review__text {
  min-height: 267px;
  border-radius: 50px;
  border: 2px solid var(--Accent-primary, #ff9100);
  background: var(--Accent-tertiary, #ffeed8);
  color: var(--Accent-primary, #ff9100);
  text-align: center;
  font-family: Roboto;
  font-size: var(--size-xl, 20px);
  font-style: normal;
  font-weight: var(--Weight-Regular, 400);
  line-height: var(--Line-height-2xl, 28px);
  display: flex;
  padding: 30px;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  height: -webkit-fill-available;
  gap: 10px;
  flex: 1 0;
}

/* ====== Steps ====== */
.steps {
  padding: 110px 0 10px;
  background: url(../img/lic.webp) left bottom / contain no-repeat,
    url(../img/ric.webp) right bottom / contain no-repeat,
    var(--Violet, #8f6ec9);
  overflow: hidden;
}

.steps__title {
  margin-bottom: 150px;
  text-align: center;
  color: var(--Light-1, #fff);
  font-family: Roboto;
  font-size: var(--size-3-xl, 28px);
  font-style: normal;
  font-weight: var(--Weight-Bold, 700);
  line-height: var(--Line-height-3xl, 32px);
  text-transform: uppercase;
}

.steps__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.step {
  flex-direction: column;
  display: flex;
  padding: 110px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 50px;
  background: var(--Accent-primary, #ff9100);
  color: var(--Light-2, #fcf5ed);
  text-align: center;
  font-family: Roboto;
  font-size: var(--size-3-xl, 28px);
  font-style: normal;
  font-weight: var(--Weight-Bold, 700);
  line-height: var(--Line-height-3xl, 32px);
  text-transform: uppercase;
  position: relative;
}
.step:nth-child(3)::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: -75px;
  left: -87px;
  background-image: url(../img/Arrow1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 136.285px;
  height: 148.565px;
  padding-bottom: 3px;
  animation: arrow-wiggle1 2s ease-in-out infinite;
}
.step:nth-child(2)::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: -75px;
  right: -87px;
  background-image: url(../img/Arrow1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotateY(180deg);
  width: 136.285px;
  height: 148.565px;
  padding-bottom: 3px;
  /* анимация */
  animation: arrow-wiggle 2s ease-in-out infinite;
}

@keyframes arrow-wiggle {
  0% {
    transform: rotateY(180deg) rotate(0deg);
  }
  25% {
    transform: rotateY(180deg) rotate(5deg);
  }
  50% {
    transform: rotateY(180deg) rotate(0deg);
  }
  75% {
    transform: rotateY(180deg) rotate(5deg);
  }
  100% {
    transform: rotateY(180deg) rotate(0deg);
  }
}
@keyframes arrow-wiggle1 {
  0% {
    transform: rotate(5deg);
  }
  25% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(5deg);
  }
  75% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(5deg);
  }
}

.step:nth-child(2) {
  transform: rotate(-3deg);
}

.step:nth-child(3) {
  transform: rotate(3deg);
}
.step__number {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  color: var(--Accent-tertiary, #ffeed8);
  text-align: center;
  text-shadow: 4px 4px 0 #ff9000;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--Accent-primary, #ff9100);
  font-family: Roboto;
  font-size: var(--size-4-xl, 70px);
  font-style: normal;
  font-weight: var(--Weight-Bold, 700);
  line-height: var(--Line-height-7xl, 60px);
  width: 183px;
  height: 183px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--accent-tertiary);
  border-radius: 100%;
  border: 2px solid #ff9000;
}

.step__text {
}

/* ====== Order form ====== */
.order-form {
  padding: 180px 0 220px;
  /* background: url(../img/beeckground.svg) top center / cover no-repeat; */
  background-image: url("../img/bee12.webp");
  background-repeat: repeat;

  background-position: 0 0;

  background-size: auto 210px;
  text-align: center;
  animation: bgpan 10s ease-in-out infinite alternate;
}

@keyframes bgpan {
  from {
    background-position: -100px 0;
  }
  to {
    background-position: 100px 0;
  }
}

.order-form__title {
  margin-bottom: 20px;
  color: var(--Accent-primary, #ff9100);
  text-align: center;
  font-family: Roboto;
  font-size: var(--size-4-xl, 70px);
  font-style: normal;
  font-weight: var(--Weight-Bold, 700);
  line-height: var(--Line-height-7xl, 60px);
}

.form {
  display: inline-flex;
  padding: clamp(1.25rem, -0.066rem + 5.26vw, 6.25rem);
  flex-direction: column;
  justify-content: center;
  align-items: stretch;

  gap: 10px;
  border-radius: clamp(3rem, 2.474rem + 2.11vw, 5rem);
  background: var(--Light-2, #fcf5ed);
}

.form__input {
  padding: 12px;
  border-radius: 24px;
  background: var(--Accent-tertiary, #ffeed8);
  display: flex;
  padding: 20px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border: none;
  color: var(--Accent-primary, #ff9100);

  /* Desktop/Text */
  font-family: Roboto;
  font-size: var(--size-l, 18px);
  font-style: normal;
  font-weight: var(--Weight-Regular, 400);
  line-height: var(--Line-height-l, 20px); /* 111.111% */
}
.form__input::placeholder {
  color: var(--Accent-secondary, #ffc77f);
}
.form__input:focus-visible {
  outline: var(--Accent-primary, #ff9100) auto 2px;
}
/* .form__input:invalid {
  border: 2px solid #f00;
} */
.form__agreement {
  color: var(--Accent-primary, #ff9100);
  text-align: center;

  /* Desktop/Text */
  font-family: Roboto;
  font-size: var(--size-l, 18px);
  font-style: normal;
  font-weight: var(--Weight-Regular, 400);
  line-height: var(--Line-height-l, 20px); /* 111.111% */
}

/* ====== Gallery ====== */
.gallery {
  padding: 60px 0;
  text-align: center;
}

.gallery__image img {
  border-radius: 80px;
  max-width: 100%;
  /* max-width: 1200px; */
  max-height: clamp(28.125rem, 22.368rem + 23.03vw, 50rem);
  margin: 0 auto;
}
.mySwiper {
  margin-top: -60px;
}
.mySwiper .swiper-slide {
  padding: 4px 4px 26px 4px;
  border-radius: 67px;
  box-sizing: border-box;
  background: var(--Light-2, #fcf5ed);
}
.gallery__image__thumb img {
  border-radius: 63px;
  max-width: 100%;
}
.mySwiper .swiper-slide-thumb-active {
  background: var(--Accent-primary, #ff9100);
}

/* ====== Footer ====== */
.footer__pretext {
  color: var(--Accent-tertiary, #ffeed8);
  text-shadow: clamp(0.094rem, -0.015rem + 0.43vw, 0.505rem)
    clamp(0.094rem, -0.015rem + 0.43vw, 0.505rem) 0 #ff9000;
  -webkit-text-stroke-width: 1.62px;
  -webkit-text-stroke-color: var(--Accent-primary, #ff9100);
  font-family: Roboto;
  font-size: clamp(1.813rem, 0.036rem + 7.11vw, 8.563rem);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  white-space: nowrap;
}
.footer {
  margin-top: clamp(-50px, 0.53px + -2.63vw, -10px);
  position: relative;
  z-index: 2;
  border-radius: clamp(2.5rem, 1.513rem + 3.95vw, 6.25rem)
    clamp(2.5rem, 1.513rem + 3.95vw, 6.25rem) 0 0;
  background: url(../img/osckground.webp) bottom center / contain no-repeat,
    var(--Violet, #8f6ec9);

  display: flex;
  flex-direction: column;
  padding: 40.309px 0 clamp(6.25rem, 1.732rem + 18.07vw, 23.418rem) 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.footer__nav .nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: clamp(0.625rem, 0.132rem + 1.97vw, 2.5rem);
}

.footer__nav .nav__item {
  flex-shrink: 0;
}

.footer__nav .nav__link {
  color: var(--Light-1, #fff);
  /* Desktop/Button */
  font-family: Roboto;
  font-size: var(--size-2-xl, 24px);
  font-style: normal;
  font-weight: var(--Weight-Medium, 500);
  line-height: var(--Line-height-2xl, 28px); /* 116.667% */
  transition: 0.3s;
}

.footer__nav .nav__link:hover {
  color: var(--light-2);
}
.dialog {
  background-color: var(--accent-tertiary);
  color: var(--accent-primary);
  border-radius: 30px;
  border: 2px solid var(--accent-primary);
  text-align: center;
  font-size: var(--size-2-xl);
}
dialog::backdrop {
  background: rgba(0, 0, 0, 0.6);
}
/* ====== Адаптив ====== */
@media (max-width: 991px) {
  * {
    max-width: 100%;
  }
  .row {
    --bs-gutter-x: 0;
    padding: 0 10px;
  }
  .container,
  .container-fluid {
    --bs-gutter-x: 0;
  }
  .header__menu-toggle {
    display: block;
    color: var(--Accent-primary, #ff9100);
    font-size: var(--size-2-xl, 24px);
    font-style: normal;
    font-weight: var(--Weight-Medium, 500);
    line-height: var(--Line-height-2xl, 28px); /* 116.667% */
  }

  .header__nav {
    display: none;
  }
  .header__nav.header__nav--mobile {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    right: 0;
    background: var(--violet);
    flex-direction: column;
    justify-content: center;
  }
  .header.show_mobmenu .header__nav.header__nav--mobile {
    display: flex;
  }
  .header.show_mobmenu .header__inner .header__logo a,
  .header.show_mobmenu .header__inner div {
    color: var(--light-2);
  }
  .nav__link {
    color: var(--light-2);
    font-family: var(--font-base, Roboto);
    font-size: var(--size-2-xl, 24px);
    font-style: normal;
    font-weight: var(--Weight-Medium, 500);
    line-height: var(--Line-height-2xl, 28px); /* 116.667% */
    transition: 0.3s;
  }
  .nav__list {
    flex-direction: column;
    gap: 40px;
  }
  .product::before,
  .product::after {
    content: none;
  }
  .steps {
    background: url(../img/lic.webp) left bottom / contain no-repeat,
      var(--Violet, #8f6ec9);
  }
}

@media (max-width: 420px) {
  body {
    zoom: 90%;
  }
}
@media (max-width: 380px) {
  body {
    zoom: 80%;
  }
}
@media (max-width: 340px) {
  body {
    zoom: 75%;
  }
}