.fulfillio-telegram-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 164px;
  height: 46px;
  padding: 0 20px;
  border-radius: 12px;
  background: #229ed9;
  box-shadow: 0 8px 20px rgba(34, 158, 217, 0.25);
  color: #ffffff !important;
  font-family: Inter, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.fulfillio-telegram-button::before {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  border-radius: 50%;
  background: url("/static.tildacdn.com/tild3661-3362-4461-b866-383535626635/Frame_73.png") center / cover no-repeat;
  content: "";
}

.fulfillio-telegram-button:hover {
  background: #168ac2;
  box-shadow: 0 10px 24px rgba(34, 158, 217, 0.34);
  transform: translateY(-1px);
}

.fulfillio-telegram-button:focus-visible {
  outline: 3px solid #d9fb1d;
  outline-offset: 3px;
}

/* Two archived badges request a runtime webp derivative that 404s; the CDN
   only serves the local PNG originals, so pin them by their data-original id.
   An author !important rule beats the broken URL Tilda's imgoptimizer sets inline. */
.t-bgimg[data-original*="tild3334-3830-4566-b235-656332333032"] {
  background-image: url("/static.tildacdn.com/tild3334-3830-4566-b235-656332333032/photo.png") !important;
}

.t-bgimg[data-original*="tild6637-3732-4139-a364-616531383464"] {
  background-image: url("/static.tildacdn.com/tild6637-3732-4139-a364-616531383464/telegram-mobile.png") !important;
}

/* The archived menu used to appear only when the visitor scrolled upward. */
#rec740202616.fulfillio-sticky-visible {
  top: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: none !important;
}

/* Keep Tilda's generated consent rows inside their form cards. */
.t-form > .t-form__inputsbox + div {
  box-sizing: border-box;
  position: relative;
  z-index: 3;
  line-height: 1.35 !important;
}

.t-form > .t-form__inputsbox + div .t-checkbox__control {
  align-items: flex-start;
}

.t-form > .t-form__inputsbox + div .t-checkbox__indicator {
  flex: 0 0 15px;
  margin-top: 1px;
}

/* These old helper labels duplicate the required checkbox and overlap it. */
.tn-elem__7383517681713771495689,
.tn-elem__7398063561713970253000 {
  display: none !important;
}

/* Give the generated consent row enough room inside the white form cards. */
#rec738351768 .tn-elem[data-elem-id="1713771030646"] {
  height: 310px !important;
}

#rec739806356 .tn-elem[data-elem-id="1713969784840"] {
  height: 348px !important;
}

/* Footer consent needs light colours on the dark background. */
#rec739922874 .t-form > .t-form__inputsbox + div,
#rec739922874 .t-form > .t-form__inputsbox + div .t-checkbox__control {
  color: #ffffff !important;
}

/* Tilda centres this consent text while the checkbox stays left, so the second
   line wraps under the box. Left-align the row to match the checkbox. */
#rec739922874 .t-form > .t-form__inputsbox + div {
  text-align: left !important;
}

#rec739922874 .t-form > .t-form__inputsbox + div .t-checkbox__indicator {
  border-color: #ffffff !important;
}

#rec739922874 .t-form > .t-form__inputsbox + div a {
  color: #d9fb1d !important;
}

/* The same policy remains linked from the required checkbox above. */
#rec739922874 .tn-elem[data-elem-id="1713986392979"] {
  display: none !important;
}

@media (min-width: 640px) and (max-width: 959px) {
  #rec739922874 .t396__artboard,
  #rec739922874 .t396__filter,
  #rec739922874 .t396__carrier {
    min-height: 105vw !important;
  }

  /* On tablet the purple backdrop shape was only 369px tall — shorter than the
     white form card above it — so the card and its consent row spilled ~66px
     below it onto the section background ("the form drifts off the card").
     Grow it to contain the card. Desktop (>=960) is already 490px and fine. */
  #rec738351768 .tn-elem[data-elem-id="1713770918491"] {
    height: 440px !important;
  }
}

@media (min-width: 960px) {
  #rec739922874 .t396__artboard,
  #rec739922874 .t396__filter,
  #rec739922874 .t396__carrier {
    min-height: 580px !important;
  }
}

@media (max-width: 639px) {
  #rec738351768 .tn-elem[data-elem-id="1713771030646"] {
    height: 365px !important;
  }

  #rec739922874 .t-form > .t-form__inputsbox + div {
    font-size: 12px !important;
  }
}