/* Otobüs ve tramvay saatleri (#/sefer) */
.sf{padding-block:18px 32px;max-width:640px}
.sf h1{font-size:24px;margin:0 0 4px}
.sf-not{font-size:13px;opacity:.7;margin:4px 0 12px}
.sf-sekme{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:var(--surface-2);margin-bottom:12px}
.sf-sekme button{border:0;background:none;padding:11px;border-radius:11px;font-weight:600;color:inherit;cursor:pointer}
.sf-sekme button[aria-pressed=true]{background:#062B4A;color:#fff}
.sf select,.sf input{width:100%;box-sizing:border-box;padding:13px;border:1px solid rgb(128 128 128 / .35);border-radius:12px;font:inherit;background:none;color:inherit}
.sf-konum{width:100%;margin-top:8px;padding:12px;border:1px solid #FF6A00;border-radius:12px;background:none;color:#FF6A00;font-weight:600;cursor:pointer}
.sf-kart{margin-top:12px;padding:16px;border:1px solid rgb(128 128 128 / .25);border-radius:16px}
.sf-kart h3{display:flex;gap:8px;align-items:center;margin:0 0 10px;font-size:14.5px}
.sf em{flex:none;font-style:normal;font-size:12.5px;font-weight:700;padding:3px 8px;border-radius:8px;background:#062B4A;color:#fff}
.sf-ilk b{font-size:28px;color:#FF6A00}
.sf-ilk span{margin-left:8px;font-size:15px;font-weight:600}
.sf-sonra{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sf-sonra span{padding:4px 9px;border-radius:8px;background:var(--surface-2);font-size:13.5px}
.sf-bos{padding:14px 0}
.sf-hatlar button{display:flex;gap:8px;align-items:center;width:100%;margin-top:6px;padding:10px;border:0;border-radius:10px;background:var(--surface-2);color:inherit;text-align:left;cursor:pointer}
.sf details{margin-top:10px}