/*
 * Şehir hizmet sayfaları — Ulaşım ve Su Yükleme Noktaları ortak tasarım dili.
 * İki sayfa aynı bileşenleri (üst bölüm, sekmeler, kartlar, hızlı işlemler) kullanır; işlevleri ayrıdır.
 * Masaüstünde iki sütunlu kart düzeni, telefonda tek sütun ve büyük dokunma alanları.
 */
.sp-svc{
  --svc-blue:#16467a;--svc-blue-deep:#0e2d52;--svc-blue-soft:#eef4fb;--svc-accent:var(--sp-primary,#c8102e);
  --svc-surface:var(--sp-surface,#fff);--svc-soft:var(--sp-surface-alt,#f6f9fc);--svc-line:var(--sp-border,#e2e8f0);
  --svc-text:var(--sp-text,#1f2a37);--svc-muted:var(--sp-muted,#64748b);--svc-ok:#13804b;--svc-ok-soft:#e8f7ef;
  --svc-warn:#9a6200;--svc-warn-soft:#fff5dc;--svc-bad:#b42318;--svc-bad-soft:#fdecec;--svc-radius:16px;
  display:block;color:var(--svc-text);font-size:15px;line-height:1.5
}
.sp-svc *,.sp-svc *::before,.sp-svc *::after{box-sizing:border-box}
.sp-svc [hidden]{display:none!important}
.sp-svc button{font:inherit}

/* Üst bölüm */
.sp-svc-hero{position:relative;overflow:hidden;padding:24px 26px;border-radius:20px;background:linear-gradient(120deg,var(--svc-blue-deep),var(--svc-blue) 62%,#2563a6);color:#fff;box-shadow:0 14px 34px rgba(14,45,82,.18)}
.sp-svc-hero::after{content:"";position:absolute;right:-60px;top:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%);pointer-events:none}
.sp-svc-hero-top{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.sp-svc-eyebrow{display:block;font-size:11px;font-weight:850;letter-spacing:.12em;color:#ffd2a8}
.sp-svc .sp-svc-hero h1,.sp-svc .sp-svc-hero h2{margin:6px 0 4px!important;font-size:28px!important;line-height:1.2!important;color:#fff!important}
.sp-svc .sp-svc-hero p{margin:0!important;color:#d5e3f2!important;font-size:14px!important;max-width:640px}
.sp-svc-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.sp-svc-stats span{display:inline-flex;align-items:baseline;gap:5px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:12px;color:#e3edf8;white-space:nowrap}
.sp-svc-stats b{font-size:18px;color:#fff}
.sp-svc-search{position:relative;display:block;margin-top:18px}
.sp-svc-search span{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--svc-muted);pointer-events:none}
.sp-svc .sp-svc-search input{width:100%;min-height:52px;padding:0 16px 0 46px!important;border:0!important;border-radius:14px!important;background:#fff!important;color:#1f2a37!important;font-size:15px!important;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.sp-svc .sp-svc-search input:focus{outline:3px solid #ffd2a8;outline-offset:1px}

/* Sekmeler ve filtreler */
.sp-svc-tabs{display:flex;gap:8px;overflow-x:auto;margin:16px 0 4px;padding:2px 2px 8px;scrollbar-width:thin}
.sp-svc-tabs button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border:1px solid var(--svc-line);border-radius:999px;background:var(--svc-surface);color:var(--svc-text);font-weight:750;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}
.sp-svc-tabs button b{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--svc-blue-soft);color:var(--svc-blue);font-size:12px;text-align:center}
.sp-svc-tabs button:hover{border-color:var(--svc-blue)}
.sp-svc-tabs button.is-active{background:var(--svc-blue);border-color:var(--svc-blue);color:#fff}
.sp-svc-tabs button.is-active b{background:rgba(255,255,255,.2);color:#fff}
.sp-svc-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 4px}
.sp-svc .sp-svc-filters select{min-height:44px;padding:0 12px;border:1px solid var(--svc-line);border-radius:12px;background:var(--svc-surface);color:var(--svc-text);font-size:14px}

/* Bölüm başlıkları */
.sp-svc-section{margin-top:22px}
.sp-svc-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:0 0 12px}
.sp-svc .sp-svc-section-head h2{margin:0!important;font-size:20px!important;color:var(--sp-heading,#14263f)!important}
.sp-svc-section-head p{margin:3px 0 0;color:var(--svc-muted);font-size:13px}
.sp-svc-section-head>a,.sp-svc-section-head>span{flex:0 0 auto;font-size:13px;font-weight:750;color:var(--svc-blue);text-decoration:none}

/* Kartlar */
.sp-svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.sp-svc-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--svc-line);border-radius:var(--svc-radius);background:var(--svc-surface);box-shadow:0 6px 20px rgba(15,35,65,.05);transition:border-color .15s,box-shadow .15s}
.sp-svc-card:hover{border-color:#c3d3e6;box-shadow:0 10px 26px rgba(15,35,65,.08)}
.sp-svc-card.is-highlight{border-color:var(--svc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--svc-accent) 18%,transparent)}
.sp-svc-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.sp-svc-card-head>.sp-svc-badge+.sp-svc-badge{margin-left:auto}
.sp-svc .sp-svc-card h3{margin:0!important;font-size:17px!important;line-height:1.3!important;color:var(--sp-heading,#14263f)!important}
.sp-svc-card-sub{margin:0;color:var(--svc-muted);font-size:13px}
.sp-svc-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:var(--svc-blue-soft);color:var(--svc-blue);font-size:12px;font-weight:800}
.sp-svc-badge.is-ok{background:var(--svc-ok-soft);color:var(--svc-ok)}
.sp-svc-badge.is-warn{background:var(--svc-warn-soft);color:var(--svc-warn)}
.sp-svc-badge.is-bad{background:var(--svc-bad-soft);color:var(--svc-bad)}
.sp-svc-badge.is-muted{background:var(--svc-soft);color:var(--svc-muted)}
.sp-svc-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.sp-svc-meta li{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:10px;background:var(--svc-soft);font-size:13px;color:var(--svc-text)}
.sp-svc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px}
.sp-svc .sp-svc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid var(--svc-line);border-radius:12px;background:var(--svc-surface);color:var(--svc-text)!important;font-size:14px;font-weight:750;text-decoration:none!important;cursor:pointer}
.sp-svc .sp-svc-btn:hover{border-color:var(--svc-blue)}
.sp-svc .sp-svc-btn.is-primary{background:var(--svc-blue);border-color:var(--svc-blue);color:#fff!important}
.sp-svc .sp-svc-btn.is-accent{background:var(--svc-accent);border-color:var(--svc-accent);color:#fff!important}
.sp-svc .sp-svc-btn.is-ghost{background:transparent}
.sp-svc .sp-svc-btn:disabled{opacity:.6;cursor:default}
.sp-svc-note{margin:0;padding:10px 12px;border-radius:12px;background:var(--svc-warn-soft);color:#6f4700;font-size:13px}
.sp-svc-empty{padding:22px;border:1px dashed var(--svc-line);border-radius:var(--svc-radius);background:var(--svc-soft);color:var(--svc-muted);text-align:center}

/* Hızlı işlemler ve bilgilendirme */
.sp-svc-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.sp-svc .sp-svc-quick>a,.sp-svc .sp-svc-quick>button{display:flex;flex-direction:column;align-items:flex-start!important;justify-content:flex-start;text-align:left!important;gap:3px;min-height:84px;padding:14px;border:1px solid var(--svc-line);border-radius:14px;background:var(--svc-surface);color:var(--svc-text)!important;text-align:left;text-decoration:none!important;cursor:pointer;box-shadow:0 4px 14px rgba(15,35,65,.04)}
.sp-svc .sp-svc-quick>a:hover,.sp-svc .sp-svc-quick>button:hover{border-color:var(--svc-blue)}
.sp-svc-quick i{font-style:normal;font-size:22px;line-height:1}
.sp-svc-quick strong{font-size:14px}
.sp-svc-quick small{font-size:12px;color:var(--svc-muted)}
.sp-svc-announce{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px 16px;border:1px solid #f3d9a4;border-left:4px solid #e0a100;border-radius:14px;background:#fffaf0;color:#5d4100}
.sp-svc-announce strong{display:block;margin-bottom:2px;color:#4a3300}
.sp-svc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;counter-reset:svc}
.sp-svc-steps li{position:relative;padding:16px 14px 14px;border:1px solid var(--svc-line);border-radius:14px;background:var(--svc-surface);counter-increment:svc;font-size:13px;color:var(--svc-muted)}
.sp-svc-steps li::before{content:counter(svc);display:grid;place-items:center;width:30px;height:30px;margin-bottom:8px;border-radius:50%;background:var(--svc-blue);color:#fff;font-weight:800;font-size:14px}
.sp-svc-steps strong{display:block;margin-bottom:3px;color:var(--svc-text);font-size:14px}
.sp-svc-source{margin:16px 0 0;font-size:12px;color:var(--svc-muted)}

/* Açılır bölüm (harita vb.) */
.sp-svc-fold{border:1px solid var(--svc-line);border-radius:var(--svc-radius);background:var(--svc-surface);overflow:hidden}
.sp-svc-fold>summary{display:flex;align-items:center;gap:12px;padding:15px 18px;cursor:pointer;list-style:none;background:var(--svc-soft)}
.sp-svc-fold>summary::-webkit-details-marker{display:none}
.sp-svc-fold>summary::after{content:"+";margin-left:auto;font-size:22px;font-weight:700;color:var(--svc-accent);line-height:1}
.sp-svc-fold[open]>summary::after{content:"−"}
.sp-svc-fold[open]>summary{border-bottom:1px solid var(--svc-line)}
.sp-svc-fold>summary strong{display:block;font-size:15px;color:var(--sp-heading,#14263f)}
.sp-svc-fold>summary small{display:block;font-size:12px;color:var(--svc-muted)}
.sp-svc-fold-body{padding:0}

/* ---------- Ulaşım ---------- */
.sp-tr-path{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;color:var(--svc-text)}
.sp-tr-path i{font-style:normal;color:var(--svc-accent)}
.sp-tr-next{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--svc-blue-soft)}
.sp-tr-next small{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--svc-blue)}
.sp-tr-next strong{font-size:26px;line-height:1;color:var(--svc-blue-deep);font-variant-numeric:tabular-nums}
.sp-tr-next em{margin-left:auto;font-style:normal;font-size:13px;font-weight:750;color:var(--svc-blue);text-align:right}
.sp-tr-next.is-soon{background:#fff1ec}.sp-tr-next.is-soon strong,.sp-tr-next.is-soon em{color:var(--svc-accent)}
.sp-tr-next.is-none{background:var(--svc-soft)}.sp-tr-next.is-none strong{font-size:16px;color:var(--svc-muted)}
.sp-tr-detail{border-top:1px solid var(--svc-line);margin:2px -18px -18px;}
.sp-tr-detail>summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;cursor:pointer;list-style:none;font-size:14px;font-weight:750;color:var(--svc-blue)}
.sp-tr-detail>summary::-webkit-details-marker{display:none}
.sp-tr-detail>summary::after{content:"⌄";margin-left:auto;font-size:18px;transition:transform .15s}
.sp-tr-detail[open]>summary::after{transform:rotate(180deg)}
.sp-tr-detail-body{display:grid;gap:14px;padding:0 18px 18px}
.sp-tr-seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--svc-soft);gap:3px}
.sp-tr-seg button{min-height:38px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--svc-muted);font-weight:750;font-size:13px;cursor:pointer}
.sp-tr-seg button.is-active{background:var(--svc-surface);color:var(--svc-blue);box-shadow:0 2px 6px rgba(15,35,65,.1)}
.sp-tr-dir>strong{display:block;margin-bottom:7px;font-size:13px;color:var(--svc-text)}
.sp-tr-times{display:flex;flex-wrap:wrap;gap:6px}
.sp-tr-times span{min-width:58px;padding:7px 9px;border-radius:9px;border:1px solid var(--svc-line);background:var(--svc-surface);text-align:center;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.sp-tr-times span.is-past{opacity:.42}
.sp-tr-times span.is-next{background:var(--svc-blue);border-color:var(--svc-blue);color:#fff}
.sp-tr-stops{position:relative;display:grid;gap:0;margin:0;padding:0 0 0 4px;list-style:none}
.sp-tr-stops li{position:relative;padding:6px 0 6px 24px;font-size:14px}
.sp-tr-stops li::before{content:"";position:absolute;left:4px;top:11px;width:10px;height:10px;border-radius:50%;border:2px solid var(--svc-blue);background:var(--svc-surface)}
.sp-tr-stops li::after{content:"";position:absolute;left:8px;top:23px;bottom:-11px;width:2px;background:#c9d8ea}
.sp-tr-stops li:last-child::after{display:none}
.sp-tr-stops li:first-child::before,.sp-tr-stops li:last-child::before{background:var(--svc-blue)}
.sp-tr-fares{display:flex;flex-wrap:wrap;gap:8px}
.sp-tr-fares span{display:flex;flex-direction:column;padding:8px 12px;border-radius:12px;background:var(--svc-soft);font-size:12px;color:var(--svc-muted)}
.sp-tr-fares b{font-size:16px;color:var(--svc-text)}
.sp-tr-upcoming{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sp-svc .sp-tr-upcoming button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:1px solid var(--svc-line);border-radius:14px;background:var(--svc-surface);color:var(--svc-text);text-align:left;cursor:pointer}
.sp-svc .sp-tr-upcoming button:hover{border-color:var(--svc-blue)}
.sp-tr-upcoming b{font-size:22px;color:var(--svc-blue-deep);font-variant-numeric:tabular-nums}
.sp-tr-upcoming span{font-size:13px;font-weight:700;line-height:1.3}
.sp-tr-upcoming small{font-size:12px;color:var(--svc-accent);font-weight:750}
.sp-tr-map .sp-transport-map{min-height:360px}

/* ---------- Su Yükleme ---------- */
.sp-wl-open{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:750}
.sp-wl-open::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--svc-muted)}
.sp-wl-open.is-open{color:var(--svc-ok)}.sp-wl-open.is-open::before{background:#1fb265;box-shadow:0 0 0 3px #d4f3e2}
.sp-wl-open.is-closed{color:var(--svc-muted)}
.sp-wl-distance{padding:4px 9px;border-radius:999px;background:var(--svc-blue);color:#fff;font-size:12px;font-weight:800}
.sp-wl-map iframe{display:block;width:100%;height:clamp(420px,60vh,720px);border:0}
.sp-wl-map-empty{padding:22px;color:var(--svc-muted)}
.sp-wl-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:16px;background:rgba(15,23,42,.52)}
.sp-wl-dialog{position:relative;width:min(480px,100%);padding:22px;border-radius:18px;background:var(--svc-surface);color:var(--svc-text);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.sp-svc .sp-wl-dialog h3{margin:0 0 12px!important;font-size:18px!important}
.sp-wl-dialog label{display:grid;gap:6px;margin:10px 0;font-size:13px;font-weight:750}
.sp-svc .sp-wl-dialog select,.sp-svc .sp-wl-dialog textarea,.sp-svc .sp-wl-dialog input{width:100%;padding:10px 12px;border:1px solid var(--svc-line);border-radius:10px;background:var(--svc-surface);color:var(--svc-text);font:inherit}
.sp-wl-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:10px;background:var(--svc-soft);color:var(--svc-text);font-size:22px;cursor:pointer}
.sp-wl-success{margin-bottom:14px;padding:12px 14px;border-radius:12px;background:var(--svc-ok-soft);color:var(--svc-ok);font-weight:700}

/* Koyu tema */
html[data-sp-theme="dark"] .sp-svc{--svc-blue-soft:rgba(96,150,214,.16);--svc-soft:rgba(255,255,255,.05);--svc-ok-soft:rgba(31,178,101,.16);--svc-warn-soft:rgba(224,161,0,.14);--svc-bad-soft:rgba(220,70,60,.16)}
html[data-sp-theme="dark"] .sp-svc .sp-tr-next strong,html[data-sp-theme="dark"] .sp-svc .sp-tr-upcoming b{color:#cfe1f6}
html[data-sp-theme="dark"] .sp-svc .sp-tr-next small,html[data-sp-theme="dark"] .sp-svc .sp-tr-next em,html[data-sp-theme="dark"] .sp-svc .sp-svc-badge,html[data-sp-theme="dark"] .sp-svc-tabs button b,html[data-sp-theme="dark"] .sp-tr-detail>summary{color:#9cc3ec}
html[data-sp-theme="dark"] .sp-svc-note{color:#f3d08a}
html[data-sp-theme="dark"] .sp-svc-announce{background:rgba(224,161,0,.1);border-color:rgba(224,161,0,.35);color:#f3d08a}
html[data-sp-theme="dark"] .sp-svc-announce strong{color:#ffe2a6}

/* Tablet ve telefon */
@media(max-width:1100px){.sp-tr-upcoming{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-svc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .sp-svc-hero{padding:18px;border-radius:18px}
  .sp-svc-hero-top{flex-direction:column}
  .sp-svc-stats{justify-content:flex-start}
  .sp-svc .sp-svc-hero h1,.sp-svc .sp-svc-hero h2{font-size:23px!important}
  .sp-svc-grid{grid-template-columns:1fr}
  .sp-svc-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-svc-card{padding:16px}
  .sp-tr-detail{margin:2px -16px -16px}.sp-tr-detail>summary{padding:0 16px}.sp-tr-detail-body{padding:0 16px 16px}
  .sp-svc-filters select{flex:1 1 140px}
  .sp-svc-actions .sp-svc-btn{flex:1 1 auto}
}
@media(max-width:420px){.sp-tr-upcoming{grid-template-columns:1fr}.sp-svc-steps{grid-template-columns:1fr}}
@media print{.sp-svc-hero{box-shadow:none}.sp-svc-search,.sp-svc-tabs,.sp-svc-quick,.sp-tr-map,.sp-wl-map{display:none!important}.sp-tr-detail{display:block}}

/* Su yükleme noktası detay sayfası */
.sp-wl-detail{display:grid;gap:16px}
.sp-wl-back a{font-size:13px;font-weight:700;color:var(--sp-svc-blue,#16467a);text-decoration:none}
.sp-wl-back a:hover{text-decoration:underline}
.sp-wl-detail-head{display:grid;gap:8px}
html body .sp-wl-detail-head :is(h1,h2){margin:0;font-size:24px;line-height:1.25}
.sp-wl-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}
.sp-wl-facts{display:grid;gap:0;margin:0;border:1px solid var(--sp-border,#e2e8f0);border-radius:14px;overflow:hidden;background:var(--sp-surface,#fff)}
.sp-wl-facts>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px 14px;border-top:1px solid var(--sp-border,#e2e8f0)}
.sp-wl-facts>div:first-child{border-top:0}
.sp-wl-facts dt{font-size:12px;font-weight:800;color:var(--sp-muted,#64748b);text-transform:uppercase;letter-spacing:.03em}
.sp-wl-facts dd{margin:0;font-size:14px;font-weight:600;color:var(--sp-text,#1f2a37)}
.sp-wl-facts dd small{display:block;margin-top:3px;font-weight:500;color:var(--sp-muted,#64748b)}
.sp-wl-detail-map{min-height:260px;border:1px solid var(--sp-border,#e2e8f0);border-radius:14px;overflow:hidden;background:var(--sp-surface-alt,#f6f9fc)}
.sp-wl-detail-map iframe{display:block;width:100%;height:100%;min-height:260px;border:0}
.sp-svc-card h3 a{color:inherit;text-decoration:none}
.sp-svc-card h3 a:hover{text-decoration:underline}
html body a.sp-svc-btn.is-link{margin-left:auto;background:none;border-color:transparent;color:var(--sp-primary,#c8102e)!important;font-weight:800}
.sp-svc-more{font-size:13px;font-weight:800;color:var(--sp-primary,#c8102e);text-decoration:none;white-space:nowrap}
@media(max-width:760px){.sp-wl-detail-grid{grid-template-columns:1fr}.sp-wl-facts>div{grid-template-columns:96px minmax(0,1fr)}html body .sp-wl-detail-head :is(h1,h2){font-size:20px}.sp-wl-detail-map,.sp-wl-detail-map iframe{min-height:220px}}

/* Ulaşım hat sayfası */
.sp-transport-app.is-route-page{display:grid;gap:16px}
.sp-tr-route-page>.sp-tr-card{max-width:none}
.sp-tr-card h3 a{color:inherit;text-decoration:none}
.sp-tr-card h3 a:hover{text-decoration:underline}
.sp-tr-other{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html body a.sp-tr-other-item{display:grid;gap:5px;align-content:start;padding:12px 14px;border:1px solid var(--sp-border,#e2e8f0);border-radius:13px;background:var(--sp-surface,#fff);color:var(--sp-text,#1f2a37)!important;text-decoration:none!important;transition:border-color .15s,transform .15s}
html body a.sp-tr-other-item:hover{border-color:var(--sp-svc-blue,#16467a);transform:translateY(-1px)}
.sp-tr-other-item .sp-svc-badge{justify-self:start}
.sp-tr-other-item strong{font-size:14px;line-height:1.35}
.sp-tr-other-item small{font-size:12px;color:var(--sp-muted,#64748b)}
@media(max-width:1024px){.sp-tr-other{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sp-tr-other{grid-template-columns:1fr}}