/* Stranica /get — odna ssylka na oba magazina.
   Cveta i fon berutsya iz `landing.css` (body.landing), zdes tolko svoya raskladka. */

.get-wrap {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 32px 20px;
  text-align: center;
}

.get { width: 100%; max-width: 420px; }

.get-lang { margin-bottom: 22px; }

.get h1 {
  margin: 0 0 6px;
  font-size: 30px;
  letter-spacing: -0.02em;
  background: linear-gradient(180deg, var(--l-teal3), var(--l-teal));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.get .lead { margin: 0 0 26px; color: var(--l-dim); font-size: 15px; }

/* Kod pechatayut i na tyomnom fone on ne chitaetsya — poetomu belaya podlozhka. */
.qr {
  width: 208px;
  height: 208px;
  margin: 0 auto 12px;
  padding: 14px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 18px 40px -22px rgba(0, 0, 0, 0.9);
}

.qr img { width: 100%; height: 100%; display: block; }

.qr-hint { margin: 0 0 26px; color: var(--l-mute); font-size: 13px; }

.store {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 15px 18px;
  margin-bottom: 12px;
  border-radius: 14px;
  background: linear-gradient(180deg, var(--l-teal2), var(--l-teal));
  color: #06232a;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 12px 28px -14px rgba(45, 212, 191, 0.9);
}

.store:hover { filter: brightness(1.07); text-decoration: none; }

.store.alt {
  background: transparent;
  border: 1px solid var(--l-line);
  color: var(--l-text);
  box-shadow: none;
}

/* Magazina ешё net — knopka ostayotsya vidna, no ne obmanyvaet klikom. */
.store.soon {
  background: transparent;
  border: 1px dashed var(--l-line);
  color: var(--l-mute);
  box-shadow: none;
  cursor: default;
}

.store.soon:hover { filter: none; }

.back { display: inline-block; margin-top: 20px; color: var(--l-mute); font-size: 14px; }

/* Выбор языка. `base.css` сюда не подключаем — он задаёт html/body и перебил бы
   лендинговый фон; поэтому селектор одевается здесь, в цветах этой страницы.
   Системную стрелку убираем и рисуем свою, иначе на белом фоне ОС кнопка
   выглядит чужой. */
.lang-select {
  appearance: none;
  -webkit-appearance: none;
  padding: 9px 34px 9px 14px;
  border: 1px solid var(--l-line);
  border-radius: 999px;
  background: var(--l-bg2)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235eead4' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")
    no-repeat right 13px center;
  color: var(--l-text);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  transition: border-color 0.15s, background-color 0.15s;
}

.lang-select:hover { border-color: var(--l-teal); }
.lang-select:focus-visible { outline: 2px solid var(--l-teal2); outline-offset: 2px; }

/* Раскрытый список рисует система — задаём хотя бы цвета строк. */
.lang-select option { background: var(--l-bg2); color: var(--l-text); }