.i-phone-13-mini-5,
.i-phone-13-mini-5 * {
  box-sizing: border-box;
}

.i-phone-13-mini-5 {
  background: #eee6d9;
  display: flex;
  flex-direction: column;
  gap: 0vw;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
}



.obj-301 {
  color: #BE905C;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 32vw;
  letter-spacing: 0.11em;
  font-weight: 400;
  font-style: italic;
  position: relative;
  margin-top: 10vw;
  right: 14vw;
}
.obj-302 {
  color: #85541C;
  text-align: left;
  font-family: "Novelist-Display", sans-serif;
  font-size: 19.20vw;
  line-height: 9.33vw;
  font-weight: 400;
  position: relative;
  margin-top: -30vw;
  right: 9vw;
  z-index: 4;
}
.obj-303 {
  color: #85541C;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
  margin-top: -10vw;
  right: 4vw;
  z-index: 5;
}
.obj-304 {
  background: #EEE6D9;
  flex-shrink: 0;
  width: 82.20vw;
  height: 7.19vw;
  position: relative;
  margin-top: -8.5vw;
  right: 9vw;

}
.obj-05 {
  display: flex;
  flex-direction: row;
  gap: 2.60vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  margin-top: 15vw;
  right: 10vw;
}
.obj-305 {
  color: #862E35;
  text-align: left;
  font-family: "HollandTreasure-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
}
.obj-306 {
  color: #862E35;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 4.267vw;
  font-weight: 400;
  position: relative;
  margin-top: 1vw;
  
}
.obj-307 {
  color: #862E35;
  text-align: left;
  font-family: "HollandTreasure-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
  width: 14.39vw;
  height: 6.93vw;
}
.obj-308 {
  color: #a37848;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  width: 75.46vw;
  margin-top: 10vw;
  right: 8vw;
  z-index: 4;
}
.obj-07 {
  display: flex;
  flex-direction: column;
  gap: 3.20vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 51.46vw;
  position: relative;
  z-index: 4;
  margin-top: 22vw;
  left: 9vw;
}
.obj-309 {
  color: #862e35;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 6.40vw;
  line-height: 6.66vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.obj-310 {
  color: #9d7444;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 3.20vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  right: 2vw;
}
.obj-311 {
  color: #862e35;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
  margin-top: 89vw;
}
.obj-312 {
  color: #9d7444;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 5.33vw;
  font-weight: 400;
  position: relative;
  margin-top: 7vw;
}
.obj-313 {
  color: #9d7444;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  margin-top: 7vw;
}
.obj-11 {
  background: #fff9f4;
  border-radius: 8.00vw;
  padding: 1.86vw 8.00vw 1.86vw 8.00vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64.00vw;
  height: 9.60vw;
  position: relative;
  margin-top: 7vw;
}
.obj-314 {
  color: #862e35;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 4.26vw;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: relative;
}
.obj-315 {
  flex-shrink: 0;
  width: 80.53vw;
  height: 80.53vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
  margin-top: 1vw;
}
.obj-316 {
  color: #862e35;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
  margin-top: 37vw;
  left: 5vw;
  z-index: 4;
}
.obj-14 {
  display: flex;
  flex-direction: column;
  gap: 7.46vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-top: 17vw;
  left: 7vw;
}
.obj-217 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 64.26vw;
  position: relative;
}
.obj-317 {
  color: #862e35;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.obj-318 {
  color: #9d7444;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 3.73vw;
  line-height: 5.33vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.obj-218 {
  display: flex;
  flex-direction: column;
  gap: 0.80vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 61.86vw;
  position: relative;
}
.obj-319 {
  color: #862e35;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.obj-320 {
  color: #9d7444;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 3.73vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.obj-219 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 44.26vw;
  position: relative;
}
.obj-321 {
  color: #862e35;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.obj-322 {
  color: #9d7444;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 3.73vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.obj-15 {
  display: flex;
  flex-direction: column;
  gap: 2.40vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 71.20vw;
  position: relative;
  margin-top: -17vw;
}


input::placeholder {
  color: #862e35; /* красный цвет */
}
.obj-323 {
  color: #862e35;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  margin-top: 20.55vw;
}
.obj-324 {
  color: #9d7444;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.067vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
  margin-top: 2.75;
  width: 100vw;
}
.obj-16 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-top: 27vw;
  left: 14vw;
}
.obj-325 {
  border-radius: 8.00vw;
  border-style: solid;
  border-color: transparent;
  border-width: 0.26vw;
  flex-shrink: 0;
  width: 14.39vw;
  height: 14.39vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(180deg) scale(1, 1);
  object-fit: cover;
}
.obj-326 {
  margin: 0 0 0 -5.06vw;
  border-radius: 8.00vw;
  border-style: solid;
  border-color: transparent;
  border-width: 0.26vw;
  flex-shrink: 0;
  width: 14.39vw;
  height: 14.39vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(180deg) scale(1, 1);
  object-fit: cover;
}
.obj-327 {
  margin: 0 0 0 -5.06vw;
  border-radius: 8.00vw;
  border-style: solid;
  border-color: transparent;
  border-width: 0.26vw;
  flex-shrink: 0;
  width: 14.39vw;
  height: 14.39vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(180deg) scale(1, 1);
  object-fit: cover;
}
.obj-328 {
  margin: 0 0 0 -5.06vw;
  border-radius: 8.00vw;
  border-style: solid;
  border-color: transparent;
  border-width: 0.26vw;
  flex-shrink: 0;
  width: 14.39vw;
  height: 14.39vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(180deg) scale(1, 1);
  object-fit: cover;
}
.obj-329 {
  margin: 0 0 0 -5.06vw;
  border-radius: 8.00vw;
  border-style: solid;
  border-color: transparent;
  border-width: 0.26vw;
  flex-shrink: 0;
  width: 14.39vw;
  height: 14.39vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(180deg) scale(1, 1);
  object-fit: cover;
}
.obj-330 {
  margin: 0 0 0 -5.06vw;
  border-radius: 8.00vw;
  border-style: solid;
  border-color: transparent;
  border-width: 0.26vw;
  flex-shrink: 0;
  width: 14.39vw;
  height: 14.39vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(180deg) scale(1, 1);
  object-fit: cover;
}
.obj-17 {
  display: flex;
  flex-direction: column;
  gap: 3.46vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 83.46vw;
  position: relative;
}
.obj-331 {
  color: #862e35;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  margin-top: 50vw;
}
.obj-332 {
  color: #9d7444;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
  width: 100vw;
}
.obj-18 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  width: 97.05vw;
  position: relative;
}
.obj-333 {
  flex-shrink: 0;
  width: 27.32vw;
  height: 40.96vw;
  position: relative;
  transform: rotate(59.998deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 102.46/153.62;
  left: 11vw;
}
.anketa{
  margin-top: -15vw;
}
.obj-334 {
  flex-shrink: 0;
  width: 27.47vw;
  height: 41.19vw;
  position: relative;
  transform: rotate(-61.433deg) scale(-1, 1);
  object-fit: cover;
  aspect-ratio: 103.04/154.48;
  right: 11vw;
}
.obj-335 {
  color: #85541c;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  margin-top: 5vw;
}
label{
line-height: 7vw;

}
.obj-336 {
  color: #85541c;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 3.73vw;
  font-weight: 400;
  position: relative;
}
.obj-337 {
  color: #85541c;
  text-align: start;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 3.73vw;
  font-weight: 400;
  position: relative;
}
.obj-338 {
  color: #85541c;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
}
.obj-339 {
  color: #85541c;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 3.73vw;
  font-weight: 400;
  position: relative;
}
.obj-340 {
  color: #85541c;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 3.73vw;
  font-weight: 400;
  position: relative;
}
.obj-341 {
  color: #85541c;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
}
.obj-342 {
  color: #85541c;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 6.66vw;
  font-weight: 400;
  position: relative;
}
.obj-343 {
  color: #85541c;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
}
.obj-344 {
  color: #85541c;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 6.66vw;
  font-weight: 400;
  position: relative;
}
.obj-29 {
  background: #feedda;
  border-radius: 8.00vw;
  padding: 2.40vw 8.00vw 2.40vw 8.00vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64.00vw;
  height: 9.60vw;
  position: relative;
}
.obj-345 {
  color: #862e35;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 4.26vw;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: relative;
}
.obj-30 {
  display: flex;
  flex-direction: column;
  gap: 7.19vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 69.86vw;
  position: relative;
  margin-top: 10vw;
  
}
.obj-346 {
  color: #85541c;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  margin-top: 15vw;
}
.obj-347 {
  color: #85541c;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
  width: 100vw;
  margin-top: 10vw;
  
}
.obj-31 {
  display: flex;
  flex-direction: row;
  gap: 2.40vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-top: 10vw;
}
.obj-348 {
  flex-shrink: 0;
  width: 17.06vw;
  height: 17.06vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.obj-349 {
  color: #862e35;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
}
.obj-350 {
  flex-shrink: 0;
  width: 100.26vw;
  height: 150.40vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 376/564;
}












._215-a-0-eb-5778739-c-1473-a-7-d-7331-daaa-41-photoroom-1 {
  width: 104.26vw;
  height: 121.06vw;
  position: absolute;
  left: 103.46vw;
  top: 147.73vw;
  transform-origin: 0 0;
  transform: rotate(-180deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 391/454;
}
._2-e-942-fe-40-eed-2-b-2-b-313040194-bf-5-e-2-f-6-photoroom-2 {
  width: 226.47vw;
  height: 169.26vw;
  position: absolute;
  left: 70.23vw;
  top: 420.29vw;
  transform-origin: 0 0;
  transform: rotate(51.996deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 849.3/634.74;
}
.b-3-c-27-ae-9-fc-8-b-308-d-041-e-108-e-73-bc-7-dc-2-photoroom-1 {
  width: 93.60vw;
  height: 78.40vw;
  position: absolute;
  left: -3.20vw;
  top: 177.06vw;
  object-fit: cover;
  aspect-ratio: 351/294;
}
.edfe-882-a-199869-b-6-aa-24-db-3-fe-9-e-16238-photoroom-1 {
  width: 110.93vw;
  height: 110.93vw;
  position: absolute;
  left: 29.06vw;
  top: 193.06vw;
  object-fit: cover;
  aspect-ratio: 1;
}
.edfe-882-a-199869-b-6-aa-24-db-3-fe-9-e-16238-photoroom-2 {
  width: 110.93vw;
  height: 110.93vw;
  position: absolute;
  left: 34.93vw;
  top: 890.66vw;
  object-fit: cover;
  aspect-ratio: 1;
}
._2-e-57-e-3-a-8-df-3-f-613-d-3-b-13-c-401-bdd-35-f-9-e-photoroom-1 {
  width: 124.80vw;
  height: 124.80vw;
  position: absolute;
  left: 12.80vw;
  top: 68.53vw;
  object-fit: cover;
  aspect-ratio: 1;
}
._2-e-57-e-3-a-8-df-3-f-613-d-3-b-13-c-401-bdd-35-f-9-e-photoroom-2 {
  width: 94.66vw;
  height: 94.66vw;
  position: absolute;
  left: -27.20vw;
  top: 444.80vw;
  object-fit: cover;
  aspect-ratio: 1;
}
._2-e-942-fe-40-eed-2-b-2-b-313040194-bf-5-e-2-f-6-photoroom-1 {
  width: 52.71vw;
  height: 39.39vw;
  position: absolute;
  left: 2.82vw;
  top: 138.39vw;
  transform-origin: 0 0;
  transform: rotate(-98.317deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 197.68/147.74;
}
._8-f-62-bab-5-e-44-a-30148-d-7-b-5-f-416-e-9-d-3941-photoroom-1 {
  width: 96.09vw;
  height: 139.88vw;
  position: absolute;
  top: 214.13vw;
  left: 15vw;
  transform: rotate(-37.983deg) scale(-1, 1);
  object-fit: cover;
  aspect-ratio: 360.36/524.57;
}
._8-f-62-bab-5-e-44-a-30148-d-7-b-5-f-416-e-9-d-3941-photoroom-2 {
  width: 96.09vw;
  height: 139.88vw;
  position: absolute;
  left: 5vw;
  top: 616.66vw;
  transform: rotate(-37.983deg) scale(-1, 1);
  object-fit: cover;
  aspect-ratio: 360.36/524.57;
}
._428-fd-8313-b-3-c-4-e-21-fce-01-a-5685-de-9909-photoroom-1 {
  width: 34.93vw;
  height: 52.53vw;
  position: absolute;
  left: 21.60vw;
  top: 970.59vw;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
  object-fit: cover;
  aspect-ratio: 131/197;
  pointer-events: none;
}

input{
  scale: 1.5;
  
}



.i-phone-13-mini-5.anim > * {
  opacity: 0;
  transform: translateY(30px);
  transition: 
    opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1),
    transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
  /* Дополнительно: плавная задержка для каскада */
  transition-delay: calc(var(--delay) * 0.1s);
}

.i-phone-13-mini-5.anim > *.visible {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s; /* Отменяем задержку для активного состояния */
}








.convert {
  padding: 24.7vh 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow: hidden;
  position: sticky;
  z-index: 105;
  top: 0;
}
.convert-01 {
  color: #a37848;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 2.95vh;
  font-weight: 400;
  position: relative;
  z-index: 3;
}
.convert-02 {
  color: #862e35;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 3.94vh;
  font-weight: 400;
  position: relative;
  margin-top: -1vh;
  left: 9vw;
    z-index: 3;


}
.top111{
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100vw;
  height: 100vh;
}
.bot111{
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100vw;
  height: 100vh;
}
.other111{
  position: absolute;
  z-index: 3;
  width: 100vw;
  height: 70vh;
  top: 30vh;
}
.convert-03 {
  flex-shrink: 0;
  height: 21.35vh;
  position: relative;
  object-fit: cover;
  aspect-ratio: 162/173;
  margin-top: 12vh;
    z-index: 3;

}
.convert-04 {
  flex-shrink: 0;
  width: 6.16vw;
  height: 2.63vh;
  position: relative;
  overflow: visible;
    z-index: 3;
    margin-top: 2vh;

}
.convert-05 {
  color: #a37848;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 2.95vh;
  font-weight: 400;
  position: relative;
    z-index: 3;

}



.top111, .bot111 {
  transition: transform 0.5s ease-out;
}

.top111.moved-up {
  transform: translateY(-100%);
}

.bot111.moved-down {
  transform: translateY(100%);
}

.convert.hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease-out;
}


    .timer {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 5.333vw;
      font-size: 8vw;
      font-weight: 500;
      padding-bottom: 10vw;
      color: #85541c;
  font-family: "TenorSans-Regular", sans-serif;
        z-index: 10;
        margin-bottom: 5vw;
        margin-top: 10vw;
        


      
    }

    .time-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      min-width: 18.667vw;
    }

    .time-box span {
      font-size: 3.7vw;
      text-transform: uppercase;
      letter-spacing: 0.267vw;
      color: #85541c;
      margin-top: 1.333vw;
      
    }

    .divider {
      font-size: 9.6vw;
      color:#85541c;
      margin-top: -2.667vw;
    }

    @media (max-width: 133.333vw) {
      .timer {
        gap: 2.667vw;
        font-size: 7.467vw;
      }
      .time-box {
        min-width: 16vw;
      }
    }