@charset "UTF-8";
/*
  Базовий CSS
  - Дизайн-токени (кольори, радіуси, відступи)
  - Базове «полотно» (розмір) і змінна масштабу для адаптивності
  - Глобальні правила для вікна перегляду (без горизонтальної прокрутки)
  - Спільні типографічні утиліти, які використовуються в HTML
*/
:root {
  --dl-color-red-0: rgba(255, 245, 247, 1);
  --dl-color-grey-0: rgba(255, 255, 255, 1);
  --dl-color-brown-0: rgba(255, 250, 245, 1);
  --dl-color-green-0: rgba(247, 255, 245, 1);
  --dl-color-red-100: rgba(253, 192, 204, 1);
  --dl-color-red-200: rgba(249, 141, 163, 1);
  --dl-color-red-300: rgba(242, 98, 127, 1);
  --dl-color-red-400: rgba(233, 64, 98, 1);
  --dl-color-red-500: rgba(221, 38, 75, 1);
  --dl-color-red-600: rgba(205, 21, 57, 1);
  --dl-color-red-700: rgba(184, 9, 44, 1);
  --dl-color-red-800: rgba(160, 3, 34, 1);
  --dl-color-red-900: rgba(135, 0, 27, 1);
  --dl-color-grey-100: rgba(253, 253, 253, 1);
  --dl-color-grey-200: rgba(249, 249, 249, 1);
  --dl-color-grey-300: rgba(242, 242, 242, 1);
  --dl-color-grey-400: rgba(233, 233, 233, 1);
  --dl-color-grey-500: rgba(221, 221, 221, 1);
  --dl-color-grey-600: rgba(205, 205, 205, 1);
  --dl-color-grey-700: rgba(184, 184, 184, 1);
  --dl-color-grey-800: rgba(160, 160, 160, 1);
  --dl-color-grey-900: rgba(135, 135, 135, 1);
  --dl-color-main-red: rgba(220, 20, 60, 1);
  --dl-color-brown-100: rgba(253, 229, 206, 1);
  --dl-color-brown-200: rgba(249, 207, 168, 1);
  --dl-color-brown-300: rgba(242, 187, 134, 1);
  --dl-color-brown-400: rgba(233, 168, 107, 1);
  --dl-color-brown-500: rgba(221, 151, 85, 1);
  --dl-color-brown-600: rgba(205, 134, 68, 1);
  --dl-color-brown-700: rgba(184, 117, 55, 1);
  --dl-color-brown-800: rgba(160, 100, 44, 1);
  --dl-color-brown-900: rgba(135, 83, 35, 1);
  --dl-color-green-100: rgba(233, 253, 226, 1);
  --dl-color-green-200: rgba(217, 249, 207, 1);
  --dl-color-green-300: rgba(202, 242, 189, 1);
  --dl-color-green-400: rgba(186, 233, 172, 1);
  --dl-color-green-500: rgba(171, 221, 156, 1);
  --dl-color-green-600: rgba(155, 205, 140, 1);
  --dl-color-green-700: rgba(137, 184, 123, 1);
  --dl-color-green-800: rgba(118, 160, 105, 1);
  --dl-color-green-900: rgba(99, 135, 88, 1);
  --dl-color-sec-brown: rgba(139, 90, 43, 1);
  --dl-color-sec-green: rgba(79, 121, 66, 1);
  --dl-color-sec-greyd: rgba(76, 76, 76, 1);
  --dl-color-sec-greyl: rgba(165, 165, 165, 1);
  --dl-color-base-black: rgba(0, 0, 0, 1);
  --dl-color-main-black: rgba(26, 26, 26, 1); /* #1A1A1A */
  --dl-color-main-white: rgba(248, 248, 248, 1); /* #F8F8F8 */
  --dl-color-colors-text: rgba(21, 20, 56, 0.4000000059604645);
  --dl-layout-size-large: 144px;
  --dl-layout-size-small: 48px;
  --dl-layout-space-unit: 16px;
  --dl-layout-size-medium: 96px;
  --dl-layout-size-xlarge: 192px;
  --dl-layout-size-xsmall: 16px;
  --dl-color-theme-accent1: #FFFFFF;
  --dl-color-theme-accent2: #F5D1B0;
  --dl-layout-radius-round: 50%;
  --dl-layout-size-xxlarge: 288px;
  --dl-color-theme-primary1: #BF4408;
  --dl-color-theme-primary2: #E65103;
  --dl-layout-size-maxwidth: 1400px;
  --dl-layout-radius-radius2: 2px;
  --dl-layout-radius-radius4: 4px;
  --dl-layout-radius-radius8: 8px;
  --dl-layout-space-halfunit: 8px;
  --dl-layout-space-sixunits: 96px;
  --dl-layout-space-twounits: 32px;
  --dl-color-theme-secondary1: #FFFFFF;
  --dl-color-theme-secondary2: #FBF1EB;
  --dl-layout-space-fiveunits: 80px;
  --dl-layout-space-fourunits: 64px;
  --dl-layout-space-threeunits: 48px;
  --dl-color-theme-neutral-dark: #191818;
  --dl-layout-radius-cardradius: 8px;
  --dl-color-theme-neutral-light: #FBFAF9;
  --dl-layout-radius-imageradius: 8px;
  --dl-layout-radius-inputradius: 24px;
  --dl-layout-radius-buttonradius: 24px;
  --dl-layout-space-oneandhalfunits: 24px;
  /*--base-width: 375;*/
  --base-height: 4909;
  /*--scale: calc(100vw / (var(--base-width) * 1px));*/
}

