@font-face {
  font-family: "TenorSans-Regular";
  src: url("TenorSans-Regular.woff") format("woff2"),
       url("TenorSans-Regular.woff") format("woff"),
       url("TenorSans-Regular.ttf") format("truetype"),
       url("TenorSans-Regular.svg") format("svg");
  font-weight: 400;
}

@font-face {
    font-family: 'Vetrino-Regular';
    src: url(Vetrino.ttf) format('truetype'),
    url(ofont.ru_Vetrino.woff2) format('woff2');
}
@font-face {
  font-family: "ProximaNova-Light";
  src: url("ofont.ru_Proxima\ Nova.woff2") format("woff2"),
       url("ofont.ru_Proxima\ Nova.woff") format("woff"),
       url("ofont.ru_Proxima\ Nova.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: 'Panchang-Regular';
  src: url('Panchang-Regular.woff2') format('woff2'),
       url('Panchang-Regular.woff') format('woff'),
       url('Panchang-Regular.ttf') format('truetype');
  font-weight: 400;
}
html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* на всякий случай */
}
.i-phone-13-mini-7,
.i-phone-13-mini-7 * {
  box-sizing: border-box;
}
.i-phone-13-mini-7 {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 10.66vw;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
}
.frame-56 {
  position: sticky;
  top: 5vw;
  z-index: 1000;
  display: flex;
  flex-direction: row;
  gap: 6.66vw;
  align-items: center;
  justify-content: center;
  padding: 0.8vw 1.06vw;
  height: 4.8vw;
  transition: background-color 0.5s ease, backdrop-filter 0.5s ease;
  background-color: rgba(107, 138, 94, 0); /* прозрачный по умолчанию */
  backdrop-filter: blur(0px);
}

