/* Sakarya360 train guide - scoped only to /tren-saatleri; no other page styles affected. */
.tr-page{background:linear-gradient(180deg,#f0f7f5,#f8fbfa 480px,#f8fbfa);color:#1b3838;min-height:74vh;overflow-x:clip}.tr-page *{box-sizing:border-box}.tr-page button,.tr-page input,.tr-page select{font-family:inherit}.tr-page button{cursor:pointer}.tr-hero{position:relative;background:radial-gradient(ellipse at 83% 48%,#176f6955,transparent 36%),linear-gradient(115deg,#072f36 0%,#105955 72%,#076961 100%);color:#fff;overflow:hidden}.tr-hero:before{content:"";position:absolute;inset:0;opacity:.34;background-image:linear-gradient(90deg,#92ead211 1px,transparent 1px),linear-gradient(0deg,#92ead211 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}.tr-hero-inner{min-height:285px;padding:44px 0 64px;display:flex;justify-content:space-between;align-items:center;gap:32px;position:relative}.tr-hero-content{max-width:755px;min-width:0}.tr-kicker,.tr-eyebrow{display:flex;align-items:center;gap:9px;color:#9be9ce;font-size:10px;letter-spacing:1.7px;font-weight:800}.tr-led{width:7px;height:7px;border-radius:50%;background:#66e7ae;box-shadow:0 0 0 5px #59e3aa1c}.tr-hero h1{font-size:clamp(35px,4.4vw,60px);line-height:1.08;letter-spacing:-2px;margin:23px 0 17px;font-weight:800}.tr-hero h1 em{font-style:normal;color:#91f0bf}.tr-hero-content>p{font-size:13px;line-height:1.8;color:#d4eae6;max-width:600px;margin:0}.tr-hero-tags{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}.tr-hero-tags>span{display:flex;align-items:center;gap:7px;font-size:10px;border-radius:9px;padding:9px 12px;background:#ffffff12;border:1px solid #ffffff24}.tr-hero-tags svg{width:14px;height:14px}.tr-hero-art{flex:0 0 230px;height:205px;position:relative;display:grid;place-items:center}.tr-orbit{position:absolute;border:1px solid #b4f8dc4a;border-radius:50%;inset:16px 28px}.tr-orbit-two{inset:0 4px;border-style:dashed;transform:rotate(23deg)}.tr-train-illustration{width:140px;height:140px;display:grid;place-items:center;border-radius:34px;background:#ffffff1a;border:1px solid #ffffff40;box-shadow:0 13px 45px #031e2154;backdrop-filter:blur(8px)}.tr-train-illustration svg{width:76px;height:76px;color:#c4f4df}.tr-art-label{position:absolute;bottom:-7px;font-size:9px;font-weight:800;color:#a9e7d3;letter-spacing:2px}.tr-shell{padding-bottom:75px;min-width:0}.tr-alert{margin:-23px 0 19px;position:relative;z-index:4;display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #d4e8df;border-radius:15px;box-shadow:0 11px 30px #19433d0e;padding:18px 23px}.tr-alert-symbol,.tr-help-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:#dff5ec;color:#007f66;font-weight:800;font-size:17px}.tr-alert b{font-size:12px;color:#123c36}.tr-alert p{font-size:11px;line-height:1.7;color:#667e79;margin:5px 0 0}.tr-search,.tr-results{background:#fff;border:1px solid #e0ede9;border-radius:20px;box-shadow:0 15px 42px #194d4110;padding:24px 27px;margin:18px 0}.tr-search-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.tr-eyebrow{color:#009f7c;font-size:9px;letter-spacing:1.5px;margin-bottom:9px}.tr-search h2,.tr-results h2{margin:0;font-size:clamp(20px,2vw,26px);line-height:1.25;letter-spacing:-.8px}.tr-search-title p,.tr-results-head p{font-size:11px;color:#79918c;margin:7px 0 0;line-height:1.5}.tr-search-icon{height:44px;width:44px;flex:none;border-radius:13px;display:grid;place-items:center;background:#ecf9f3;color:#069a76}.tr-search-icon svg{width:22px;height:22px}.tr-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:17px}.tr-tabs button{border:1px solid #deebe7;background:#f9fbfa;border-radius:13px;padding:15px 12px;min-width:0;display:flex;align-items:center;gap:10px;text-align:left;color:#284941;transition:background .2s,border-color .2s,box-shadow .2s}.tr-tabs button:hover{border-color:#8cd3b7}.tr-tabs button.active{background:#eaf8f1;border-color:#0aa17d;box-shadow:inset 0 0 0 1px #0aa17d33}.tr-tab-icon{display:grid;place-items:center;flex:0 0 41px;width:41px;height:41px;border-radius:11px;background:#e3efe8;color:#13846e;font-weight:900;font-size:14px}.tr-tabs button.active .tr-tab-icon{background:#0c9170;color:#fff}.tr-tabs button b,.tr-tabs button small{display:block;white-space:normal;overflow-wrap:normal}.tr-tabs button b{font-size:12px;line-height:1.3}.tr-tabs button small{font-size:9px;color:#7c948c;margin-top:4px;line-height:1.4}.tr-fields{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) minmax(0,.92fr);align-items:end;gap:10px}.tr-field{display:flex;flex-direction:column;gap:7px;min-width:0}.tr-field>span{font-size:10px;font-weight:800;color:#647e74}.tr-field select,.tr-field input{border:1px solid #d8e8e1;border-radius:11px;background:#f8fbfa;height:47px;min-width:0;width:100%;padding:0 12px;font-size:12px;font-weight:700;color:#264940;outline:none}.tr-field select:focus,.tr-field input:focus{border-color:#0a997b;box-shadow:0 0 0 3px #0aa57f1c}.tr-swap{height:47px;width:44px;border:1px solid #d9e9e2;background:#f5faf8;border-radius:11px;color:#138c71;font-size:22px}.tr-search-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px}.tr-schedule-note{font-size:10px;color:#788d88;line-height:1.6}.tr-search-btn,.tr-connection button{display:flex;justify-content:center;align-items:center;gap:10px;border:0;background:#078a70;color:#fff;padding:13px 21px;border-radius:10px;font-weight:800;font-size:11px;min-height:44px;white-space:nowrap}.tr-search-btn:hover,.tr-connection button:hover{background:#06725e}.tr-search-btn svg,.tr-connection button svg{height:17px;width:17px}.tr-results{padding:24px 27px 26px;margin-top:19px}.tr-results-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}.tr-filter{display:inline-flex;gap:4px;background:#f0f6f3;border:1px solid #e0ebe4;border-radius:11px;padding:4px}.tr-filter button{border:0;background:transparent;color:#778b83;font-size:10px;font-weight:800;border-radius:8px;min-height:33px;padding:7px 13px}.tr-filter button.active{background:#fff;color:#07866c;box-shadow:0 1px 6px #143e3417}.tr-summary{display:flex;align-items:center;gap:20px;background:linear-gradient(115deg,#0a5146,#098568);color:#fff;border-radius:15px;padding:18px 23px;margin:0 0 17px}.tr-summary[hidden]{display:none!important}.tr-summary-label{font-size:9px;color:#b3f0d8;letter-spacing:1.1px;font-weight:800;max-width:75px;line-height:1.6}.tr-summary>strong{font-size:34px;letter-spacing:-1.3px;white-space:nowrap}.tr-summary>div:not(.tr-summary-icon){display:flex;flex-direction:column;gap:4px;min-width:0}.tr-summary b{font-size:12px}.tr-summary div span{font-size:10px;color:#c3eee0}.tr-summary-icon{margin-left:auto;font-size:35px;color:#a0e8d4}.tr-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;min-width:0}.tr-trip{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e1eee8;background:#fff;border-radius:13px;padding:16px;min-width:0}.tr-trip.is-next{border-color:#35b18a;background:#f4fdf8}.tr-trip-time{display:flex;flex-direction:column;gap:6px}.tr-trip-time span{font-size:27px;font-weight:800;letter-spacing:-1.2px;line-height:1;color:#0a7563}.tr-trip-time small{color:#8a9d98;font-size:8px;letter-spacing:1px;font-weight:800}.tr-trip-route{min-width:0;display:flex;flex-direction:column;gap:3px}.tr-trip-route>strong{font-size:11px;line-height:1.4;overflow-wrap:anywhere}.tr-trip-route>small{color:#7d948d;font-size:9px;line-height:1.5}.tr-trip-line{position:relative;width:60%;min-width:25px;max-width:140px;height:5px;display:flex;align-items:center;justify-content:space-between}.tr-trip-line:before{content:"";position:absolute;left:3px;right:3px;top:50%;border-top:1px dashed #9cc8b4}.tr-trip-line i{width:6px;height:6px;border:1px solid #0a9a78;border-radius:100%;background:#fff;z-index:1}.tr-trip-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.tr-trip-tag{font-size:9px;font-weight:800;border-radius:30px;padding:7px 9px;color:#10876b;background:#e8f7ef;white-space:nowrap}.tr-trip-side small{font-size:9px;color:#899d94;line-height:1.4}.tr-results-footer{margin-top:18px;padding-top:14px;border-top:1px solid #edf2ef;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#78918a;line-height:1.6}.tr-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed #bfdccd;border-radius:15px;background:#f7fbf9;padding:34px 20px}.tr-empty-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#e5f5eb;color:#0a9576;font-size:28px}.tr-empty h3{font-size:17px;margin:15px 0 8px;color:#24504a}.tr-empty p{font-size:11px;color:#748e84;max-width:520px;line-height:1.8;margin:0 0 17px}.tr-external{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;min-height:44px;border-radius:10px;color:#fff!important;text-decoration:none;background:#098a71;font-weight:800;font-size:11px}.tr-external:hover{background:#056c5a}.tr-connection{margin:20px 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;border-radius:17px;padding:24px 27px;background:linear-gradient(120deg,#e5f5ee,#f1f9f5);border:1px solid #d1e7dc}.tr-connection-badge{font-size:10px;color:#08856f;border-radius:9px;background:#d3ede0;font-weight:900;padding:11px;line-height:1.5;max-width:100px}.tr-connection h2{font-size:16px;margin:0 0 7px;color:#1c4f40}.tr-connection p{font-size:11px;line-height:1.7;color:#67867a;margin:0}.tr-help{margin:22px 0 0;background:#fff;border:1px solid #dcebe4;border-radius:15px;padding:22px 24px;display:flex;align-items:flex-start;gap:15px}.tr-help h2{margin:2px 0 7px;font-size:13px}.tr-help p{margin:0;font-size:11px;line-height:1.85;color:#788f83}.tr-results,.tr-search{scroll-margin-top:100px}
@media(max-width:1150px){.tr-tabs button{padding:13px 10px;gap:7px}.tr-tab-icon{width:34px;height:36px;flex-basis:34px}.tr-tabs button b{font-size:11px}.tr-trip{grid-template-columns:74px minmax(0,1fr);gap:10px}.tr-trip-side{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.tr-connection{grid-template-columns:auto minmax(0,1fr)}.tr-connection button{grid-column:2;justify-self:start}}
@media(max-width:780px){.tr-hero-inner{min-height:0;padding:45px 0 60px}.tr-hero-art{display:none}.tr-hero h1{font-size:clamp(30px,8vw,42px);letter-spacing:-1.5px}.tr-hero-content>p{font-size:12px}.tr-alert{margin-top:-22px;padding:16px}.tr-search,.tr-results{padding:20px 16px;border-radius:16px}.tr-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tr-fields{grid-template-columns:minmax(0,1fr) 39px minmax(0,1fr)}.tr-date{grid-column:1/-1}.tr-swap{width:39px}.tr-results-grid{grid-template-columns:1fr}.tr-trip{grid-template-columns:81px minmax(0,1fr) auto}.tr-trip-side{grid-column:auto;display:flex;flex-direction:column;justify-content:initial}.tr-connection{grid-template-columns:1fr;gap:13px;padding:20px}.tr-connection button{grid-column:1}.tr-connection-badge{max-width:none;width:max-content}}
@media(max-width:520px){.tr-hero-inner{padding:36px 0 54px}.tr-hero h1{margin:17px 0 13px}.tr-hero-tags{gap:6px}.tr-hero-tags>span{font-size:9px;padding:8px}.tr-alert{padding:14px;gap:10px}.tr-alert p{font-size:10px}.tr-search,.tr-results{padding:17px 13px}.tr-search h2,.tr-results h2{font-size:20px}.tr-tab-icon{width:32px;height:32px;flex-basis:32px}.tr-tabs button b{font-size:10px}.tr-tabs button small{font-size:8px}.tr-search-bottom,.tr-results-head,.tr-results-footer{flex-direction:column;align-items:stretch}.tr-search-btn{width:100%}.tr-filter{align-self:flex-start}.tr-summary{padding:15px;gap:12px}.tr-summary>strong{font-size:29px}.tr-summary-label{font-size:8px;max-width:65px}.tr-trip{grid-template-columns:72px minmax(0,1fr);gap:9px;padding:13px}.tr-trip-time span{font-size:24px}.tr-trip-side{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}.tr-help{padding:17px}}
html[data-theme=dark] .tr-page{background:linear-gradient(180deg,#0a231e,#0a201c);color:#e2f5e9}html[data-theme=dark] .tr-alert,html[data-theme=dark] .tr-search,html[data-theme=dark] .tr-results,html[data-theme=dark] .tr-help{background:#10332a;border-color:#275c4b;color:#e2f5e9}html[data-theme=dark] .tr-alert b,html[data-theme=dark] .tr-connection h2,html[data-theme=dark] .tr-help h2{color:#ddf5e8}html[data-theme=dark] .tr-tabs button,html[data-theme=dark] .tr-field input,html[data-theme=dark] .tr-field select,html[data-theme=dark] .tr-trip,html[data-theme=dark] .tr-empty{background:#14392d;color:#e6f5e9;border-color:#315b4a}html[data-theme=dark] .tr-tabs button.active,html[data-theme=dark] .tr-trip.is-next{background:#1b513b;border-color:#29b184}html[data-theme=dark] .tr-tab-icon,html[data-theme=dark] .tr-empty-icon{background:#235343}html[data-theme=dark] .tr-trip-time span{color:#75d6b4}html[data-theme=dark] .tr-trip-tag{background:#235640;color:#9bf3cb}html[data-theme=dark] .tr-summary{background:linear-gradient(120deg,#0a5447,#08745c)}html[data-theme=dark] .tr-connection{background:#123f33;border-color:#32634a}html[data-theme=dark] .tr-trip-line i{background:#133f32}html[data-theme=dark] .tr-filter{background:#164035;border-color:#37664e}html[data-theme=dark] .tr-filter button.active{background:#245c43;color:#aff3ce}html[data-theme=dark] .tr-empty h3{color:#d2f0e0}

/* In-site route recovery when a date or direction has no published timetable. */
.tr-empty-action{border:0;background:#0c9174;color:white;padding:11px 17px;border-radius:10px;font:inherit;font-size:12px;font-weight:800;margin-top:14px;cursor:pointer;min-height:42px}.tr-empty-action:hover{background:#076e5b}.tr-empty-action:focus-visible{outline:3px solid #8bdabe;outline-offset:3px}