.fx-page-hava-durumu .page-head{padding:20px 0;background:var(--color-surface);border-bottom:1px solid var(--color-border)}
.fx-page-hava-durumu .page-head h1{font-size:28px;line-height:1.3;letter-spacing:0;margin:8px 0 0}
.wd{--wd-accent:#087f8c;display:grid;gap:32px;margin:24px 0 48px;color:var(--color-text)}
.wd .u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wd-toolbar,.wd-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wd-date{display:flex;align-items:center;gap:8px;margin:0;color:var(--color-text-muted);font-size:13px}
.wd-date>.fx-icon{width:17px;height:17px}.wd-actions form{margin:0}.wd-actions select{min-height:44px;width:210px;max-width:100%;padding:8px 34px 8px 12px;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:14px}
.wd-location{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);font-size:13px;font-weight:600;color:var(--color-text)}
.wd-location>.fx-icon{width:18px;height:18px;color:var(--wd-accent)}.wd-location:disabled{opacity:.65;cursor:wait}
.wd-current{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;padding:28px 0 30px;border-top:2px solid var(--wd-accent);border-bottom:1px solid var(--color-border)}
.wd-city-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.wd-city-heading h2{font-size:28px;line-height:1.3;margin:0;letter-spacing:0;font-weight:650}.wd-city-heading time{font-size:11px;color:var(--color-text-muted)}
.wd-reading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 18px}.wd-temperature{display:flex;align-items:flex-start;gap:8px;font-size:76px;font-weight:550;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums}.wd-temperature>span{font-size:26px;line-height:1.5;color:var(--color-text-muted)}
.wd-condition{margin:10px 0 4px;font-size:18px;font-weight:600}.wd-feels{margin:0;font-size:13px;color:var(--color-text-muted)}.wd-feels strong{color:var(--color-text);font-weight:600}
.wd-art{display:flex;align-items:center;justify-content:center;width:136px;height:136px;flex:0 0 136px}.wd-art .c-weather-art{width:120px;height:120px;flex-basis:120px;color:#6295a4}.wd-art .c-weather-symbol{inset:12px}.wd-art .c-weather-orbit{width:72px;height:72px;top:0;left:0}.wd-art .c-weather-particles{left:34px;right:18px;bottom:4px;height:30px}.wd-art .c-weather-particles i{width:3px;height:14px}.wd-art[data-weather=snow] .c-weather-particles i{width:7px;height:7px}.wd-art[data-weather=fog] .c-weather-particles{left:16px;right:12px;height:24px}.wd-art[data-weather=fog] .c-weather-particles i{width:100%;height:2px}.wd-art .c-weather-lightning{width:36px;height:44px;right:13px;bottom:0}
.wd-extremes{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--color-text-muted)}.wd-extremes>span{display:inline-flex;align-items:center;gap:5px}.wd-extremes .fx-icon{width:14px;height:14px;color:#3194b0}.wd-extremes .wd-high .fx-icon{transform:rotate(180deg);color:#b57c21}.wd-extremes b{font-size:14px;color:var(--color-text)}
.wd-details{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-left:32px;border-left:1px solid var(--color-border)}
.wd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:16px 0 24px}.wd-stats dt{font-size:12px;color:var(--color-text-muted);margin-bottom:8px}.wd-stats dd{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin:0;font-size:25px;font-weight:600;font-variant-numeric:tabular-nums}.wd-stats dd>span{font-size:11px;font-weight:400;color:var(--color-text-muted)}
.wd-sun-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:22px 0;border-top:1px solid var(--color-border)}.wd-sun-times>div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px 10px;align-items:center}.wd-sun-times .fx-icon{grid-row:1/3;width:22px;height:22px;color:#b98b27}.wd-sun-times dt{font-size:11px;color:var(--color-text-muted)}.wd-sun-times dd{margin:0;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}
.wd-source{margin:2px 0 0;font-size:11px;color:var(--color-text-muted)}.wd-source a{text-decoration:underline;text-underline-offset:3px}
.wd-forecast-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px}.wd-forecast-grid>section{min-width:0}
.wd-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.wd-section-heading h2{margin:0 0 5px;font-size:20px;font-weight:650;line-height:1.3;letter-spacing:0}.wd-section-heading>div>span{font-size:11px;color:var(--color-text-muted)}
.wd-scroll-controls{display:flex;gap:6px}.wd-scroll-controls button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface);color:var(--color-text)}.wd-scroll-controls .fx-icon{width:17px;height:17px}.wd-scroll-controls button:disabled{opacity:.35;cursor:default}
.wd-hourly-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;padding-bottom:12px;overscroll-behavior-x:contain}.wd-hourly-content{min-width:max(100%,calc(var(--hours)*76px))}.wd-trend{display:block;width:100%;height:120px;overflow:visible}.wd-trend polyline{fill:none;stroke:var(--wd-accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.wd-trend .wd-trend-guide{fill:none;stroke:var(--color-border);stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
.wd-hours{display:grid;grid-template-columns:repeat(var(--hours),minmax(0,1fr));padding-top:4px}.wd-hour{display:grid;justify-items:center;gap:12px;padding:12px 4px;border-right:1px solid var(--color-border)}.wd-hour:last-child{border-right:0}.wd-hour time{font-size:12px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.wd-hour.is-current time{color:var(--wd-accent);font-weight:700}.wd-hour strong{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.wd-forecast-icon,.wd-icon-empty{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#4b8b9b}.wd-forecast-icon svg{width:28px;height:28px}
.wd-day{display:grid;grid-template-columns:78px minmax(0,1fr) minmax(120px,.9fr);gap:12px;align-items:center;min-height:57px;padding:10px 0;border-bottom:1px solid var(--color-border)}.wd-day-label{display:grid;gap:3px}.wd-day-label strong{font-size:12px;font-weight:600}.wd-day-label time{font-size:10px;color:var(--color-text-muted)}.wd-day-condition{display:flex;align-items:center;gap:8px;min-width:0}.wd-day-condition svg{width:24px;height:24px;flex:0 0 24px;color:#4b8b9b}.wd-day-condition>span{font-size:11px;color:var(--color-text-muted);overflow-wrap:anywhere}.wd-day-range{display:grid;grid-template-columns:28px minmax(20px,1fr) 28px;align-items:center;gap:8px;font-size:13px;font-variant-numeric:tabular-nums}.wd-min{color:var(--color-text-muted)}.wd-day-range>strong{text-align:right;font-weight:650}.wd-range-track{display:block;position:relative;height:5px;border-radius:3px;background:var(--color-surface-alt)}.wd-range-track>i{display:block;position:absolute;top:0;height:5px;min-width:3px;border-radius:3px;background:#c79732}
.wd-cities{padding-top:28px;border-top:1px solid var(--color-border)}.wd-city-search{display:flex;align-items:center;gap:8px;min-width:0;max-width:260px;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface)}.wd-city-search>.fx-icon{width:17px;height:17px;color:var(--color-text-muted)}.wd-city-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--color-text);font-size:14px;line-height:24px}.wd-city-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 24px}.wd-city-grid a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:44px;border-bottom:1px solid var(--color-border);font-size:12px;color:var(--color-text-muted);overflow-wrap:anywhere}.wd-city-grid a>.fx-icon{flex:none;width:14px;height:14px}.wd-city-grid a:hover,.wd-city-grid a[aria-current=page]{color:var(--wd-accent)}.wd-city-grid a[aria-current=page]{font-weight:700}.wd-city-grid a[hidden],.wd-city-empty[hidden]{display:none}
.wd-unavailable,.wd-city-empty{padding:20px 0;font-size:14px;color:var(--color-text-muted);line-height:1.6}.wd :is(button,select,a,.wd-hourly-scroll):focus-visible,.wd-city-search:focus-within{outline:2px solid var(--wd-accent);outline-offset:3px}
[data-theme=dark] .wd{--wd-accent:#6bc8cc}[data-theme=dark] .wd-range-track{background:#28343b}[data-theme=dark] .wd-forecast-icon,[data-theme=dark] .wd-day-condition svg{color:#85bdc8}
@media(max-width:1023px){.wd-forecast-grid{grid-template-columns:minmax(0,1fr)}.wd-current{gap:24px}.wd-details{padding-left:24px}.wd-city-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wd-stats{gap:10px}.wd-stats dd{font-size:22px}.wd-day{grid-template-columns:100px minmax(0,1fr) minmax(160px,.65fr)}}
@media(max-width:767px){.fx-page-hava-durumu .page-head{padding:16px 0}.fx-page-hava-durumu .page-head h1{font-size:24px}.wd{gap:26px;margin-top:18px}.wd-toolbar{align-items:stretch;gap:12px}.wd-actions{width:100%;flex-wrap:nowrap;gap:8px}.wd-actions form{min-width:0;flex:1}.wd-actions select{width:100%;font-size:16px}.wd-location{flex:0 1 auto;font-size:12px;padding-inline:10px;overflow-wrap:anywhere}.wd-current{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px 0}.wd-city-heading h2{font-size:25px}.wd-temperature{font-size:64px}.wd-temperature>span{font-size:24px}.wd-reading{margin-block:16px}.wd-art{width:112px;height:112px;flex-basis:112px}.wd-art .c-weather-art{width:100px;height:100px;flex-basis:100px}.wd-art .c-weather-orbit{width:60px;height:60px}.wd-art .c-weather-particles{left:28px;right:14px;bottom:2px}.wd-details{padding-left:0;border-left:0;border-top:1px solid var(--color-border)}.wd-stats{padding-top:20px;gap:16px}.wd-stats dd{font-size:24px}.wd-sun-times{padding-block:18px}.wd-section-heading h2{font-size:18px}.wd-cities>.wd-section-heading{flex-wrap:wrap}.wd-city-search{width:100%;max-width:none}.wd-city-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}}
@media(max-width:479px){.wd-date{font-size:12px}.wd-location span{max-width:94px;text-align:left}.wd-city-heading{gap:6px}.wd-city-heading time{font-size:10px}.wd-day{grid-template-columns:67px minmax(0,1fr) minmax(114px,.85fr);gap:8px}.wd-day-condition{gap:6px}.wd-day-condition>span{font-size:10px}.wd-day-condition svg{width:20px;height:20px;flex-basis:20px}.wd-day-range{grid-template-columns:24px minmax(16px,1fr) 24px;gap:5px;font-size:12px}.wd-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-temperature{font-size:58px}.wd-art{flex-basis:96px;width:96px;height:100px}.wd-art .c-weather-art{flex-basis:90px;width:90px;height:90px}.wd-art .c-weather-particles{left:25px;right:12px;bottom:0}.wd-reading{gap:12px}}
@media(prefers-reduced-motion:no-preference){.wd-location,.wd-scroll-controls button{transition:background .18s,border-color .18s}.wd-location:hover,.wd-scroll-controls button:not(:disabled):hover{background:var(--color-surface-alt);border-color:var(--color-border-strong)}}