/* ─────────────────────────────────────────────
   ПАЛИТРА (все цвета жёстко — без var(), для Tilda)
   Акцент оранжевый : #e05a1c  /  тёмный : #b84510
   Тёмно-зелёный фон: #00432c
   Текст на зелёном  : #f0f7f4 (основной), #a8ccbc (второстепенный)
   Светлый фон       : #faf9f7
   Тёмный текст      : #1a1a18
   Серый текст       : #7a7a74
───────────────────────────────────────────── */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: #f4f2ee;
  color: #1a1a18;
  line-height: 1.6;
}

.dz-section { padding: 72px 0; }

.dz-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}
table {
  border-collapse: collapse; /* чтобы не было двойных границ */
}

th,
td {
  padding-left: 3px;
  padding-right: 3px;
}
/* Гарантийная плашка */
.dz-hero-form-guarantee {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f0f8f4;
  border: 1px solid #c4e8d0;
  border-radius: 8px;
  padding: 11px 14px;
  margin-bottom: 20px;
}

.dz-hero-form-guarantee-icon {
  font-size: 20px;
  flex-shrink: 0;
}

.dz-hero-form-guarantee-text {
  font-size: 12px;
  color: #1a5c2f;
  font-weight: 600;
  line-height: 1.4;
}

.dz-hero-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 20px;
  background: #00432c;
  border: 1px solid #c4e8d0;
  border-radius: 8px;
  padding: 11px 14px;
  margin-bottom: 20px;
}

.dz-hero-label-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e05a1c;
  animation: dz-blink 2s ease-in-out infinite;
}




/* ═════════════════════════════════════════════════════
   ТОП-БАР СО СКИДКОЙ — ЕДИНАЯ ВЕРСИЯ ДЛЯ ВСЕГО САЙТА

   Ставится на КАЖДУЮ страницу в одном и том же виде.
   Если на разных страницах окажутся разные версии —
   размер шрифта будет отличаться, как это было раньше
   на главной.
   ═════════════════════════════════════════════════════ */

#dz-topbar {
  background: #00432c;
  border-bottom: 2px solid rgba(224,90,28,0.45);
  padding: 11px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  position: relative;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  box-sizing: border-box;
}

#dz-topbar *,
#dz-topbar *::before,
#dz-topbar *::after {
  box-sizing: border-box;
  /* Свой шрифт на всех элементах: иначе правило body { font-family }
     из другого блока страницы подменит его, и текст будет выглядеть
     крупнее, чем на остальных страницах сайта */
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif !important;
}

/* Скрытое состояние */
#dz-topbar.dz-topbar-hidden { display: none; }

/* ── Иконка ── */
.dz-topbar-icon {
  font-size: 18px !important;
  flex-shrink: 0;
  line-height: 1;
  animation: dz-pulse 2.2s ease-in-out infinite;
}

@keyframes dz-pulse {
  0%, 100% { transform: scale(1);    opacity: 1;    }
  50%      { transform: scale(1.18); opacity: 0.82; }
}

/* ── Текст ── */
.dz-topbar-text {
  font-size: 14px !important;
  font-weight: 600;
  color: #f0f7f4;
  line-height: 1.4;
  text-align: center;
}

.dz-topbar-text strong {
  color: #ffffff;
  font-weight: 800;
}

.dz-topbar-text em {
  font-style: normal;
  color: #e05a1c;
  font-weight: 700;
}

/* ── Прогресс-шкала ── */
.dz-topbar-progress-wrap {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-shrink: 0;
}

.dz-topbar-bar {
  width: 110px;
  height: 6px;
  background: rgba(255,255,255,0.15);
  border-radius: 3px;
  overflow: hidden;
}

.dz-topbar-fill {
  height: 100%;
  background: #e05a1c;
  border-radius: 3px;
  width: 0%;
  transition: width 1s linear;
}

.dz-topbar-pct {
  font-size: 13px !important;
  font-weight: 800;
  color: #e05a1c;
  min-width: 34px;
  text-align: left;
}

/* ── Кнопка закрытия ── */
.dz-topbar-close {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  color: rgba(168,204,188,0.55);
  font-size: 18px !important;
  cursor: pointer;
  line-height: 1;
  padding: 4px;
  transition: color 0.15s;
  font-family: inherit;
}