/* Когда добавится класс .scrolled */
.frame-56.scrolled {
  background-color: rgba(107, 138, 94, 0.7);
  backdrop-filter: blur(8px);
}
.div {
  color: #ffffff;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 2.66vw;
  font-weight: 400;
  position: relative;
}
._5 {
  color: #ffffff;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 2.66vw;
  font-weight: 400;
  position: relative;
}
.frame-26 {
  padding: 8.53vw 3.46vw 8.53vw 3.46vw;
  display: flex;
  flex-direction: column;
  gap: 2.66vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 100.00vw;
  height: 58.13vw;
  position: relative;
}
.div2 {
  color: #f3f3f3;
  text-align: left;
  font-family: "Vetrino-Regular", sans-serif;
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
  margin-right: 20vw;
}
.frame-25 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 35.46vw;
  position: relative;
  margin-left: 45vw;
}
.rectangle-14 {
  border-radius: 0.00vw;
  flex-shrink: 0;
  width: 1.28vw;
  height: 2.23vw;
  position: relative;
  overflow: visible;
}
.button {
  color: #f3f3f3;
  text-align: left;
  font-family: "Vetrino-Regular", sans-serif;
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.div3 {
  color: #f3f3f3;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 2.66vw;
  font-weight: 300;
  position: relative;
  width: 32.80vw;
  height: 7.19vw;
  margin-right: 55vw;
}
.frame-27 {
  display: flex;
  flex-direction: row;
  gap: 2.13vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
    margin-right: 55vw;

}
.div4 {
  color: #000000;
  text-align: left;
  font-family: "Vetrino-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
  right: 20vw;
}







.frame-570 {
  display: flex;
  flex-direction: row;
  gap: 1.62vw;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.div507 {
  color: rgba(54, 54, 54, 0.6);
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 3.2vw;
  position: relative;
}
.arrow-3 {
  flex-shrink: 0;
  width: 4.26vw;
  height: 2vw;
  position: relative;
  overflow: visible;
}

.line-1 {
  margin-top: -0.26vw;
  border-style: solid;
  border-color: #000000;
  border-width: 0.26vw 0 0 0;
  flex-shrink: 0;
  width: 4.00vw;
  height: 0.00vw;
  position: relative;
}
.div5 {
  color: #363636;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.73vw;
  font-weight: 300;
  position: relative;
  margin-left: 20vw;
}
.div6 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.73vw;
  font-weight: 300;
  position: relative;
  margin-left: 40vw;
}
.div7 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.73vw;
  font-weight: 300;
  position: relative;
  width: 40.53vw;
  height: 7.19vw;
    margin-left: 50vw;

}
._02-ff-6-ff-37471-ac-2-c-7426-e-26-e-4-f-7-ac-14-b-0-a-7-f-4-e-4-abea-6-a-78212-ce-059-e-024110-d-1-photoroom-1 {
  flex-shrink: 0;
  width: 77.86vw;
  height: 117.06vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 292/439;
  margin-top: -45vw;
  margin-right: 55vw;
}
.frame-28 {
  background: rgba(101, 132, 88, 0.83);
  padding: 3.20vw 6.40vw 3.20vw 6.40vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 62.40vw;
  height: 13.06vw;
  position: relative;
  margin-top: -10vw;
  margin-left: 29vw;
}
.div8 {
  color: #ffffff;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  font-weight: 300;
  position: relative;
}
.button2 {
  color: #000000;
  text-align: left;
  font-family: "Panchang-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
  width: 38.40vw;
  height: 9.86vw;
  margin-top: -9vw;
  margin-left: 25vw;
}
.frame-29 {
  padding: 39.20vw 28.53vw 39.20vw 28.53vw;
  display: flex;
  flex-direction: column;
  gap: 2.66vw;
  align-items: center;
  justify-content: start;
  flex-shrink: 0;
  width: 141.06vw;
  height: 211.46vw;
  position: relative;
}
.div9 {
  color: #f3f3f3;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  margin-left: 40vw;
}
.frame-36 {
  display: flex;
  flex-direction: column;
  gap: 4.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 97.86vw;
  position: relative;
}
.frame-31 {
  display: flex;
  flex-direction: row;
  gap: 10.13vw;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  align-self: end;
  margin-right: 8vw;
}
.div10 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 8.53vw;
  font-weight: 300;
  position: relative;
}
.svagaarrow {
  flex-shrink: 0;
  width: 5.33vw;
  height: 5.56vw;
  position: relative;
}
.frame-37 {
  background: #f3f3f3;
  padding: 3.46vw 1.06vw 3.46vw 1.06vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 80.00vw;
  height: 27.73vw;
  position: relative;
}
.div11 {
  text-align: left;
  position: relative;
}
.div-11-span {
  color: #363636;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
}
.div-11-span2 {
  color: #5b5736;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.20vw;
  font-weight: 300;
}
.line-38 {
  margin-top: -0.26vw;
  border-style: solid;
  border-color: #000000;
  border-width: 0.26vw 0 0 0;
  align-self: stretch;
  flex-shrink: 0;
  height: 0.00vw;
  position: relative;
}
.frame-372 {
  display: flex;
  flex-direction: column;
  gap: 4.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 97.86vw;
  position: relative;
}
.frame-32 {
  display: flex;
  flex-direction: row;
  gap: 9.86vw;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.svagaarrow2 {
  flex-shrink: 0;
  width: 5.33vw;
  height: 5.56vw;
  position: relative;
  overflow: visible;
}
.div-11-span {
  color: #363636;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
}
.div-11-span3 {
  color: #363636;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.20vw;
  font-weight: 300;
}
.div-11-span4 {
  color: #716640;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 2.93vw;
  font-weight: 300;
}
.frame-38 {
  display: flex;
  flex-direction: column;
  gap: 4.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 97.86vw;
  position: relative;
}
.frame-33 {
  display: flex;
  flex-direction: row;
  gap: 9.86vw;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.svagaarrow3 {
  flex-shrink: 0;
  width: 5.33vw;
  height: 5.56vw;
  position: relative;
  overflow: visible;
}
.div12 {
  color: #363636;
  text-align: left;
  position: relative;
}
.div-12-span {
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
}
.div-12-span2 {
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 2.93vw;
  font-weight: 300;
}
.frame-39 {
  display: flex;
  flex-direction: column;
  gap: 4.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 97.86vw;
  position: relative;
}
.frame-34 {
  display: flex;
  flex-direction: row;
  gap: 10.66vw;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.svagaarrow4 {
  flex-shrink: 0;
  width: 5.33vw;
  height: 5.56vw;
  position: relative;
  overflow: visible;
}
.div-11-span {
  color: #363636;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
}
.div-11-span5 {
  color: #5b5736;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 2.93vw;
  font-weight: 300;
}
.frame-40 {
  display: flex;
  flex-direction: column;
  gap: 4.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 97.86vw;
  position: relative;
}
.frame-35 {
  display: flex;
  flex-direction: row;
  gap: 10.66vw;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.svagaarrow5 {
  flex-shrink: 0;
  width: 5.33vw;
  height: 5.56vw;
  position: relative;
  overflow: visible;
}
.div13 {
  color: #363636;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
}
.div14 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
}
.arrow-1 {
  flex-shrink: 0;
  width: 4.93vw;
  height: 4.26vw;
  position: relative;
  overflow: visible;
  margin-top: -15.6vw;
  margin-right: 33vw;
}
.rectangle-24 {
  flex-shrink: 0;
  width: 43.46vw;
  height: 4.00vw;
  position: relative;
  overflow: visible;
  margin-top: -14.5vw;
  margin-left: 11.5vw
}
.group-10 {
  flex-shrink: 0;
  width: 6.14vw;
  height: 5.69vw;
  position: relative;
  overflow: visible;
}
.div15 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.20vw;
  font-weight: 300;
  position: relative;
  margin-top: -9vw;
}
.frame-50 {
  flex-shrink: 0;
  display: grid;
  gap: 8.79vw;
  row-gap: 18.13vw;
  position: relative;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(0, 1fr));
  z-index: 2;
}
.frame-42 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  width: 40.79vw;
  position: relative;
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
}
.frame-41 {
  padding: 1.06vw 6.66vw 1.06vw 6.66vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 61.60vw;
  position: relative;
}
.photo-2025-11-09-00-32-37-1 {
  border-radius: 3.46vw;
  flex-shrink: 0;
  width: 27.46vw;
  height: 56.53vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 103/212;
}
.div16 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}
.frame-43 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  width: 40.79vw;
  position: relative;
  grid-column: 2 / span 1;
  grid-row: 1 / span 1;
}
._2025-11-09-00-14-41-1 {
  border-radius: 4.26vw;
  flex-shrink: 0;
  width: 26.40vw;
  height: 57.59vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 99/216;
}
.frame-44 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  width: 40.79vw;
  position: relative;
  grid-column: 1 / span 1;
  grid-row: 2 / span 1;
}
.photo-2025-11-09-00-25-44-1 {
  border-radius: 4.26vw;
  flex-shrink: 0;
  width: 27.73vw;
  height: 57.59vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 104/216;
}
.frame-45 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  width: 40.79vw;
  position: relative;
  grid-column: 2 / span 1;
  grid-row: 2 / span 1;
}
.photo-2025-11-09-00-29-34-1 {
  border-radius: 4.26vw;
  flex-shrink: 0;
  width: 27.73vw;
  height: 56.53vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 104/212;
}
.all-in-exclusive {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
}
.frame-46 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  width: 40.79vw;
  position: relative;
  grid-column: 1 / span 1;
  grid-row: 3 / span 1;
}
._2025-11-09-00-18-58-1 {
  border-radius: 4.00vw;
  flex-shrink: 0;
  width: 27.20vw;
  height: 56.80vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 102/213;
}
.lemon-mood {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
}
.frame-47 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  width: 40.79vw;
  position: relative;
  grid-column: 2 / span 1;
  grid-row: 3 / span 1;
}
.photo-2025-11-09-00-32-39-1 {
  border-radius: 4.80vw;
  flex-shrink: 0;
  width: 26.66vw;
  height: 57.33vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 100/215;
}
.frame-48 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  width: 40.79vw;
  position: relative;
  grid-column: 1 / span 1;
  grid-row: 4 / span 1;
}
.photo-2025-11-09-00-42-05-1 {
  border-radius: 4.53vw;
  flex-shrink: 0;
  width: 27.46vw;
  height: 56.80vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 103/213;
}
.frame-49 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  width: 40.79vw;
  position: relative;
  grid-column: 2 / span 1;
  grid-row: 4 / span 1;
}
.photo-2025-11-09-00-42-08-1 {
  border-radius: 4.80vw;
  flex-shrink: 0;
  width: 27.73vw;
  height: 56.80vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 104/213;
}
._62-fcbf-7-ee-8182-fe-14-adb-6-c-0954-b-978-a-7-3 {
  flex-shrink: 0;
  width: 100vw;
  height: 22.13vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 83/375;
  margin-top: -350vw;

}
._62-fcbf-7-ee-8182-fe-14-adb-6-c-0954-b-978-a-7-2 {
  flex-shrink: 0;
  width: 22.13vw;
  height: 100.00vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 83/375;
}

