/* Old iOS / Safari fallbacks (flex gap, inset, min/max/clamp, dvh) */

.initial-loader {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.initial-loader > * + * {
  margin-top: 13px;
}

.brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.brand > * + * {
  margin-left: 11px;
}

.header-tools {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.header-tools > * + * {
  margin-left: 10px;
}

.language-picker__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.language-picker__button > * + * {
  margin-left: 6px;
}

.language-menu {
  width: 230px;
  max-width: calc(100vw - 32px);
  max-height: 360px;
}

.intro,
.page-shell,
.product-search,
.product-list {
  width: 100%;
  max-width: 560px;
}

.product-search__control {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.product-search__option {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.product-search__option > * + * {
  margin-left: 12px;
}

.product-search__option-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.product-search__option-copy > * + * {
  margin-top: 3px;
}

.product-search__results {
  max-height: 340px;
}

.product-card__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.product-card__region-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.product-card__region {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.product-card__region > * + * {
  margin-left: 0.18em;
}

.product-card__region-separator {
  margin-left: 0.3em;
  margin-right: 0.3em;
}

.empty-state {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.empty-state > * + * {
  margin-top: 12px;
}

.telegram-contact {
  right: 16px;
  bottom: 18px;
}

.telegram-contact__copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}

#pageTitle {
  font-size: 40px;
}

@supports (width: min(560px, 100%)) {
  .intro,
  .page-shell,
  .product-search,
  .product-list {
    width: min(560px, calc(100% - 32px));
  }

  .language-menu {
    width: min(230px, calc(100vw - 32px));
    max-height: min(360px, 58vh);
  }

  .product-search__results {
    max-height: min(340px, 55vh);
  }
}

@supports (font-size: clamp(34px, 10vw, 48px)) {
  #pageTitle {
    font-size: clamp(34px, 10vw, 48px);
  }
}

@supports (right: max(16px, 0px)) {
  .telegram-contact {
    right: max(16px, env(safe-area-inset-right));
    bottom: max(18px, env(safe-area-inset-bottom));
  }
}

@media (max-width: 720px) {
  #pageTitle {
    font-size: 36px;
  }

  @supports (font-size: clamp(34px, 11vw, 48px)) {
    #pageTitle {
      font-size: clamp(34px, 11vw, 48px);
    }
  }
}