/* Sải Cánh Express — Trang "Tất cả tuyến" (v4.39.0, page-routes.php + inc/routes-sce.php). Mobile-first, Untitled UI. */
.sce-rt .sce-cp-hero__ctas{ display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.sce-rt-bar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin:0 0 24px; }
.sce-rt-bar__title{ margin:0!important; font-size:clamp(22px,3vw,30px)!important; letter-spacing:-.01em; }
.sce-rt-search{ position:relative; flex:1 1 280px; max-width:420px; }
.sce-rt-search .sce-icon{ position:absolute; left:14px; top:50%; width:20px; height:20px; transform:translateY(-50%); color:var(--sce-ink-faint); pointer-events:none; }
.sce-rt-search input{ box-sizing:border-box; width:100%; height:48px; padding:0 14px 0 44px; border:1px solid var(--sce-line); border-radius:12px; background:var(--sce-white); color:var(--sce-ink); font:400 16px/1.4 var(--sce-font-body); box-shadow:0 1px 2px rgba(16,24,40,.05); }
.sce-rt-search input:focus{ outline:none; border-color:var(--sce-red); box-shadow:0 0 0 4px rgba(214,0,0,.12); }

.sce-rt-group{ margin:0 0 32px; }
.sce-rt-group[hidden]{ display:none; }
.sce-rt-group__title{ display:flex; align-items:center; gap:8px; margin:0 0 12px!important; font-size:15px!important; font-weight:600!important; color:var(--sce-ink-soft)!important; text-transform:none; letter-spacing:0; }
.sce-rt-group__title span{ display:inline-grid; place-items:center; min-width:22px; height:22px; padding:0 7px; border-radius:999px; background:var(--sce-bg); border:1px solid var(--sce-line); font-size:12px; color:var(--sce-ink-soft); }
.sce-rt-grid{ display:grid; gap:12px; list-style:none; margin:0!important; padding:0!important; }
@media (min-width:640px){ .sce-rt-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .sce-rt-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

.sce-rt-card{ position:relative; display:flex; align-items:center; gap:14px; margin:0!important; padding:16px; border:1px solid var(--sce-line); border-radius:16px; background:var(--sce-white);
  box-shadow:0 1px 2px rgba(16,24,40,.05); transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.sce-rt-card[hidden]{ display:none; }
.sce-rt-card:hover{ border-color:rgba(214,0,0,.35); box-shadow:0 8px 20px -8px rgba(16,24,40,.16); transform:translateY(-1px); }
.sce-rt-card:focus-within{ outline:2px solid var(--sce-red); outline-offset:2px; }
.sce-rt-card__flag{ flex:none; line-height:0; }
.sce-rt-card__flag .sce-flag{ width:40px; height:40px; }
.sce-rt-card__body{ display:flex; flex-direction:column; gap:4px; min-width:0; flex:1; }
.sce-rt-card__name{ font:600 16px/1.35 var(--sce-font-body); color:var(--sce-ink)!important; text-decoration:none!important; }
.sce-rt-card__name::after{ content:""; position:absolute; inset:0; border-radius:16px; } /* cả thẻ bấm được */
.sce-rt-card__name:focus-visible{ outline:none; }
.sce-rt-card:hover .sce-rt-card__name{ color:var(--sce-red)!important; }
.sce-rt-card__sub{ font-size:14px; color:var(--sce-ink-soft); }
.sce-rt-card__modes{ display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; }
.sce-rt-mode{ display:inline-flex; align-items:center; gap:4px; height:24px; padding:0 8px; border-radius:999px; background:var(--sce-bg); border:1px solid var(--sce-line); font-size:12.5px; font-weight:500; color:var(--sce-ink-soft); }
.sce-rt-mode .sce-icon{ width:13px; height:13px; color:var(--sce-ink-faint); }
.sce-rt-card__go{ flex:none; width:20px; height:20px; color:var(--sce-ink-faint); transition:transform .2s ease, color .2s ease; }
.sce-rt-card:hover .sce-rt-card__go{ color:var(--sce-red); transform:translateX(3px); }

.sce-rt-empty{ margin:0 0 24px!important; padding:16px; border:1px dashed var(--sce-line); border-radius:12px; color:var(--sce-ink-soft); text-align:center; }
.sce-rt-empty a{ color:var(--sce-red); font-weight:600; }
.sce-rt-more{ display:flex; flex-wrap:wrap; align-items:center; gap:16px 20px; margin-top:8px; padding:20px; border:1px solid var(--sce-line); border-radius:16px; background:var(--sce-bg); }
.sce-rt-more > div{ flex:1 1 260px; min-width:0; }
.sce-rt-more__title{ margin:0 0 4px!important; font-size:18px!important; }
.sce-rt-more p{ margin:0!important; color:var(--sce-ink-soft); font-size:15px; }
@media (prefers-reduced-motion:reduce){ .sce-rt-card,.sce-rt-card__go{ transition:none; } .sce-rt-card:hover{ transform:none; } }