.vtoroy{
  margin-top: 155vw;
}
._52 {
  color: #000000;
  text-align: center;
  font-family: "Vetrino-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
  width: 32.53vw;
  margin-top: 140vw;
  margin-right: 20vw;
}
.div17 {
  color: #000000;
  text-align: center;
  font-family: "Vetrino-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
  width: 52.53vw;
  margin-top: -10vw;
  margin-left: 25vw;
}
.frame-51 {
  display: flex;
  flex-direction: row;
  gap: 10.93vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-262 {
  border-radius: 9.33vw;
  padding: 8.53vw 3.46vw 8.53vw 3.46vw;
  display: flex;
  flex-direction: column;
  gap: 2.66vw;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 86.13vw;
  height: 53.33vw;
  position: relative;
}
.google-telegram {
  color: #ffffff;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
}
.frame-272 {
  border-radius: 9.33vw;
  padding: 8.53vw 3.46vw 8.53vw 3.46vw;
  display: flex;
  flex-direction: column;
  gap: 2.66vw;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 86.13vw;
  height: 53.33vw;
  position: relative;
}
.div18 {
  color: #ffffff;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
}
.frame-282 {
  border-radius: 9.33vw;
  padding: 8.53vw 3.46vw 8.53vw 3.46vw;
  display: flex;
  flex-direction: column;
  gap: 2.66vw;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 86.13vw;
  height: 53.33vw;
  position: relative;
}
.div19 {
  color: #ffffff;
  text-align: left;
  font-family: "Panchang-Light", sans-serif;
  font-size: 3.73vw;
  line-height: 5.33vw;
  font-weight: 300;
  position: relative;
}
.frame-292 {
  border-radius: 9.33vw;
  padding: 8.53vw 3.46vw 8.53vw 3.46vw;
  display: flex;
  flex-direction: column;
  gap: 2.66vw;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 86.13vw;
  height: 53.33vw;
  position: relative;
}
.frame-30 {
  border-radius: 9.33vw;
  padding: 8.53vw 3.46vw 8.53vw 3.46vw;
  display: flex;
  flex-direction: column;
  gap: 2.66vw;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 86.13vw;
  height: 53.33vw;
  position: relative;
}
.div20 {
  color: #363636;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 10.66vw;
  font-weight: 300;
  position: relative;
  height: 31.73vw;
  z-index: 3;
  margin-right: 10vw;
}
.frame-55 {
  background: #ffffff;
  padding: 4.53vw 5.06vw 4.53vw 5.06vw;
  display: flex;
  flex-direction: column;
  gap: 2.33vw;
  align-items: flex-end;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  z-index: 3;
  margin-right: 20vw;
}


.frame-52 {
  background: rgba(125, 153, 112, 0.5);
  padding: 2.40vw 5vw 2.40vw 5vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
}


.div21 {
  color: #ffffff;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
}
.frame-53 {
  background: rgba(125, 153, 112, 0.5);
  padding: 2.40vw 5vw 2.40vw 5vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
}
.telegram {
  color: #ffffff;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
}
.frame-54 {
  background: rgba(22, 58, 5, 0.5);
  padding: 2.40vw 8.26vw 2.40vw 8.26vw;
  display: flex;
  flex-direction: col;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
    font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;

}

.che2{
  width: auto;
}
._85-cd-7726-799-d-4667-8-d-36-1-e-2-c-28-d-2-b-9-ff-1 {
  border-radius: 16.00vw;
  flex-shrink: 0;
  width: 107.46vw;
  height: 160.26vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 403/601;
  margin-top: -88vw;
  margin-left: 60vw;
  margin-bottom: 10vw;
  z-index: -1;
}






.frame-31 {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* стрелка будет поворачиваться при открытом состоянии */
.svagaarrow {
  transition: transform 260ms ease;
}

/* --- скрытый контент по умолчанию --- */
.frame-37 {
  display: none;         /* полностью скрыт в начале */
  overflow: hidden;
  height: 0;
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 260ms ease, transform 260ms ease;
}

/* класс открытого состояния (часть визуала, высота управляется JS) */
.frame-37.open {
  display: block;        /* устанавливается JS при анимации */
  opacity: 1;
  transform: translateY(0);
}

/* когда открыто — повернём стрелку */
.frame-31.open .svagaarrow {
  transform: rotate(180deg);
}

/* маленький ховер / active фидбек */
.frame-31:hover .div10,
.frame-31:active .div10 {
  filter: brightness(0.97);
}










/* Внешняя обёртка — окно карусели (не двигается) */
.frame-51 {
  width: 100vw;
  overflow: hidden;
  position: relative;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;

  /* не делаем transform здесь! */
}

/* Трек — горизонтальный ряд слайдов, именно его будем двигать */
.frame-51-track {
  display: flex;
  gap: 0;
  width: 100%; /* ширина вычислим в JS, но flex позволяет детям занимать 100vw */
  transition: transform 420ms cubic-bezier(.2,.9,.2,1);
}

/* Убираем transition при перетаскивании (более отзывчиво) */
.frame-51-track.dragging {
  transition: none;
}

.frame-51-track > * {
  flex: 0 0 90vw;      /* ширина каждой карточки 90% экрана */
  width: 90vw;
  margin: 0 5vw;        /* по бокам пустое пространство для видимости соседних карточек */
  box-sizing: border-box;
}

/* Индикаторы (опционально) */
.frame-51-indicators {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 8px;
  display: flex;
  gap: 8px;
  z-index: 50;
  pointer-events: none;
}
.frame-51-indicators button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,0.3);
  border: none;
  padding: 0;
  cursor: pointer;
  pointer-events: auto;
}
.frame-51-indicators button.active { background: rgba(255,255,255,0.95); }







.input-field {
  width: 100%;
  padding: 10px 14px;
  border-radius: 10px;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-family: inherit;
  transition: border-color 0.3s;
}
.input-field:focus {
  border-color: #000;
  outline: none;
}

.send-btn {
  background: #000;
  color: #fff;
  padding: 12px 20px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  width: 100%;
  transition: opacity 0.3s;
}
.send-btn:hover {
  opacity: 0.8;
}

.consent {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #555;
  width: 43vw;
}

.dop2{
  right: 0;
}


.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Когда элемент появляется */
.reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* frame-51 и его потомки видимы сразу */
.reveal-locked {
  opacity: 1 !important;
}