.dop-info {
    margin-top: 20px;
}

/* ——— Isolated styles: zk-* ——— */
.zk-legalbar{
  --zk-color: #cbd5e1;       /* базовый цвет текста */
  --zk-color-hover: #fb923c; /* ховер */
  --zk-divider: rgba(203,213,225,.25);
  --zk-font: system-ui,-apple-system,Segoe UI,Roboto,Arial;
  padding: 12px 0;
  color: var(--zk-color);
  font-family: var(--zk-font);
  font-size: 14px;
margin-top: 20px;
}
.zk-legalbar__row{
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 10px;
}
@media (min-width:768px){
  .zk-legalbar__row{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; }
  .zk-legalbar__col{ padding:4px 8px; }
  .zk-legalbar__col--start{ text-align:left; }
  .zk-legalbar__col--center{ text-align:center; }
  .zk-legalbar__col--end{ text-align:right; }
}
.zk-legalbar__col{ padding: 4px 8px; }
.zk-legalbar__col--start{ text-align: left; }
.zk-legalbar__col--center{ text-align: center; }
.zk-legalbar__col--end{ text-align: right; }

.zk-legalbar__link{
  color: inherit;
  text-decoration: none;
  position: relative;
  outline: none;
}
.zk-legalbar__link::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -2px;
  height: 1px;
  background: currentColor;
  opacity: .0;
  transition: opacity .2s ease;
}
.zk-legalbar__link:hover,
.zk-legalbar__link:focus{
  color: var(--zk-color-hover);
}
.zk-legalbar__link:hover::after,
.zk-legalbar__link:focus::after{
  opacity: .8;
}

/* необязательная тонкая разделительная линия сверху */
.zk-legalbar{ border-top: 1px solid var(--zk-divider); }

/* Тёмный фон футера поддерживается твоим внешним контейнером;
   если нужен собственный фон — раскомментируй:
   .zk-legalbar{ background:#0f172a; } */




   /* базовые переменные — оставь как есть */
.zk-legalbar{
  --zk-color:#cbd5e1; --zk-color-hover:#fb923c; --zk-divider:rgba(203,213,225,.25);
  --zk-font:system-ui,-apple-system,Segoe UI,Roboto,Arial;
  padding:12px 0; color:var(--zk-color); font-family:var(--zk-font); font-size:14px;
  border-top:1px solid var(--zk-divider);
}

/* MOBILE: одна центрированная строка, элементы переносятся и имеют ровные промежутки */
.zk-legalbar__row{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:8px 16px;                 /* вертикальный и горизонтальный зазоры между ссылками */
}
.zk-legalbar__col{ flex:0 0 auto; text-align:center; padding:0; }

/* ссылки */
.zk-legalbar__link{ color:inherit; text-decoration:none; outline:none; }
.zk-legalbar__link:hover,.zk-legalbar__link:focus{ color:var(--zk-color-hover); }

/* DESKTOP (≥768px): три колонки как раньше */
@media (min-width:768px){
  .zk-legalbar__row{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; }
  .zk-legalbar__col{ padding:4px 8px; }
  .zk-legalbar__col--start{ text-align:left; }
  .zk-legalbar__col--center{ text-align:center; }
  .zk-legalbar__col--end{ text-align:right; }
}


  .ff-error{ border-color:#ef4444 !important; box-shadow:0 0 0 3px rgba(239,68,68,.15) !important; outline:0; }
  .ff-ok{ border-color:#22c55e !important; }
  .ff-help{ display:block; margin-top:6px; font-size:12px; color:#ef4444; }


.div-review {
  display: flex;
  align-items: center;
}

.div-review img {
  height: 96px;
  width: 96px;
  margin-left: 20px;
}


blockquote {
  background-color: #ededed;
  margin: 10px auto;
  padding: 15px;
  border-radius: 5px;
}

blockquote p::before {
  content: "\201C";
}

blockquote p::after {
  content: "\201D";
}

@media (max-width:768px){
  .div-review {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

.info-form {
  margin-bottom: 1.25rem !important;
  font-size: 10px;
} 

.info-form a {
  color: darkblue;
}



.consent-container {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #333;
  margin-top: 10px;
  cursor: pointer;
}

.consent-container input {
  display: none; /* прячем стандартный чекбокс */
}

.custom-checkbox {
  width: 18px;
  height: 18px;
  border: 2px solid #4da6ff;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  margin-right: 8px;
  flex-shrink: 0;
}

.consent-container input:checked + .custom-checkbox {
  background-color: #4da6ff;
}

.consent-container input:checked + .custom-checkbox::after {
  content: "✔";
  position: absolute;
  top: -2px;
  left: 2px;
  font-size: 14px;
  color: white;
}

.consent-text a {
  color: #4da6ff;
  text-decoration: none;
}

.consent-text a:hover {
  text-decoration: underline;
}

.ff-check-error { outline: 2px solid #ef4444; outline-offset: 2px; border-radius: 6px; }

.cookie-info{
  display: flex;
  padding: 15px 25px;
  box-sizing: border-box;
  max-width: 1000px;
  margin: auto;
  gap: 10px;
  align-content: stretch;
  justify-content: center;
  align-items: center;
}