/* LAKEEVA_INSURANCE_SCREEN_V1_START */

body.insurance-screen-locked {
  overflow: hidden;
}

.insurance-panel {
  position: fixed;
  z-index: 1080;

  inset: 0;

  overflow-x: hidden;
  overflow-y: auto;

  background:
    linear-gradient(
      180deg,
      #edf2ed 0,
      #f7f5ef 310px,
      #f7f5ef 100%
    );

  color: #09261e;

  opacity: 0;

  transition:
    opacity 220ms ease;

  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.insurance-panel[hidden] {
  display: none !important;
}

.insurance-panel.is-visible {
  opacity: 1;
}

.insurance-panel__header {
  position: sticky;
  z-index: 5;

  top: 0;

  display: grid;

  grid-template-columns:
    minmax(70px, 1fr)
    auto
    minmax(70px, 1fr);

  min-height:
    calc(
      58px +
      env(safe-area-inset-top)
    );

  align-items: end;

  padding:
    calc(
      9px +
      env(safe-area-inset-top)
    )
    16px
    9px;

  border-bottom:
    1px solid
    rgba(9, 38, 30, 0.08);

  background:
    rgba(247, 245, 239, 0.88);

  -webkit-backdrop-filter:
    blur(22px)
    saturate(160%);
  backdrop-filter:
    blur(22px)
    saturate(160%);
}

.insurance-panel__back {
  display: inline-flex;

  width: max-content;

  align-items: center;

  gap: 4px;

  padding: 8px 10px 8px 7px;

  border: 0;
  border-radius: 13px;

  background:
    rgba(9, 38, 30, 0.07);

  color: #09261e;

  font: inherit;
  font-size: 13px;
  font-weight: 700;

  cursor: pointer;
}

.insurance-panel__back span {
  font-size: 24px;
  font-weight: 400;
  line-height: 12px;
}

.insurance-panel__brand {
  display: flex;

  align-items: center;
  flex-direction: column;
  justify-content: center;

  line-height: 1;
}

.insurance-panel__brand strong {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.insurance-panel__brand small {
  margin-top: 4px;

  color:
    rgba(9, 38, 30, 0.58);

  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.insurance-panel__content {
  width: min(
    calc(100% - 24px),
    760px
  );

  margin: 0 auto;

  padding:
    16px
    0
    calc(
      var(--client-tabbar-height) +
      var(--client-tabbar-bottom) +
      32px
    );
}

.insurance-hero {
  position: relative;

  display: grid;

  min-height: 190px;

  grid-template-columns:
    minmax(0, 1fr)
    92px;

  align-items: center;

  gap: 10px;

  overflow: hidden;

  padding: 25px 20px;

  border:
    1px solid
    rgba(255, 255, 255, 0.14);
  border-radius: 28px;

  background:
    radial-gradient(
      circle at 93% 5%,
      rgba(125, 190, 161, 0.42),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      #0b3d31,
      #05271f
    );

  color: #fff;

  box-shadow:
    0 20px 45px
    rgba(4, 34, 26, 0.2);
}

.insurance-hero::after {
  position: absolute;

  right: -40px;
  bottom: -70px;

  width: 190px;
  height: 190px;

  border:
    1px solid
    rgba(255, 255, 255, 0.12);
  border-radius: 50%;

  content: "";
}

.insurance-hero__copy {
  position: relative;
  z-index: 2;
}

.insurance-hero__eyebrow {
  display: block;

  margin-bottom: 9px;

  color:
    rgba(255, 255, 255, 0.68);

  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.insurance-hero h1 {
  max-width: 420px;

  margin: 0;

  font-size:
    clamp(
      25px,
      7vw,
      37px
    );

  font-weight: 760;
  letter-spacing: -0.045em;
  line-height: 0.98;
}

.insurance-hero p {
  max-width: 430px;

  margin: 15px 0 0;

  color:
    rgba(255, 255, 255, 0.72);

  font-size: 13px;
  line-height: 1.45;
}

.insurance-hero__plane {
  position: relative;
  z-index: 2;

  display: grid;

  width: 82px;
  height: 82px;

  place-items: center;

  border:
    1px solid
    rgba(255, 255, 255, 0.2);
  border-radius: 25px;

  background:
    rgba(255, 255, 255, 0.1);

  transform: rotate(-8deg);

  -webkit-backdrop-filter:
    blur(14px);
  backdrop-filter:
    blur(14px);
}

.insurance-hero__plane svg {
  width: 47px;
  height: 47px;

  fill: #fff;
}

.insurance-widget-card {
  margin-top: 14px;

  padding: 18px 14px 20px;

  border:
    1px solid
    rgba(9, 38, 30, 0.07);
  border-radius: 28px;

  background: #fff;

  box-shadow:
    0 14px 40px
    rgba(9, 38, 30, 0.08);
}

.insurance-widget-card__heading {
  display: flex;

  align-items: flex-start;
  justify-content: space-between;

  gap: 12px;

  padding: 0 5px 15px;
}

.insurance-widget-card__heading div {
  display: flex;
  flex-direction: column;
}

.insurance-widget-card__heading div span {
  color:
    rgba(9, 38, 30, 0.48);

  font-size: 11px;
  font-weight: 700;
}

.insurance-widget-card__heading strong {
  margin-top: 3px;

  font-size: 20px;
  letter-spacing: -0.035em;
}

.insurance-widget-card__badge {
  padding: 7px 9px;

  border-radius: 999px;

  background:
    rgba(9, 38, 30, 0.07);

  color:
    rgba(9, 38, 30, 0.68);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
}

.insurance-search-host,
.insurance-tickets-host {
  width: 100%;
  min-width: 0;
}

.insurance-tickets-host {
  margin-top: 14px;
}

.insurance-widget-status {
  display: flex;

  min-height: 96px;

  align-items: center;
  justify-content: center;

  gap: 10px;

  margin: 8px 0;

  border-radius: 20px;

  background: #f4f6f2;

  color:
    rgba(9, 38, 30, 0.62);

  font-size: 12px;
  font-weight: 650;
  text-align: center;
}

.insurance-widget-status[hidden] {
  display: none !important;
}

.insurance-widget-status.is-error {
  flex-direction: column;

  padding: 18px;
}

.insurance-widget-status button {
  padding: 10px 14px;

  border: 0;
  border-radius: 13px;

  background: #09261e;
  color: #fff;

  font: inherit;
  font-size: 12px;
  font-weight: 750;
}

.insurance-widget-spinner {
  width: 19px;
  height: 19px;

  border:
    2px solid
    rgba(9, 38, 30, 0.14);
  border-top-color: #09261e;
  border-radius: 50%;

  animation:
    insuranceWidgetSpin
    750ms
    linear
    infinite;
}

.insurance-panel__note {
  max-width: 520px;

  margin: 14px auto 0;

  color:
    rgba(9, 38, 30, 0.46);

  font-size: 10px;
  line-height: 1.4;
  text-align: center;
}

@keyframes insuranceWidgetSpin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 390px) {
  .insurance-panel__content {
    width:
      calc(100% - 18px);
  }

  .insurance-hero {
    min-height: 178px;

    grid-template-columns:
      minmax(0, 1fr)
      70px;

    padding: 22px 17px;
  }

  .insurance-hero__plane {
    width: 66px;
    height: 66px;

    border-radius: 21px;
  }

  .insurance-hero__plane svg {
    width: 39px;
    height: 39px;
  }

  .insurance-widget-card {
    padding-right: 9px;
    padding-left: 9px;
  }

  .insurance-widget-card__badge {
    max-width: 90px;
  }
}

/* LAKEEVA_INSURANCE_SCREEN_V1_END */

/* LAKEEVA_INSURANCE_RESULTS_AUTOSCROLL_V1_START */

.insurance-tickets-host {
  scroll-margin-top:
    calc(
      76px +
      env(safe-area-inset-top)
    );
}

/* LAKEEVA_INSURANCE_RESULTS_AUTOSCROLL_V1_END */



/* LAKEEVA_INSURANCE_IFRAME_LAYOUT_V1_START */

.insurance-widget-frame-shell {
  display: block;

  width: 100%;
  height: calc(
    var(
      --tg-viewport-stable-height,
      100dvh
    ) - 210px
  );

  min-height: 480px;

  overflow: hidden;

  border: 0;
  border-radius: 16px;

  background: #f4f6f5;

  isolation: isolate;
  contain: layout paint;
}

.insurance-widget-frame {
  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  border: 0;

  background: #f4f6f5;
}

@media (max-height: 700px) {
  .insurance-widget-frame-shell {
    height: calc(
      var(
        --tg-viewport-stable-height,
        100dvh
      ) - 170px
    );

    min-height: 420px;
  }
}

/* LAKEEVA_INSURANCE_IFRAME_LAYOUT_V1_END */


/* LAKEEVA_INSURANCE_VIDEO_HERO_V2_START */

.insurance-hero {
  position: relative !important;

  display: flex !important;
  align-items: flex-end !important;

  min-height: 332px !important;

  padding:
    122px
    18px
    82px !important;

  overflow: hidden !important;

  border-radius:
    0 0 30px 30px !important;

  background:
    url("/assets/lakeeva-insurance-hero-poster-v1.jpg?v=1785656924")
    center 55% / cover
    no-repeat !important;

  isolation: isolate;
}

.insurance-hero::before {
  position: absolute;
  z-index: 1;

  inset: 0;

  display: block;

  background:
    linear-gradient(
      180deg,
      rgba(1, 22, 17, 0.08) 0%,
      rgba(1, 25, 19, 0.20) 42%,
      rgba(1, 25, 19, 0.84) 100%
    );

  content: "";
  pointer-events: none;
}

.insurance-hero::after {
  display: none !important;
}

.insurance-hero__video {
  position: absolute;
  z-index: 0;

  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center 55%;

  pointer-events: none;
}

.insurance-hero__copy {
  position: relative;
  z-index: 2;

  width: min(100%, 480px);
  margin: 0 auto;
}

.insurance-hero__copy::before {
  display: block;

  width: 29px;
  height: 2px;

  margin-bottom: 13px;

  border-radius: 999px;

  background: #e8c98f;

  content: "";
}

.insurance-hero h1 {
  max-width: 450px;

  margin: 0 !important;

  color: #ffffff !important;

  font-size:
    clamp(31px, 8.2vw, 43px) !important;
  font-weight: 720 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.052em !important;

  text-wrap: balance;
}

.insurance-hero p {
  max-width: 390px;

  margin: 15px 0 0 !important;

  color:
    rgba(255, 255, 255, 0.78) !important;

  font-size: 14px !important;
  font-weight: 450 !important;
  line-height: 1.48 !important;
}

@media (max-width: 390px) {
  .insurance-hero {
    min-height: 320px !important;

    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .insurance-hero h1 {
    font-size: 33px !important;
  }
}

/* LAKEEVA_INSURANCE_VIDEO_HERO_V2_END */






/* LAKEEVA_UNIFIED_INSURANCE_GEOMETRY_V5_START */

.insurance-panel {
  --lakeeva-hero-top-bleed:
    var(
      --ios-content-safe-top,
      env(safe-area-inset-top)
    );

  background: #f7f5ef !important;
}

/*
 * Убираем собственную техническую шапку
 * страницы. Остаются системные элементы
 * Telegram, как на аренде.
 */

.insurance-panel__header {
  display: none !important;
}

.insurance-panel__content {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;

  padding:
    0
    0
    calc(
      var(--client-tabbar-height) +
      var(--client-tabbar-bottom) +
      32px
    ) !important;

  overflow: visible !important;
}

.insurance-hero {
  position: relative !important;

  display: flex !important;
  align-items: flex-end !important;

  width: 100% !important;
  max-width: none !important;

  min-height: 332px !important;

  margin: 0 !important;

  padding:
    max(
      122px,
      calc(
        var(
          --ios-content-safe-top,
          0px
        ) +
        48px
      )
    )
    18px
    82px !important;

  overflow: visible !important;

  border: 0 !important;

  border-radius:
    0 0 30px 30px !important;

  background:
    url("/assets/lakeeva-insurance-hero-poster-v1.jpg?v=1785656924")
    center 55% / cover
    no-repeat !important;

  box-shadow:
    0 18px 50px
    rgba(1, 29, 21, 0.16) !important;

  isolation: isolate;
}

.insurance-hero__video {
  top:
    calc(
      0px -
      var(
        --lakeeva-hero-top-bleed,
        0px
      )
    ) !important;

  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;

  width: 100% !important;

  height:
    calc(
      100% +
      var(
        --lakeeva-hero-top-bleed,
        0px
      )
    ) !important;

  border-radius:
    0 0 30px 30px;

  object-fit: cover !important;
  object-position: center 55% !important;

  transform: none !important;
}

.insurance-hero::before {
  top:
    calc(
      0px -
      var(
        --lakeeva-hero-top-bleed,
        0px
      )
    ) !important;

  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;

  width: 100% !important;

  height:
    calc(
      100% +
      var(
        --lakeeva-hero-top-bleed,
        0px
      )
    ) !important;

  border-radius:
    0 0 30px 30px !important;

  background:
    linear-gradient(
      180deg,
      rgba(1, 28, 22, 0.12) 0%,
      rgba(1, 28, 22, 0.22) 42%,
      rgba(1, 28, 22, 0.80) 100%
    ) !important;

  transform: none !important;
}

.insurance-hero__copy {
  position: relative !important;
  z-index: 2 !important;

  width: min(100%, 430px) !important;
  margin: 0 !important;
}

.insurance-hero__copy::before {
  width: 28px !important;
  height: 2px !important;

  margin-bottom: 13px !important;
}

.insurance-hero h1 {
  max-width: 370px !important;

  margin: 0 !important;

  font-size:
    clamp(
      32px,
      8.4vw,
      40px
    ) !important;

  font-weight: 680 !important;
  line-height: 1.01 !important;
  letter-spacing: -0.052em !important;
}

.insurance-hero p {
  max-width: 390px !important;

  margin: 14px 0 0 !important;

  color:
    rgba(255, 255, 255, 0.68) !important;

  font-size:
    clamp(
      13px,
      3.65vw,
      15px
    ) !important;

  font-weight: 430 !important;
  line-height: 1.5 !important;
}

/*
 * Карточка поиска авиабилетов повторяет
 * ширину, нахлёст и внешний стиль аренды.
 */

.insurance-widget-card {
  position: relative !important;
  z-index: 3 !important;

  width:
    min(
      calc(100% - 20px),
      980px
    ) !important;

  margin: -54px auto 0 !important;
  padding: 15px !important;

  border:
    1px solid
    rgba(7, 53, 42, 0.07) !important;

  border-radius: 30px !important;

  background:
    rgba(255, 255, 255, 0.98) !important;

  box-shadow:
    0 18px 44px
    rgba(2, 32, 23, 0.14) !important;
}

.insurance-widget-card__heading {
  margin:
    0 5px 18px !important;

  padding: 0 !important;
}

.insurance-widget-card__heading strong {
  color: #07352a !important;

  font-size: 24px !important;
  font-weight: 720 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.035em !important;
}

.insurance-widget-frame-shell {
  width: 100% !important;

  margin: 0 !important;

  border-radius: 20px !important;

  background: #f7f5ef !important;
}

.insurance-widget-frame {
  border-radius: 20px;
}

@media (max-width: 390px) {
  .insurance-hero {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .insurance-widget-card {
    width:
      calc(100% - 16px) !important;

    padding: 14px !important;
  }
}

/* LAKEEVA_UNIFIED_INSURANCE_GEOMETRY_V5_END */




/* LAKEEVA_INSURANCE_CROP_V14_START */

/*
 * Показываем больше верхней части вертикального
 * видео и сильнее обрезаем низ. За счёт этого
 * самолёт располагается ниже внутри hero.
 */

.insurance-hero {
  background-position:
    center 40% !important;
}

.insurance-hero__video {
  object-fit:
    cover !important;

  object-position:
    center 40% !important;
}

/* LAKEEVA_INSURANCE_CROP_V14_END */


/* LAKEEVA_INSURANCE_SCREEN_V1_FINAL_START */

.insurance-panel {
  background:
    #fbf8f1;
}

.insurance-hero {
  background:
    #09261e
    url("/assets/lakeeva-insurance-hero-poster-v1.jpg")
    center 50% / cover
    no-repeat !important;
}

.insurance-hero__video {
  object-fit:
    cover !important;

  object-position:
    center 50% !important;
}

.insurance-widget-card__heading strong {
  display:
    block;
}

.insurance-widget-frame-shell {
  min-height:
    720px;

  overflow:
    hidden;

  border-radius:
    18px;

  background:
    #ffffff;
}

.insurance-widget-frame {
  display:
    block;

  width:
    100%;

  min-height:
    720px;

  border:
    0;

  background:
    #ffffff;
}

body.insurance-screen-locked {
  overflow:
    hidden;
}

/* LAKEEVA_INSURANCE_SCREEN_V1_FINAL_END */


/* LAKEEVA_INSURANCE_WIDGET_HEIGHT_V3_START */

.insurance-widget-frame-shell {
  min-height: 1500px !important;
  height: auto !important;

  overflow: visible !important;

  background: #53a65a !important;
}

.insurance-widget-frame {
  display: block !important;

  width: 100% !important;
  height: 1500px;
  min-height: 1500px !important;

  overflow: visible !important;

  background: #53a65a !important;
}

/* LAKEEVA_INSURANCE_WIDGET_HEIGHT_V3_END */


/* LAKEEVA_INSURANCE_AUTO_HEIGHT_V4_START */

.insurance-widget-frame-shell {
  height: auto !important;
  min-height: 0 !important;

  overflow: hidden !important;

  background: #ffffff !important;
}

.insurance-widget-frame {
  display: block !important;

  width: 100% !important;
  height: 520px;
  min-height: 0 !important;

  border: 0 !important;

  background: #ffffff !important;
}

/* LAKEEVA_INSURANCE_AUTO_HEIGHT_V4_END */


/* LAKEEVA_EXCHANGE_CALCULATOR_V4 */

.lakeeva-exchange-calculator {
  padding: 16px;
  border-radius: 24px;
}

.lakeeva-exchange-calculator__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.lakeeva-exchange-calculator__eyebrow {
  display: none;
}

.lakeeva-exchange-calculator__top strong {
  display: block;
  color: #07352a;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.025em;
}

.lakeeva-exchange-calculator__live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  background: #eef5f1;
  color: #42675a;
  font-size: 10.5px;
  font-weight: 620;
  white-space: nowrap;
}

.lakeeva-exchange-calculator__live i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3d9874;
}

.lakeeva-exchange-calculator__live.is-loading i {
  background: #a28b52;
}

.lakeeva-exchange-calculator__live.is-stale i {
  background: #a28b52;
}

.lakeeva-exchange-calculator__live.is-error i {
  background: #a95d56;
}

.lakeeva-exchange-form {
  display: block;
}

.lakeeva-money-card {
  padding: 13px;
  border:
    1px solid
    rgba(7, 53, 42, 0.1);
  border-radius: 16px;
  background: #f8f6f0;
  box-shadow:
    inset 0 1px 0
    rgba(255, 255, 255, 0.82);
}

.lakeeva-money-card:focus-within {
  border-color: #1c493c;
  background: #ffffff;
  box-shadow:
    0 0 0 3px
    rgba(28, 73, 60, 0.1);
}

.lakeeva-money-card--result {
  background: #f8f6f0;
}

.lakeeva-money-card__label {
  display: block;
  margin: 0 0 7px 2px;
  color: #657067;
  font-size: 10.5px;
  font-weight: 620;
}

.lakeeva-money-card__main {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    112px;
  gap: 9px;
  align-items: stretch;
}

.lakeeva-money-card__amount {
  width: 100%;
  min-width: 0;
  min-height: 49px;
  box-sizing: border-box;
  margin: 0;
  padding: 0 13px;
  border:
    1px solid
    rgba(7, 53, 42, 0.1);
  border-radius: 14px;
  outline: none;
  background: #ffffff;
  color: #07352a;
  font: inherit;
  font-size: 20px;
  font-weight: 650;
  line-height: 49px;
  box-shadow:
    inset 0 1px 0
    rgba(255, 255, 255, 0.82);
}

output.lakeeva-money-card__amount {
  display: flex;
  align-items: center;
  line-height: normal;
}

.lakeeva-money-card__amount::placeholder {
  color: #9b9a92;
}

.lakeeva-money-card__currency {
  width: 100%;
  min-width: 0;
  height: 49px;
  min-height: 49px;
  box-sizing: border-box;
  margin: 0;
  padding: 0 30px 0 11px;
  border:
    1px solid
    rgba(7, 53, 42, 0.1);
  border-radius: 14px;
  background-color: #ffffff;
  color: #07352a;
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  outline: none;
}

.lakeeva-money-card__amount:focus,
.lakeeva-money-card__currency:focus {
  border-color: #1c493c;
}

.lakeeva-quick-amounts {
  display: grid;
  grid-template-columns:
    repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin-top: 9px;
}

.lakeeva-quick-amounts button {
  min-width: 0;
  padding: 8px 3px;
  border:
    1px solid
    rgba(7, 53, 42, 0.1);
  border-radius: 10px;
  background: #ffffff;
  color: #53645d;
  font: inherit;
  font-size: 10.5px;
  font-weight: 620;
  cursor: pointer;
}

.lakeeva-quick-amounts button:active {
  transform: scale(.98);
}

.lakeeva-exchange-middle {
  position: relative;
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lakeeva-exchange-swap {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 14px;
  background:
    linear-gradient(
      140deg,
      #073a2d,
      #0d4c3c
    );
  color: #ffffff;
  box-shadow:
    0 8px 18px
    rgba(3, 48, 36, 0.18);
  cursor: pointer;
}

.lakeeva-exchange-swap svg {
  width: 19px;
  height: 19px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.lakeeva-exchange-swap:active {
  transform: scale(.97);
}

.lakeeva-exchange-rate {
  position: absolute;
  right: 0;
  bottom: 6px;
  color: #657067;
  font-size: 10.5px;
  font-weight: 620;
}

.lakeeva-money-card__caption {
  display: none;
}

.lakeeva-exchange-benefit {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 12px;
  padding: 12px 13px;
  border:
    1px solid
    rgba(7, 53, 42, 0.09);
  border-radius: 14px;
  background: #f0f5f1;
}

.lakeeva-exchange-benefit[hidden] {
  display: none !important;
}

.lakeeva-exchange-benefit__icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: rgba(7, 53, 42, 0.08);
  color: #073a2d;
  font-size: 15px;
  font-weight: 700;
}

.lakeeva-exchange-benefit strong {
  display: block;
  color: #07352a;
  font-size: 12px;
  font-weight: 680;
  line-height: 1.3;
}

.lakeeva-exchange-benefit span:not(
  .lakeeva-exchange-benefit__icon
) {
  display: block;
  margin-top: 3px;
  color: #657067;
  font-size: 10.5px;
  line-height: 1.4;
}

.lakeeva-exchange-submit {
  width: 100%;
  min-height: 50px;
  margin-top: 12px;
  border-radius: 14px;
  background:
    linear-gradient(
      140deg,
      #073a2d,
      #0d4c3c
    );
  box-shadow:
    0 10px 24px
    rgba(3, 48, 36, 0.2);
  font-size: 14px;
  font-weight: 660;
}

.lakeeva-exchange-submit:active {
  transform: scale(.985);
}

@media (max-width: 380px) {
  .lakeeva-exchange-calculator {
    padding: 14px;
  }

  .lakeeva-exchange-calculator__top {
    align-items: flex-start;
  }

  .lakeeva-exchange-calculator__top strong {
    font-size: 16px;
  }

  .lakeeva-money-card__main {
    grid-template-columns:
      minmax(0, 1fr)
      104px;
  }

  .lakeeva-money-card__amount {
    font-size: 18px;
  }

  .lakeeva-money-card__currency {
    font-size: 12px;
  }

  .lakeeva-quick-amounts {
    gap: 5px;
  }

  .lakeeva-quick-amounts button {
    font-size: 10px;
  }
}

/* LAKEEVA_EXCHANGE_CALCULATOR_V4_1 */

.lakeeva-money-card__main {
  grid-template-columns:
    minmax(0, 1fr)
    126px;
}

.lakeeva-money-card__currency {
  width: 126px;
  min-width: 126px;
  max-width: 126px;

  padding:
    0
    34px
    0
    12px;

  font-size: 14px;
}

.lakeeva-exchange-middle {
  min-height: 68px;
}

.lakeeva-exchange-rate {
  right: 0;
  bottom: 8px;

  max-width: 44%;
}

@media (max-width: 380px) {
  .lakeeva-money-card__main {
    grid-template-columns:
      minmax(0, 1fr)
      116px;
  }

  .lakeeva-money-card__currency {
    width: 116px;
    min-width: 116px;
    max-width: 116px;

    padding-right: 30px;

    font-size: 13px;
  }
}

/* LAKEEVA_EXCHANGE_RECEIVE_METHODS_V1 */

.lakeeva-exchange-methods {
  margin-top: 16px;
}

.lakeeva-exchange-methods__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.lakeeva-exchange-methods__head strong {
  font-size: 14px;
  font-weight: 700;
  color: #191919;
}

.lakeeva-exchange-methods__head span {
  font-size: 11px;
  color: rgba(25, 25, 25, 0.52);
}

.lakeeva-exchange-methods__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.lakeeva-exchange-method {
  min-width: 0;
  min-height: 62px;
  padding: 10px 11px;
  border: 1px solid rgba(25, 25, 25, 0.08);
  border-radius: 15px;
  background: #f8f6f0;
  display: flex;
  align-items: center;
  gap: 9px;
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.lakeeva-exchange-method.is-active {
  border-color: rgba(44, 117, 81, 0.42);
  background: rgba(44, 117, 81, 0.08);
  box-shadow:
    inset 0 0 0 1px
    rgba(44, 117, 81, 0.07);
}

.lakeeva-exchange-method__icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 11px;
  background: #fff;
  display: grid;
  place-items: center;
  font-size: 17px;
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.05);
}

.lakeeva-exchange-method strong,
.lakeeva-exchange-method small {
  display: block;
}

.lakeeva-exchange-method strong {
  font-size: 12px;
  line-height: 1.2;
  color: #191919;
}

.lakeeva-exchange-method small {
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.2;
  color: rgba(25, 25, 25, 0.5);
}


/* LAKEEVA_EXCHANGE_CONFIRM_SHEET_V1 */

.lakeeva-exchange-confirm[hidden] {
  display: none !important;
}

.lakeeva-exchange-confirm {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: grid;
  align-items: end;
}

.lakeeva-exchange-confirm__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(13, 18, 15, 0.46);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.lakeeva-exchange-confirm__card {
  position: relative;
  z-index: 1;
  width: min(100%, 560px);
  margin: 0 auto;
  padding:
    12px
    18px
    calc(18px + env(safe-area-inset-bottom));
  border-radius: 25px 25px 0 0;
  background: #fff;
  box-shadow:
    0 -18px 50px
    rgba(0, 0, 0, 0.16);
}

.lakeeva-exchange-confirm__handle {
  width: 38px;
  height: 4px;
  margin: 0 auto 15px;
  border-radius: 999px;
  background: rgba(25, 25, 25, 0.14);
}

.lakeeva-exchange-confirm__close {
  position: absolute;
  top: 16px;
  right: 17px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: #f5f3ed;
  font-size: 23px;
  line-height: 1;
  color: #303030;
}

.lakeeva-exchange-confirm__eyebrow {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #2c7551;
}

.lakeeva-exchange-confirm h3 {
  margin: 0;
  padding-right: 44px;
  font-size: 25px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #171717;
}

.lakeeva-exchange-confirm__intro {
  margin: 8px 0 17px;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(25, 25, 25, 0.58);
}

.lakeeva-exchange-summary {
  padding: 5px 14px;
  border-radius: 18px;
  background: #f8f6f0;
}

.lakeeva-exchange-summary__row {
  min-height: 47px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border-bottom:
    1px solid rgba(25, 25, 25, 0.07);
}

.lakeeva-exchange-summary__row:last-child {
  border-bottom: 0;
}

.lakeeva-exchange-summary__row span {
  font-size: 12px;
  color: rgba(25, 25, 25, 0.5);
}

.lakeeva-exchange-summary__row strong {
  text-align: right;
  font-size: 13px;
  font-weight: 700;
  color: #191919;
}

.lakeeva-exchange-confirm__notice {
  margin: 12px 2px 14px;
  font-size: 10px;
  line-height: 1.45;
  color: rgba(25, 25, 25, 0.46);
}

.lakeeva-exchange-confirm__send {
  width: 100%;
}

.lakeeva-exchange-confirm__edit {
  width: 100%;
  min-height: 42px;
  margin-top: 6px;
  border: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  color: rgba(25, 25, 25, 0.56);
}

body.lakeeva-exchange-confirm-open {
  overflow: hidden;
}


/* LAKEEVA_EXCHANGE_CONFIRM_OVERLAY_V2 */

body.lakeeva-exchange-confirm-open
[data-exchange-panel] {
  z-index: 2147483000 !important;
}

body.lakeeva-exchange-confirm-open
.client-tabbar {
  display: none !important;
}

.lakeeva-exchange-confirm {
  z-index: 2147483001 !important;
}


/* LAKEEVA_EXCHANGE_THB_ONLY_STYLE_V1 */

/* Старый live-индикатор полностью убираем */
.lakeeva-exchange-calculator__live {
  display: none !important;
}

/* Единая карточка направления обмена */
.lakeeva-exchange-pair {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  background: #fff;
  box-shadow:
    0 10px 35px
    rgba(0, 0, 0, 0.06);
}

.lakeeva-exchange-side {
  position: relative;
  padding: 20px;
  background: #fff;
}

.lakeeva-exchange-side--from {
  padding-bottom: 27px;
  border-bottom:
    1px solid rgba(20, 25, 30, 0.08);
}

.lakeeva-exchange-side--to {
  padding-top: 30px;
}

.lakeeva-exchange-pair
.lakeeva-money-card__main {
  margin-top: 10px;
}

.lakeeva-exchange-pair
.lakeeva-money-card__amount {
  min-width: 0;
}

/* THB больше не select */
.lakeeva-money-card__currency--fixed {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  pointer-events: none;
  user-select: none;
}

.lakeeva-money-card__currency--fixed strong {
  font: inherit;
  font-weight: 600;
}

/* Направление, но не swap-кнопка */
.lakeeva-exchange-pair__direction {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform:
    translate(-50%, -50%);
}

.lakeeva-exchange-pair__direction span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border:
    4px solid
    var(--tg-theme-bg-color, #fff);
  background:
    var(
      --tg-theme-button-color,
      #6a3cff
    );
  color:
    var(
      --tg-theme-button-text-color,
      #fff
    );
  font-size: 20px;
  line-height: 1;
  box-shadow:
    0 6px 18px
    rgba(0, 0, 0, 0.16);
}

.lakeeva-exchange-rate--fixed {
  margin-top: 8px;
  text-align: left;
}

/* На первом экране способов получения больше нет */
[data-exchange-form]
.lakeeva-exchange-methods {
  display: none !important;
}

/* В confirmation они становятся отдельным этапом */
.lakeeva-exchange-confirm__methods {
  margin-top: 17px;
  margin-bottom: 15px;
}

.lakeeva-exchange-confirm__methods
.lakeeva-exchange-methods__head {
  margin-bottom: 10px;
}

@media (max-width: 420px) {
  .lakeeva-exchange-side {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lakeeva-exchange-pair__direction span {
    width: 38px;
    height: 38px;
  }
}

/* LAKEEVA_EXCHANGE_VISUAL_V2 */

/* Одна цельная карточка вместо набора полей */
.lakeeva-exchange-pair {
  overflow: hidden !important;
  border:
    1px solid
    rgba(7, 53, 42, 0.08) !important;
  border-radius: 22px !important;
  background: #f8f6f0 !important;
  box-shadow: none !important;
}

.lakeeva-exchange-side {
  padding: 18px !important;
  background: transparent !important;
}

.lakeeva-exchange-side--from {
  padding-bottom: 25px !important;
  border-bottom:
    1px solid
    rgba(7, 53, 42, 0.08) !important;
}

.lakeeva-exchange-side--to {
  padding-top: 26px !important;
  padding-bottom: 18px !important;
}

/* Заголовки Отдаёте / Получаете */
.lakeeva-exchange-pair
.lakeeva-money-card__label {
  margin: 0 0 8px 0 !important;
  color: #657067 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

/* Сумма + валюта в одной строке */
.lakeeva-exchange-pair
.lakeeva-money-card__main {
  display: grid !important;
  grid-template-columns:
    minmax(0, 1fr)
    auto !important;
  gap: 12px !important;
  align-items: center !important;
  margin: 0 !important;
}

/* Суммы без белых input-коробок */
.lakeeva-exchange-pair
.lakeeva-money-card__amount {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 56px !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;

  color: #07352a !important;
  font-size: clamp(
    32px,
    8vw,
    44px
  ) !important;
  font-weight: 720 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

.lakeeva-exchange-pair
.lakeeva-money-card__amount:focus {
  border: 0 !important;
  box-shadow: none !important;
}

/* Валюта — компактная кнопка справа */
.lakeeva-exchange-pair
.lakeeva-money-card__currency {
  width: auto !important;
  min-width: 108px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding:
    0 32px
    0 13px !important;

  border:
    1px solid
    rgba(7, 53, 42, 0.09) !important;
  border-radius: 14px !important;
  background-color:
    rgba(255, 255, 255, 0.78) !important;

  color: #07352a !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

/* Фиксированный THB */
.lakeeva-exchange-pair
.lakeeva-money-card__currency--fixed {
  min-width: 108px !important;
  padding: 0 13px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}

/* Быстрые суммы */
.lakeeva-exchange-pair
.lakeeva-quick-amounts {
  gap: 6px !important;
  margin-top: 12px !important;
}

.lakeeva-exchange-pair
.lakeeva-quick-amounts button {
  min-height: 34px !important;
  padding: 0 3px !important;

  border:
    1px solid
    rgba(7, 53, 42, 0.08) !important;
  border-radius: 11px !important;

  background:
    rgba(255, 255, 255, 0.72) !important;

  color: #53645d !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
}

/* Стрелка — только Lakeeva green, без фиолетового */
.lakeeva-exchange-pair__direction {
  z-index: 4 !important;
}

.lakeeva-exchange-pair__direction span {
  width: 38px !important;
  height: 38px !important;

  border:
    4px solid
    #f8f6f0 !important;

  border-radius: 50% !important;
  background: #0d4c3c !important;
  color: #ffffff !important;

  font-size: 17px !important;
  font-weight: 700 !important;

  box-shadow:
    0 5px 14px
    rgba(7, 53, 42, 0.18) !important;
}

/* Курс возвращаем в нормальный поток */
.lakeeva-exchange-rate,
.lakeeva-exchange-rate--fixed {
  position: static !important;
  right: auto !important;
  bottom: auto !important;

  margin: 7px 0 0 !important;

  color: #657067 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

/* Результат чуть сильнее выделяем */
.lakeeva-exchange-side--to
.lakeeva-money-card__amount {
  color: #073a2d !important;
}

/* Первый экран остаётся компактным */
[data-exchange-form]
.lakeeva-exchange-submit {
  margin-top: 14px !important;
}

@media (max-width: 390px) {
  .lakeeva-exchange-side {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .lakeeva-exchange-pair
  .lakeeva-money-card__amount {
    font-size: 34px !important;
  }

  .lakeeva-exchange-pair
  .lakeeva-money-card__currency,
  .lakeeva-exchange-pair
  .lakeeva-money-card__currency--fixed {
    min-width: 100px !important;
  }
}

/* LAKEEVA_EXCHANGE_VISUAL_V3 */

/* RUB select: убираем нативные стрелки */
.lakeeva-exchange-pair
select.lakeeva-money-card__currency {
  -webkit-appearance: none !important;
  appearance: none !important;

  padding:
    0 35px
    0 13px !important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2307352a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") !important;

  background-repeat: no-repeat !important;
  background-position:
    right 12px center !important;
  background-size:
    15px 15px !important;
}

/* Валютные pills немного компактнее */
.lakeeva-exchange-pair
.lakeeva-money-card__currency {
  min-width: 104px !important;
  height: 46px !important;
  min-height: 46px !important;
}

/* THB визуально фиксированный */
.lakeeva-exchange-pair
.lakeeva-money-card__currency--fixed {
  border-color:
    rgba(7, 53, 42, 0.06) !important;

  background:
    rgba(255, 255, 255, 0.48) !important;

  box-shadow: none !important;
}

/* Компактнее сама карточка */
.lakeeva-exchange-side {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.lakeeva-exchange-side--from {
  padding-bottom: 23px !important;
}

.lakeeva-exchange-side--to {
  padding-top: 24px !important;
  padding-bottom: 16px !important;
}

/* Стрелка направления становится индикатором, а не CTA */
.lakeeva-exchange-pair__direction span {
  width: 34px !important;
  height: 34px !important;

  border-width: 3px !important;

  font-size: 15px !important;

  box-shadow:
    0 3px 9px
    rgba(7, 53, 42, 0.14) !important;
}

/* Чуть аккуратнее курс */
.lakeeva-exchange-rate--fixed {
  margin-top: 6px !important;
  font-size: 10.5px !important;
  color:
    rgba(7, 53, 42, 0.62) !important;
}

/* Benefit не должен конкурировать с основной карточкой */
.lakeeva-exchange-benefit {
  margin-top: 10px !important;
  padding: 10px 12px !important;
  border-radius: 13px !important;
}

[data-exchange-form]
.lakeeva-exchange-submit {
  margin-top: 12px !important;
}

/* LAKEEVA_EXCHANGE_CONFIRM_POLISH_V4 */

.lakeeva-exchange-confirm__card {
  padding:
    10px
    16px
    calc(12px + env(safe-area-inset-bottom))
    !important;
}

/* Заголовок чуть плотнее к содержимому */
.lakeeva-exchange-confirm h3 {
  margin-bottom: 10px !important;
}

/* Итоговая карточка компактнее */
.lakeeva-exchange-summary {
  padding:
    3px
    13px !important;
  border-radius: 17px !important;
}

.lakeeva-exchange-summary__row {
  min-height: 43px !important;
}

.lakeeva-exchange-summary__row span {
  font-size: 11px !important;
}

.lakeeva-exchange-summary__row strong {
  font-size: 12.5px !important;
}

/* Способы получения */
.lakeeva-exchange-confirm__methods {
  margin-top: 15px !important;
  margin-bottom: 12px !important;
}

.lakeeva-exchange-confirm__methods
.lakeeva-exchange-methods__head {
  margin-bottom: 9px !important;
}

.lakeeva-exchange-confirm__methods
.lakeeva-exchange-methods__head strong {
  font-size: 14px !important;
}

/* Подпись справа удалена — заголовок больше не растягиваем */
.lakeeva-exchange-confirm__methods
.lakeeva-exchange-methods__head {
  justify-content: flex-start !important;
}

/* Карточки вариантов одинакового размера */
.lakeeva-exchange-confirm
.lakeeva-exchange-method {
  min-height: 59px !important;
  padding: 9px 10px !important;
  border-radius: 14px !important;
}

/* Иконки приводим к одному Lakeeva-стилю */
.lakeeva-exchange-confirm
.lakeeva-exchange-method__icon {
  width: 34px !important;
  height: 34px !important;
  flex-basis: 34px !important;

  border-radius: 10px !important;

  background:
    rgba(7, 53, 42, 0.06) !important;

  color: #0d4c3c !important;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;

  font-size: 16px !important;
  font-weight: 700 !important;

  box-shadow: none !important;
}

/* Активный способ — спокойное зелёное выделение */
.lakeeva-exchange-confirm
.lakeeva-exchange-method.is-active {
  border-color:
    rgba(13, 76, 60, 0.34) !important;

  background:
    rgba(13, 76, 60, 0.07) !important;

  box-shadow: none !important;
}

.lakeeva-exchange-confirm
.lakeeva-exchange-method strong {
  font-size: 12px !important;
}

.lakeeva-exchange-confirm
.lakeeva-exchange-method small {
  margin-top: 2px !important;
  font-size: 10px !important;
}

/* Нижнее пояснение */
.lakeeva-exchange-confirm__notice {
  margin:
    10px
    2px
    12px !important;

  font-size: 10.5px !important;
  line-height: 1.4 !important;
}

/* Вторичная кнопка ближе к основной */
.lakeeva-exchange-confirm__edit {
  min-height: 38px !important;
  margin-top: 4px !important;
}

/* LAKEEVA_EXCHANGE_EMPTY_STATE_V5 */

/*
 * Стрелка направления — информационный элемент,
 * а не отдельная кнопка.
 */
.lakeeva-exchange-pair__direction {
  z-index: 4 !important;

  display: grid !important;
  place-items: center !important;

  padding: 0 7px !important;

  background: #f8f6f0 !important;
}

.lakeeva-exchange-pair__direction span {
  width: 22px !important;
  height: 22px !important;

  display: grid !important;
  place-items: center !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  color: rgba(13, 76, 60, 0.72) !important;

  box-shadow: none !important;
}

.lakeeva-exchange-pair__direction svg {
  width: 19px !important;
  height: 19px !important;
  display: block !important;
}

/*
 * Пустой результат должен выглядеть
 * именно как отсутствие расчёта.
 */
.lakeeva-exchange-side--to
[data-exchange-to-amount] {
  min-height: 1.1em;
}

/*
 * Текст до ввода суммы.
 */
.lakeeva-exchange-rate--fixed {
  min-height: 15px !important;
}

/*
 * Disabled-кнопка должна однозначно
 * выглядеть неактивной.
 */
.lakeeva-exchange-submit:disabled {
  background:
    rgba(13, 76, 60, 0.32) !important;

  color:
    rgba(255, 255, 255, 0.84) !important;

  box-shadow: none !important;

  opacity: 1 !important;

  cursor: default !important;
  transform: none !important;
}

.lakeeva-exchange-submit:disabled
.search-button__arrow {
  opacity: 0.72 !important;
}



/* LAKEEVA_EXCHANGE_SWAP_V1 */

button.lakeeva-exchange-pair__direction {
  border: 0 !important;
  outline: 0;
  font: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

button.lakeeva-exchange-pair__direction span {
  width: 34px !important;
  height: 34px !important;

  border:
    1px solid
    rgba(13, 76, 60, 0.16) !important;

  border-radius: 50% !important;

  background:
    rgba(255, 255, 255, 0.96) !important;

  color: #0d4c3c !important;

  box-shadow:
    0 4px 12px
    rgba(7, 53, 42, 0.12) !important;

  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    background 220ms ease;
}

button.lakeeva-exchange-pair__direction svg {
  width: 18px !important;
  height: 18px !important;

  transition:
    transform 320ms
    cubic-bezier(0.22, 1, 0.36, 1);
}

button.lakeeva-exchange-pair__direction.is-reversed
svg {
  transform: rotate(180deg);
}

button.lakeeva-exchange-pair__direction:active
span {
  transform: scale(0.9);

  background:
    rgba(238, 244, 241, 1) !important;

  box-shadow:
    0 2px 6px
    rgba(7, 53, 42, 0.1) !important;
}