.dz-topbar-close:hover { color: #f0f7f4; }


/* ═════════════════════════════════════════════════════
   АДАПТИВНОСТЬ — 6 БРЕЙКПОИНТОВ

   Разрешение      текст   %      иконка  шкала
   >1200px         14px    13px   18px    110px
   980–1200px      13.5px  13px   17px    100px
   640–980px       13px    12.5px 16px    90px
   480–640px       12.5px  12px   15px    80px
   320–480px       12px    11.5px 14px    70px
   <320px          11px    11px   13px    60px
   ═════════════════════════════════════════════════════ */

/* ─── 980–1200px ─── */
@media (max-width: 1200px) {
  #dz-topbar        { padding: 10px 20px; gap: 12px; }
  .dz-topbar-text   { font-size: 13.5px !important; }
  .dz-topbar-pct    { font-size: 13px !important; }
  .dz-topbar-icon   { font-size: 17px !important; }
  .dz-topbar-close  { font-size: 17px !important; }
  .dz-topbar-bar    { width: 100px; }
}

/* ─── 640–980px ─── */
@media (max-width: 980px) {
  #dz-topbar        { padding: 10px 18px; gap: 11px; }
  .dz-topbar-text   { font-size: 13px !important; }
  .dz-topbar-pct    { font-size: 12.5px !important; }
  .dz-topbar-icon   { font-size: 16px !important; }
  .dz-topbar-close  { font-size: 16px !important; }
  .dz-topbar-bar    { width: 90px; }
}

/* ─── 480–640px ─── */
@media (max-width: 640px) {
  #dz-topbar        { padding: 9px 16px; gap: 10px; }
  .dz-topbar-text   { font-size: 12.5px !important; }
  .dz-topbar-pct    { font-size: 12px !important; }
  .dz-topbar-icon   { font-size: 15px !important; }
  .dz-topbar-close  { font-size: 15px !important; }
  .dz-topbar-bar    { width: 80px; }
}

/* ─── 320–480px ─── */
@media (max-width: 480px) {
  #dz-topbar {
    padding: 9px 14px;
    padding-right: 34px;   /* место под крестик */
    gap: 9px;
  }
  .dz-topbar-text   { font-size: 12px !important; }
  .dz-topbar-pct    { font-size: 11.5px !important; }
  .dz-topbar-icon   { font-size: 14px !important; }
  .dz-topbar-close  { font-size: 14px !important; right: 8px; }
  .dz-topbar-bar    { width: 70px; }
  .dz-topbar-pct    { min-width: 30px; }
}

/* ─── менее 320px ─── */
@media (max-width: 359px) {
  #dz-topbar {
    padding: 8px 11px;
    padding-right: 32px;
    gap: 8px;
  }
  .dz-topbar-text   { font-size: 11px !important; }
  .dz-topbar-pct    { font-size: 11px !important; }
  .dz-topbar-icon   { font-size: 13px !important; }
  .dz-topbar-close  { font-size: 13px !important; right: 6px; }
  .dz-topbar-bar    { width: 60px; height: 5px; }
  .dz-topbar-pct    { min-width: 28px; }
}





/* ════════════════════════════════════════════
   ОБЩИЕ КНОПКИ
════════════════════════════════════════════ */

.dz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  padding: 13px 26px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.18s, opacity 0.15s;
  font-family: inherit;
  line-height: 1;
}

.dz-btn-primary,
.dz-btn-primary:link,
.dz-btn-primary:visited,
.dz-btn-primary:active {
  background: #e05a1c;
  color: #ffffff !important;
  text-decoration: none !important;
}

.dz-btn-primary:hover {
  background: #b84510;
  color: #ffffff !important;
  text-decoration: none !important;
}

.dz-btn-ghost-dark,
.dz-btn-ghost-dark:link,
.dz-btn-ghost-dark:visited,
.dz-btn-ghost-dark:active {
  background: rgba(255,255,255,0.10);
  color: #f0f7f4 !important;
  border: 1px solid rgba(255,255,255,0.22);
  text-decoration: none !important;
}

