:root {
      --bg: #ffffff;
      --text: #101620;
      --muted: #5f6877;
      --line: #d9dee7;
      --soft: #f5f7fa;
      --accent: #006b5f;
      --accent-2: #0f8a78;
      --dark: #0b1320;
      --radius: 8px;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    * { box-sizing: border-box; }
    html { overflow-x: hidden; }
    body {
      margin: 0;
      background: var(--bg);
      color: var(--text);
      min-width: 320px;
      overflow-x: hidden;
    }
    button, input, select {
      font: inherit;
      letter-spacing: 0;
    }
    .shell {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }
    .topbar {
      height: 76px;
      border-bottom: 1px solid var(--line);
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 30px;
      gap: 28px;
      background: rgba(255,255,255,.94);
      position: sticky;
      top: 0;
      z-index: 20;
      backdrop-filter: blur(16px);
    }
    .brand {
      font-size: clamp(22px, 3vw, 32px);
      font-weight: 820;
      white-space: nowrap;
    }
    .brand span { color: var(--accent); }
    .nav {
      display: flex;
      align-items: center;
      gap: 54px;
      color: #111722;
      font-size: 16px;
    }
    .nav a {
      color: inherit;
      text-decoration: none;
      padding: 8px 0;
    }
    .request-btn, .primary-btn {
      border: 0;
      background: var(--accent);
      color: white;
      border-radius: var(--radius);
      min-height: 48px;
      padding: 0 22px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      font-weight: 720;
      cursor: pointer;
      transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
    }
    .request-btn:hover, .primary-btn:hover {
      background: #005b51;
      transform: translateY(-1px);
      box-shadow: 0 14px 30px rgba(0, 107, 95, .18);
    }
    .main {
      padding: 22px 30px 30px;
    }
    .hero {
      display: grid;
      grid-template-columns: minmax(360px, 43%) minmax(420px, 1fr);
      gap: 38px;
      align-items: center;
      max-width: 1480px;
      margin: 0 auto;
      min-width: 0;
    }
    .hero > * { min-width: 0; }
    .hero-copy {
      padding: 4px 0 0 8px;
      max-width: 620px;
    }
    h1 {
      margin: 0;
      font-size: clamp(40px, 4.7vw, 56px);
      line-height: 1;
      letter-spacing: 0;
      font-weight: 700;
      max-width: 640px;
      overflow-wrap: break-word;
    }
    .subcopy {
      color: var(--muted);
      font-size: 18px;
      line-height: 1.4;
      margin: 14px 0 14px;
      max-width: 560px;
    }
    .mobile-media-card {
      display: none;
    }
    .search-card {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 10px;
      background: white;
      box-shadow: 0 18px 48px rgba(17, 24, 39, .06);
      width: 100%;
      max-width: 100%;
    }
    .search-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }
    .search-grid > .field:first-child,
    .search-grid > .date-row,
    .search-grid > .children-ages,
    .search-grid > .primary-btn {
      grid-column: 1 / -1;
    }
    .search-grid > .primary-btn {
      position: relative;
      z-index: 90;
    }
    .field {
      min-height: 44px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 0 12px;
      background: #fff;
      min-width: 0;
    }
    .intent-field {
      position: relative;
      z-index: 120;
    }
    .intent-field.is-invalid {
      border-color: #d92d20;
      box-shadow: 0 0 0 3px rgba(217, 45, 32, .12);
    }
    .field svg {
      flex: 0 0 22px;
      color: var(--accent);
    }
    .field input, .field select {
      border: 0;
      outline: 0;
      width: 100%;
      color: #111722;
      background: transparent;
      font-size: 14px;
    }
    .intent-dropdown {
      position: absolute;
      left: -1px;
      right: -1px;
      top: calc(100% + 8px);
      z-index: 130;
      display: grid;
      gap: 4px;
      max-height: min(420px, 62vh);
      overflow-y: auto;
      padding: 8px;
      border: 1px solid #c8d3df;
      border-radius: var(--radius);
      background: rgba(255,255,255,.98);
      box-shadow: 0 12px 32px rgba(11,19,32,.08);
      backdrop-filter: blur(14px);
    }
    .intent-dropdown[hidden] { display: none; }
    .intent-status {
      position: absolute;
      left: -1px;
      right: -1px;
      top: calc(100% + 8px);
      z-index: 132;
      border: 1px solid #b8d7d0;
      border-radius: var(--radius);
      background: #edf7f4;
      color: #035d53;
      box-shadow: 0 18px 42px rgba(3,93,83,.12);
      padding: 10px 12px;
      font-size: 13px;
      font-weight: 700;
      line-height: 1.28;
    }
    .intent-status.is-error {
      border-color: #fecdca;
      background: #fff7f5;
      color: #b42318;
      box-shadow: 0 18px 42px rgba(180,35,24,.12);
    }
    .intent-status[hidden] { display: none; }
    .intent-option {
      width: 100%;
      min-height: 58px;
      border: 1px solid transparent;
      border-radius: var(--radius);
      background: transparent;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      padding: 9px 10px;
      color: var(--text);
      cursor: pointer;
      text-align: left;
    }
    .intent-option:hover,
    .intent-option.is-active {
      border-color: #b8d7d0;
      background: #edf7f4;
    }
    .intent-option strong {
      display: block;
      font-size: 14px;
      line-height: 1.15;
      overflow-wrap: anywhere;
    }
    .intent-option small {
      display: block;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.25;
      margin-top: 3px;
    }
    .intent-kind {
      min-height: 28px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 9px;
      color: #035d53;
      background: #e6f4f1;
      font-style: normal;
      font-size: 12px;
      font-weight: 760;
      white-space: nowrap;
    }
    .date-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
    }
    .children-ages {
      display: none;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }
    .children-ages.active { display: grid; }
    .children-ages .field { min-height: 46px; }
    .primary-btn {
      width: 100%;
      min-height: 50px;
      background: var(--accent);
      font-size: 16px;
    }
    .primary-btn:hover { filter: brightness(0.9); }
    .proof-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-top: 12px;
      color: #1f2937;
      font-size: 12px;
      line-height: 1.25;
    }
    .proof {
      display: grid;
      grid-template-columns: 28px 1fr;
      gap: 8px;
      align-items: center;
    }
    .proof svg { color: var(--accent); }
    .proof strong {
      display: block;
      font-size: 12px;
      color: #18202d;
    }
    .quick-start {
      margin-top: 12px;
      display: grid;
      gap: 10px;
    }
    .quick-start-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      color: var(--muted);
      font-size: 13px;
    }
    .quick-start-head strong { color: var(--text); font-size: 14px; }
    .quick-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .quick-chip {
      min-height: 52px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 10px 12px;
      color: var(--text);
      text-decoration: none;
      background: #fff;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 8px;
      align-items: center;
      transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
    }
    .quick-chip:hover {
      border-color: #8bb7ad;
      transform: translateY(-1px);
      box-shadow: 0 10px 24px rgba(16, 22, 32, .08);
    }
    .quick-chip strong {
      display: block;
      font-size: 14px;
      line-height: 1.1;
    }
    .quick-chip span {
      display: block;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.2;
      margin-top: 3px;
    }
    .quick-chip i {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: #edf5f3;
      color: var(--accent);
      font-style: normal;
      font-weight: 800;
    }
    .media-card {
      position: relative;
      min-height: 520px;
      border-radius: var(--radius);
      overflow: hidden;
      background: #d8e4ec;
      box-shadow: 0 20px 60px rgba(16, 22, 32, .12);
      isolation: isolate;
    }
    .media-card img {
      width: 100%;
      height: 100%;
      min-height: 520px;
      object-fit: cover;
      display: block;
      filter: saturate(1.04);
    }
    .media-card::after {
      content: "";
      position: absolute;
      inset: 45% 0 0;
      background: linear-gradient(180deg, rgba(7,11,18,0), rgba(7,11,18,.88));
      z-index: 1;
    }
    .media-meta {
      position: absolute;
      left: 28px;
      right: 28px;
      bottom: 28px;
      z-index: 2;
      color: white;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 26px;
      align-items: end;
    }
    .media-meta > * { min-width: 0; }
    .hotel-name {
      font-size: clamp(34px, 3.5vw, 46px);
      font-weight: 820;
      line-height: 1;
      margin-bottom: 10px;
    }
    .hotel-facts, .amenities {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      color: rgba(255,255,255,.9);
      font-size: 15px;
    }
    .amenities { margin-top: 14px; }
    .hero-price {
      text-align: right;
      white-space: nowrap;
    }
    .hero-price strong { overflow-wrap: anywhere; }
    .hero-price .from {
      font-size: 18px;
      opacity: .9;
      margin-right: 8px;
    }
    .hero-price strong {
      font-size: clamp(38px, 4.6vw, 58px);
      line-height: 1;
    }
    .fresh {
      margin-top: 14px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 10px;
      color: rgba(255,255,255,.92);
      font-size: 16px;
    }
    .fresh::before {
      content: "";
      width: 12px;
      height: 12px;
      background: #11c777;
      border-radius: 50%;
    }
    .hero-showcase {
      display: grid;
      gap: 12px;
      min-width: 0;
    }
    .hero-picks {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      min-width: 0;
    }
    .hero-pick {
      min-height: 92px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #fff;
      display: grid;
      grid-template-columns: 78px minmax(0, 1fr);
      overflow: hidden;
      color: var(--text);
      text-decoration: none;
      box-shadow: 0 12px 28px rgba(17,24,39,.06);
      transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
    }
    .hero-pick:hover {
      border-color: #8bb7ad;
      transform: translateY(-1px);
      box-shadow: 0 16px 34px rgba(17,24,39,.1);
    }
    .hero-pick-media {
      background: #e6edf2;
      min-width: 0;
      min-height: 92px;
      display: grid;
      place-items: center;
      color: #607080;
      font-size: 12px;
      font-weight: 760;
    }
    .hero-pick-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .hero-pick-copy {
      min-width: 0;
      padding: 10px;
      display: grid;
      gap: 3px;
      align-content: center;
    }
    .hero-pick-copy strong {
      font-size: 13px;
      line-height: 1.12;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .hero-pick-copy span {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.2;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .hero-pick-copy b {
      color: var(--accent);
      font-size: 13px;
      line-height: 1.1;
    }
    .dest-section, .results-section {
      max-width: 1480px;
      margin: 36px auto 0;
    }
    .portal-band {
      max-width: 1480px;
      margin: 36px auto 0;
      padding-top: 28px;
      border-top: 1px solid var(--line);
    }
    .section-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 16px;
    }
    .section-head h2 {
      margin: 0;
      font-size: 24px;
      line-height: 1.15;
    }
    .muted {
      color: var(--muted);
      font-size: 14px;
    }
    .dest-rail {
      display: grid;
      grid-template-columns: repeat(5, minmax(170px, 1fr));
      gap: 14px;
    }
    .dest-rail.popular-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .dest-rail.all-russia-grid {
      grid-template-columns: repeat(6, minmax(150px, 1fr));
    }
    .dest-card {
      position: relative;
      min-height: 168px;
      border-radius: var(--radius);
      border: 1px solid rgba(255,255,255,.2);
      overflow: hidden;
      background: linear-gradient(135deg, #1e6d80, #193b54);
      color: white;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      padding: 18px;
      cursor: pointer;
      transition: transform .18s ease, box-shadow .18s ease;
      text-decoration: none;
    }
    .dest-card.has-image {
      background: #172033;
      border-color: rgba(255,255,255,.12);
    }
    .dest-card.has-image::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(6,14,26,.08), rgba(6,14,26,.74));
      z-index: 1;
    }
    .dest-cover {
      position: absolute;
      inset: 0;
      z-index: 0;
      background: #dfe7ec;
    }
    .dest-cover img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .dest-card-content {
      position: relative;
      z-index: 2;
      display: grid;
      gap: 7px;
      min-width: 0;
    }
    .dest-card.has-image:nth-child(n) { background: #172033; }
    .dest-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 18px 40px rgba(16, 22, 32, .16);
      text-decoration: none;
    }
    .dest-card.is-loading {
      pointer-events: none;
      opacity: .88;
      transform: translateY(-1px);
    }
    .dest-card strong {
      font-size: 21px;
      line-height: 1.05;
      max-width: 100%;
      overflow-wrap: anywhere;
      text-decoration: none;
    }
    .all-russia-grid .dest-card {
      min-height: 142px;
      padding: 15px;
    }
    .all-russia-grid .dest-card strong {
      font-size: 18px;
      line-height: 1.08;
    }
    .dest-card small {
      display: block;
      margin-top: 8px;
      color: rgba(255,255,255,.82);
      font-size: 12px;
      line-height: 1.25;
      text-decoration: none;
    }
    .arrow {
      position: relative;
      z-index: 2;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: white;
      color: #172033;
      display: grid;
      place-items: center;
      flex: 0 0 38px;
    }
    .dest-card.is-loading .arrow {
      background: #eaf4f1;
      color: var(--accent);
    }
    .featured-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .featured-card {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #fff;
      overflow: hidden;
      color: inherit;
      text-decoration: none;
      display: grid;
      grid-template-rows: 190px minmax(0, auto);
      min-height: 330px;
      transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
    }
    .featured-card:hover {
      border-color: #8bb7ad;
      transform: translateY(-1px);
      box-shadow: 0 14px 32px rgba(16, 22, 32, .1);
    }
    .featured-media {
      background: #e7eef1;
      display: grid;
      place-items: center;
      color: #607080;
      overflow: hidden;
    }
    .featured-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .featured-placeholder { width: 100%; height: 100%; min-height: 190px; display: grid; place-items: center; color: #536273; font-size: 13px; font-weight: 760; }
    .featured-body {
      padding: 16px;
      display: grid;
      gap: 10px;
      align-content: start;
    }
    .featured-body strong {
      font-size: 20px;
      line-height: 1.16;
      overflow-wrap: anywhere;
    }
    .featured-body span {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.35;
    }
    .featured-price {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      color: var(--text);
      font-size: 14px;
      line-height: 1.25;
      flex-wrap: wrap;
    }
    .featured-price b {
      font-size: 18px;
      line-height: 1.1;
    }
    .featured-price small { color: var(--muted); }
    .results-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }
    .result-card {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 18px;
      min-height: 310px;
      background: white;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 18px;
    }
    .result-thumb {
      height: 128px;
      border-radius: var(--radius);
      background: #e7eef1;
      overflow: hidden;
      display: grid;
      place-items: center;
      color: #607080;
      text-decoration: none;
      border: 0;
      cursor: pointer;
    }
    .result-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .result-card h3 {
      margin: 0;
      font-size: 18px;
      line-height: 1.18;
    }
    .result-meta {
      color: var(--muted);
      font-size: 13px;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .price-line {
      display: grid;
      grid-template-columns: 1fr;
      align-items: start;
      gap: 8px;
    }
    .price-line strong {
      font-size: 26px;
      line-height: 1;
    }
    .price-line small {
      color: var(--muted);
      line-height: 1.28;
    }
    .price-line .ghost-btn {
      width: 100%;
      min-height: 42px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
      text-decoration: none;
    }
    .result-actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }
    .result-actions .ghost-btn,
    .result-actions .result-primary {
      min-height: 42px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius);
      font-weight: 800;
      white-space: nowrap;
      text-decoration: none;
    }
    .result-actions .result-primary {
      border: 1px solid #087260;
      background: #087260;
      color: #fff;
    }
    .badge-row {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 10px;
    }
    .result-trust-line {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 10px;
    }
    .result-trust-line span {
      min-height: 26px;
      display: inline-flex;
      align-items: center;
      border: 1px solid #bfe4db;
      border-radius: var(--radius);
      background: #ecfbf7;
      color: #087260;
      padding: 4px 8px;
      font-size: 12px;
      font-weight: 760;
      line-height: 1.2;
    }
    .result-note {
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid var(--line);
      color: #475467;
      font-size: 13px;
      line-height: 1.32;
    }
    .mini-badge {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      min-height: 26px;
      padding: 4px 8px;
      color: #344054;
      background: #f8fafc;
      font-size: 12px;
      line-height: 1.2;
    }
    .offer-transparency {
      display: grid;
      gap: 7px;
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid var(--line);
      color: #344054;
      font-size: 12px;
      line-height: 1.3;
    }
    .offer-transparency-summary { color: #172033; font-weight: 720; }
    .offer-transparency-list { display: flex; flex-wrap: wrap; gap: 6px; }
    .offer-transparency-list span {
      border: 1px solid #d8e1ea;
      border-radius: var(--radius);
      background: #f8fafc;
      padding: 4px 7px;
    }
    .offer-transparency-manager { color: var(--muted); }
    .selling-points { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; }
    .selling-point { border: 1px solid #c8ded9; border-radius: var(--radius); background: #edf7f4; color: #035d53; padding: 5px 8px; font-size: 12px; font-weight: 760; }
    .recent-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }
    .recent-card, .recent-empty {
      min-height: 118px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #fff;
      color: inherit;
      padding: 14px;
      text-align: left;
    }
    .recent-card {
      display: grid;
      gap: 10px;
      cursor: pointer;
    }
    .recent-card:hover { border-color: #9bb8b0; }
    .recent-card strong {
      font-size: 17px;
      line-height: 1.15;
      overflow-wrap: anywhere;
    }
    .recent-card small, .recent-empty {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.35;
    }
    .recent-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }
    .collection-grid, .trust-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 14px;
    }
    .collection-card, .trust-item {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #fff;
      padding: 16px;
      min-height: 154px;
      text-decoration: none;
      color: inherit;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 18px;
    }
    .collection-card strong, .trust-item strong {
      display: block;
      font-size: 18px;
      line-height: 1.18;
    }
    .collection-card span, .trust-item span {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.35;
    }
    .manager-band {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 18px;
      align-items: center;
      background: #0c1421;
      color: #fff;
      border-radius: var(--radius);
      padding: 24px;
    }
    .manager-band h2 { margin: 0 0 8px; font-size: 26px; line-height: 1.1; }
    .manager-band p { margin: 0; color: rgba(255,255,255,.76); line-height: 1.45; max-width: 760px; }
    .manager-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
    .manager-actions .ghost-btn { color: #fff; background: transparent; border-color: rgba(255,255,255,.34); text-decoration: none; }
    .manager-actions .request-btn { min-height: 44px; }
    .ghost-btn {
      border: 1px solid var(--line);
      background: white;
      color: var(--text);
      border-radius: var(--radius);
      min-height: 40px;
      padding: 0 12px;
      font-weight: 700;
      cursor: pointer;
    }
    .lead-panel {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 50;
      background: rgba(11,19,32,.42);
      place-items: center;
      padding: 18px;
    }
    .lead-panel.open { display: grid; }
    .lead-card {
      width: min(520px, 100%);
      background: white;
      border-radius: var(--radius);
      padding: 24px;
      box-shadow: 0 26px 70px rgba(11,19,32,.28);
    }
    .lead-card h2 {
      margin: 0 0 16px;
      font-size: 26px;
    }
    .lead-card .field { margin-bottom: 10px; }
    .lead-summary {
      display: grid;
      gap: 8px;
      padding: 12px;
      margin-bottom: 12px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--soft);
      color: #2d3646;
      font-size: 13px;
    }
    .lead-summary-row {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: flex-start;
    }
    .lead-summary-row span { color: var(--muted); }
    .lead-summary-row strong { text-align: right; line-height: 1.25; overflow-wrap: anywhere; }
    .lead-card textarea {
      width: 100%;
      min-height: 88px;
      resize: vertical;
      line-height: 1.35;
    }
    .lead-actions {
      display: flex;
      gap: 10px;
      justify-content: flex-end;
      margin-top: 16px;
    }
    .status {
      min-height: 20px;
      color: var(--muted);
      font-size: 13px;
      margin-top: 8px;
    }
    @media (max-width: 1040px) {
      .nav { display: none; }
      .hero { grid-template-columns: 1fr; }
      .media-card, .media-card img { min-height: 460px; }
      .hero-picks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .dest-rail, .dest-rail.popular-grid, .dest-rail.all-russia-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .recent-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .collection-grid, .trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .manager-band { grid-template-columns: 1fr; }
      .manager-actions { justify-content: flex-start; }
    }
    @media (min-width: 1041px) and (max-width: 1400px) {
      .media-meta { grid-template-columns: minmax(0, 1fr); gap: 14px; align-items: start; }
      .hero-price { max-width: 100%; text-align: left; white-space: normal; }
      .hero-price strong { font-size: clamp(34px, 3.5vw, 46px); }
      .fresh { justify-content: flex-start; }
    }
    @media (max-width: 680px) {
      .topbar { height: 68px; padding: 0 16px; }
      .request-btn { min-height: 42px; padding: 0 12px; }
      .request-btn span { display: none; }
      .main { padding: 18px 14px 28px; }
      .hero, .hero-copy, .search-card, .search-grid, .media-card, .dest-section, .results-section, .portal-band {
        width: 100%;
        max-width: 340px;
        margin-left: 0;
        margin-right: 0;
      }
      .hero-copy { padding: 0; }
      h1 { font-size: 36px; line-height: 1.04; max-width: 340px; }
      .subcopy { font-size: 16px; margin: 14px 0; }
      .mobile-media-card {
        display: grid;
        grid-template-columns: 116px minmax(0, 1fr);
        gap: 12px;
        align-items: stretch;
        margin: 0 0 14px;
        min-height: 116px;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        overflow: hidden;
        background: #fff;
        box-shadow: 0 12px 34px rgba(17, 24, 39, .07);
      }
      .mobile-media-card img {
        width: 116px;
        height: 116px;
        object-fit: cover;
        display: block;
        background: #d8e4ec;
      }
      .mobile-media-meta {
        min-width: 0;
        display: grid;
        gap: 5px;
        align-content: center;
        padding: 10px 12px 10px 0;
      }
      .mobile-media-meta strong {
        font-size: 18px;
        line-height: 1.08;
        overflow-wrap: anywhere;
      }
      .mobile-media-meta span {
        color: var(--muted);
        font-size: 12px;
        line-height: 1.25;
      }
      .mobile-media-price {
        color: var(--accent);
        font-weight: 820;
      }
      .search-card { padding: 12px; }
      .search-grid { grid-template-columns: 1fr; }
      .search-grid > .field:first-child,
      .search-grid > .date-row,
      .search-grid > .children-ages,
      .search-grid > .primary-btn {
        grid-column: auto;
      }
      .date-row { grid-template-columns: 1fr; }
      .children-ages { grid-template-columns: 1fr; }
      .proof-row { grid-template-columns: 1fr; }
      .quick-grid { grid-template-columns: 1fr; }
      .hero-showcase { display: none; }
      .media-card { display: none; }
      .media-meta { grid-template-columns: 1fr; left: 18px; right: 18px; bottom: 18px; }
      .hero-price { text-align: left; }
      .fresh { justify-content: flex-start; }
      .dest-rail, .dest-rail.popular-grid, .dest-rail.all-russia-grid, .results-grid, .recent-grid, .collection-grid, .trust-grid { grid-template-columns: 1fr; }
      .featured-grid { grid-template-columns: 1fr; }
      .manager-band { padding: 18px; }
      .lead-summary-row { display: grid; gap: 2px; }
      .lead-summary-row strong { text-align: left; }
    }
  
