/* Hero v2 — Site/v2/home-sections/01-hero.html, HTML-вставка (виджет vghhero1), вставлен на главную (пост 133) */

.elementor-element-vghroot1 { gap: 0 !important; }

.vgh2-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 1600px;
  margin: 0 auto;
}
@media (min-width: 1024px) { .vgh2-wrap { flex-direction: row; align-items: stretch; } }

.vgh2-left {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 680px;
  width: 100%;
  padding: 20px;
  border-bottom: 2px solid #162032;
  box-sizing: border-box;
}
@media (min-width: 640px) { .vgh2-left { padding: 32px; } }
@media (min-width: 1024px) {
  .vgh2-left { width: 58.3333%; min-height: 760px; border-bottom: none; border-right: 2px solid #162032; padding: 48px; }
}

.vgh2-wash { position: absolute; inset: 0; background: rgba(255,255,255,.1); backdrop-filter: blur(2px); z-index: 0; }
.vgh2-stripes { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(4, 1fr); opacity: .12; pointer-events: none; z-index: 0; }
.vgh2-stripes span { border-right: 1px solid #162032; }
.vgh2-stripes span:last-child { border-right: none; }

.vgh2-toprow, .vgh2-mid, .vgh2-bottomrow { position: relative; z-index: 1; }

.vgh2-toprow { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.vgh2-badge {
  display: inline-flex;
  border-radius: 9999px;
  border: 1px solid rgba(255,255,255,.5);
  background: rgba(255,255,255,.4);
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .12em;
  backdrop-filter: blur(12px);
  font-family: 'JetBrains Mono', monospace;
  color: #162032;
}
.vgh2-kicker { display: none; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .14em; font-family: 'JetBrains Mono', monospace; color: #162032; }
@media (min-width: 640px) { .vgh2-kicker { display: block; } }

.vgh2-mid { padding: 40px 0; }
.vgh2-h1 { margin: 0; font-size: 48px; font-weight: 500; line-height: .9; letter-spacing: -0.065em; color: #162032; }
.vgh2-h1__accent { font-style: italic; font-family: 'Source Serif 4', serif; letter-spacing: -0.045em; }
@media (min-width: 640px) { .vgh2-h1 { font-size: 84px; } }
@media (min-width: 1024px) { .vgh2-h1 { font-size: 108px; } }
@media (min-width: 1280px) { .vgh2-h1 { font-size: 132px; } }
.vgh2-lead { margin: 36px 0 0 !important; max-width: 34em; border-left: 2px solid #162032; padding-left: 20px; font-size: 16px; line-height: 1.6; color: #162032; }
@media (min-width: 640px) { .vgh2-lead { font-size: 18px; } }

.vgh2-bottomrow { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px; padding-top: 20px; border-top: 2px solid #162032; }
.vgh2-note { max-width: 32em; margin: 0; font-size: 14px; line-height: 1.6; color: #162032; }
.vgh2-arrow-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 12px;
  border: 2px solid #162032;
  background: rgba(255,255,255,.45);
  color: #162032;
  transition: transform .15s ease;
  box-shadow: 5px 5px 0 #162032;
}
.vgh2-arrow-btn:hover { transform: translate(4px, 4px); box-shadow: 1px 1px 0 #162032; }

.vgh2-right { position: relative; overflow: hidden; min-height: 520px; width: 100%; background: #0094FF; box-sizing: border-box; }
@media (min-width: 1024px) { .vgh2-right { width: 41.6667%; min-height: 760px; } }

.vgh2-imgwrap { position: absolute; inset: 0; }
.vgh2-img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; filter: none; mix-blend-mode: luminosity; }
.vgh2-overlay { position: absolute; inset: 0; background: linear-gradient(to top, #162032 0%, rgba(22,32,50,.1) 55%, transparent 100%); }

.vgh2-stat {
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
  background: #FFDD23;
  border-bottom: 2px solid #162032;
  border-left: 2px solid #162032;
}
.vgh2-stat__lb { margin: 0; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .14em; font-family: 'JetBrains Mono', monospace; color: #162032; }
.vgh2-stat__vl { margin: 8px 0 0 !important; font-size: 28px; font-weight: 500; letter-spacing: -0.02em; color: #162032; }

.vgh2-mission {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px;
  background: rgba(22,32,50,.45);
  border-top: 1px solid rgba(255,255,255,.3);
  backdrop-filter: blur(12px);
}
@media (min-width: 640px) { .vgh2-mission { padding: 32px; } }
.vgh2-mission__lb { margin: 0 0 12px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .16em; color: rgba(255,255,255,.7); font-family: 'JetBrains Mono', monospace; }
.vgh2-mission__tx { margin: 0; max-width: 28em; font-size: 22px; font-weight: 500; line-height: 1.25; letter-spacing: -0.01em; color: #FFFFFF; }
@media (min-width: 640px) { .vgh2-mission__tx { font-size: 28px; } }

.elementor-element-vghfrow1 { padding: 16px; }
@media (min-width: 640px) { .elementor-element-vghfrow1 { padding: 24px; } }
@media (min-width: 1024px) { .elementor-element-vghfrow1 { padding: 32px; } }
.elementor-element-vghfbox1 { box-shadow: 7px 7px 0 #162032; flex-wrap: wrap; }
.elementor-element-vghfbox1 { backdrop-filter: blur(12px); }
/* --- Форма поиска в Герое (виджет 813e207) --- 100% стиль по 01-hero.html --- */

.elementor-element-813e207 { width: 100% !important; max-width: 100% !important; flex-grow: 1 !important; }

.elementor-element-813e207 .ts-filter-wrapper { flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; }
@media (min-width: 1024px) {
  .elementor-element-813e207 .ts-filter-wrapper { flex-direction: row !important; }
}

.elementor-element-813e207 .elementor-repeater-item-87a5088,
.elementor-element-813e207 .elementor-repeater-item-0040b8c,
.elementor-element-813e207 .elementor-repeater-item-2bb31f5,
.elementor-element-813e207 .ts-form-group.ts-form-submit { width: 100% !important; box-sizing: border-box !important; }
@media (min-width: 1024px) {
  .elementor-element-813e207 .elementor-repeater-item-87a5088 { width: 33.3333% !important; }
  .elementor-element-813e207 .elementor-repeater-item-0040b8c { width: 25% !important; }
  .elementor-element-813e207 .elementor-repeater-item-2bb31f5 { width: 25% !important; }
  .elementor-element-813e207 .ts-form-group.ts-form-submit { width: 16.6667% !important; }
}

.elementor-element-813e207 .ts-filter-wrapper > .ts-form-group { padding: 0 !important; margin: 0 !important; }

.elementor-element-813e207 .ts-form-group:not(:last-child) { border-bottom: 2px solid #162032 !important; }
@media (min-width: 1024px) {
  .elementor-element-813e207 .ts-form-group:not(:last-child) { border-bottom: none !important; border-right: 2px solid #162032 !important; }
}

.elementor-element-813e207 .ts-input-icon,
.elementor-element-813e207 .ts-filter {
  min-height: 80px !important;
  height: auto !important;
  padding: 0 20px !important;
  gap: 16px !important;
  align-items: center !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  --ts-icon-size: 24px !important;
}

.elementor-element-813e207 .ts-search-btn {
  min-height: 80px !important;
  height: auto !important;
  width: 100% !important;
  padding: 0 20px !important;
  gap: 16px !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-radius: 0 !important;
  background: #162032 !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  --ts-icon-size: 24px !important;
  transition: background-color .18s ease;
}
.elementor-element-813e207 .ts-search-btn:hover { background: #0094FF !important; }

.elementor-element-813e207 .inline-input,
.elementor-element-813e207 .ts-filter-text {
  font-size: 14px !important;
  font-family: 'Inter', sans-serif !important;
  color: #162032 !important;
}
.elementor-element-813e207 .inline-input::placeholder { color: rgba(22,32,50,.45) !important; }

.elementor-element-813e207 .inline-user-location {
  width: 20px !important;
  height: 20px !important;
  border: none !important;
  background: transparent !important;
}
/* --- Форма поиска: двухстрочная структура полей (подпись + значение), точные иконки --- */

.elementor-element-813e207 .ts-input-icon,
.elementor-element-813e207 .ts-filter {
  display: grid !important;
  grid-template-columns: 24px 1fr auto;
  grid-template-rows: auto auto;
  align-content: center !important;
  column-gap: 16px !important;
  row-gap: 2px !important;
}

.elementor-element-813e207 .ts-input-icon > span:first-child,
.elementor-element-813e207 .ts-filter > span:first-child {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: center;
}

.elementor-element-813e207 .ts-input-icon::before,
.elementor-element-813e207 .ts-filter::before {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: rgba(22,32,50,.55);
  white-space: nowrap;
}
.elementor-element-813e207 .elementor-repeater-item-87a5088 .ts-input-icon::before { content: "Город или регион"; }
.elementor-element-813e207 .elementor-repeater-item-0040b8c .ts-filter::before { content: "Категория"; }
.elementor-element-813e207 .elementor-repeater-item-2bb31f5 .ts-input-icon::before { content: "Что ищете"; }

.elementor-element-813e207 .inline-input,
.elementor-element-813e207 .ts-filter-text {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
}

.elementor-element-813e207 .inline-user-location,
.elementor-element-813e207 .ts-down-icon {
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: end;
}

/* иконка категории — было "три полоски" (список), эталон — сетка 2x2 (solar:widget-4-linear) */
.elementor-element-813e207 .elementor-repeater-item-0040b8c .ts-filter > span:first-child svg {
  display: none !important;
}
.elementor-element-813e207 .elementor-repeater-item-0040b8c .ts-filter > span:first-child {
  width: 24px !important;
  height: 24px !important;
  background-color: #162032;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.5' d='M2.5 6.5c0-1.886 0-2.828.586-3.414S4.614 2.5 6.5 2.5s2.828 0 3.414.586s.586 1.528.586 3.414v11c0 1.886 0 2.828-.586 3.414S8.386 21.5 6.5 21.5s-2.828 0-3.414-.586S2.5 19.386 2.5 17.5zm11 9c0-1.886 0-2.828.586-3.414s1.528-.586 3.414-.586s2.828 0 3.414.586s.586 1.528.586 3.414v2c0 1.886 0 2.828-.586 3.414s-1.528.586-3.414.586s-2.828 0-3.414-.586s-.586-1.528-.586-3.414zm0-10c0-.932 0-1.398.152-1.765a2 2 0 0 1 1.083-1.083c.367-.152.833-.152 1.765-.152h2c.932 0 1.398 0 1.765.152a2 2 0 0 1 1.083 1.083c.152.367.152.833.152 1.765s0 1.398-.152 1.765a2 2 0 0 1-1.083 1.083c-.367.152-.833.152-1.765.152h-2c-.932 0-1.398 0-1.765-.152a2 2 0 0 1-1.083-1.083C13.5 6.898 13.5 6.432 13.5 5.5Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.5' d='M2.5 6.5c0-1.886 0-2.828.586-3.414S4.614 2.5 6.5 2.5s2.828 0 3.414.586s.586 1.528.586 3.414v11c0 1.886 0 2.828-.586 3.414S8.386 21.5 6.5 21.5s-2.828 0-3.414-.586S2.5 19.386 2.5 17.5zm11 9c0-1.886 0-2.828.586-3.414s1.528-.586 3.414-.586s2.828 0 3.414.586s.586 1.528.586 3.414v2c0 1.886 0 2.828-.586 3.414s-1.528.586-3.414.586s-2.828 0-3.414-.586s-.586-1.528-.586-3.414zm0-10c0-.932 0-1.398.152-1.765a2 2 0 0 1 1.083-1.083c.367-.152.833-.152 1.765-.152h2c.932 0 1.398 0 1.765.152a2 2 0 0 1 1.083 1.083c.152.367.152.833.152 1.765s0 1.398-.152 1.765a2 2 0 0 1-1.083 1.083c-.367.152-.833.152-1.765.152h-2c-.932 0-1.398 0-1.765-.152a2 2 0 0 1-1.083-1.083C13.5 6.898 13.5 6.432 13.5 5.5Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

/* кнопка "Найти": текст слева / стрелка справа (было наоборот), лупа -> arrow-right (эталон) */
.elementor-element-813e207 .ts-search-btn svg { display: none !important; }
.elementor-element-813e207 .ts-search-btn::after {
  content: "";
  width: 23px;
  height: 23px;
  flex-shrink: 0;
  background-color: #FFFFFF;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 12h16m0 0l-6-6m6 6l-6 6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 12h16m0 0l-6-6m6 6l-6 6'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.elementor-element-813e207 .inline-input { padding: 0 !important; }

/* --- Реордер полей формы поиска: '«Что ищете" — первым, город — третьим (как в эталоне) --- */
.elementor-element-813e207 .elementor-repeater-item-2bb31f5 { order: 1 !important; }
.elementor-element-813e207 .elementor-repeater-item-0040b8c { order: 2 !important; }
.elementor-element-813e207 .elementor-repeater-item-87a5088 { order: 3 !important; }
.elementor-element-813e207 .ts-form-group.ts-form-submit { order: 4 !important; }

@media (min-width: 1024px) {
  .elementor-element-813e207 .elementor-repeater-item-2bb31f5 { width: 33.3333% !important; }
  .elementor-element-813e207 .elementor-repeater-item-0040b8c { width: 25% !important; }
  .elementor-element-813e207 .elementor-repeater-item-87a5088 { width: 25% !important; }
}

.elementor-element-813e207 .inline-input {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.elementor-element-813e207 .inline-input:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* --- Точные иконки Solar (magnifer, map-point, alt-arrow-down) вместо залитых Voxel-иконок --- */

/* поле "Что ищете" (keywords) — solar:magnifer-linear */
.elementor-element-813e207 .elementor-repeater-item-2bb31f5 .ts-input-icon > span:first-child svg { display: none !important; }
.elementor-element-813e207 .elementor-repeater-item-2bb31f5 .ts-input-icon > span:first-child {
  width: 24px !important;
  height: 24px !important;
  background-color: #162032;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Ccircle cx='11.5' cy='11.5' r='9.5'/%3E%3Cpath stroke-linecap='round' d='M18.5 18.5L22 22'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Ccircle cx='11.5' cy='11.5' r='9.5'/%3E%3Cpath stroke-linecap='round' d='M18.5 18.5L22 22'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

/* поле "Город или регион" (location) — solar:map-point-linear */
.elementor-element-813e207 .elementor-repeater-item-87a5088 .ts-input-icon > span:first-child svg { display: none !important; }
.elementor-element-813e207 .elementor-repeater-item-87a5088 .ts-input-icon > span:first-child {
  width: 24px !important;
  height: 24px !important;
  background-color: #162032;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M4 10.143C4 5.646 7.582 2 12 2s8 3.646 8 8.143c0 4.462-2.553 9.67-6.537 11.531a3.45 3.45 0 0 1-2.926 0C6.553 19.812 4 14.606 4 10.144Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M4 10.143C4 5.646 7.582 2 12 2s8 3.646 8 8.143c0 4.462-2.553 9.67-6.537 11.531a3.45 3.45 0 0 1-2.926 0C6.553 19.812 4 14.606 4 10.144Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

/* шеврон категории — было CSS-треугольник 7x7 серого цвета, эталон: solar:alt-arrow-down-linear 18x18 */
.elementor-element-813e207 .ts-down-icon {
  border: none !important;
  transform: none !important;
  width: 18px !important;
  height: 18px !important;
  background-color: #162032;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m19 9l-7 6l-7-6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m19 9l-7 6l-7-6'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  align-self: end !important;
}

.elementor-element-813e207 .ts-inline-filter .ts-input-icon > span:first-child {
  position: static !important;
  left: auto !important;
  top: auto !important;
}

.elementor-element-813e207 .inline-input,
.elementor-element-813e207 .ts-filter-text {
  height: auto !important;
  line-height: 20px !important;
}
.elementor-element-813e207 .ts-input-icon::before,
.elementor-element-813e207 .ts-filter::before {
  line-height: 14px !important;
}
