/* Общие элементы всех страниц: cookie-баннер, плавающая кнопка, юридический подвал */
html { overflow-x: hidden; }
[hidden] { display: none !important; }

.cookie {
  position: fixed; left: 16px; bottom: 16px; z-index: 200;
  max-width: 420px;
  background: #ede6d8; color: #0e0d0c;
  border: 2px solid #0e0d0c;
  padding: 14px 16px;
  font-family: "Feature Mono", ui-monospace, monospace; font-size: 12px; line-height: 1.5; letter-spacing: .02em;
  box-shadow: 6px 6px 0 #0e0d0c;
}
.cookie a { color: inherit; text-decoration: underline; }
.cookie div { display: flex; gap: 8px; margin-top: 12px; }
.cookie button {
  font: inherit; font-weight: 700; text-transform: uppercase; letter-spacing: .12em;
  padding: 8px 14px; cursor: pointer;
  border: 2px solid #0e0d0c; background: transparent; color: #0e0d0c;
}
.cookie button[data-c="yes"] { background: #0e0d0c; color: #ede6d8; }
.cookie button:hover { background: #ff3b14; color: #0e0d0c; }

.cta-fixed {
  position: fixed; right: 16px; bottom: 16px; z-index: 150;
  width: 112px; height: 112px; border-radius: 50%;
  display: grid; place-content: center; text-align: center;
  background: #ff3b14; color: #0e0d0c; border: 2px solid #0e0d0c;
  font-family: "Feature Mono", ui-monospace, monospace; font-weight: 700; font-size: 12px; line-height: 1.3;
  letter-spacing: .08em; text-transform: uppercase; text-decoration: none;
  transform: rotate(-12deg) scale(0); transition: transform .35s cubic-bezier(.2, .7, .2, 1);
}
.cta-fixed.on { transform: rotate(-12deg) scale(1); }
.cta-fixed:hover { transform: rotate(0) scale(1.06); background: #0e0d0c; color: #ff3b14; }

.legal-line {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 24px;
  font-family: "Feature Mono", ui-monospace, monospace; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; line-height: 1.7;
}
.legal-line nav { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.legal-line a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 760px) {
  .cookie { right: 16px; max-width: none; }
  .cta-fixed { width: 92px; height: 92px; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) { .cta-fixed { transition: none; } }

/* выбор, куда отправить заявку (пока форма без сервера) */
.send-via { grid-column: 1 / -1; display: grid; gap: 12px; border: 2px solid #0e0d0c; padding: 16px 18px; background: #ff3b14; color: #0e0d0c; box-shadow: 6px 6px 0 #0e0d0c; }
.send-via div { display: flex; flex-wrap: wrap; gap: 10px; }
.send-via a { font-family: "Feature Mono", ui-monospace, monospace; font-weight: 700; font-size: 16px; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; padding: 12px 18px; border: 2px solid #0e0d0c; background: #ede6d8; color: #0e0d0c; }
.send-via a:hover { background: #0e0d0c; color: #ff3b14; }
.send-via .sv-hint { opacity: .8; }

/* видимый фокус для навигации с клавиатуры */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, [tabindex]:focus-visible { outline: 3px solid #ff3b14; outline-offset: 3px; }

/* маленький знак в шапках страниц */
.home { display: inline-flex; align-items: center; gap: 8px; }
.logo-s { width: 22px; height: auto; aspect-ratio: 326 / 337; flex: none; }