form:not([id]):not([class]) {
 display: none;
}
input.error {
 color: red !important;
}
#form {
 scroll-margin-top: 150px;
}
.iti,
input[name="phone2"] {
 width: 100% !important;
}
.iti__selected-dial-code {
 color: #fff !important;
}
:root {
 --blue-start: #0054c7;
 --blue-end: #0088ff;
 --border-color: #dfe3ec;
 --live-red: #e30613;
 --text-main: #111827;
}

* {
 box-sizing: border-box;
}

body {
 margin: 0;
 font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
  sans-serif;
 background: #f4f5f7;
}

/* ===== HEADER ===== */

.header {
 box-shadow: 0 1px 3px rgba(15, 23, 42, 0.16);
}

/* Верхняя синяя полоса */
.header__top {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 0 16px;
 height: 56px;

 background: linear-gradient(90deg, #009ee6 0%, #002993 100%);

 color: #fff;
}

.header__logo {
 display: flex;
 align-items: center;
 gap: 8px;
 font-weight: 700;
 font-size: 22px;
 letter-spacing: 0.03em;
 text-transform: uppercase;
}

.header__logo-box {
 width: 28px;
 height: 28px;
 border-radius: 6px;
 border: 2px solid #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 15px;
}

.header__actions {
 display: flex;
 align-items: center;
 gap: 8px;
}

.icon-btn {
 border: none;
 background: transparent;
 padding: 0px;
 border-radius: 999px;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
}

.icon-btn:hover {
 background: rgba(255, 255, 255, 0.12);
}

.icon-btn svg {
 width: 28px;
 height: 28px;
 fill: #fff;
}

/* Нижняя белая навигация */
.header__nav {
 display: grid;
 grid-template-columns: 2fr repeat(2, 1fr);
 grid-template-rows: 1fr;
 grid-column-gap: 0px;
 grid-row-gap: 0px;
 background: #fff;
 border-top: 1px solid var(--border-color);
 border-bottom: 1px solid var(--border-color);
}

.nav-item {
 display: flex;
 align-items: center;
 gap: 8px;
 padding: 10px 0px;
 font-size: 15px;
 color: var(--text-main);
 border-left: 1px solid var(--border-color);
 border-right: 1px solid var(--border-color);
 white-space: nowrap;
 grid-area: 1 / 2 / 2 / 3;
}

.nav-item:first-child {
 padding-left: 18px;
 width: 100%;
 grid-area: 1 / 1 / 2 / 4;
}

.nav-item:last-child {
 border-right: none;
 justify-content: center;
 grid-area: 1 / 3 / 2 / 4;
 border-left: none;
}

.nav-item--menu {
 justify-content: flex-start;
}

.nav-item--active {
 font-weight: 600;
 justify-content: center;
}

.nav-item--live {
 justify-content: flex-end;
 color: var(--live-red);
 font-weight: 700;
}

.hamburger {
 width: 18px;
 height: 12px;
 position: relative;
}

.hamburger span {
 position: absolute;
 left: 0;
 right: 0;
 height: 2px;
 border-radius: 999px;
 background: #111827;
}

.hamburger span:nth-child(1) {
 top: 0;
}
.hamburger span:nth-child(2) {
 top: 5px;
}
.hamburger span:nth-child(3) {
 top: 10px;
}

.live-dot {
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: var(--live-red);
}

/* Немного адаптива: на очень узких экранах уменьшаем шрифт */
@media (max-width: 360px) {
 .nav-item {
  font-size: 13px;
  padding-inline: 8px;
 }
}

.iti__selected-dial-code{
    color: #000 !important;
}