/* Prevent horizontal scroll on viewport */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/*
  Правила для вікна перегляду
  - Заборона горизонтальної прокрутки через масштабоване «полотно»
*/
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Mixins */
/*
  Типографічні утиліти
  - Узгоджені текстові стилі, що перевикористовуються у компонентах
*/
@font-face {
  font-family: "Mak";
  src: url("font/MAK-bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
.mobilefootnote {
  font-size: 14px;
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-stretch: normal;
  letter-spacing: 0;
}

.mobilecaption {
  font-size: 12px;
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-stretch: normal;
  letter-spacing: 0;
}

.LandingMobh1 {
  font-size: 34px;
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-stretch: normal;
  letter-spacing: 0;
}

.LandingMobh1Mak {
  font-size: 36px;
  font-style: normal;
  font-family: Mak, Helvetica, sans-serif;
  font-weight: 700;
  font-stretch: normal;
  letter-spacing: 0;
}

.LandingMobh2 {
  font-size: 28px;
  font-style: normal;
  font-family: Roboto, Helvetica, sans-serif;
  font-weight: 500;
  font-stretch: normal;
  letter-spacing: 0;
}
@media (min-width: 900px) {
  .LandingMobh2 {
    font-family: "Mak", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 48px;
    line-height: 58px;
    color: var(--dl-color-main-black);
    text-align: left;
  }
}

.LandingMobh2Mak {
  font-size: 28px;
  font-style: normal;
  font-family: Mak, Helvetica, sans-serif;
  font-weight: 700;
  font-stretch: normal;
  letter-spacing: 0;
}

.LandingMobh3 {
  font-size: 24px;
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-stretch: normal;
  letter-spacing: 0;
}

.LandingMobh4 {
  font-size: 20px;
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 140%;
  color: var(--dl-color-main-black);
}

.LandingMobbody {
  font-size: 16px;
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-stretch: normal;
  letter-spacing: 0;
}

.LandingMobButton {
  font-size: 16px;
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-stretch: normal;
  letter-spacing: 0;
}

.LandingMobfootnote {
  font-size: 14px;
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-stretch: normal;
  letter-spacing: 0;
}

.LandingMobCaption2 {
  font-size: 12px;
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-stretch: normal;
  letter-spacing: 0;
}
@media (min-width: 900px) {
  .LandingMobCaption2 {
    font-size: 16px;
  }
}

.LandingMobcaption1 {
  font-size: 10px;
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 130%;
  color: var(--dl-color-main-black);
}

.container1 {
  background: var(--dl-color-main-white);
  text-align: center;
  margin-top: 230px;
  /*padding: 20px 16px;*/
}

.finallandingmob {
  /*overflow: hidden;*/
  background-color: var(--dl-color-main-white);
  text-align: center;
}

.background {
  width: 100%;
  background-image: url("public/screenshot20250629at21582812966-g93-600h.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  height: fit-content;
  /* тінь тільки знизу */
  box-shadow: 0 1px 1px rgba(191, 186, 186, 0.6);
}

.background::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
  pointer-events: none;
}

/*.finallandingmob-rectangle274 {*/
/*    !*top: 0px;*!*/
/*    !*left: 0px;*!*/
/*    !*width: 375px;*!*/
/*    height: 600px;*/
/*    !*position: absolute;*!*/
/*    !*transform: translateY(-20%); !* зсув вгору у відсотках *!*!*/
/*}*/
.finallandingmob-line122 {
  /*width: 375px;*/
  height: 1px;
}

.finallandingmob-home-indicator1 {
  /*top: 700px;*/
  /*left: 0px;*/
  /*width: 375px;*/
  height: 34px;
  display: flex;
  /*position: absolute;*/
  align-self: stretch;
  align-items: flex-start;
}

.finallandingmob-home-indicator2 {
  /*top: 0;*/
  /*left: 121px;*/
  width: 134px;
  height: 5px;
  /*position: absolute;*/
  border-radius: 100px;
  z-index: 1;
}

.finallandingmob-status-bari-phone {
  top: 0;
  left: 0;
  /*width: 375px;*/
  height: 54px;
  display: flex;
  padding: 21px 0 0;
  /*position: absolute;*/
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-frame2 {
  gap: 134px;
  display: flex;
  padding: 0 16px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
}

.finallandingmob-time {
  gap: 10px;
  display: flex;
  padding: 0 6px 0 0;
  flex-grow: 1;
  align-items: center;
}

.finallandingmob-text100 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 17px;
  text-align: center;
  font-family: SF Pro;
  font-weight: 600;
  line-height: 22px;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-dynamic-islandspacer {
  width: 124px;
  height: 10px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}

.finallandingmob-levels {
  gap: 7px;
  display: flex;
  padding: 0 0 0 6px;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
}

.finallandingmob-cellular-connection {
  width: 19px;
  height: 12px;
}

.finallandingmob-wifi {
  width: 17px;
  height: 12px;
}

.finallandingmob-battery {
  width: 27px;
  height: 13px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}

.finallandingmob-border {
  top: 0;
  left: 0;
  width: 25px;
  height: 13px;
  opacity: 0.35;
  position: absolute;
  border-color: rgb(26, 26, 26);
  border-style: solid;
  border-width: 1px;
  border-radius: 4.3000001907px;
}

.finallandingmob-cap {
  top: 4.7811279297px;
  left: 26px;
  width: 1px;
  height: 4px;
  opacity: 0.4;
  position: absolute;
}

.finallandingmob-capacity {
  top: 2px;
  left: 2px;
  width: 21px;
  height: 9px;
  position: absolute;
  border-radius: 2.5px;
}

.finallandingmob-header {
  gap: 116px;
  top: 0;
  width: 100%;
  display: flex;
  background: var(--dl-color-main-white);
  align-items: center;
  position: fixed;
  z-index: 1000;
  flex-shrink: 0;
  justify-content: space-between;
  padding: 20px 16px;
}

.finallandingmob-logo1 {
  gap: 12px;
  display: flex;
  align-items: center;
}

.finallandingmob-logo2 {
  width: 52px;
  height: 52px;
}

.finallandingmob-text101 {
  color: var(--dl-color-main-black);
  width: 141px;
  height: auto;
  font-size: 18px;
  text-align: left;
  font-family: Mak, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 120.0000047684%;
  font-stretch: normal;
  text-decoration: none;
}

.burger-menu {
  width: 32px;
  height: 32px;
}
@media (min-width: 900px) {
  .burger-menu {
    display: none;
  }
}

.burger-menu:hover {
  color: #BF4408;
}

.desktop-menu {
  display: none;
}
@media (min-width: 900px) {
  .desktop-menu {
    display: flex;
    gap: 25px;
    align-items: center;
  }
}

.finallandingmob-title-button {
  gap: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin-bottom: 147px;
}
@media (min-width: 900px) {
  .finallandingmob-title-button {
    margin-bottom: 105px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-title-button {
    margin-bottom: 67px;
  }
}

.finallandingmob-frame1139 {
  margin-top: -120px;
  position: relative;
  z-index: 10;
}

.finallandingmob-text102 {
  color: var(--dl-color-main-black);
  text-align: center;
  line-height: 80.0000011921%;
  margin-bottom: 14px;
  margin-right: 10px;
}
@media (min-width: 900px) {
  .finallandingmob-text102 {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 56px;
    line-height: 66px;
    text-align: center;
    color: #1A1A1A;
  }
}

.finallandingmob-text103 {
  color: var(--dl-color-main-black);
  text-align: center;
  line-height: 80.0000011921%;
}
@media (min-width: 900px) {
  .finallandingmob-text103 {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 56px;
    line-height: 66px;
    text-align: center;
    color: #1A1A1A;
  }
}

.finallandingmob-text104 {
  color: var(--dl-color-main-red);
  width: 404px;
  height: auto;
  text-align: center;
  line-height: 80.0000011921%;
  margin: 0 auto;
}
@media (min-width: 900px) {
  .finallandingmob-text104 {
    font-family: "Mak";
    font-style: normal;
    font-weight: 400;
    font-size: 56px;
    line-height: 66px;
    text-align: center;
  }
}

.finallandingmob-mobile1 {
  width: 180px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: var(--dl-color-main-red);
  border-radius: 45px;
  border: 1px solid #A5A5A5;
  padding: 0 16px;
  box-sizing: border-box;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .finallandingmob-mobile1 {
    width: 232px;
    height: 59px;
  }
}

.desktop-header-button {
  width: 180px;
  height: 42px;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: var(--dl-color-main-red);
  border-radius: 45px;
  border: 1px solid #A5A5A5;
  padding: 0 16px;
  box-sizing: border-box;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  font-weight: 400;
  margin-top: 0;
  display: none;
}
@media (min-width: 1200px) {
  .desktop-header-button {
    display: flex;
    font-size: 16px;
  }
}
.desktop-header-button > .finallandingmob-text105 {
  font-weight: 500;
  font-size: 16px;
}

.finallandingmob-frame10031 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}

.finallandingmob-text105 {
  color: var(--dl-color-main-white);
  font-size: 18px;
  font-weight: 700;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  margin-right: 0;
  z-index: 2;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .finallandingmob-text105 {
    font-size: 24px;
    font-weight: 600;
  }
}

.finallandingmob-spoon-for-button {
  width: 53px;
  height: 33px;
  margin-left: 12px;
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.3s, transform 0.3s;
  z-index: 1;
  position: absolute;
  right: 16px;
}

/* Анімація при наведенні */
.finallandingmob-mobile1:hover {
  width: 230px;
}
@media (min-width: 1200px) {
  .finallandingmob-mobile1:hover {
    width: 300px;
  }
}

.finallandingmob-mobile1:hover .finallandingmob-text105 {
  transform: translateX(-30px); /* менший зсув тексту */
}

.finallandingmob-mobile1:hover .finallandingmob-spoon-for-button {
  opacity: 1;
  transform: translateX(-4px); /* ложка ближче до тексту */
  margin-left: 6px; /* менший відступ */
}

.finallandingmob-frame10032 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}

.finallandingmob-frame7611 {
  gap: 4px;
  display: flex;
  align-items: center;
}

.finallandingmob-group1000004176 {
  top: -117px;
  left: -12px;
  width: 216px;
  height: 66px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
@media (min-width: 900px) {
  .finallandingmob-group1000004176 {
    top: -77px;
    left: -100px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-group1000004176 {
    top: 70px;
    left: 383px;
  }
}

.finallandingmob-frame1028 {
  top: 0;
  left: 20px;
  width: 196px;
  height: 56px;
  display: flex;
  opacity: 0.7;
  padding: 11.4541683197px;
  position: absolute;
  box-shadow: 0 0 21.4765663147px 0 rgba(110, 110, 110, 0.25);
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 11.4541683197px;
  flex-direction: column;
  background-color: var(--dl-color-main-white);
}
@media (min-width: 1200px) {
  .finallandingmob-frame1028 {
    width: 277px;
    height: 89px;
  }
}

.finallandingmob-frame10251 {
  gap: 10.0223970413px;
  display: flex;
  align-items: center;
}

.finallandingmob-frame10241 {
  gap: 2.8635420799px;
  width: 28.6354217529px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-meat11 {
  width: 25px;
  height: 25px;
}

.finallandingmob-text106 {
  color: rgb(26, 26, 26);
  height: auto;
  font-size: 10.0223970413px;
  align-self: stretch;
  font-style: Regular;
  text-align: center;
  font-family: Roboto;
  font-weight: 400;
  line-height: 129.9999952316%;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-point1 {
  gap: 4.2953128815px;
  height: 32.2148475647px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-text107 {
  color: rgb(26, 26, 26);
  height: auto;
  font-size: 14.3177108765px;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: 120.0000047684%;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-contentwithicon1 {
  gap: 3.5794277191px;
  display: flex;
  align-items: center;
}

.finallandingmob-frame9441 {
  gap: 3.5794277191px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-frame9451 {
  gap: 3.5794277191px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-frame8721 {
  gap: 2.8635420799px;
  display: flex;
  position: relative;
  align-items: center;
}

.finallandingmob-snakebar1 {
  width: 137px;
  height: 6px;
  border-radius: 1.43177104px;
}

.finallandingmob-snakebar2 {
  top: 0px;
  left: 0px;
  width: 100px;
  height: 6px;
  z-index: 1;
  position: absolute;
  border-radius: 1.43177104px 0 0 1.43177104px;
}

.finallandingmob-frame1023 {
  top: 10px;
  left: 0;
  width: 196px;
  height: 56px;
  display: flex;
  padding: 8px;
  position: absolute;
  box-shadow: 0 0 22.4014396667px 0 rgba(110, 110, 110, 0.25);
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 11.9474344254px;
  background-color: var(--dl-color-main-white);
}
@media (min-width: 1200px) {
  .finallandingmob-frame1023 {
    width: 277px;
    height: 89px;
    align-items: center;
    padding: 16px;
  }
}

.finallandingmob-frame10252 {
  gap: 8px;
  width: 180px;
  height: 40px;
  display: flex;
  opacity: 0.88;
  align-items: center;
  flex-shrink: 0;
}
@media (min-width: 1200px) {
  .finallandingmob-frame10252 {
    gap: 14px;
    width: 100%;
    height: auto;
  }
}

.finallandingmob-frame10242 {
  gap: 2.9868586063px;
  width: 29.8685894012px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-beetroot211 {
  width: 24px;
  height: 24px;
}
@media (min-width: 1200px) {
  .finallandingmob-beetroot211 {
    width: 35px;
    height: 35px;
  }
}

.finallandingmob-text108 {
  color: rgb(26, 26, 26);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 129.9999952316%;
}

.finallandingmob-point2 {
  gap: 4.4802875519px;
  height: 33.6021614075px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-text109 {
  color: var(--dl-color-main-black);
  height: auto;
  text-align: left;
  line-height: 129.9999952316%;
}
@media (min-width: 1200px) {
  .finallandingmob-text109 {
    font-weight: 400 !important;
    font-size: 20px;
    color: var(--dl-color-main-black);
  }
}

.finallandingmob-contentwithicon2 {
  gap: 3.7335734367px;
  display: flex;
  align-items: center;
}

.finallandingmob-frame9442 {
  gap: 3.7335734367px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-frame9452 {
  gap: 3.7335734367px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-frame8722 {
  gap: 2.9868586063px;
  display: flex;
  position: relative;
  align-items: center;
}

.finallandingmob-snakebar3 {
  width: 143px;
  height: 6px;
  border-radius: 1.4934293032px;
}
@media (min-width: 1200px) {
  .finallandingmob-snakebar3 {
    width: 191px;
    height: 8px;
  }
}

.finallandingmob-snakebar4 {
  top: 0;
  left: 0;
  width: 104px;
  height: 6px;
  z-index: 1;
  position: absolute;
  border-radius: 1.4934293032px 0 0 1.4934293032px;
}
@media (min-width: 1200px) {
  .finallandingmob-snakebar4 {
    width: 139px;
    height: 8px;
  }
}

.iphonescreen-wrapper {
  position: relative;
  width: fit-content;
  margin: 0 auto;
}

.finallandingmob-iphonescreen {
  /*top: 415px;*/
  /*left: 27px;*/
  width: 320px;
  height: 302px;
  /*position: absolute;*/
  margin: 0 auto;
}
@media (min-width: 900px) {
  .finallandingmob-iphonescreen {
    width: 429px;
    height: 406px;
  }
}

.finallandingmob-frame1041 {
  top: -30px;
  right: -15px;
  width: 163px;
  display: flex;
  padding: 8px;
  position: absolute;
  box-shadow: 0 0 30px 0 rgba(110, 110, 110, 0.25);
  align-items: flex-start;
  border-radius: 16px;
  flex-direction: column;
  background-color: var(--dl-color-main-white);
  transform: rotate(10deg);
}
@media (min-width: 900px) {
  .finallandingmob-frame1041 {
    display: none;
  }
}

.desktop-line122 {
  display: none;
  width: 385px;
  padding: 16px;
  background: #FFFFFF;
  box-shadow: 0 0 30px rgba(111, 111, 111, 0.25);
  border-radius: 16px;
}
@media (min-width: 900px) {
  .desktop-line122 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    position: absolute;
    top: 60px;
    left: -55%;
    z-index: 10;
  }
}
@media (min-width: 1200px) {
  .desktop-line122 {
    top: 40%;
    left: -75%;
    width: 400px;
  }
}

.desktop-meats-wrapper {
  text-align: left;
}

.desktop-line122-meats {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.desktop-line122-meat {
  padding: 6px 10px;
  width: 70px;
  background: #F8F8F8;
  border: 1px solid #ABDD9C;
  border-radius: 24px;
  text-align: center;
}
.desktop-line122-meat.painted {
  background: #ABDD9C;
}

.desktop-line123 {
  display: none;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 4px;
  background: #FFFFFF;
  box-shadow: 0 0 30px rgba(111, 111, 111, 0.25);
  border-radius: 16px;
  position: absolute;
  z-index: 10;
}
@media (min-width: 900px) {
  .desktop-line123 {
    display: flex;
    bottom: 115px;
    right: -55%;
  }
}
@media (min-width: 1200px) {
  .desktop-line123 {
    right: -88%;
    font-size: 32px;
  }
}

.finallandingmob-frame1032 {
  gap: 8px;
  display: flex;
  padding: 4px;
  align-items: flex-start;
}

.finallandingmob-frame1031 {
  gap: 8px;
  width: 139.8154907227px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-text110 {
  color: var(--dl-color-main-black);
  height: auto;
  text-align: left;
  line-height: 129.9999952316%;
}

.finallandingmob-type {
  gap: 4px;
  width: 140.2365570068px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  flex-shrink: 0;
}

.finallandingmob-tag1 {
  gap: 4px;
  display: flex;
  padding: 4px 8px;
  align-items: center;
  border-color: rgb(233, 168, 107);
  border-style: solid;
  border-width: 1px;
  border-radius: 24px;
  justify-content: center;
  background-color: var(--dl-color-brown-0);
}

.finallandingmob-iconandtext1 {
  gap: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.finallandingmob-text111 {
  color: var(--dl-color-main-black);
  height: auto;
  text-align: left;
  line-height: 129.9999952316%;
}

.finallandingmob-tag2 {
  gap: 4px;
  width: 72px;
  display: flex;
  padding: 4px 8px;
  align-items: center;
  flex-shrink: 0;
  border-color: rgb(233, 168, 107);
  border-style: solid;
  border-width: 1px;
  border-radius: 24px;
  justify-content: center;
  background-color: var(--dl-color-brown-0);
}

.finallandingmob-iconandtext2 {
  gap: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.finallandingmob-text112 {
  color: var(--dl-color-main-black);
  height: auto;
  text-align: left;
  line-height: 129.9999952316%;
}

.finallandingmob-tag3 {
  gap: 4px;
  display: flex;
  padding: 4px 8px;
  align-items: center;
  border-radius: 24px;
  justify-content: center;
  background-color: var(--dl-color-brown-400);
}

.finallandingmob-iconandtext3 {
  gap: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.finallandingmob-text113 {
  color: var(--dl-color-main-black);
  height: auto;
  text-align: left;
  line-height: 129.9999952316%;
}

.finallandingmob-tag4 {
  gap: 4px;
  width: 72px;
  display: flex;
  padding: 4px 8px;
  align-items: center;
  flex-shrink: 0;
  border-color: rgb(233, 168, 107);
  border-style: solid;
  border-width: 1px;
  border-radius: 24px;
  justify-content: center;
  background-color: var(--dl-color-brown-0);
}

.finallandingmob-iconandtext4 {
  gap: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.finallandingmob-text114 {
  color: var(--dl-color-main-black);
  height: auto;
  text-align: left;
  line-height: 129.9999952316%;
}

.finallandingmob-tag5 {
  gap: 4px;
  width: 72px;
  display: flex;
  padding: 4px 8px;
  align-items: center;
  flex-shrink: 0;
  border-color: rgb(233, 168, 107);
  border-style: solid;
  border-width: 1px;
  border-radius: 24px;
  justify-content: center;
  background-color: var(--dl-color-brown-0);
}

.finallandingmob-iconandtext5 {
  gap: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.finallandingmob-text115 {
  color: var(--dl-color-main-black);
  height: auto;
  text-align: left;
  line-height: 129.9999952316%;
}

.finallandingmob-frame1039 {
  top: -135px;
  right: -8px;
  width: 78px;
  height: 48px;
  display: flex;
  position: absolute;
  box-shadow: 0 0 17.3493976593px 0 rgba(110, 110, 110, 0.25);
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 12px;
  background-color: var(--dl-color-main-white);
  transform: rotate(-20deg);
}
@media (min-width: 900px) {
  .finallandingmob-frame1039 {
    top: -90px;
    right: -40px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-frame1039 {
    top: 16px;
    right: 554px;
    width: 135px;
    height: 83px;
  }
}

.finallandingmob-group3 {
  top: 2.4636166096px;
  left: 13.4176139832px;
  width: 53.6363334656px;
  height: 31.9999980927px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}

.finallandingmob-frame10301 {
  top: 6px;
  left: -1.7564283282px;
  width: 36px;
  height: 24px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  transform: rotate(12deg);
}

.finallandingmob-union1 {
  top: -1.8677353859px;
  left: -3.6015105247px;
  width: 61px;
  height: 33px;
  position: absolute;
}
@media (min-width: 1200px) {
  .finallandingmob-union1 {
    top: -5.867735px;
    left: 0.398489px;
    width: 119px;
    height: 63px;
  }
}

.finallandingmob-frame9461 {
  top: 10px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  z-index: 1;
}
@media (min-width: 1200px) {
  .finallandingmob-frame9461 {
    top: 18px;
    left: 7px;
    gap: 2px;
  }
}

.finallandingmob-frame9443 {
  width: 25px;
  height: 25px;
  position: relative;
  transform: rotate(10deg);
}
@media (min-width: 1200px) {
  .finallandingmob-frame9443 {
    width: 44px;
    height: 44px;
  }
}

.finallandingmob-text116 {
  color: var(--dl-color-main-black);
  height: auto;
  text-align: left;
  line-height: 129.9999952316%;
}
@media (min-width: 900px) {
  .finallandingmob-text116 {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-text116 {
    font-size: 32px;
  }
}

/* Borsch drop */
.finallandingmob-borsch-container {
  position: relative;
  margin-bottom: 24px;
}
@media (min-width: 900px) {
  .finallandingmob-borsch-container {
    margin-bottom: 0;
  }
}

.finallandingmob-borschdrop-mobile {
  width: 199px;
  height: 322px;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media (min-width: 900px) {
  .finallandingmob-borschdrop-mobile {
    display: none;
  }
}

.frame1160-desktop {
  display: none;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 900px) {
  .frame1160-desktop {
    display: block;
    width: 235px;
  }
}
@media (min-width: 1200px) {
  .frame1160-desktop {
    width: 450px;
    height: auto;
  }
}

.finallandingmob-borschdrop {
  display: none;
  width: 199px;
  height: 322px;
  margin: 0 auto;
}
@media (min-width: 900px) {
  .finallandingmob-borschdrop {
    display: block;
    width: auto;
    height: 380px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-borschdrop {
    width: 450px;
    height: auto;
  }
}

.finallandingmob-frame1161 {
  /*top: 1170px;*/
  /*left: 17.1103515625px;*/
  width: 85px;
  height: 50px;
  display: flex;
  position: absolute;
  box-shadow: 0 0 30px 0 rgba(110, 110, 110, 0.25);
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 16px;
  background-color: rgb(255, 255, 255);
  left: 5%;
  top: 20%;
  z-index: 5;
  transform: rotate(-20deg);
}

.finallandingmob-frame1163 {
  /*top: 1220px;*/
  /*left: 280px;*/
  width: 87px;
  display: flex;
  padding: 13.8463907242px;
  overflow: hidden;
  position: absolute;
  box-shadow: 0 0 34.615978241px 0 rgba(110, 110, 110, 0.25);
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 20.7695865631px;
  /*align-items: center;*/
  /*gap: 6px;*/
  background-color: var(--dl-color-main-white);
  right: 5%;
  top: 30%;
  /*transform: translateY(-50%);*/
  z-index: 5;
  transform: rotate(20deg);
}

@media (min-width: 600px) {
  .finallandingmob-frame1161,
  .finallandingmob-frame1163 {
    display: none;
  }
}
.finallandingmob-text117 {
  color: rgba(26, 26, 26, 0.8700000048);
  height: auto;
  font-size: 20px;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 100%;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-soup {
  height: 27.6927814484px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.finallandingmob-lsiconsoupfilled1 {
  width: 27.6927814484px;
  height: 27.6927814484px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-group1 {
  top: -0.000768489px;
  left: 1.7342376709px;
  width: 24.2311840057px;
  height: 22.4996147156px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}

.finallandingmob-vector10 {
  top: 2px;
  left: 6.2530303001px;
  width: 15px;
  height: 12px;
  position: relative;
  transform: rotate(-12deg);
}

.finallandingmob-vector11 {
  top: 5px;
  right: 14px;
  width: 36px;
  height: 22px;
  position: relative;
  transform: rotate(-15deg);
}

/* Cards 100+, 1st, 800+ */
.finallandingmob-frame1147 {
  gap: 16px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
  max-width: 700px;
  justify-content: center;
  margin: 24px auto 50px;
  padding: 0 24px;
}
@media (min-width: 1200px) {
  .finallandingmob-frame1147 {
    gap: 40px;
    flex-direction: row;
    max-width: 1200px;
    margin: 20px auto 140px;
  }
}

.finallandingmob-frame1051 {
  /* Card 100+ */
  gap: 4px;
  display: flex;
  padding: 16px;
  overflow: hidden;
  align-self: stretch;
  box-shadow: 0 0 9.375px 0 rgba(111, 111, 111, 0.25);
  align-items: center;
  flex-shrink: 0;
  border-radius: 12px;
  justify-content: center;
  background-color: var(--dl-color-main-white);
}

.finallandingmob-frame10451 {
  gap: 8px;
  width: 295px;
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-frame10452 {
  gap: 8px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
}

.finallandingmob-frame10431 {
  gap: 8px;
  display: flex;
  align-items: center;
}

.finallandingmob-frame10421 {
  display: flex;
  align-items: center;
}

.finallandingmob-ellipse81,
.finallandingmob-ellipse71,
.finallandingmob-ellipse61 {
  width: 32px;
  height: 32px;
  border: 2px solid rgb(255, 255, 255);
  border-radius: 50%;
}

.finallandingmob-ellipse71 {
  margin-left: -14px; /* трохи накладається на перше */
}

.finallandingmob-ellipse61 {
  margin-left: -14px; /* трохи накладається на друге */
}

.finallandingmob-text118 {
  color: rgb(0, 0, 0);
  height: auto;
  flex-grow: 1;
  text-align: left;
  line-height: normal;
}

.finallandingmob-text119 {
  color: var(--dl-color-sec-greyd);
  height: auto;
  align-self: stretch;
  text-align: left;
  line-height: 150%;
}

.finallandingmob-frame1145 {
  /* Card 1st */
  gap: 4px;
  display: flex;
  padding: 16px;
  overflow: hidden;
  align-self: stretch;
  box-shadow: 0 0px 9.375px 0px rgba(111, 111, 111, 0.25);
  align-items: center;
  flex-shrink: 0;
  border-radius: 12px;
  justify-content: center;
  background-color: var(--dl-color-main-white);
}

.finallandingmob-frame10453 {
  gap: 8px;
  width: 295px;
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-frame1044 {
  gap: 8px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
}

.finallandingmob-touch1 {
  width: 32px;
  height: 32px;
}

.finallandingmob-text120 {
  color: rgb(0, 0, 0);
  height: auto;
  flex-grow: 1;
  text-align: left;
  line-height: normal;
}

.finallandingmob-text121 {
  color: var(--dl-color-sec-greyd);
  height: auto;
  align-self: stretch;
  text-align: left;
  line-height: 150%;
}

.finallandingmob-frame1146 {
  /* Card 800+ */
  gap: 4px;
  display: flex;
  padding: 16px;
  overflow: hidden;
  align-self: stretch;
  box-shadow: 0 0 9.375px 0 rgba(111, 111, 111, 0.25);
  align-items: center;
  flex-shrink: 0;
  border-radius: 12px;
  justify-content: center;
  background-color: var(--dl-color-main-white);
}

.finallandingmob-frame10454 {
  gap: 8px;
  width: 295px;
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-frame10455 {
  gap: 8px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
}

.finallandingmob-frame10432 {
  gap: 8px;
  display: flex;
  align-items: center;
}

.finallandingmob-frame10422 {
  display: flex;
  align-items: center;
}

.finallandingmob-ellipse82,
.finallandingmob-ellipse72,
.finallandingmob-ellipse62 {
  width: 32px;
  height: 32px;
  border: 2px solid rgb(255, 255, 255);
  border-radius: 50%;
}

.finallandingmob-ellipse72 {
  margin-left: -14px; /* трохи накладається на перше */
}

.finallandingmob-ellipse62 {
  margin-left: -14px; /* трохи накладається на друге */
}

.finallandingmob-text122 {
  color: rgb(0, 0, 0);
  height: auto;
  flex-grow: 1;
  text-align: left;
  line-height: normal;
}

.finallandingmob-text123 {
  color: var(--dl-color-sec-greyd);
  height: auto;
  align-self: stretch;
  text-align: left;
  line-height: 150%;
}

.finallandingmob-text124 {
  color: var(--dl-color-main-black);
  text-align: center;
  line-height: 120.0000047684%;
  margin-bottom: 32px;
}
@media (min-width: 900px) {
  .finallandingmob-text124 {
    text-align: left;
    margin-left: 60px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-text124 {
    margin-top: 140px;
    margin-bottom: 50px;
  }
}

.finallandingmob-frame1160-desktop {
  display: none;
}
@media (min-width: 900px) {
  .finallandingmob-frame1160-desktop {
    gap: 8px;
    width: 100%;
    display: flex;
    margin: 0 auto;
  }
}

.finallandingmob-frame1160 {
  /**/
  gap: 8px;
  /*top: 1470px;*/
  /*left: 27px;*/
  width: 320px;
  display: flex;
  /*position: absolute;*/
  /*align-items: flex-start;*/
  flex-direction: column;
  margin: 0 auto;
}
@media (min-width: 900px) {
  .finallandingmob-frame1160 {
    display: none;
  }
}

.finallandingmob-frame1157 {
  gap: 8px;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Критерії оцінювання*/
.finallandingmob-criteria-container {
  position: relative;
}
@media (min-width: 1200px) {
  .finallandingmob-criteria-container {
    margin-left: 60px;
    margin-right: 60px;
  }
}

.finallandingmob-frame1150 {
  width: 152px;
  display: flex;
  gap: 4px;
  padding: 8px;
  box-shadow: 0 0 9.375px 0 rgba(110, 110, 110, 0.25);
  align-items: center;
  flex-shrink: 0;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  background-color: rgb(255, 255, 255);
}
@media (min-width: 900px) {
  .finallandingmob-frame1150 {
    position: absolute;
    top: 10%;
    left: 40px;
  }
}

.finallandingmob-frame1151 {
  width: 151px;
  display: flex;
  padding: 8px;
  box-shadow: 0 0 9.375px 0 rgba(110, 110, 110, 0.25);
  align-items: center;
  flex-shrink: 0;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  background-color: rgb(255, 255, 255);
}
@media (min-width: 900px) {
  .finallandingmob-frame1151 {
    position: absolute;
    top: 27%;
    left: 20px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-frame1151 {
    top: 25%;
    left: 0;
  }
}

.finallandingmob-frame1152 {
  width: 152px;
  display: flex;
  padding: 8px;
  box-shadow: 0 0 9.375px 0 rgba(110, 110, 110, 0.25);
  align-items: center;
  flex-shrink: 0;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  background-color: rgb(255, 255, 255);
}
@media (min-width: 900px) {
  .finallandingmob-frame1152 {
    position: absolute;
    top: 43%;
    left: 10px;
  }
}

.finallandingmob-frame1153 {
  width: 152px;
  display: flex;
  padding: 8px;
  box-shadow: 0 0 9.375px 0 rgba(110, 110, 110, 0.25);
  align-items: center;
  flex-shrink: 0;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  background-color: rgb(255, 255, 255);
}
@media (min-width: 900px) {
  .finallandingmob-frame1153 {
    position: absolute;
    top: 10%;
    right: 40px;
  }
}

.finallandingmob-frame1154 {
  width: 152px;
  display: flex;
  padding: 8px;
  box-shadow: 0 0 9.375px 0 rgba(110, 110, 110, 0.25);
  align-items: center;
  flex-shrink: 0;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  background-color: rgb(255, 255, 255);
}
@media (min-width: 900px) {
  .finallandingmob-frame1154 {
    position: absolute;
    top: 43%;
    right: 10px;
  }
}

.finallandingmob-frame1155 {
  width: 152px;
  display: flex;
  padding: 8px;
  box-shadow: 0 0 9.375px 0 rgba(110, 110, 110, 0.25);
  align-items: center;
  flex-shrink: 0;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  background-color: rgb(255, 255, 255);
}
@media (min-width: 900px) {
  .finallandingmob-frame1155 {
    position: absolute;
    top: 27%;
    right: 20px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-frame1155 {
    top: 25%;
    right: 0;
  }
}

.finallandingmob-frame1156 {
  width: 312px;
  display: flex;
  padding: 8px;
  box-shadow: 0 0 9.375px 0 rgba(110, 110, 110, 0.25);
  align-items: center;
  flex-shrink: 0;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  background-color: rgb(255, 255, 255);
  margin: 0 auto;
}

@media (min-width: 900px) {
  .finallandingmob-frame1150,
  .finallandingmob-frame1151,
  .finallandingmob-frame1152,
  .finallandingmob-frame1153,
  .finallandingmob-frame1154,
  .finallandingmob-frame1155,
  .finallandingmob-frame1156 {
    box-shadow: none;
    background-color: transparent;
    width: 300px;
    flex-direction: row;
    gap: 20px;
    align-items: end;
    -webkit-align-items: flex-end;
  }
}
.finallandingmob-frame1150-desktop {
  position: absolute;
  top: 0;
  left: -100%;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
}
@media (min-width: 1200px) {
  .finallandingmob-frame1150-desktop {
    top: 10%;
    left: -50%;
  }
}

.finallandingmob-frame1151-desktop {
  position: absolute;
  top: 30%;
  left: -124%;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
}
@media (min-width: 1200px) {
  .finallandingmob-frame1151-desktop {
    top: 30%;
    left: -70%;
  }
}

.finallandingmob-frame1152-desktop {
  position: absolute;
  top: 60%;
  left: -131%;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
}
@media (min-width: 1200px) {
  .finallandingmob-frame1152-desktop {
    top: 51%;
    left: -76%;
  }
}

.finallandingmob-frame1153-desktop {
  position: absolute;
  top: 0;
  right: -100%;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
}
@media (min-width: 1200px) {
  .finallandingmob-frame1153-desktop {
    top: 10%;
    right: -65%;
  }
}

.finallandingmob-frame1155-desktop {
  position: absolute;
  top: 30%;
  right: -123%;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
}
@media (min-width: 1200px) {
  .finallandingmob-frame1155-desktop {
    top: 30%;
    right: -75%;
  }
}

.finallandingmob-frame1154-desktop {
  position: absolute;
  top: 60%;
  right: -111%;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
}
@media (min-width: 1200px) {
  .finallandingmob-frame1154-desktop {
    top: 51%;
    right: -64%;
  }
}

.finallandingmob-frame1156-desktop {
  display: flex;
  justify-content: center;
  gap: 15px;
  align-items: center;
  margin: 30px auto;
}

.finallandingmob-number {
  display: none;
}
@media (min-width: 900px) {
  .finallandingmob-number {
    display: inline;
  }
}

.finallandingmob-frame11491 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}

.finallandingmob-meat12 {
  width: 32px;
  height: 32px;
}
@media (min-width: 1200px) {
  .finallandingmob-meat12 {
    width: 60px;
    height: 60px;
  }
}

.finallandingmob-text125 {
  color: rgb(0, 0, 0);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}
@media (min-width: 900px) {
  .finallandingmob-text125 {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }
}

.finallandingmob-text126 {
  color: var(--dl-color-main-black);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}
@media (min-width: 900px) {
  .finallandingmob-text126 {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }
}

.finallandingmob-frame11492 {
  gap: 4px;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}

.finallandingmob-beetroot212 {
  width: 32px;
  height: 32px;
}
@media (min-width: 1200px) {
  .finallandingmob-beetroot212 {
    width: 60px;
    height: 60px;
  }
}

.finallandingmob-text127 {
  color: rgb(0, 0, 0);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}
@media (min-width: 900px) {
  .finallandingmob-text127 {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }
}

.finallandingmob-text128 {
  color: var(--dl-color-main-black);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}
@media (min-width: 900px) {
  .finallandingmob-text128 {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }
}

.finallandingmob-frame1158 {
  gap: 8px;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.finallandingmob-frame11493 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}

.finallandingmob-salt1 {
  width: 32px;
  height: 32px;
}
@media (min-width: 1200px) {
  .finallandingmob-salt1 {
    width: 60px;
    height: 60px;
  }
}

.finallandingmob-text129 {
  color: rgb(0, 0, 0);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}
@media (min-width: 900px) {
  .finallandingmob-text129 {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }
}

.finallandingmob-text130 {
  color: var(--dl-color-main-black);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}
@media (min-width: 900px) {
  .finallandingmob-text130 {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }
}

.finallandingmob-frame11494 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}

.finallandingmob-vegetable11 {
  width: 32px;
  height: 32px;
}
@media (min-width: 1200px) {
  .finallandingmob-vegetable11 {
    width: 60px;
    height: 60px;
  }
}

.finallandingmob-text131 {
  color: rgb(0, 0, 0);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}
@media (min-width: 900px) {
  .finallandingmob-text131 {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }
}

.finallandingmob-text132 {
  color: var(--dl-color-main-black);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}
@media (min-width: 900px) {
  .finallandingmob-text132 {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }
}

.finallandingmob-frame1159 {
  gap: 8px;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.finallandingmob-frame11495 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}

.finallandingmob-tongue1 {
  width: 32px;
  height: 32px;
}
@media (min-width: 1200px) {
  .finallandingmob-tongue1 {
    width: 60px;
    height: 60px;
  }
}

.finallandingmob-text133 {
  color: rgb(0, 0, 0);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}
@media (min-width: 900px) {
  .finallandingmob-text133 {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }
}

.finallandingmob-text134 {
  color: var(--dl-color-main-black);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}
@media (min-width: 900px) {
  .finallandingmob-text134 {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }
}

.finallandingmob-frame11496 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}

.finallandingmob-vegetable12 {
  width: 32px;
  height: 32px;
}
@media (min-width: 1200px) {
  .finallandingmob-vegetable12 {
    width: 60px;
    height: 60px;
  }
}

.finallandingmob-text135 {
  color: rgb(0, 0, 0);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}
@media (min-width: 900px) {
  .finallandingmob-text135 {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }
}

.finallandingmob-text136 {
  color: var(--dl-color-main-black);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}
@media (min-width: 900px) {
  .finallandingmob-text136 {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }
}

.finallandingmob-frame11497 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}

.finallandingmob-spoon1 {
  width: 32px;
  height: 32px;
}
@media (min-width: 1200px) {
  .finallandingmob-spoon1 {
    width: 60px;
    height: 60px;
  }
}

.finallandingmob-text137 {
  color: rgb(0, 0, 0);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}
@media (min-width: 900px) {
  .finallandingmob-text137 {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }
}

.finallandingmob-text138 {
  color: var(--dl-color-main-black);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}
@media (min-width: 900px) {
  .finallandingmob-text138 {
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
  }
}

.finallandingmob-frame10302 {
  top: 8px;
  position: relative;
  left: 5px;
  width: 75px;
  height: 55px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  transform: rotate(20deg);
}

.finallandingmob-union2 {
  top: -6px;
  left: -8px;
  width: 86px;
  height: 48px;
  position: absolute;
}

.finallandingmob-frame9462 {
  gap: 4px;
  top: 9.9998998642px;
  left: 9.9996767044px;
  width: 64px;
  display: flex;
  position: absolute;
  align-items: center;
}

.finallandingmob-frame9444 {
  width: 32px;
  height: 32px;
  position: relative;
}

.finallandingmob-text139 {
  color: rgb(0, 0, 0);
  height: auto;
  font-size: 20px;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: 100%;
  font-stretch: normal;
  text-decoration: none;
  position: relative;
  left: -5px;
}

.finallandingmob-mobile2 {
  width: 200px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  background: var(--dl-color-main-red);
  border-radius: 45px;
  border: 1px solid #A5A5A5;
  padding: 0 16px;
  box-sizing: border-box;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  font-weight: 400;
  cursor: pointer;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 900px) {
  .finallandingmob-mobile2 {
    margin-top: 48px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-mobile2 {
    width: 271px;
    height: 59px;
    justify-content: center;
    text-align: center;
  }
}

.finallandingmob-text140 {
  color: var(--dl-color-main-white);
  font-size: 18px;
  font-weight: 700;
  z-index: 2;
  white-space: nowrap;
  line-height: normal;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1200px) {
  .finallandingmob-text140 {
    font-size: 24px;
  }
}

.finallandingmob-spoon-for-button2 {
  position: absolute;
  right: 16px;
  width: 53px;
  height: 33px;
  opacity: 0;
  transform: translateX(30px); /* вправо у спокійному стані */
  transition: opacity 0.3s, transform 0.3s;
  z-index: 1;
}

/* hover ефект */
.finallandingmob-mobile2:hover .finallandingmob-text140 {
  transform: translateX(-30px); /* текст плавно їде вліво */
}

.finallandingmob-mobile2:hover .finallandingmob-spoon-for-button2 {
  opacity: 1;
  transform: translateX(0); /* ложка з’являється */
}

.finallandingmob-mobile2:hover {
  width: 250px; /* кнопка стає ширшою */
}
@media (min-width: 1200px) {
  .finallandingmob-mobile2:hover {
    width: 320px;
  }
}

.finallandingmob-frame10032 {
  gap: 8px;
  height: 31px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.finallandingmob-frame7612 {
  gap: 4px;
  display: flex;
  align-items: center;
}

.finallandingmob-text141 {
  color: var(--dl-color-main-black);
  text-align: center;
  line-height: 120.0000047684%;
  margin: 64px auto 32px;
}
@media (min-width: 900px) {
  .finallandingmob-text141 {
    text-align: left;
    margin-left: 60px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-text141 {
    margin-top: 140px;
    margin-bottom: 50px;
  }
}

.finallandingmob-group1000004179 {
  top: 2200px;
  left: 66px;
  width: 245px;
  height: 430px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}

.finallandingmob-group1000004162 {
  top: 0px;
  left: 0px;
  width: 245px;
  height: 430px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}

.finallandingmob-feature3 {
  top: 0px;
  left: 0px;
  width: 245px;
  height: 430px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-shadow {
  top: 25.517578125px;
  left: 30.236328125px;
  width: 181px;
  height: 373.222076416px;
  display: flex;
  overflow: hidden;
  position: absolute;
  box-shadow: 5.1918501854px 4.1342530251px 3.9820897579px -0.3577680886px rgba(0, 0, 0, 0.150000006);
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 30.911157608px;
  background-color: rgba(255, 255, 255, 0.0020000001);
}

.finallandingmob-i-phone {
  top: 10.8984375px;
  left: 15.548828125px;
  width: 212.3688812256px;
  height: 406.5452575684px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-container2 {
  top: 0;
  left: -0.0009765625px;
  width: 212px;
  height: 406.7467041016px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-lbiq-dzjc-cbl1bfu-via-hk-ls-qkw-epng {
  width: 212.3688812256px;
  height: 406.7467041016px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
  background-size: cover;
  background-image: url("public/tq_wrtxuzenro-k7a5i-1500w.png");
}

.finallandingmob-frame1090 {
  top: 22.296875px;
  left: 23.947265625px;
  width: 165px;
  height: 358.340423584px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-flow31 {
  top: 0px;
  left: 0px;
  width: 165px;
  height: 359px;
  position: absolute;
  border-radius: 11.4485788345px;
}

.finallandingmob-flow2 {
  top: 0px;
  left: 0px;
  width: 165px;
  height: 359px;
  position: absolute;
  border-radius: 11.4485788345px;
}

.finallandingmob-flow11 {
  top: 0px;
  left: 0px;
  width: 165px;
  height: 359px;
  position: absolute;
  border-radius: 11.4485788345px;
}

.finallandingmob-card {
  top: 2544.2692871094px;
  left: 226px;
  width: 104px;
  height: 134px;
  display: flex;
  padding: 4px;
  position: absolute;
  box-shadow: 0px 1.8817433119px 11.2904596329px 0px rgba(166, 166, 166, 0.25);
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 6.586101532px;
  flex-direction: column;
  background-color: var(--dl-color-main-white);
}

.finallandingmob-png {
  width: 96.0000152588px;
  height: 60.2157859802px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 3.293050766px;
  background-size: cover;
  background-image: url("public/tq_1x9sq0ocvo-kral-1500h.png");
}

.finallandingmob-ckrol {
  gap: 2.8226149082px;
  top: 54.5711784363px;
  left: 41.3386955261px;
  width: 14px;
  display: flex;
  position: absolute;
  align-items: center;
}

.finallandingmob-ellipse2535 {
  width: 3px;
  height: 3px;
}

.finallandingmob-ellipse2536 {
  width: 3px;
  height: 3px;
}

.finallandingmob-ellipse2537 {
  width: 3px;
  height: 3px;
}

.finallandingmob-icons1 {
  gap: 3.7634866238px;
  top: 4.7055616379px;
  left: 66.3308258057px;
  width: 27px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: flex-end;
}

.finallandingmob-icons2 {
  width: 11px;
  height: 11px;
  box-shadow: 0px 1.8817433119px 11.2904596329px 0px rgba(166, 166, 166, 0.25);
}

.finallandingmob-icons3 {
  width: 12px;
  height: 11px;
  box-shadow: 0px 1.8817433119px 11.2904596329px 0px rgba(166, 166, 166, 0.25);
}

.finallandingmob-frame894 {
  gap: 4px;
  display: flex;
  padding: 4px;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
  background-color: var(--dl-color-main-white);
}

.finallandingmob-content {
  gap: 3.7634866238px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-text142 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 6.586101532px;
  align-self: stretch;
  font-style: Medium;
  text-align: left;
  font-family: Roboto;
  font-weight: 500;
  line-height: 139.9999976158%;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-costand {
  gap: 71.0358123779px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: space-between;
}

.finallandingmob-cost {
  gap: 1.8817433119px;
  display: flex;
  align-items: center;
}

.finallandingmob-text143 {
  color: var(--dl-color-grey-900);
  height: auto;
  text-align: left;
  line-height: 129.9999952316%;
}

.finallandingmob-text144 {
  color: var(--dl-color-grey-900);
  height: auto;
  text-align: left;
  line-height: 129.9999952316%;
}

.finallandingmob-ratescost {
  gap: 15.5243825912px;
  display: flex;
  align-self: stretch;
  align-items: center;
}

.finallandingmob-rate2 {
  gap: 2.8226149082px;
  height: 9.4087162018px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.finallandingmob-lsiconsoupfilled2 {
  width: 6.586101532px;
  height: 6.586101532px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-group2 {
  top: 0.4121712446px;
  left: 0.4122931063px;
  width: 5.7628388405px;
  height: 5.3512587547px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}

.finallandingmob-vector12 {
  top: -0.0001689065px;
  left: 1.4878377914px;
  width: 3px;
  height: 2px;
  position: absolute;
}

.finallandingmob-vector13 {
  top: 2.057312727px;
  left: 0.0000535795px;
  width: 6px;
  height: 3px;
  position: absolute;
}

.finallandingmob-lsiconsoupfilled3 {
  width: 6.586101532px;
  height: 6.586101532px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-group4 {
  top: 0.4127936661px;
  left: 0.410741061px;
  width: 5.7628388405px;
  height: 5.3512587547px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}

.finallandingmob-vector14 {
  top: 0.0004534962px;
  left: 1.4882148504px;
  width: 3px;
  height: 2px;
  position: absolute;
}

.finallandingmob-vector15 {
  top: 2.0579349995px;
  left: 0.0004306028px;
  width: 6px;
  height: 3px;
  position: absolute;
}

.finallandingmob-lsiconsoupfilled4 {
  width: 6.586101532px;
  height: 6.586101532px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-group5 {
  top: 0.41140607px;
  left: 0.4115239084px;
  width: 5.7628388405px;
  height: 5.3493504524px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}

.finallandingmob-vector16 {
  top: -0.0006285444px;
  left: 1.487775445px;
  width: 3px;
  height: 2px;
  position: absolute;
}

.finallandingmob-vector17 {
  top: 2.056853056px;
  left: -0.0000086955px;
  width: 6px;
  height: 3px;
  position: absolute;
}

.finallandingmob-lsiconsoupfilled5 {
  width: 6.586101532px;
  height: 6.586101532px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-group6 {
  top: 0.4122531116px;
  left: 0.4107790589px;
  width: 5.7628388405px;
  height: 5.3512587547px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}

.finallandingmob-vector18 {
  top: -0.0000870422px;
  left: 1.488252759px;
  width: 3px;
  height: 2px;
  position: absolute;
}

.finallandingmob-vector19 {
  top: 2.0573945045px;
  left: 0.0004686144px;
  width: 6px;
  height: 3px;
  position: absolute;
}

.finallandingmob-lsiconsoupfilled6 {
  width: 6.586101532px;
  height: 6.586101532px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-group7 {
  top: 0.4117730558px;
  left: 0.4111126363px;
  width: 5.7628388405px;
  height: 5.3493504524px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}

.finallandingmob-vector20 {
  top: -0.000261575px;
  left: 1.487975359px;
  width: 3px;
  height: 2px;
  position: absolute;
}

.finallandingmob-vector21 {
  top: 2.0572199821px;
  left: 0.000191117px;
  width: 6px;
  height: 3px;
  position: absolute;
}

.finallandingmob-lsiconsoupfilled7 {
  width: 6.586101532px;
  height: 6.586101532px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-group8 {
  top: 0.4124673307px;
  left: 0.4106733501px;
  width: 5.7628388405px;
  height: 5.3512587547px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}

.finallandingmob-vector22 {
  top: 0.0004326953px;
  left: 1.4881471395px;
  width: 3px;
  height: 2px;
  position: absolute;
}

.finallandingmob-vector23 {
  top: 2.057914257px;
  left: 0.0003628908px;
  width: 6px;
  height: 3px;
  position: absolute;
}

.finallandingmob-lsiconsoupfilled8 {
  width: 6.586101532px;
  height: 6.586101532px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-group9 {
  top: 0.4112325013px;
  left: 0.4114561975px;
  width: 5.7628388405px;
  height: 5.3493504524px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}

.finallandingmob-vector24 {
  top: -0.0008021133px;
  left: 1.4877077341px;
  width: 3px;
  height: 2px;
  position: absolute;
}

.finallandingmob-vector25 {
  top: 2.0566794872px;
  left: -0.0000764075px;
  width: 6px;
  height: 3px;
  position: absolute;
}

.finallandingmob-lsiconsoupoutline1 {
  width: 7px;
  height: 7px;
}

.finallandingmob-lsiconsoupoutline2 {
  width: 7px;
  height: 7px;
}

.finallandingmob-lsiconsoupoutline3 {
  width: 7px;
  height: 7px;
}

.finallandingmob-frame982 {
  gap: 7.5269732475px;
  width: 92.6758575439px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: space-between;
}

.finallandingmob-iconandtext6 {
  gap: 1.8817433119px;
  display: flex;
  align-items: center;
}

.finallandingmob-image1 {
  width: 9px;
  height: 9px;
  border-radius: 47.0435829163px;
}

.finallandingmob-text145 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 5.6452298164px;
  font-style: Medium;
  text-align: left;
  font-family: Roboto;
  font-weight: 500;
  line-height: 129.9999952316%;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-icons4 {
  width: 11.2904596329px;
  height: 11.2904596329px;
  display: flex;
  position: relative;
  box-shadow: 0px 1.8817433119px 11.2904596329px 0px rgba(166, 166, 166, 0.25);
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 2.8226149082px;
  background-color: var(--dl-color-main-white);
}

.finallandingmob-mingcutemore2line {
  top: 0.0006330454px;
  left: -0.000514772px;
  width: 11px;
  height: 11px;
  position: absolute;
}

.finallandingmob-buttonandprogress {
  gap: 82px;
  top: 2783px;
  left: 146px;
  width: 80px;
  display: flex;
  position: absolute;
  align-items: flex-end;
}

.finallandingmob-progressbar {
  gap: 8px;
  height: 8px;
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
}

.finallandingmob-slider1 {
  width: 32px;
  height: 0px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-line11 {
  top: 0px;
  left: 0px;
  width: 32px;
  height: 1px;
  position: absolute;
}

.finallandingmob-slider2 {
  width: 16px;
  height: 0px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-line12 {
  top: 0px;
  left: 0px;
  width: 16px;
  height: 1px;
  position: absolute;
}

.finallandingmob-slider3 {
  width: 16px;
  height: 0px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-line13 {
  top: 0px;
  left: 0px;
  width: 16px;
  height: 1px;
  position: absolute;
}

.finallandingmob-text146 {
  top: 2723px;
  left: 94px;
  color: var(--dl-color-main-black);
  width: 187px;
  height: auto;
  position: absolute;
  text-align: center;
  line-height: 150%;
}

.finallandingmob-frame1114 {
  gap: 6px;
  top: 2259px;
  left: 129px;
  width: 117px;
  display: flex;
  position: absolute;
  align-items: flex-start;
}

.finallandingmob-svg1 {
  width: 11px;
  height: 30px;
  box-sizing: content-box;
}

.finallandingmob-text147 {
  color: var(--dl-color-main-black);
  height: auto;
  text-align: left;
  line-height: 100%;
}

.finallandingmob-text148 {
  /*top: 2750px;*/
  /*left: 16px;*/
  color: rgb(26, 26, 26);
  /*width: 343px;*/
  /*height: auto;*/
  /*position: absolute;*/
  font-size: 28px;
  font-style: Medium;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-text149 {
  font-weight: 500;
}

.finallandingmob-text150 {
  color: var(--dl-color-main-black);
}

.finallandingmob-frame1104 {
  gap: 16px;
  /*top: 3140px;*/
  /*left: 150px;*/
  width: 74px;
  display: flex;
  /*position: absolute;*/
  align-items: center;
  flex-shrink: 0;
  margin: 0 auto;
}
@media (min-width: 900px) {
  .finallandingmob-frame1104 {
    display: none;
  }
}

.finallandingmob-arrowleft {
  width: 24px;
  height: 24px;
}

.finallandingmob-arrowright {
  width: 24px;
  height: 24px;
}

.finallandingmob-frame1166 {
  /*top: 2850px;*/
  /*left: 14px;*/
  height: 278px;
  display: flex;
  overflow: hidden;
  /*position: absolute;*/
  align-items: flex-start;
  flex-shrink: 0;
  margin: 0 0 16px 16px;
}
@media (min-width: 900px) {
  .finallandingmob-frame1166 {
    display: none;
  }
}

.finallandingmob-frame1105 {
  /*top: 0px;*/
  /*left: 0px;*/
  height: 278px;
  display: flex;
  /*position: absolute;*/
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: center;
}

.finallandingmob-frame1103 {
  gap: 24px;
  display: flex;
  flex-grow: 1;
  flex-wrap: nowrap;
  align-items: center;
}

.finallandingmob-instaimg {
  width: 100%; /* картинка займає всю ширину контейнера */
  height: auto; /* висота підлаштовується під пропорції */
  object-fit: contain; /* зберігає пропорції, не обрізає */
  object-position: center; /* центрує картинку */
  display: block; /* прибирає зайві пробіли під img */
  align-items: center; /* всі фото на одній горизонталі */
}

.finallandingmob-photo-insta1 {
  gap: 8px;
  width: 253px;
  display: flex;
  overflow: hidden;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgb(217, 217, 217);
  border-style: solid;
  border-width: 0.3953124881px;
  flex-direction: column;
  background-color: var(--dl-color-main-white);
}
@media (min-width: 900px) {
  .finallandingmob-photo-insta1 {
    width: 100%;
    max-width: 320px;
  }
}

.finallandingmob-top-profile1 {
  gap: 146.2656097412px;
  display: flex;
  padding: 0 6.3249998093px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
}

.finallandingmob-profiluser1 {
  gap: 5.5343747139px;
  display: flex;
  overflow: hidden;
  align-items: center;
}

.finallandingmob-logo3 {
  width: 28px;
  height: 28px;
}

.finallandingmob-frame31 {
  gap: 3.1624999046px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-text152 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 9.4875001907px;
  font-style: Medium;
  text-align: left;
  font-family: Roboto;
  font-weight: 500;
  line-height: 9.4875001907px;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-text153 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 7.9062495232px;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: 8.6968736649px;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-threedots {
  width: 10px;
  height: 2px;
}

.finallandingmob-img1 {
  height: 132.0343780518px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-image-feed1 {
  width: 253px;
  height: 132.0343780518px;
  display: flex;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
  background-size: cover;
  background-image: url("public/tq_ye2ppdisnp-rmjy-1500h.png");
}

.finallandingmob-bottom-infos1 {
  gap: 4.7437500954px;
  display: flex;
  padding: 6.3249998093px 6.3249998093px 0;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-icons5 {
  gap: 135.1968688965px;
  display: flex;
  padding: 0 0 3.1624999046px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
}

.finallandingmob-icon-container1 {
  width: 18.9750003815px;
  height: 18.9750003815px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-left-picto1 {
  gap: 9.4875001907px;
  top: 0px;
  left: 0px;
  width: 76px;
  display: flex;
  position: absolute;
  align-items: flex-start;
}

.finallandingmob-heart1 {
  width: 19px;
  height: 19px;
}

.finallandingmob-comment1 {
  width: 19px;
  height: 19px;
}

.finallandingmob-share1 {
  width: 18.9750003815px;
  height: 18.9750003815px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-union3 {
  top: 2.66796875px;
  left: 1.3955078125px;
  width: 16px;
  height: 14px;
  position: absolute;
}

.finallandingmob-bulletpoint1 {
  gap: 3.1624999046px;
  display: flex;
  align-items: flex-start;
}

.finallandingmob-ellipse671 {
  width: 5px;
  height: 5px;
}

.finallandingmob-ellipse661 {
  width: 5px;
  height: 5px;
}

.finallandingmob-ellipse681 {
  width: 5px;
  height: 5px;
}

.finallandingmob-ellipse691 {
  width: 5px;
  height: 5px;
}

.finallandingmob-bookmark {
  width: 19px;
  height: 19px;
}

.finallandingmob-text154 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 10px;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-comments1 {
  gap: 4.7437500954px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-text155 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 10px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-text156 {
  font-weight: 400;
}

.finallandingmob-text157 {
  font-weight: 600;
}

.finallandingmob-text158 {
  color: rgb(26, 26, 26);
  font-weight: 400;
  text-decoration: NONE;
}

.finallandingmob-photo-insta2 {
  gap: 8px;
  width: 253px;
  display: flex;
  padding: 8px 0;
  overflow: hidden;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgb(217, 217, 217);
  border-style: solid;
  border-width: 0.3953125179px;
  flex-direction: column;
  background-color: var(--dl-color-main-white);
}

.finallandingmob-top-profile2 {
  gap: 146.265625px;
  display: flex;
  padding: 0 6.3250002861px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
}

.finallandingmob-profiluser2 {
  gap: 5.5343751907px;
  display: flex;
  overflow: hidden;
  align-items: center;
}

.finallandingmob-logo4 {
  width: 28px;
  height: 28px;
}

.finallandingmob-frame32 {
  gap: 3.1625001431px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-text160 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 9.4875001907px;
  font-style: Medium;
  text-align: left;
  font-family: Roboto;
  font-weight: 500;
  line-height: 9.4875001907px;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-text161 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 7.9062504768px;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: 8.6968755722px;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-img2 {
  height: 132.0343780518px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-image-feed2 {
  width: 253px;
  height: 132.0343780518px;
  display: flex;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
  background-size: cover;
  background-image: url("public/tq_s6jfqktg3p-onbs-1500h.png");
}

.finallandingmob-bottom-infos2 {
  gap: 4.7437500954px;
  display: flex;
  padding: 6.3250002861px 6.3250002861px 0;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-icons6 {
  gap: 135.1968841553px;
  display: flex;
  padding: 0 0 3.1625001431px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
}

.finallandingmob-icon-container2 {
  width: 18.9750003815px;
  height: 18.9750003815px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-left-picto2 {
  gap: 9.4875001907px;
  top: 0px;
  left: 0px;
  width: 76px;
  display: flex;
  position: absolute;
  align-items: flex-start;
}

.finallandingmob-heart2 {
  width: 19px;
  height: 19px;
}

.finallandingmob-comment2 {
  width: 19px;
  height: 19px;
}

.finallandingmob-share2 {
  width: 18.9750003815px;
  height: 18.9750003815px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-union4 {
  top: 2.66796875px;
  left: 1.3955078125px;
  width: 16px;
  height: 14px;
  position: absolute;
}

.finallandingmob-bulletpoint2 {
  gap: 3.1625001431px;
  display: flex;
  align-items: flex-start;
}

.finallandingmob-ellipse672 {
  width: 5px;
  height: 5px;
}

.finallandingmob-ellipse662 {
  width: 5px;
  height: 5px;
}

.finallandingmob-ellipse682 {
  width: 5px;
  height: 5px;
}

.finallandingmob-ellipse692 {
  width: 5px;
  height: 5px;
}

.finallandingmob-text162 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 9.4875001907px;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-comments2 {
  gap: 4.7437500954px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-text163 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 9.4875001907px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-text164 {
  color: rgb(26, 26, 26);
  text-decoration: NONE;
}

.finallandingmob-text165 {
  text-decoration: UNDERLINE;
}

.finallandingmob-text166 {
  text-decoration: NONE;
}

.finallandingmob-text167 {
  text-decoration: UNDERLINE;
}

.finallandingmob-photo-insta3 {
  gap: 8px;
  width: 253px;
  display: flex;
  padding: 8px 0;
  overflow: hidden;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgb(217, 217, 217);
  border-style: solid;
  border-width: 0.3953125179px;
  flex-direction: column;
  background-color: var(--dl-color-main-white);
}

.finallandingmob-top-profile3 {
  gap: 146.265625px;
  display: flex;
  padding: 0 6.3250002861px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
}

.finallandingmob-profiluser3 {
  gap: 5.5343751907px;
  display: flex;
  overflow: hidden;
  align-items: center;
}

.finallandingmob-frame33 {
  gap: 3.1625001431px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-text168 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 9.4875001907px;
  font-style: Medium;
  text-align: left;
  font-family: Roboto;
  font-weight: 500;
  line-height: 9.4875001907px;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-text169 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 7.9062504768px;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: 8.6968755722px;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-img3 {
  height: 132.0343780518px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-image-feed3 {
  width: 253px;
  height: 132.0343780518px;
  display: flex;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
  background-size: cover;
  background-image: url("public/tq_2906_4yiqx-aaf-1500h.png");
}

.finallandingmob-bottom-infos3 {
  gap: 4.7437500954px;
  display: flex;
  padding: 6.3250002861px 6.3250002861px 0;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-icons7 {
  gap: 135.1968841553px;
  display: flex;
  padding: 0 0 3.1625001431px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
}

.finallandingmob-icon-container3 {
  width: 18.9750003815px;
  height: 18.9750003815px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-left-picto3 {
  gap: 9.4875001907px;
  top: 0px;
  left: 0px;
  width: 76px;
  display: flex;
  position: absolute;
  align-items: flex-start;
}

.finallandingmob-share3 {
  width: 18.9750003815px;
  height: 18.9750003815px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-bulletpoint3 {
  gap: 3.1625001431px;
  display: flex;
  align-items: flex-start;
}

.finallandingmob-ellipse673 {
  width: 5px;
  height: 5px;
}

.finallandingmob-ellipse663 {
  width: 5px;
  height: 5px;
}

.finallandingmob-ellipse683 {
  width: 5px;
  height: 5px;
}

.finallandingmob-ellipse693 {
  width: 5px;
  height: 5px;
}

.finallandingmob-text170 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 9.4875001907px;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-comments3 {
  gap: 4.7437500954px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-text171 {
  color: rgb(26, 26, 26);
  height: auto;
  font-size: 9.4875001907px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-text172 {
  color: var(--dl-color-main-black);
  font-weight: 400;
}

.finallandingmob-photo-insta4 {
  gap: 8px;
  width: 253px;
  display: flex;
  padding: 8px 0;
  overflow: hidden;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgb(217, 217, 217);
  border-style: solid;
  border-width: 0.3953125179px;
  flex-direction: column;
  background-color: var(--dl-color-main-white);
}

.finallandingmob-top-profile4 {
  gap: 146.265625px;
  display: flex;
  padding: 0 6.3250002861px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
}

.finallandingmob-profiluser4 {
  gap: 5.5343751907px;
  display: flex;
  overflow: hidden;
  align-items: center;
}

.finallandingmob-frame34 {
  gap: 3.1625001431px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-text174 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 9.4875001907px;
  font-style: Medium;
  text-align: left;
  font-family: Roboto;
  font-weight: 500;
  line-height: 9.4875001907px;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-text175 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 7.9062504768px;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: 8.6968755722px;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-img4 {
  height: 132.0343780518px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-image-feed4 {
  width: 253px;
  height: 132.0343780518px;
  display: flex;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
  background-size: cover;
  background-image: url("public/tq_z4ayq7ncmy-6spo-1500h.png");
}

.finallandingmob-bottom-infos4 {
  gap: 4.7437500954px;
  display: flex;
  padding: 6.3250002861px 6.3250002861px 0;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-icons8 {
  gap: 135.1968841553px;
  display: flex;
  padding: 0 0 3.1625001431px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
}

.finallandingmob-icon-container4 {
  width: 18.9750003815px;
  height: 18.9750003815px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-left-picto4 {
  gap: 9.4875001907px;
  top: 0px;
  left: 0px;
  width: 76px;
  display: flex;
  position: absolute;
  align-items: flex-start;
}

.finallandingmob-share4 {
  width: 18.9750003815px;
  height: 18.9750003815px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-bulletpoint4 {
  gap: 3.1625001431px;
  display: flex;
  align-items: flex-start;
}

.finallandingmob-ellipse674 {
  width: 5px;
  height: 5px;
}

.finallandingmob-ellipse664 {
  width: 5px;
  height: 5px;
}

.finallandingmob-ellipse684 {
  width: 5px;
  height: 5px;
}

.finallandingmob-ellipse694 {
  width: 5px;
  height: 5px;
}

.finallandingmob-text176 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 9.4875001907px;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-comments4 {
  gap: 4.7437500954px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-text177 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 9.4875001907px;
  align-self: stretch;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-frame1107 {
  gap: 16px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin: 29px 16px 34px;
}
@media (min-width: 900px) {
  .finallandingmob-frame1107 {
    min-width: 280px;
    max-width: 330px;
    margin-left: 40px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-frame1107 {
    position: relative;
    width: 39%;
    max-width: none;
  }
}

.finallandingmob-text178 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 16px;
  align-self: stretch;
  font-style: Medium;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-text179 {
  font-weight: 700;
}

.finallandingmob-text178 span:not(.finallandingmob-text179) {
  display: block;
  margin-bottom: 10px;
}

.finallandingmob-frame1165 {
  max-width: 280px;
  justify-content: center;
  display: flex;
  overflow: hidden;
  align-items: flex-end;
  flex-shrink: 0;
  margin: 0 auto;
}
@media (min-width: 900px) {
  .finallandingmob-frame1165 {
    display: none;
  }
}

.finallandingmob-desktop-spoon {
  display: none;
}
@media (min-width: 900px) {
  .finallandingmob-desktop-spoon {
    display: block;
    margin: 0 auto;
  }
}

.finallandingmob-borschscoop {
  width: 80px;
  /*height: 240px;*/
}
@media (min-width: 900px) {
  .finallandingmob-borschscoop {
    width: 119px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-borschscoop {
    position: absolute;
    width: 128px;
    top: -250px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.finallandingmob-frame1109 {
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  margin-bottom: 20px;
  color: var(--dl-color-main-black);
}
@media (min-width: 900px) {
  .finallandingmob-frame1109 {
    display: none;
  }
}

.desktop-frame1109 {
  display: none;
}
@media (min-width: 900px) {
  .desktop-frame1109 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    color: var(--dl-color-main-black);
  }
  .desktop-frame1109:hover {
    color: var(--dl-color-red-500);
  }
}

.finallandingmob-instagram1 {
  width: 32px;
  height: 32px;
}

.finallandingmob-text187 {
  height: auto;
  font-size: 18px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  text-align: left;
  line-height: normal;
  text-decoration: none;
}

.finallandingmob-left1 {
  top: 3952px;
  left: 0;
  width: 24px;
  height: 142px;
  position: absolute;
}

.finallandingmob-frame1164 {
  gap: 12px;
  display: flex;
  overflow: hidden;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
  margin-top: 64px;
}

.finallandingmob-text188 {
  color: rgb(26, 26, 26);
  height: auto;
  font-size: 28px;
  align-self: stretch;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .finallandingmob-text188 {
    margin-top: 140px;
    margin-bottom: 50px;
  }
}

.desktop-text189 {
  display: none;
}
@media (min-width: 900px) {
  .desktop-text189 {
    display: inline;
  }
}

.finallandingmob-text189 {
  font-weight: 500;
}

.finallandingmob-text190 {
  color: var(--dl-color-main-black);
  font-weight: 300;
}

.desktop-text190 {
  color: var(--dl-color-main-red);
}
@media (min-width: 900px) {
  .desktop-text190 {
    font-family: "Mak", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 48px;
    line-height: 58px;
    color: var(--dl-color-main-black);
    text-align: left;
  }
}

.team-slider {
  width: 100%;
  padding: 20px 0;
}

.team-member {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}

.team-member img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
}
@media (min-width: 900px) {
  .team-member img {
    width: 180px;
    height: 180px;
  }
}

.team-member .name {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  text-align: center;
}

.team-member .role {
  font-size: 12px;
  font-weight: 400;
  color: #666;
  text-align: center;
}

.finallandingmob-frame1140 {
  width: 100%;
  height: 650px;
  display: flex;
  overflow: hidden;
  align-items: flex-start;
  flex-shrink: 0;
  background-color: rgb(247, 243, 237);
}

.finallandingmob-frame1102 {
  gap: 12px;
  /*top: 170px;*/
  left: 6px;
  width: 359px;
  display: flex;
  position: relative;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-frame1097 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}

.finallandingmob-text200 {
  color: rgb(26, 26, 26);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 100%;
}

.finallandingmob-text201 {
  color: rgb(26, 26, 26);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 150%;
}

.finallandingmob-frame1101 {
  gap: 16px;
  /*width: 343px;*/
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1200px) {
  .finallandingmob-frame1101 {
    gap: 40px;
    margin-top: 30px;
  }
}

.finallandingmob-frame1100 {
  gap: 16px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}

.finallandingmob-input1 {
  width: 343px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-frame7741 {
  height: 44px;
  display: flex;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-form-wrapper {
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 900px) {
  .finallandingmob-form-wrapper {
    width: 48%;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-form-wrapper {
    gap: 40px;
  }
}

.desktop-form-wrapper {
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
  width: 343px;
  margin-bottom: 8px;
  margin-top: 8px;
}
@media (min-width: 900px) {
  .desktop-form-wrapper {
    flex-direction: row;
    width: 828px;
    justify-content: space-between;
  }
}

.finallandingmob-input-area1 {
  gap: 6px;
  display: flex;
  padding: 12px 16px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  border-color: rgb(135, 135, 135);
  border-style: solid;
  border-width: 1px;
  border-radius: 24px;
  background-color: var(--dl-color-main-white);
}

.finallandingmob-frame8551 {
  gap: 10px;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
}

.finallandingmob-title1 {
  gap: 6px;
  height: 18px;
  display: flex;
  padding: 0 5px;
  z-index: 1;
  align-items: center;
  flex-shrink: 0;
  border-radius: 14px;
  justify-content: center;
  background-color: var(--dl-color-main-white);
}

.finallandingmob-text202 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: 25px;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-input2 {
  width: 343px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-frame7742 {
  height: 44px;
  display: flex;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-input-area2 {
  gap: 6px;
  display: flex;
  padding: 12px 16px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  border-color: rgb(135, 135, 135);
  border-style: solid;
  border-width: 1px;
  border-radius: 24px;
  background-color: var(--dl-color-main-white);
}

.finallandingmob-frame8552 {
  gap: 10px;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
}

.finallandingmob-title2 {
  gap: 6px;
  height: 18px;
  display: flex;
  padding: 0 5px;
  z-index: 1;
  align-items: center;
  flex-shrink: 0;
  border-radius: 14px;
  justify-content: center;
  background-color: var(--dl-color-main-white);
}

.finallandingmob-text203 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: 25px;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-input3 {
  width: 343px;
  height: 120px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-frame7743 {
  height: 120px;
  display: flex;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}

.finallandingmob-input-area3 {
  gap: 6px;
  display: flex;
  padding: 12px 16px;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  border-color: rgb(135, 135, 135);
  border-style: solid;
  border-width: 1px;
  border-radius: 24px;
  background-color: rgba(255, 255, 255, 0.8000000119);
}

.finallandingmob-frame8553 {
  gap: 10px;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
}

.finallandingmob-title3 {
  gap: 10px;
  height: 21px;
  display: flex;
  padding: 0 5px;
  z-index: 1;
  align-items: center;
  flex-shrink: 0;
  border-radius: 14px;
  justify-content: center;
  background-color: var(--dl-color-main-white);
}

.finallandingmob-text204 {
  color: var(--dl-color-main-black);
  height: auto;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: 25px;
  font-stretch: normal;
  text-decoration: none;
}

.finallandingmob-mobile3 {
  width: 140px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border: 1px solid rgb(165, 165, 165);
  border-radius: 45px;
  background-color: var(--dl-color-main-red);
  padding: 0;
  box-sizing: border-box;
  transition: 0.3s;
  gap: 10px;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .finallandingmob-mobile3 {
    width: 163px;
    height: 59px;
    font-size: 24px;
  }
}

.finallandingmob-text205 {
  color: var(--dl-color-main-white);
  z-index: 2;
  white-space: nowrap;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.finallandingmob-spoon-for-button3 {
  position: absolute;
  right: 12px;
  width: 53px;
  height: 33px;
  opacity: 0;
  transform: translateX(30px);
  transition: opacity 0.3s, transform 0.3s;
  z-index: 1;
}

/* hover ефект */
.finallandingmob-mobile3:hover .finallandingmob-text205 {
  transform: translateX(-30px);
}

.finallandingmob-mobile3:hover .finallandingmob-spoon-for-button3 {
  opacity: 1;
  transform: translateX(0);
}

.finallandingmob-mobile3:hover {
  width: 200px; /* кнопка стає ширшою */
}

.finallandingmob-group24 {
  top: 0;
  left: -240px;
  width: 154px;
  height: 180px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}

.finallandingmob-group-combined {
  display: block;
  width: 154px;
  height: 180px;
}
@media (min-width: 900px) {
  .finallandingmob-group-combined {
    position: absolute;
    width: 390px;
    height: auto;
    top: -69px;
    left: -76px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-group-combined {
    left: -235px;
  }
}

.finallandingmob-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 32px 16px 49px;
}
@media (min-width: 900px) {
  .finallandingmob-footer {
    margin-left: 60px;
    margin-right: 60px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-footer {
    margin-left: 80px;
    margin-right: 80px;
    margin-bottom: 24px;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
}

.finallandingmob-frame1088-wrapper {
  display: flex;
  flex-direction: column;
}

.finallandingmob-frame1088 {
  gap: 16px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
  margin-top: 35px;
  margin-bottom: 17px;
}
@media (min-width: 1200px) {
  .finallandingmob-frame1088 {
    margin-top: 0;
  }
}

.finallandingmob-frame1088 a {
  font-size: 12.5px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  white-space: nowrap;
}

.finallandingmob-text206 {
  color: var(--dl-color-main-black);
  height: auto;
  text-align: left;
  line-height: 120.0000047684%;
}

.finallandingmob-text207 {
  color: var(--dl-color-main-black);
  height: auto;
  text-align: left;
  line-height: 120.0000047684%;
}

.finallandingmob-text208 {
  color: var(--dl-color-main-black);
  height: auto;
  text-align: left;
  line-height: 120.0000047684%;
}

.finallandingmob-text209 {
  color: var(--dl-color-main-black);
  height: auto;
  text-align: left;
  line-height: 120.0000047684%;
}

.finallandingmob-frame1111 {
  gap: 8px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media (min-width: 900px) {
  .finallandingmob-frame1111 {
    gap: 20px;
  }
}

.finallandingmob-text210 {
  color: var(--dl-color-sec-greyd);
  text-align: left;
  line-height: 129.9999952316%;
}

.finallandingmob-text211 {
  color: var(--dl-color-sec-greyd);
  text-align: left;
  line-height: 129.9999952316%;
}

.finallandingmob-text212 {
  color: var(--dl-color-sec-greyd);
  text-align: left;
  line-height: 129.9999952316%;
}

.finallandingmob-frame1142 {
  gap: 16px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.finallandingmob-logo5 {
  width: 74px;
  height: 74px;
}
@media (min-width: 1200px) {
  .finallandingmob-logo5 {
    display: none;
  }
}

.desktop-logo5 {
  display: none;
}
@media (min-width: 1200px) {
  .desktop-logo5 {
    display: block;
  }
}

.finallandingmob-frame1089 {
  gap: 8px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 1200px) {
  .finallandingmob-frame1089 {
    flex-direction: row;
    gap: 24px;
    align-items: center;
  }
}

.finallandingmob-text213 {
  color: var(--dl-color-main-black);
  height: auto;
  text-align: left;
  line-height: 129.9999952316%;
}

.finallandingmob-frame1141 {
  gap: 12px;
  display: flex;
  align-items: center;
}
@media (min-width: 1200px) {
  .finallandingmob-frame1141 {
    gap: 24px;
  }
}

.finallandingmob-linkedin2504923 {
  width: 24px;
  height: 24px;
}

.finallandingmob-instagram2504918 {
  width: 24px;
  height: 24px;
}

.finallandingmob-tiktok2504942 {
  width: 24px;
  height: 24px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}

.finallandingmob-group11 {
  top: 0;
  left: 0;
  width: 24px;
  height: 24.0000038147px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}

.finallandingmob-vector26 {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  position: absolute;
}

.finallandingmob-vector27 {
  top: 0;
  left: 0;
  width: 21px;
  height: 18px;
  position: absolute;
}

.finallandingmob-vector28 {
  top: 6px;
  left: 12px;
  width: 12px;
  height: 18px;
  position: absolute;
}

.finallandingmob-vector29 {
  top: 4.5px;
  left: 5.25px;
  width: 14px;
  height: 16px;
  position: absolute;
}

.finallandingmob-vector30 {
  top: 3.75px;
  left: 4.5px;
  width: 14px;
  height: 16px;
  position: absolute;
}

.finallandingmob-vector31 {
  top: 4.5px;
  left: 5.2501831055px;
  width: 13px;
  height: 16px;
  position: absolute;
}

/*!* Мобільне меню *!*/
.finallandingmob-mobilemenu {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 100vw;
  height: 100vh;
  background: var(--dl-color-main-white);
  z-index: 2000;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 32px;
  /*border-radius: 0 0 24px 24px;*/
  /*box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);*/
}
@media (min-width: 600px) {
  .finallandingmob-mobilemenu {
    height: 45vh;
    border-radius: 0 0 24px 24px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  }
}

/* Відступи між пунктами меню менші */
.finallandingmob-mobilemenu-nav {
  display: flex;
  flex-direction: column;
  gap: 16px; /* менший відступ між кнопками */
  align-items: center;
  margin-top: 24px;
}

.finallandingmob-mobilemenu-nav a {
  font-size: 24px;
  color: #191818;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

/* Хедер бургер-меню */
.finallandingmob-mobilemenu-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  gap: 12px; /* відступ між логотипом і текстом */
  background: var(--dl-color-main-white);
}

.finallandingmob-mobilemenu-close {
  font-size: 30px;
  cursor: pointer;
  transition: color 0.2s;
  margin-left: auto; /* розміщує кнопку закриття праворуч */
  margin-right: 15px; /* відступ від правого краю */
}

.finallandingmob-mobilemenu-close:hover {
  color: #BF4408; /* або інший колір для ефекту */
}

@media (min-width: 900px) {
  .finallandingmob-section-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-section-container {
    gap: 40px;
    margin-left: 80px;
  }
}

.finallandingmob-photos-container {
  display: none;
}
@media (min-width: 900px) {
  .finallandingmob-photos-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(250px, 320px));
    gap: 20px;
    width: auto;
    justify-content: start;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-photos-container {
    grid-template-columns: repeat(2, 342px);
    width: 60%;
  }
}

.desktop-instaimg {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/*.big-left-logo {*/
/*    position: fixed;*/
/*    bottom: 0;*/
/*    width: 200px;*/
/*    height: auto;*/
/*    opacity: 1;*/
/*    z-index: 10;*/
/*    pointer-events: none;*/
/*    transition: opacity 0.4s, left 0.4s;*/
/*    transform: translateY(50%);*/
/*}*/
/*.big-top-right-logo {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    right: 50px; !* відступ справа *!*/
/*    width: 200px;*/
/*    height: auto;*/
/*    opacity: 1;*/
/*    z-index: 10;*/
/*    pointer-events: none;*/
/*    transition: opacity 0.4s, right 0.4s;*/
/*    transform: translateY(-50%); !* піднімає вище, щоб видно було нижню половину *!*/
/*    clip-path: inset(50% 0 0 0); !* приховує верхню половину *!*/
/*}*/
/* Swiper Pagination */
.swiper-pagination {
  position: relative;
  bottom: 20px; /* Збільшуємо відступ від низу, щоб підняти пагінацію */
  margin-top: -10px;
  left: 0;
  width: 100%;
  text-align: center;
  transition: 300ms opacity 300ms ease;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination-bullet {
  width: 8px; /* Зменшити ширину точки */
  height: 8px; /* Зменшити висоту точки */
  background-color: #ccc; /* Колір неактивної точки */
  opacity: 1;
  margin: 0 4px; /* Зменшити відступ між точками */
  border-radius: 50%;
  transition: background-color 0.3s ease;
}

.swiper-pagination-bullet-active {
  background-color: var(--dl-color-main-red); /* Колір активної точки */
}

/* Swiper Navigation (стрілки) */
.swiper-button-next,
.swiper-button-prev {
  color: var(--dl-color-main-red); /* Колір стрілок */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.8); /* Фон стрілок */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: background-color 0.3s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: rgb(255, 255, 255);
}

.swiper-button-prev {
  left: 10px;
}

.swiper-button-next {
  right: 10px;
}

.swiper-slide {
  width: 50% !important;
}
@media (min-width: 600px) {
  .swiper-slide {
    width: 33% !important;
  }
}
@media (min-width: 900px) {
  .swiper-slide {
    width: 25% !important;
  }
}

/* Modal for image zoom */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
}

.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* Start of form styling */
.finallandingmob-frame1102 {
  /*gap: 12px;*/
  /*margin: 40px auto;*/
  width: 359px;
  /*display: flex;*/
  /*align-items: center;*/
  /*flex-direction: column;*/
  font-family: Roboto, Arial, sans-serif;
  margin: auto;
  text-align: center;
}
@media (min-width: 900px) {
  .finallandingmob-frame1102 {
    width: 828px;
  }
}

.finallandingmob-frame1097 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}

.finallandingmob-text200 {
  color: #1a1a1a;
  text-align: center;
  line-height: 100%;
  font-size: 20px;
  margin: 0;
}

.finallandingmob-text201 {
  color: #1a1a1a;
  text-align: center;
  line-height: 150%;
  font-size: 14px;
  margin: 6px 0 0 0;
  font-weight: 300;
}

.finallandingmob-frame7741, .finallandingmob-frame7742, .finallandingmob-frame7743 {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
  .finallandingmob-frame7741, .finallandingmob-frame7742, .finallandingmob-frame7743 {
    width: 48%;
  }
}

.finallandingmob-frame7741, .finallandingmob-frame7742 {
  width: 100%;
}

.finallandingmob-input-area1,
.finallandingmob-input-area2 {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  border: 1px solid #878787;
  border-radius: 24px;
  background: #fff;
  min-height: 44px;
}
@media (min-width: 1200px) {
  .finallandingmob-input-area1,
  .finallandingmob-input-area2 {
    min-height: 50px;
  }
}

.finallandingmob-input-area3 {
  display: flex;
  padding: 12px 16px;
  align-items: flex-start;
  border: 1px solid #878787;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.8);
  min-height: 120px;
}
@media (min-width: 1200px) {
  .finallandingmob-input-area3 {
    min-height: 140px;
  }
}

.finallandingmob-input-area1 input,
.finallandingmob-input-area2 input,
.finallandingmob-input-area3 textarea {
  border: none;
  outline: none;
  width: 100%;
  font-size: 14px;
  color: #1a1a1a;
  background: transparent;
  resize: none;
  font-family: inherit;
}

.finallandingmob-title1,
.finallandingmob-title2,
.finallandingmob-title3 {
  position: absolute;
  top: -9px;
  left: 12px;
  padding: 0 6px;
  background: #fff;
  font-size: 14px;
  color: #1a1a1a;
  border-radius: 14px;
}

.finallandingmob-text205 {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}
@media (min-width: 1200px) {
  .finallandingmob-text205 {
    font-size: 24px;
  }
}

.form-message {
  margin-top: 8px;
  font-size: 13px;
  min-height: 18px;
  text-align: center;
  color: #0b8457;
}

.form-message.error {
  color: #b00020;
}

/* End of form styling */
/* Хто живе борщем */
.finallandingmob-title100 {
  margin: 64px 10px 24px;
}
@media (min-width: 900px) {
  .finallandingmob-title100 {
    margin-left: 60px;
    margin-right: 60px;
  }
}
@media (min-width: 1200px) {
  .finallandingmob-title100 {
    margin-top: 140px;
    margin-bottom: 50px;
  }
}

.finallandingmob-title101 {
  color: rgb(220, 20, 60);
}
@media (min-width: 900px) {
  .finallandingmob-title101 {
    font-family: "Mak", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 48px;
    line-height: 58px;
    color: var(--dl-color-main-black);
    text-align: left;
  }
}

/* Головний блок слайдера */
.slider {
  max-width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  background: transparent;
  border-radius: 0;
}
@media (min-width: 900px) {
  .slider {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    margin-left: 60px;
    margin-right: 60px;
  }
}

/* Заголовок */
.slider-title {
  position: relative;
  top: 0;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 15px 0;
  text-align: center;
  color: #333;
  display: inline-flex;
  align-items: flex-end;
  gap: 6px;
}
@media (min-width: 900px) {
  .slider-title {
    flex: 0 0 33%;
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 80px;
  }
}

.slider-badge {
  width: 35px;
  height: 35px;
  object-fit: contain;
}
@media (min-width: 1200px) {
  .slider-badge {
    height: 85px;
    width: auto;
    margin-right: 15px;
    margin-bottom: 8px;
  }
}

.slider-title-text {
  display: inline-block;
}
@media (min-width: 1200px) {
  .slider-title-text {
    /* Знаходь */
    font-family: "Mak", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 60px;
    line-height: 90%;
    /* identical to box height, or 54px */
    color: var(--dl-color-base-black);
  }
}

/* Обгортка для слайдів */
.slider-wrapper {
  min-height: 570px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 900px) {
  .slider-wrapper {
    padding: 20px 70px;
  }
}

/* Слайд */
.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transform: translateX(0);
  transition: all 0.5s ease-in-out;
  padding: 0;
  box-sizing: border-box;
}
@media (min-width: 900px) {
  .slide {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .slide {
    padding: 30px 40px;
  }
}

.slide.active {
  opacity: 1;
  pointer-events: auto;
}

/*!* Контейнер для контенту слайда *!*/
.slide-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 280px; /* МАКС. ШИРИНОЮ КОНТЕНТУ СЛАЙДА */
  gap: 8px; /* ВІДСТАННЮ МІЖ ВІДЕО ТА КАРТИНКОЮ */
  position: relative; /*можливість накладати картинку поверх відео */
  top: 0;
  margin-top: 0;
  margin-bottom: 15px;
}
@media (min-width: 900px) {
  .slide-content {
    flex: 0 0 33%;
    justify-content: center;
  }
}

/*!* Рамка для чорного фону за відео *!*/
.video-frame {
  max-width: 330px;
  background: transparent;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  z-index: 1;
  box-shadow: 12px 20px 40px rgba(0, 0, 0, 0.18), 4px 6px 12px rgba(0, 0, 0, 0.12);
}

/*!* Відео *!*/
.slide-video {
  width: 100%;
  max-width: 200px; /* CHANGE: 1.5x від 154px */
  height: auto;
  border-radius: 30px; /* CHANGE: заокруглення 30px */
  box-shadow: none; /* прибираємо тінь по краях */
  background-color: transparent; /* прозорий задній фон відео */
  background: transparent; /* важливо: фон контейнера теж прозорий */
  object-fit: contain; /* показує все відео, зберігаючи прозорість */
  clip-path: inset(2px round 30px); /* CHANGE: прибрано по 2px з кожного боку з тим самим радіусом */
}
@media (min-width: 900px) {
  .slide-video {
    max-width: 245px;
  }
}

/*!* Картинка *!*/
.slide-image {
  position: absolute; /* CHANGE: картинка поверх відео */
  top: var(--img-top, 0px); /* CHANGE: індивідуальне позиціонування по Y */
  left: var(--img-left, 0px); /* CHANGE: індивідуальне позиціонування по X */
  width: var(--img-width, 170px); /* CHANGE: індивідуальна ширина картки */
  height: auto;
  border-radius: var(--img-radius, 30px); /* CHANGE: індивідуальне заокруглення */
  box-shadow: none; /* CHANGE: прибрано тінь/фон оболонки карток */
  transform: translate(var(--img-translate-x, 0px), var(--img-translate-y, 0px)) rotate(var(--img-rotate, 0deg)) scale(var(--img-scale, 1)); /* CHANGE: нахил/масштаб/зміщення */
  transform-origin: var(--img-origin, center center); /* CHANGE: точка обертання */
  z-index: 3; /* CHANGE: вище за відео */
  pointer-events: none; /* CHANGE: щоб не заважала клікам по відео, якщо потрібно */
}

/*!* Текст *!*/
.slide-text {
  text-align: center;
  margin: 0 0 10px 0;
  color: var(--dl-color-base-black);
  line-height: 150%;
}
@media (min-width: 900px) {
  .slide-text {
    flex: 0 0 33%;
    justify-content: flex-end;
    text-align: left;
    font-size: 20px;
    margin-bottom: 80px;
    margin-left: 30px;
  }
}
@media (min-width: 1200px) {
  .slide-text {
    margin-left: 70px;
  }
}

/* Кнопки навігації */
.slider-navigation {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin: 5px auto 24px;
}

.nav-button {
  width: 30px;
  height: 3px;
  background: #666;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
  position: relative; /* CHANGE: додано для z-index */
  z-index: 10; /* CHANGE: вище за всі інші елементи */
}

.nav-button:hover {
  background: #888;
}

.nav-button.active {
  width: 45px;
  background: #ffd700;
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.3);
}

/*!* === Coming Soon Modal Styles === *!*/
.finallandingmob-comingsoon-modal {
  /* Modal container - centered on screen */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 375px;
  max-width: 90vw;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  display: none;
  z-index: 3000;
  padding: 32px;
}

.finallandingmob-comingsoon-content {
  /* Content wrapper - flex column, centered */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  position: relative;
}

.finallandingmob-comingsoon-close {
  /* Close button - positioned top right */
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 24px;
  cursor: pointer;
  color: #666;
  transition: color 0.2s;
}

.finallandingmob-comingsoon-close:hover {
  /* Hover effect for close button */
  color: #BF4408;
}

.finallandingmob-comingsoon-logo {
  /* Logo image */
  width: 80px;
  height: 80px;
}

.finallandingmob-comingsoon-text {
  /* Main text message */
  font-size: 18px;
  font-weight: 400;
  color: #1a1a1a;
  line-height: 1.4;
  margin: 0;
}

.policy {
  text-decoration: none;
  color: inherit;
}

/*# sourceMappingURL=index.css.map */