/* ══════════════════════════════════════════════════════════════
   Лендинг «ЖД билеты до Сортавала» — /zhd-bilety/
   Namespace .sorta_zhd_*. Дополняет trust.css (hero, секции, FAQ).
   Цвета — только токены forest-depth из global.css.
   ══════════════════════════════════════════════════════════════ */

/* ── Виджет покупки билета (верх страницы) ── */
.sorta_zhd_widget{
  background:linear-gradient(135deg,var(--c-accent) 0%,#0A8F6A 100%);
  border-radius:var(--r-xl);
  padding:26px 28px;
  color:#fff;
  margin-bottom:20px;
  position:relative;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(var(--c-accent-rgb),.22);
}
.sorta_zhd_widget::after{
  content:"";position:absolute;right:-60px;top:-60px;
  width:220px;height:220px;border-radius:50%;
  background:rgba(2,132,199,.28);pointer-events:none;
}
.sorta_zhd_widget_inner{
  position:relative;z-index:1;
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;
}
.sorta_zhd_widget_icon{
  width:54px;height:54px;flex-shrink:0;border-radius:14px;
  background:rgba(255,255,255,.16);
  display:flex;align-items:center;justify-content:center;
}
.sorta_zhd_widget_icon svg{width:28px;height:28px}
.sorta_zhd_widget_text{flex:1;min-width:220px}
.sorta_zhd_widget_title{font-size:19px;font-weight:800;line-height:1.3;margin-bottom:5px}
.sorta_zhd_widget_sub{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.86)}
.sorta_zhd_widget_btn{
  display:inline-flex;align-items:center;gap:9px;
  background:#fff;color:var(--c-accent)!important;
  font-size:15px;font-weight:800;
  padding:14px 26px;border-radius:30px;
  white-space:nowrap;transition:all var(--trans);
}
.sorta_zhd_widget_btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.sorta_zhd_widget_btn svg{width:18px;height:18px}
.sorta_zhd_widget_erid{
  position:relative;z-index:1;
  margin-top:14px;font-size:11px;color:rgba(255,255,255,.62);
}

/* Повторный CTA в теле страницы — светлый вариант */
.sorta_zhd_cta_inline{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  background:var(--c-accent-bg);border-radius:var(--r-lg);
  padding:18px 20px;margin-top:16px;
}
.sorta_zhd_cta_inline_text{flex:1;min-width:200px;font-size:14px;line-height:1.6;color:var(--c-accent-text)}
.sorta_zhd_cta_inline_btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--c-accent);color:#fff!important;
  font-size:14px;font-weight:800;padding:12px 22px;border-radius:26px;
  white-space:nowrap;transition:all var(--trans);
}
.sorta_zhd_cta_inline_btn:hover{background:var(--c-accent-h);transform:translateY(-2px)}
.sorta_zhd_cta_erid{width:100%;font-size:11px;color:var(--c-dim)}

/* ── Карточки поездов (данные из TransportRoute) ── */
.sorta_zhd_routes{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.sorta_zhd_route{
  background:var(--c-page);border-radius:var(--r-lg);
  padding:18px 20px;border:1px solid transparent;
  transition:all var(--trans);display:block;
}
a.sorta_zhd_route:hover{border-color:var(--c-accent);background:var(--c-white);box-shadow:0 4px 18px rgba(0,0,0,.07)}
.sorta_zhd_route_head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.sorta_zhd_route_num{
  font-size:12px;font-weight:800;color:var(--c-accent);
  background:var(--c-accent-bg);border-radius:12px;padding:3px 10px;
}
.sorta_zhd_route_title{font-size:16px;font-weight:800;color:var(--c-text)}
.sorta_zhd_route_op{font-size:12.5px;color:var(--c-muted)}
.sorta_zhd_route_desc{font-size:13.5px;line-height:1.6;color:var(--c-muted);margin-top:6px}
.sorta_zhd_deps{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sorta_zhd_dep{
  display:inline-flex;align-items:baseline;gap:6px;
  background:var(--c-white);border:1px solid var(--c-surface2);
  border-radius:10px;padding:7px 11px;font-size:13px;
}
a.sorta_zhd_route:hover .sorta_zhd_dep{border-color:var(--c-accent-bg)}
.sorta_zhd_dep_time{font-weight:800;color:var(--c-text);font-variant-numeric:tabular-nums}
.sorta_zhd_dep_meta{font-size:11.5px;color:var(--c-muted)}
.sorta_zhd_dep_price{font-size:11.5px;font-weight:700;color:var(--c-accent)}
.sorta_zhd_routes_note{font-size:12.5px;color:var(--c-dim);margin-top:12px;line-height:1.6}

/* ── Компактные факты (время в пути / цены) ── */
.sorta_zhd_facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.sorta_zhd_fact{background:var(--c-page);border-radius:var(--r-lg);padding:16px 18px}
.sorta_zhd_fact_val{font-size:20px;font-weight:800;color:var(--c-accent);line-height:1.2}
.sorta_zhd_fact_label{font-size:12.5px;color:var(--c-muted);margin-top:4px;line-height:1.5}

@media(max-width:760px){
  .sorta_zhd_facts{grid-template-columns:1fr}
  .sorta_zhd_widget{padding:22px 20px}
  .sorta_zhd_widget_title{font-size:17px}
  .sorta_zhd_widget_btn{width:100%;justify-content:center}
}