@media(max-width:420px){
  .routes-table-v8 .route-cell--comfort{min-width:0}
  .routes-table-v8 .comfort-list{max-width:100%;flex-wrap:wrap;justify-content:flex-end;row-gap:4px}
}
@media(max-width:360px){
  .page-hero__grid>*{min-width:0}
  .page-hero h1{overflow-wrap:anywhere}
}
.season-method{margin:16px 0 0;color:#64748b;font-size:13px;line-height:1.55}

/* route-stop-snap-v12-2026-08-30 */
.route-motion-v8 .route-motion__top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.route-motion-v8 .route-motion__hint{color:#647792;font-size:.68rem;font-weight:600;line-height:1.3;text-align:right}
.route-motion-v8 .route-stop:not(.route-stop--terminal) .route-stop__label strong{color:#405775;font-size:.72rem;font-weight:700}
.route-motion-v8 .route-stop:not(.route-stop--terminal) .route-stop__label small{margin-top:3px;color:#7a8da7;font-size:.58rem;font-weight:550}
.route-motion-v8 .route-road .route-bus{animation:route-bus-cycle-v12 48s linear infinite}
.route-motion-v8 .route-road .route-bus__passengers i:nth-child(1){animation:route-passenger-one-v12 48s linear infinite}
.route-motion-v8 .route-road .route-bus__passengers i:nth-child(2){animation:route-passenger-two-v12 48s linear infinite}
.route-motion-v8 .route-road .route-bus__passengers i:nth-child(3){animation:route-passenger-three-v12 48s linear infinite}
.route-motion-v8 .route-road .route-bus__passengers i:nth-child(4){animation:route-passenger-four-v12 48s linear infinite}
.route-motion-v8 .route-road .route-stop:nth-child(2) .route-stop__marker{animation:route-stop-one-v12 48s linear infinite}
.route-motion-v8 .route-road .route-stop:nth-child(3) .route-stop__marker{animation:route-stop-two-v12 48s linear infinite}
.route-motion-v8 .route-road .route-stop:nth-child(4) .route-stop__marker{animation:route-stop-three-v12 48s linear infinite}
@keyframes route-bus-cycle-v12{
  0%,5%{left:7%;transform:translate(-50%,-50%) scaleX(1)}
  12%,16%{left:28%;transform:translate(-50%,-50%) scaleX(1)}
  23%,27%{left:56%;transform:translate(-50%,-50%) scaleX(1)}
  34%,38%{left:80%;transform:translate(-50%,-50%) scaleX(1)}
  45%,49.99%{left:93%;transform:translate(-50%,-50%) scaleX(1)}
  50.01%,55%{left:93%;transform:translate(-50%,-50%) scaleX(-1)}
  62%,66%{left:80%;transform:translate(-50%,-50%) scaleX(-1)}
  73%,77%{left:56%;transform:translate(-50%,-50%) scaleX(-1)}
  84%,88%{left:28%;transform:translate(-50%,-50%) scaleX(-1)}
  95%,100%{left:7%;transform:translate(-50%,-50%) scaleX(-1)}
}
@keyframes route-stop-one-v12{
  0%,15.99%{background:#fff;box-shadow:0 0 0 3px #1769e055,0 5px 12px #0b1f3a26}
  16%,87.99%{background:var(--accent);box-shadow:0 0 0 5px #f59e0b2e,0 5px 12px #0b1f3a26}
  88%,100%{background:#fff;box-shadow:0 0 0 3px #1769e055,0 5px 12px #0b1f3a26}
}
@keyframes route-stop-two-v12{
  0%,26.99%{background:#fff;box-shadow:0 0 0 3px #1769e055,0 5px 12px #0b1f3a26}
  27%,76.99%{background:var(--accent);box-shadow:0 0 0 5px #f59e0b2e,0 5px 12px #0b1f3a26}
  77%,100%{background:#fff;box-shadow:0 0 0 3px #1769e055,0 5px 12px #0b1f3a26}
}
@keyframes route-stop-three-v12{
  0%,37.99%{background:#fff;box-shadow:0 0 0 3px #1769e055,0 5px 12px #0b1f3a26}
  38%,65.99%{background:var(--accent);box-shadow:0 0 0 5px #f59e0b2e,0 5px 12px #0b1f3a26}
  66%,100%{background:#fff;box-shadow:0 0 0 3px #1769e055,0 5px 12px #0b1f3a26}
}
@keyframes route-passenger-one-v12{0%,15.99%{opacity:1}16%,87.99%{opacity:0}88%,100%{opacity:1}}
@keyframes route-passenger-two-v12{0%,26.99%{opacity:1}27%,76.99%{opacity:0}77%,100%{opacity:1}}
@keyframes route-passenger-three-v12{0%,37.99%{opacity:1}38%,65.99%{opacity:0}66%,100%{opacity:1}}
@keyframes route-passenger-four-v12{0%,48.99%{opacity:1}49%,54.99%{opacity:0}55%,100%{opacity:1}}
@media(max-width:920px) and (min-width:761px){
  .route-motion-v8 .route-stop:not(.route-stop--terminal) .route-stop__label small{display:none}
}
@media(prefers-reduced-motion:reduce){
  .route-motion-v8 .route-road .route-bus{animation:none!important;left:56%!important;transform:translate(-50%,-50%)!important}
  .route-motion-v8 .route-road .route-stop__marker{animation:none!important}
}

/* mariupol-krasnodar-demand-history-v1 */
.demand-history-section{border-top:1px solid var(--line);background:linear-gradient(180deg,#f7faff 0,#eef4fb 100%)}
.season-card--demand{overflow:hidden}
.demand-season-chart .season-bar i{min-height:2px}
.demand-season-chart .season-bar:focus-visible{outline:0}
.demand-season-chart .season-bar:focus-visible i{box-shadow:inset 0 1px #ffffff80,0 0 0 3px #ff8a1f66}
.season-card--demand .season-card__meta{justify-content:flex-start}
.season-card--demand .season-card__meta output{font-weight:600}
.season-card--demand .season-method{max-width:1040px}
@media(max-width:760px){.demand-season-chart{grid-template-columns:repeat(12,56px);height:250px}.season-card--demand .season-card__meta{display:grid;gap:10px}.season-card--demand .chart-legend{gap:10px}}
@media(max-width:760px){.demand-history-section,.main-nav a[href$="#season-chart"]{display:none!important}}

.station-contact-card dd{overflow-wrap:anywhere}
@media(max-width:760px){#season-chart{display:none}}

/* Mobile transport comparison cards. */
@media(max-width:760px){
  .transport-table{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
  .transport-table table,.transport-table tbody{display:block;width:100%;min-width:0}
  .transport-table thead{display:none}
  .transport-table tbody{display:grid;gap:14px}
  .transport-table tbody tr{display:grid;overflow:hidden;border:1px solid #d9e5f3;border-radius:16px;background:#fff;box-shadow:0 10px 28px #16345c0d}
  .transport-table tbody tr:first-child{border-color:#a9c9ed;background:linear-gradient(180deg,#f3f8ff 0,#fff 58%);box-shadow:0 12px 30px #1769e018}
  .transport-table tbody th{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px 14px;border:0;color:var(--heading);font-size:1rem;font-weight:750;text-align:left}
  .transport-table tbody th:before{content:"Вид транспорта";order:2;padding:5px 8px;border-radius:999px;color:#45617f;background:#edf3fa;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
  .transport-table tbody tr:first-child th:before{content:"Проверено";color:#1458a7;background:#dcecff}
  .transport-table tbody td{display:grid;grid-template-columns:minmax(108px,.8fr) minmax(0,1.2fr);gap:14px;align-items:start;padding:12px 18px;border:0;border-top:1px solid #e5edf6;color:var(--heading);font-size:.84rem;line-height:1.45;text-align:left}
  .transport-table tbody td:before{color:#667b94;font-size:.68rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase}
  .transport-table tbody td:nth-of-type(1):before{content:"Время в пути"}
  .transport-table tbody td:nth-of-type(2):before{content:"Стоимость"}
  .transport-table tbody td:nth-of-type(3):before{content:"Статус данных"}
  .transport-table tbody td small{margin-top:2px;font-size:.7rem;line-height:1.4}
  .transport-note{margin-top:16px;padding:0 4px;line-height:1.5}
}
@media(max-width:430px){
  .transport-table tbody td{grid-template-columns:1fr;gap:4px}
}

/* Mariupol — Krasnodar: reference typography and compact timetable. */
.route-hero-v2 .route-kpis dt{font-size:.78rem;font-weight:650}
.route-hero-v2 .route-kpis dd{font-size:clamp(1.25rem,1.8vw,1.62rem);font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.route-hero-v2 .route-kpis small{font-size:.72rem;line-height:1.35}
@media(min-width:761px){
  .route-hero-v2 .route-kpis{grid-template-columns:.78fr 1.25fr .97fr}
  .route-hero-v2 .route-kpis>div{padding-right:12px;padding-left:12px}
  .route-hero-v2 .route-kpis>div:first-child{padding-left:0}
  .route-hero-v2 .route-kpis>div:nth-child(2) dd{white-space:nowrap}
}
.route-filterbar-v8{--route-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231769e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.route-filterbar-v8 .route-filter select{appearance:none;background-image:var(--route-chevron);background-repeat:no-repeat;background-position:right 11px center;background-size:16px}
.route-filterbar-v8 .route-comfort-picker>summary:after{content:"";display:block;width:16px;height:16px;flex:none;background:var(--route-chevron) center/16px no-repeat}
.routes-table-v8 table{min-width:0;table-layout:fixed}
.routes-table-v8 thead th:nth-child(1),.routes-table-v8 thead th:nth-child(2){width:17%}
.routes-table-v8 thead th:nth-child(3),.routes-table-v8 thead th:nth-child(6){width:8%}
.routes-table-v8 thead th:nth-child(4){width:13%}
.routes-table-v8 thead th:nth-child(5){width:18%}
.routes-table-v8 thead th:nth-child(7){width:9%}
.routes-table-v8 thead th:nth-child(8){width:10%}
.routes-table-v8 td{padding-right:8px;padding-left:8px;overflow-wrap:anywhere}
.routes-table-v8 .route-cell--price>strong{white-space:nowrap}
.routes-table-v8 .route-cell--comfort .comfort-list{gap:3px}
.routes-table-v8 .route-row-cta{width:38px;height:38px;min-height:38px;padding:8px}
.route-next-day{display:inline;margin-left:4px;color:#8996a8;font-size:.52em;font-weight:400;letter-spacing:0;white-space:nowrap;vertical-align:super}
@media(max-width:900px){
  .routes-table-v8 table{table-layout:auto}
  .routes-table-v8 .route-cell--action{justify-content:flex-end}
  .routes-table-v8 .route-row-cta{width:44px;height:44px;min-height:44px}
}
@media(max-width:420px){
  .routes-table-v8 .route-cell--ticket{grid-column:1/5}
  .routes-table-v8 .route-cell--comfort{grid-column:5/13}
}

/* Route reference pages: use the full shell width and responsive data cards. */
.page-route-wide .page-hero__grid{grid-template-columns:minmax(0,1fr);gap:22px}
.page-route-wide .page-hero__aside{max-width:none}
.route-full-width{display:block}
.route-full-width .prose{max-width:none}
.route-full-width .prose>h2:first-child,.route-full-width .route-data-intro h2{margin-top:0}
.route-full-width .source-card{position:static;margin-top:36px}
.route-full-width .notice{max-width:none}
.route-data-intro{margin-bottom:18px}
.route-data-intro p{max-width:100%;color:var(--muted)}
.route-reference-table{overflow:visible}
.route-reference-table table{table-layout:fixed;min-width:0}
.route-reference-table th,.route-reference-table td{padding:14px 12px;font-family:var(--font-sans);font-size:.83rem;line-height:1.45;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.route-reference-table td strong{color:var(--heading);font-size:.94rem;font-variant-numeric:tabular-nums}
.route-reference-table td small{display:block;margin-top:4px;color:var(--muted);font-size:.7rem;line-height:1.4}
.route-reference-table th:first-child{width:17%}
.route-reference-table th:nth-child(2){width:17%}
.route-reference-table th:nth-child(3){width:10%}
.route-reference-table th:nth-child(4){width:24%}
.route-reference-table th:nth-child(5){width:18%}
.route-reference-table th:nth-child(6){width:14%}
.route-price-table th:first-child{width:30%}
.route-price-table th:nth-child(2){width:34%}
.route-price-table th:nth-child(3){width:18%}
.route-price-table th:nth-child(4){width:18%}
.route-table-source{margin:13px 0 42px;color:var(--muted);font-size:.78rem;line-height:1.5}
.transport-table td a{color:var(--brand);font-weight:650}
@media(max-width:760px){
  .route-reference-table{border:0;background:transparent;overflow:visible}
  .route-reference-table table,.route-reference-table tbody{display:block;width:100%}
  .route-reference-table thead{display:none}
  .route-reference-table tbody{display:grid;gap:12px}
  .route-reference-table tbody tr{display:grid;padding:8px 16px;border:1px solid #d9e5f3;border-radius:15px;background:#fff;box-shadow:0 8px 24px #16345c0d}
  .route-reference-table td{display:grid;grid-template-columns:minmax(118px,.45fr) minmax(0,1fr);gap:10px;padding:9px 0;border:0;border-top:1px solid #e6edf6}
  .route-reference-table td:first-child{border-top:0}
  .route-reference-table td:before{content:attr(data-label);color:#667b94;font-size:.68rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase}
  .route-reference-table td strong{font-size:.88rem}
  .route-reference-table td small{grid-column:2;margin-top:-6px}
}
@media(max-width:420px){
  .route-reference-table td{grid-template-columns:1fr;gap:3px}
  .route-reference-table td small{grid-column:1;margin-top:0}
}