/* ============================================================
   Дополнение к шаблону vykupavto (статическая копия):
   статичные CTA-блоки вместо форм, карта, страница 404
   ============================================================ */
:root {
  --green: #019670;
  --green-dark: #017a5c;
  --navy: #091223;
  --yellow: #ffd500;
}

img { max-width: 100%; }
.img-fluid { height: auto !important; }

/* ---------- КНОПКИ CTA ---------- */
.btn-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 22px;
  background: var(--green);
  color: #fff !important;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.2;
  border-radius: 8px;
  text-decoration: none !important;
  transition: background .2s ease, transform .1s ease;
  white-space: nowrap;
}
.btn-cta:hover { background: var(--green-dark); transform: translateY(-1px); }
.btn-cta-wa { background: #25d366; }
.btn-cta-wa:hover { background: #1db356; }
.btn-cta-tg { background: #0088cc; }
.btn-cta-tg:hover { background: #0077b3; }

/* ---------- СТАТИЧНЫЙ CTA (вместо форм ConvertForms) ---------- */
.static-cta {
  margin: 28px 15px;
  padding: 26px 28px;
  background: linear-gradient(135deg, var(--navy), #13233f);
  color: #fff;
  border-radius: 14px;
  border-left: 6px solid var(--yellow);
  text-align: center;
}
.static-cta .cta-heading { color: #fff; font-weight: 800; margin: 0 0 8px; }
.static-cta .cta-text { color: #c9d6ec; margin: 0 0 18px; }
.cta-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

/* ---------- Поля формы CTA (как в оригинале) ---------- */
.cta-fields { margin-top: 18px; }
.cta-input {
  width: 100%;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-family: inherit;
  padding: 13px 46px 13px 15px;
  margin-bottom: 12px;
  outline: none;
}
.cta-input::placeholder { color: #fff; opacity: 0.9; }
.cta-input:focus { border-color: var(--green); }
.cta-input-name {
  background-image: url("../../templates/vykupavto/images/bg_imya.png");
  background-repeat: no-repeat;
  background-position: 96% center;
}
.cta-input-tel {
  background-image: url("../../templates/vykupavto/images/bg_telForm.png");
  background-repeat: no-repeat;
  background-position: 96% center;
}
.cta-input-error { border-color: #ff6b6b !important; }
.cta-agree {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 14px;
  color: #fff;
  text-align: left;
  margin: 2px 0 14px;
  cursor: pointer;
}
.cta-agree .cta-check { margin-top: 3px; flex-shrink: 0; width: 16px; height: 16px; accent-color: var(--green); }
.cta-agree a { color: #8fd6ff; text-decoration: underline; }
.cta-submit { width: 100%; font-size: 16px; padding: 13px 20px; border-radius: 5px; border: 1px solid #019670; cursor: pointer; }
.cta-alt { margin: 12px 0 0; font-size: 14px; color: #c9d6ec; }
.cta-alt a { color: #fff; font-weight: 700; }

/* ---------- Светлый горизонтальный CTA (секция besplOc) ---------- */
.static-cta-light {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 10px 15px 0;
  margin: 0;
  color: #222;
  text-align: center;
}
.static-cta-light .cta-row { display: flex; gap: 14px; align-items: stretch; }
.static-cta-light .cta-input {
  flex: 1 1 0;
  border: 1px solid #d4dbe7;
  background-color: #fff;
  background-image: none;
  color: #222;
}
.static-cta-light .cta-input::placeholder { color: #9aa3b5; }
.static-cta-light .cta-input:focus { border-color: var(--green); }
.static-cta-light .cta-submit { flex: 0 0 230px; }
.static-cta-light .cta-agree { justify-content: center; color: #333; margin-top: 12px; }
.static-cta-light .cta-agree a { color: #0a84ff; }

@media (max-width: 767px) {
  .static-cta-light .cta-row { flex-direction: column; }
  .static-cta-light .cta-submit { flex: none; width: 100%; }
}

/* ---------- Прозрачный CTA (секция ostVop): поля прямо на фото ---------- */
.static-cta-ostvop {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 10px 0 0;
  max-width: 520px;
  color: #fff;
  text-align: left;
}
.static-cta-ostvop .cta-fields { margin-top: 0; }
.static-cta-ostvop .cta-row2 { display: flex; gap: 14px; }
.static-cta-ostvop .cta-row2 .cta-input { flex: 1 1 0; }
.static-cta-ostvop .cta-input { background-color: rgba(4, 12, 28, 0.45); }
.static-cta-ostvop .cta-textarea { min-height: 100px; resize: vertical; background-image: none; padding-right: 15px; }
.static-cta-ostvop .cta-input-email {
  background-image: url("../../templates/vykupavto/images/bg_email.png");
  background-repeat: no-repeat;
  background-position: 96% center;
}
.static-cta-ostvop .cta-submit { width: auto; min-width: 220px; }

@media (max-width: 767px) {
  .static-cta-ostvop .cta-row2 { flex-direction: column; }
  .static-cta-ostvop .cta-submit { width: 100%; }
}

/* ---------- CTA в hero-секции (.zayavka): повторяет панель формы #cf_3 ---------- */
.zayavka .static-cta {
  width: 422px;
  margin: 0 0 0 auto;
  padding: 60px 50px;
  background: rgba(4, 12, 28, 0.7);
  border: 1px solid #5f5f5f;
  border-radius: 10px;
  border-left: 1px solid #5f5f5f;
  backdrop-filter: blur(2px);
  color: #fff;
}
.zayavka .static-cta .cta-heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  padding: 12px 40px;
}
.zayavka .static-cta .cta-fields { margin-top: 6px; }

@media (min-width: 768px) and (max-width: 896px) {
  .zayavka .static-cta { width: 380px; padding: 35px 30px; }
}
@media (min-width: 768px) and (max-width: 853px) {
  .zayavka .static-cta { width: 330px; }
  .zayavka .static-cta .cta-heading { padding: 12px 15px; }
}
@media (max-width: 767px) {
  .zayavka .static-cta { width: 70%; margin: 0 auto; padding: 35px 30px; }
  .zayavka .static-cta .cta-heading { font-size: 22px; padding: 12px 40px; }
  .zayavka .static-cta .btn-cta { font-size: 15px; }
}
@media (max-width: 667px) {
  .zayavka .static-cta { width: 80%; }
}
@media (max-width: 568px) {
  .zayavka .static-cta { width: 90%; }
}
@media (max-width: 432px) {
  .zayavka .static-cta { width: 96%; }
  .zayavka .static-cta .cta-heading { padding: 12px 15px; }
}
@media (max-width: 320px) {
  .zayavka .static-cta { padding: 35px 20px; }
}
/* ---------- КАРТА ---------- */
.map-embed { margin: 0; border-radius: 0; overflow: hidden; }
.map-embed iframe { display: block; }

/* ---------- CTA в модальном окне ---------- */
.modal-content .static-cta-modal {
  margin: 0;
  background: #fff;
  color: #222;
  border: 0;
  border-radius: 12px;
  text-align: left;
}
.modal-content .static-cta-modal .cta-heading { color: #091223; text-align: left; }
.modal-content .static-cta-modal .cta-input {
  border: 1px solid #d4dbe7;
  background-color: #fff;
  color: #222;
}
.modal-content .static-cta-modal .cta-input::placeholder { color: #9aa3b5; }
.modal-content .static-cta-modal .cta-agree { color: #333; }
.modal-content .static-cta-modal .cta-agree a { color: #0a84ff; }
.modal-content .static-cta-modal .cta-alt { color: #555; }
.modal-content .static-cta-modal .cta-alt a { color: #091223; }
.modal-header .btn-close { margin-left: auto; }

/* ---------- Сообщения и мессенджеры ---------- */
.cta-error {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 6px;
  background: rgba(215, 62, 49, 0.12);
  border: 1px solid #d73e31;
  color: #ffd9d4;
  font-size: 14px;
}
.static-cta-light .cta-error, .static-cta-modal .cta-error { color: #b3261e; background: #fdecea; }
.cta-success {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 6px;
  background: rgba(15, 157, 88, 0.15);
  border: 1px solid #0f9d58;
  color: #c9f2da;
  font-size: 14px;
}
.static-cta-light .cta-success, .static-cta-modal .cta-success { color: #0b6e3f; background: #e6f6ec; }
.cta-mess { margin: 10px 0 0; font-size: 14px; }
.cta-mess a { font-weight: 700; text-decoration: underline; }

/* ---------- Fallback мобильного меню и модалок (если CDN/JS не сработал) ---------- */
.dj-offcanvas.show { transform: none !important; visibility: visible !important; }
.modal.show { display: block !important; }
body.modal-open { overflow: hidden; }

@media (max-width: 575px) {
  .btn-cta { width: 100%; }
  .static-cta { padding: 20px 16px; margin: 20px 10px; }
}
.seo-page-title{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2;margin:0 0 1.5rem;color:inherit}
.seo-gallery-fallback img{display:block;max-width:100%;height:auto;margin:1.5rem auto;border-radius:8px}