/* Hava durumu (#/hava, site-hava.js). Yalnız logonun iki rengi (lacivert #062B4A, turuncu #FF6A00) ve nötr tonlar. */
.hv{max-width:760px;margin:0 auto;padding:16px 16px 40px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;color:#062B4A}
.hv>*{min-width:0}
.hv-ik{display:block;object-fit:contain}

.hv-ust{border-radius:24px;background:linear-gradient(160deg,#0B4A73 0%,#062B4A 70%);color:#fff;overflow:hidden;position:relative}
.hv-ust::after{content:"";position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgb(255 106 0 / .28),transparent);pointer-events:none}
.hv-ust-ic{position:relative;z-index:1;padding:20px 20px 18px}
.hv-yer b{display:block;font-size:15px;font-weight:700}
.hv-yer small{display:block;font-size:12px;opacity:.75;margin-top:2px}
.hv-simdi{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.hv-simdi .hv-ik{width:132px;height:132px;flex:none;filter:drop-shadow(0 10px 18px rgb(0 0 0 / .25))}
.hv-derece{display:block;font-size:76px;line-height:1;font-weight:300;letter-spacing:-2px;font-variant-numeric:tabular-nums}
.hv-durum{margin:6px 0 0;font-size:18px;font-weight:600}
.hv-aralik{margin:4px 0 0;font-size:13px;opacity:.8}
.hv-ozet{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:10px 14px;border-radius:14px;background:rgb(255 255 255 / .1);font-size:14px;font-weight:600}
.hv-ozet.var{background:#FF6A00;color:#fff}
.hv-ozet img{flex:none}
.hv-bilgi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0}
.hv-bilgi div{padding:9px 10px;border-radius:12px;background:rgb(255 255 255 / .08)}
.hv-bilgi dt{font-size:11px;opacity:.7}
.hv-bilgi dd{margin:2px 0 0;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}

.hv-kutu{border-radius:20px;background:#fff;border:1px solid #E3EAF0;padding:16px}
.hv-kutu h2{margin:0 0 12px;font-size:16px;font-weight:700;color:#062B4A}
.hv-not{margin:10px 0 0;font-size:12px;color:#5E6B77}

.hv-saatler{list-style:none;margin:0 -16px;padding:2px 16px 4px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.hv-saatler li{flex:none;width:64px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:16px;background:#F3F7FA;border:1.5px solid transparent;scroll-snap-align:start}
.hv-saatler li.yagis{border-color:#FF6A00;background:#FFF4EC}
.hv-saatler .hv-ik{width:38px;height:38px}
.hv-s{font-size:12px;color:#5E6B77;font-weight:600}
.hv-saatler b{font-size:16px;font-variant-numeric:tabular-nums}
.hv-p{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:#0B4A73;font-weight:700;min-height:22px}
.hv-p i{display:block;width:26px;height:4px;border-radius:2px;background:linear-gradient(90deg,#0B4A73 var(--p),#DCE6EE var(--p))}
.hv-saatler .hv-gunayrac{width:auto;padding:0 2px;background:none;justify-content:center}
.hv-gunayrac span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;color:#FF6A00;letter-spacing:.06em;text-transform:uppercase}

.hv-gunler{list-style:none;margin:0;padding:0}
.hv-gunler li{display:grid;grid-template-columns:86px 34px 38px 34px 1fr 34px;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #EEF2F5}
.hv-gunler li:first-child{border-top:0}
.hv-g{font-size:14px;font-weight:600}
.hv-gunler .hv-ik{width:32px;height:32px}
.hv-gp{font-size:12px;color:#0B4A73;font-weight:700}
.hv-min,.hv-max{font-size:14px;font-variant-numeric:tabular-nums;text-align:right}
.hv-min{color:#5E6B77}
.hv-max{font-weight:700;text-align:left}
.hv-bar{position:relative;height:6px;border-radius:3px;background:#EEF2F5}
.hv-bar i{position:absolute;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#0B4A73,#FF6A00)}

.hv-ilceler{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hv-ilceler a{display:flex;align-items:center;gap:8px;padding:10px 12px 10px 8px;border-radius:14px;background:#F3F7FA;text-decoration:none;color:inherit;min-height:56px}
.hv-ilceler .hv-ik{width:30px;height:30px;flex:none}
.hv-ilceler span{flex:1;min-width:0}
.hv-ilceler b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-ilceler small{display:block;font-size:12px;color:#5E6B77;line-height:1.3}
.hv-ilceler small.var{color:#C44D00;font-weight:700}
.hv-ilceler em{flex:none;margin-left:4px;font-style:normal;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}

.hv-bildirim{display:flex;gap:14px;align-items:flex-start}
.hv-bildirim img{flex:none}
.hv-bildirim b{font-size:15px}
.hv-bildirim p{margin:4px 0 0;font-size:13px;color:#5E6B77;line-height:1.5}
.hv-dugme{display:inline-block;margin-top:10px;padding:10px 16px;border-radius:999px;background:#062B4A;color:#fff;font-size:13px;font-weight:700;text-decoration:none}
.hv-kaynak{margin:0;font-size:12px;color:#5E6B77;text-align:center}

@media (min-width:700px){
  .hv{padding-top:24px}
  .hv-derece{font-size:92px}
  .hv-simdi .hv-ik{width:160px;height:160px}
  .hv-bilgi{grid-template-columns:repeat(6,minmax(0,1fr))}
  .hv-ilceler{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:380px){
  .hv-gunler li{grid-template-columns:70px 30px 34px 30px 1fr 30px;gap:6px}
  .hv-derece{font-size:64px}
}
.hk-saat{margin:12px 8px 0 0}

/* Kar ve yollar (site-hava.js hvKar) */
.hv-kar h2 small{font-size:12.5px;font-weight:600;color:#5E6B77;margin-left:6px}
.hv-kar h3{margin:14px 0 8px;font-size:13px;color:#062B4A;text-transform:none}
.hv-erc{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.hv-erc-k{display:grid;gap:3px;padding:12px 14px;border-radius:14px;background:#F3F7FA}
.hv-erc-k small{font-size:11.5px;color:#5E6B77}
.hv-erc-k b{font-size:16px;color:#111315}
.hv-erc-k span{font-size:12.5px;color:#3B4A58}
.hv-erc-k.d-kar{background:linear-gradient(135deg,#EAF2FA,#FFFFFF);box-shadow:inset 0 0 0 1.5px #062B4A}
.hv-erc-k.d-kar b::before{content:"❄️ "}
.hv-kar-il{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.hv-kar-il li{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px;padding:8px 12px;border-radius:12px;background:#F3F7FA}
.hv-kar-il b{font-size:13.5px}
.hv-kar-il small{grid-column:1;font-size:11.5px;color:#5E6B77}
.hv-kar-il em{grid-column:2;grid-row:1/3;font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}
.hv-kar-il li.d-kar{background:#062B4A;color:#fff}
.hv-kar-il li.d-kar small{color:#CFE0F0;font-weight:700}
.hv-kar-il li.d-kar small::before{content:"❄️ "}
.hv-kar-il li.d-yagis small{color:#C44D00;font-weight:700}
.hv-kar-il li.d-eski{opacity:.55}
.hv-yollar{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hv-yollar li{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:#FFF4EC;border-left:4px solid #FF6A00}
.hv-yollar li.kar{background:#EEF4FA;border-left-color:#062B4A}
.hv-yollar b{font-size:14px}
.hv-yollar span{font-size:12.5px;font-weight:600;color:#3B4A58}
.hv-yollar small{font-size:12px;color:#5E6B77}
.hv-yol-yok{margin:0;padding:10px 12px;border-radius:12px;background:#F3F7FA;font-size:13px;color:#3B4A58}
@media (min-width:760px){.hv-kar-il{grid-template-columns:repeat(4,minmax(0,1fr))}}