:root {
    --main-text:      #001f3f;          /* очень тёмный глубокий синий (почти navy) — для основного текста */
    --second-text:    #004466;          /* тёмный deep-sky-blue-ish, читаемый */
    --neutral-text:   #0088aa;          /* средний, уже заметно голубой, но не слишком яркий */

    --footer-bg:      #004d80;          /* тёмный глубокий голубой вместо серого #1c1c1c */
    --sections-bg:    #b3e5ff;          /* светлый, пастельный deep sky blue вместо серого #cecccc */
    --form-bg:        #e6f7ff;          /* очень светлый голубоватый, почти белый */
    --body-bg:        #f0faff;          /* лёгкий голубой фон, близкий к предыдущему #fefcfb */

    --white:          #ffffff;

    /* Акценты — уже были в голубой гамме, чуть подкрутил для гармонии с deep sky blue */
    --accent:         #00bfff;          /* чистый Deep Sky Blue — теперь главный акцент */
    --accent-bg-info: #004d80;          /* тёмный фон под инфо-блоки, гармонирует */
    --accent-mobile-steps: #40c0ff;     /* светлее и свежее */
    --accent-opposite: #00d4c7;         /* бирюзово-голубой комплементарный */
    --accent-target:  #00aaff;          /* оставил близким к предыдущему, но можно #00bfff */
    --accent-tg:      #039be5;          /* telegram-цвет остаётся */

    --header-h:       70px;
    --header-mob-h:   60px;

    /* Градиенты — теперь построены вокруг deep sky blue */
    --range-head: linear-gradient(38.66deg, #0088cc 8.8%, #40dfff 84.72%);
    --range-line: linear-gradient(90deg, #0088ff 14%, #00bfff 70%);
}
/* ===== НОВЫЕ ГАЛОЧКИ SF ===== */
.sf-agree-main {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  margin-bottom: 4px;
  border-radius: 8px;
  cursor: pointer;
}
.sf-agree-main:hover { background: rgba(0,0,0,0.03); }
.sf-agree-main-text {
  font-size: 13px;
  font-weight: 500;
}

.sf-cb-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px;
  margin-bottom: 10px;
}
.sf-cb-row {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  padding: 3px 6px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.12s;
}
.sf-cb-row:hover { background: rgba(0,0,0,0.03); }
.sf-cb-row a,
.sf-cb-row span {
  font-size: 10.5px;
  line-height: 1.3;
  color: #999;
  text-decoration: none;
}
.sf-cb-row a:hover { text-decoration: underline; color: #666; }
.sf-cb-row.sf-full { grid-column: 1 / -1; }
.sf-cb-row.sf-full span { font-size: 10px; color: #bbb; }
.sf-cb-row.sf-optional a { color: #bbb; }

.sf-cb {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  margin-top: 1px;
  border: 1.5px solid #ccc;
  border-radius: 3px;
  position: relative;
  transition: background 0.15s, border-color 0.15s;
}
.sf-cb.on { background: #039be5; border-color: #039be5; }
.sf-cb.on::after {
  content: '';
  position: absolute;
  left: 2px;
  top: 0px;
  width: 6px;
  height: 3.5px;
  border-left: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
  transform: rotate(-45deg);
}
.sf-cb.sf-cb-opt.on { background: #ccc; border-color: #ccc; }
/* ===== АДАПТИВ ГАЛОЧЕК ===== */
@media (max-width: 480px) {
  .sf-cb-grid {
    grid-template-columns: 1fr 1fr;
    max-height: 130px;
    overflow-y: auto;
    border: 0.5px solid #e0e0e0;
    border-radius: 8px;
    padding: 4px;
    margin-bottom: 8px;
  }

  .sf-cb-row {
    padding: 3px 4px;
  }

  .sf-cb-row a,
  .sf-cb-row span {
    font-size: 10px;
    line-height: 1.3;
  }

  .sf-cb-row.sf-full {
    grid-column: 1 / -1;
  }

  .sf-agree-main {
    padding: 4px 6px;
    margin-bottom: 4px;
  }

  .sf-agree-main-text {
    font-size: 12px;
  }
}
@media (max-width: 300px) {
  #sf-submit-btn {
    width: 100%;
    padding: 10px;
    font-size: 10px;
  }
}

/* Большая кнопка на мобиле */
@media (max-width: 480px) {
  #sf-submit-btn {
    width: 100%;
    padding: 18px;
    font-size: 18px;
    letter-spacing: 0.05em;
  }
}
.information__cell._social,
.information__cell._mailing {
    visibility: hidden !important;
    pointer-events: none;
}