/* --- ANTIGRAVITY PREMIUM UI OVERRIDES --- */
h1 { letter-spacing: -0.02em; }
.search-card { 
  border: none !important; 
  border-radius: 20px !important; 
  box-shadow: 0 24px 54px rgba(17, 24, 39, .12) !important; 
  padding: 14px !important; 
}
.field { 
  border: none !important; 
  background: #f4f5f7 !important; 
  border-radius: 12px !important; 
  min-height: 52px !important; 
  transition: background 0.2s ease, box-shadow 0.2s ease !important;
}
.field:hover, .field:focus-within {
  background: #ffffff !important;
  box-shadow: 0 0 0 2px var(--accent) !important;
}
.primary-btn, .request-btn { 
  background: linear-gradient(135deg, #0f8a78 0%, #006b5f 100%) !important; 
  box-shadow: 0 8px 20px rgba(0, 107, 95, .25) !important; 
  border-radius: 12px !important;
}
.primary-btn:hover, .request-btn:hover { 
  transform: translateY(-2px) !important; 
  box-shadow: 0 12px 28px rgba(0, 107, 95, .35) !important; 
}
.media-card {
  border-radius: 24px !important;
  overflow: hidden !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.media-card:hover {
  transform: translateY(-4px) scale(1.005) !important;
  box-shadow: 0 30px 60px rgba(16, 22, 32, .18) !important;
}
.media-card::after {
  background: linear-gradient(180deg, rgba(7,11,18,0) 30%, rgba(7,11,18,.8) 100%) !important;
}
.media-meta {
  left: 20px !important;
  right: 20px !important;
  bottom: 20px !important;
  padding: 24px !important;
  border-radius: 20px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  background: rgba(11, 19, 32, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.hero-pick {
  border-radius: 16px !important;
  border: none !important;
  box-shadow: 0 8px 24px rgba(17,24,39,.04) !important;
}
.hero-pick:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 34px rgba(17,24,39,.08) !important;
}