.dz-btn-ghost-dark:hover {
  background: rgba(255,255,255,0.17);
  color: #f0f7f4 !important;
  text-decoration: none !important;
}

.dz-btn-full { width: 100%; }

.dz-btn-link,
.dz-btn-link:link,
.dz-btn-link:visited,
.dz-btn-link:active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #e05a1c !important;
  background: transparent;
  border: none;
  cursor: pointer;
  text-decoration: none !important;
  padding: 10px 0;
  font-family: inherit;
  transition: color 0.15s;
}

.dz-btn-link:hover {
  color: #b84510 !important;
  text-decoration: none !important;
}

.dz-btn-wa,
.dz-btn-wa:link,
.dz-btn-wa:visited,
.dz-btn-wa:active {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  background: #25d366;
  color: #ffffff !important;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
}

.dz-btn-wa:hover {
  background: #1ead53;
  color: #ffffff !important;
  text-decoration: none !important;
}

.dz-btn-tg,
.dz-btn-tg:link,
.dz-btn-tg:visited,
.dz-btn-tg:active {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  background: #0088cc;
  color: #ffffff !important;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
}

.dz-btn-tg:hover {
  background: #006fa3;
  color: #ffffff !important;
  text-decoration: none !important;
}

.dz-messengers {
  display: flex;
  gap: 10px;
  margin-top: 12px;
}



/* ════════════════════════════════════════════
   ТОП-БАР — АДАПТИВНЫЕ ШРИФТЫ
   Отдельная шкала: полоса узкая, общий
   размер основного текста здесь избыточен
════════════════════════════════════════════ */

/* ─── >1200px (база) ─── */
#dz-topbar { padding: 11px 24px; }
.dz-topbar-bar { width: 110px; }
.dz-topbar-text { font-size: 14px; }
.dz-topbar-pct { font-size: 13px; }
.dz-topbar-icon { font-size: 18px; }
.dz-topbar-close { font-size: 18px; }

/* ─── 980–1200px ─── */
@media (max-width: 1200px) {
  #dz-topbar { padding: 10px 20px; }
  .dz-topbar-bar { width: 100px; }
  .dz-topbar-text { font-size: 13.5px; }
  .dz-topbar-pct { font-size: 13px; }
  .dz-topbar-icon { font-size: 17px; }
  .dz-topbar-close { font-size: 17px; }
}

/* ─── 640–980px ─── */
@media (max-width: 980px) {
  #dz-topbar { padding: 10px 18px; }
  .dz-topbar-bar { width: 90px; }
  .dz-topbar-text { font-size: 13px; }
  .dz-topbar-pct { font-size: 12.5px; }
  .dz-topbar-icon { font-size: 16px; }
  .dz-topbar-close { font-size: 16px; }
}

/* ─── 480–640px ─── */
@media (max-width: 640px) {
  #dz-topbar { padding: 9px 16px; }
  .dz-topbar-bar { width: 80px; }
  .dz-topbar-text { font-size: 12.5px; }
  .dz-topbar-pct { font-size: 12px; }
  .dz-topbar-icon { font-size: 15px; }
  .dz-topbar-close { font-size: 15px; }
}

/* ─── 320–480px ─── */
@media (max-width: 480px) {
  #dz-topbar { padding: 9px 14px; }
  .dz-topbar-bar { width: 70px; }
  .dz-topbar-text { font-size: 12px; }
  .dz-topbar-pct { font-size: 11.5px; }
  .dz-topbar-icon { font-size: 14px; }
  .dz-topbar-close { font-size: 14px; }
  #dz-topbar { padding-right: 34px; }
  .dz-topbar-close { right: 8px; }
}

/* ─── менее 320px ─── */
@media (max-width: 359px) {
  #dz-topbar { padding: 8px 11px; }
  .dz-topbar-bar { width: 60px; }
  .dz-topbar-text { font-size: 11px; }
  .dz-topbar-pct { font-size: 11px; }
  .dz-topbar-icon { font-size: 13px; }
  .dz-topbar-close { font-size: 13px; }
  #dz-topbar { padding-right: 34px; }
  .dz-topbar-close { right: 8px; }
}