/* Быстрая заявка — лёгкая форма с отправкой в Telegram.
   Тёмная тема под страницы контактов (палитра сайта). */
.qr-section {
  /* светлее у hero сверху → темнее к низу, чтобы отделяться от обеих соседних секций */
  background:linear-gradient(to bottom, #1b1510 0%, #16120e 45%, #0a0805 100%);
  border-top:1px solid rgba(230,184,156,0.10); /* линия-разделитель с hero */
  padding:64px 20px;
}
.qr-wrap { max-width:1100px; margin:0 auto; }
.qr-section, .qr-wrap, .qr-form { box-sizing:border-box; }

.qr-title {
  font-family:'Cinzel', serif; font-weight:400; font-size:1.9rem;
  color:#ffffff; margin:0 0 10px; text-align:center; letter-spacing:.01em;
}
.qr-sub {
  color:#c4c4c4; text-align:center; margin:0 auto 32px; max-width:520px;
  line-height:1.65; font-size:1rem;
}

/* Карточка формы — лёгкое возвышение на тёмном фоне */
.qr-form {
  display:flex; flex-direction:column; gap:18px;
  background:rgba(255,255,255,0.025);
  border:1px solid rgba(230,184,156,0.12);
  border-radius:16px;
  padding:28px;
}

.qr-row { display:flex; gap:16px; }
.qr-row .qr-field { flex:1 1 0; min-width:0; }

.qr-field { display:flex; flex-direction:column; gap:7px; min-width:0; }
.qr-field > span {
  font-size:.8rem; color:#e6b89c; letter-spacing:.04em; text-transform:uppercase;
}
.qr-field > span small {
  color:#9a9088; font-weight:400; text-transform:none; letter-spacing:0;
}

.qr-field input,
.qr-field select,
.qr-field textarea {
  font-family:inherit; font-size:16px; /* 16px = без авто-зума на iOS */
  padding:13px 15px; width:100%; max-width:100%; min-width:0; box-sizing:border-box;
  background-color:#15110d;          /* явно тёмный фон поля */
  border:1px solid rgba(230,184,156,0.22);
  border-radius:10px; color:#ffffff;
  transition:border-color .2s, box-shadow .2s, background-color .2s;
}
.qr-field input::placeholder,
.qr-field textarea::placeholder { color:rgba(255,255,255,0.38); }
.qr-field select {
  appearance:none; -webkit-appearance:none; cursor:pointer; padding-right:40px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23e6b89c' stroke-width='1.5' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 15px center;
}
.qr-field select option { background:#1a1512; color:#ffffff; } /* список в тёмной теме */
.qr-field input:focus,
.qr-field select:focus,
.qr-field textarea:focus {
  outline:none; border-color:#e6b89c;
  background-color:#1c1610;
  box-shadow:0 0 0 3px rgba(230,184,156,0.2);
}
.qr-field textarea { resize:vertical; min-height:88px; }

.qr-submit {
  align-self:center; margin-top:8px; padding:14px 38px;
  border:none; border-radius:999px;
  background:#e6b89c; color:#0a0a0a; font-family:inherit; font-size:1rem;
  font-weight:500; letter-spacing:.03em; cursor:pointer;
  transition:background .2s, transform .1s;
}
.qr-submit:hover { background:#d4a574; }
.qr-submit:active { transform:translateY(1px); }

.qr-note {
  font-size:.8rem; color:#9a9088; text-align:center;
  margin:2px 0 0; line-height:1.5;
}
.qr-status {
  font-size:.9rem; color:#ffffff; line-height:1.55;
  background:rgba(230,184,156,0.08);
  border:1px solid rgba(230,184,156,0.2);
  border-radius:10px; padding:12px 14px; text-align:center; margin:4px 0 0;
}
.qr-status--ok    { background:rgba(120,180,120,0.12); border-color:rgba(150,200,150,0.45); }
.qr-status--error { background:rgba(200,90,80,0.12);   border-color:rgba(220,120,110,0.5); }

/* honeypot — скрыто от людей, ловит спам-ботов */
.qr-hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

.qr-submit:disabled { opacity:.6; cursor:default; }

/* ── Хаб: секция FAQ + форма 50/50 (грузится только там, где подключён этот css) ── */
.faq-contact-section .faq-column { flex:1; }
.faq-contact-section .contact-column { flex:1; max-width:none; }
.faq-contact-section .contact-content { padding:clamp(28px,4vw,44px); }

/* ── Компактная минималистичная форма (встроена в тёмную колонку контактов) ── */
.qr-form--compact {
  background:transparent; border:none; padding:0;
  gap:18px; max-width:none; margin-top:18px; text-align:left;
}
.qr-form--compact .qr-field { gap:5px; }
.qr-form--compact .qr-field > span {
  font-size:.72rem; letter-spacing:.08em; color:rgba(230,184,156,0.85);
}
.qr-form--compact .qr-field input,
.qr-form--compact .qr-field select,
.qr-form--compact .qr-field textarea {
  background-color:rgba(255,255,255,0.05);
  border:1px solid rgba(230,184,156,0.22);
  border-radius:10px; padding:11px 14px;
}
.qr-form--compact .qr-field select { padding-right:38px; background-position:right 14px center; }
.qr-form--compact .qr-field textarea { min-height:64px; }
.qr-form--compact .qr-field input:focus,
.qr-form--compact .qr-field select:focus,
.qr-form--compact .qr-field textarea:focus {
  background-color:rgba(255,255,255,0.07);
  border-color:#e6b89c;
  box-shadow:0 0 0 3px rgba(230,184,156,0.18);
}
.qr-form--compact .qr-submit { width:100%; margin-top:12px; }

/* «или» — разделитель с линиями по бокам */
.qr-or {
  display:flex; align-items:center; gap:14px; margin:24px 0 18px;
  color:#9a9088; font-size:.78rem; letter-spacing:.05em;
}
.qr-or::before, .qr-or::after { content:""; flex:1; height:1px; background:rgba(230,184,156,0.18); }
.qr-or span { white-space:nowrap; }

/* мессенджеры — компактные иконки-кнопки в стиле полей формы */
.faq-contact-section .contact-icons { gap:14px; justify-content:center; }
.faq-contact-section .contact-icons a {
  display:inline-flex; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:50%;
  background:rgba(255,255,255,0.05); border:1px solid rgba(230,184,156,0.22);
  transition:background-color .2s, border-color .2s;
}
.faq-contact-section .contact-icons a:hover { background:rgba(230,184,156,0.15); border-color:#e6b89c; }
.faq-contact-section .contact-icons img { width:20px; height:20px; }

/* Мобайл: поля в столбик, ровные отступы */
@media (max-width:600px) {
  .qr-section { padding:40px 14px; }
  .qr-form { padding:18px; gap:15px; }
  .qr-row { flex-direction:column; gap:15px; }
  .qr-field input,
  .qr-field select,
  .qr-field textarea { padding:12px 14px; }
  .qr-title { font-size:1.5rem; }
  .qr-submit { width:100%; }
}