:root{--navy:#061d3c;--blue:#0768e8;--ink:#102747;--line:#cbdff5;--bg:#eaf3ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(#e5f0fc,#f0f6ff);color:var(--ink);font:15px/1.45 system-ui,-apple-system,'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1420px,calc(100% - 36px));margin:auto}.header{background:#041a38;color:#fff;position:relative;z-index:5}.nav{height:68px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:800;line-height:1.1;white-space:nowrap}.brand small{display:block;font-size:10px;font-weight:500}.brand-icon{background:#1679f6;border-radius:50%;height:44px;width:44px;display:grid;place-items:center;font-size:26px}.nav nav{display:flex;gap:18px;margin:auto;align-items:center;font-size:13px;font-weight:650}.nav nav a:hover{color:#8fcaff}.nav-search{display:flex;background:#0a315b;border:1px solid #4b7da8;border-radius:10px;overflow:hidden;min-width:220px}.nav-search input{background:transparent;border:0;outline:0;padding:10px;color:white;width:100%;font-size:12px}.nav-search input::placeholder{color:#c5d5e9}.nav-search button,.search button{background:#0877f6;color:white;border:0;padding:9px 17px;font-weight:700}.menu{display:none;border:1px solid #7a9cbe;color:white;background:transparent;border-radius:8px;padding:7px 10px}.top-region{background:linear-gradient(90deg,#07305eaf,#07305e66),url('/assets/mountain-hero.webp') center/cover,#174e7a;color:white;padding-bottom:19px}.ad-center{display:flex;justify-content:center;padding:14px 0}.hv-ad{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px solid #c1d8f6;border-radius:9px;position:relative;overflow:hidden;min-height:80px;background:linear-gradient(110deg,#3e146a,#7437c6 45%,#0d68a7);color:white;width:100%;font-weight:800}.hv-ad-label{font-size:23px}.hv-ad small{font-size:12px;font-weight:500}.hv-ad-live{width:100%;position:relative;z-index:2}.ad-banner{max-width:970px;min-height:90px}.ad-large{max-width:970px;min-height:250px;background:linear-gradient(110deg,#49136c,#8d40c2 50%,#1163a5)}.ad-rectangle{min-height:250px;background:linear-gradient(135deg,#dd2139,#af1634)}.ad-mobile{min-height:110px}.hero{display:grid;grid-template-columns:1.04fr 1.05fr .8fr;align-items:center;gap:16px;min-height:360px}.hero-copy h1{font-size:clamp(34px,4vw,60px);line-height:1.04;letter-spacing:-1.7px;margin:12px 0}.hero-copy p{max-width:450px}.eyebrow{font-size:12px;font-weight:650}.search{display:flex;align-items:center;max-width:500px;background:white;border-radius:10px;overflow:hidden;color:#48678b;padding-left:11px;box-shadow:0 5px 16px #001b3a24}.search input{width:100%;min-width:0;border:0;outline:0;padding:13px 8px;color:#152b47}.search button{margin:5px;border-radius:7px}.hero-map img{width:100%;height:auto;filter:drop-shadow(0 12px 18px #00152d55)}.regions{border:1px solid #9cc6f1;border-radius:15px;background:#06264bce;padding:17px}.regions h2{font-size:18px;margin:0 0 5px}.region-note{font-size:11px;color:#d1e5f9;margin:0 0 8px}.region{display:grid;grid-template-columns:5px 1fr auto 24px 40px;align-items:center;gap:8px;border-bottom:1px solid #ffffff20;padding:6px 0;font-size:13px}.region i{width:4px;height:22px;background:#03b5ee;border-radius:5px}.region .r0{background:#9957f4}.region .r2{background:#ef8d22}.region .r3{background:#20a97c}.region .r5{background:#af8cf7}.region .r6{background:#f2c320}.region small{color:#bdd5ef;font-size:10px}.region b{font-size:19px}.region strong{text-align:right}.hero-bottom{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;margin:12px 0 0}.map-tabs{display:flex;background:#f2f8ff;color:#0a2951;border-radius:11px;padding:5px;gap:5px}.map-tabs a{flex:1;text-align:center;padding:10px 5px;border-radius:8px;font-weight:750}.map-tabs a:first-child{background:#0676f6;color:white}.alert-banner{display:flex;align-items:center;gap:13px;padding:10px 18px;border:1px solid #28d5b1;border-radius:11px;background:#067a73b9}.alert-banner>span{font-size:27px}.alert-banner small{display:block;font-size:12px}.alert-banner>strong{margin-left:auto;font-size:25px}.content{padding:12px 0 25px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.service{min-height:80px;display:flex;align-items:center;gap:9px;padding:12px;border-radius:12px;color:white;box-shadow:0 5px 12px #082e6125}.service>span{font-size:28px}.service b,.service small{display:block}.service b{font-size:14px}.service small{font-size:10px}.teal{background:linear-gradient(110deg,#05b3c2,#1773aa)}.purple{background:linear-gradient(110deg,#6a60ed,#3b319b)}.red{background:linear-gradient(110deg,#ff3b45,#a9133b)}.green{background:linear-gradient(110deg,#00c48e,#006b72)}.orange{background:linear-gradient(110deg,#ff9c0b,#b54d17)}.violet{background:linear-gradient(110deg,#8859d6,#3d1e94)}.panel{background:#f8fbff;border:1px solid var(--line);border-radius:17px;padding:15px;box-shadow:0 4px 12px #133c6b0c;margin-bottom:14px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-title h2{margin:0;font-size:21px;letter-spacing:-.4px}.section-title h2:before{content:'';display:inline-block;background:#1177f5;width:6px;height:22px;border-radius:6px;margin-right:9px;vertical-align:-4px}.section-title>a{font-size:13px;color:#0064d9;font-weight:750}.city-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.city{height:170px;display:flex;align-items:end;border-radius:13px;overflow:hidden;background:linear-gradient(0deg,#03172fe8,transparent 70%),url('/assets/hv-city-0.webp') center/cover;transition:transform .15s}.city:hover{transform:translateY(-3px)}.city1{background-image:linear-gradient(0deg,#03172fe8,transparent 70%),url('/assets/hv-city-1.webp')}.city2{background-image:linear-gradient(0deg,#03172fe8,transparent 70%),url('/assets/hv-city-2.webp')}.city3{background-image:linear-gradient(0deg,#03172fe8,transparent 70%),url('/assets/hv-city-3.webp')}.city4{background-image:linear-gradient(0deg,#03172fe8,transparent 70%),url('/assets/hv-city-4.webp')}.city5{background-image:linear-gradient(0deg,#03172fe8,transparent 70%),url('/assets/hv-city-5.webp')}.city-info{color:white;padding:13px}.city-info strong,.city-info span,.city-info small{display:block}.city-info strong{font-size:19px}.city-info span{font-size:23px;font-weight:800}.city-info small{font-size:12px}.mid-grid{display:grid;grid-template-columns:1fr 1fr 300px;gap:12px;align-items:stretch}.mid-grid>.panel{margin-bottom:0}.mid-grid p{font-size:12px;color:#52708c;margin:0 0 12px}.small-search{border:1px solid #c8d8ec;margin-bottom:11px}.village-rows a{display:flex;justify-content:space-between;border-bottom:1px solid #d8e6f7;padding:8px 2px;font-size:13px;font-weight:700}.village-rows span{font-size:11px;color:#0069d9}.muted{display:block;color:#70839d;font-size:11px;margin-top:12px}.radar{height:205px;display:block;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(135deg,#032e53,#06567a)}.radar img{width:100%;height:100%;object-fit:contain;padding:15px}.radar span{position:absolute;bottom:0;left:0;right:0;padding:12px;color:white;background:#041f41dc;font-weight:750}.radar b{float:right}.side-ad .hv-ad{height:100%}.provinces{padding-bottom:18px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filters button{background:#f4f8ff;color:#14375c;border:1px solid #b9d3ef;border-radius:8px;padding:9px 13px;font-weight:650;font-size:12px}.filters button.active{background:#0876f8;color:white;border-color:#0876f8}.filters input{margin-left:auto;border:1px solid #b9d3ef;border-radius:8px;padding:8px 10px;max-width:160px;min-width:110px}.province-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.province{background:linear-gradient(150deg,#f6fbff,#dcecff);border:1px solid #d4e4f5;border-radius:12px;min-width:0;overflow:hidden}.province-main{min-height:87px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:2px;padding:11px 12px;background:url('/assets/havatik-premium-landscape.svg') right bottom/auto 60% no-repeat}.province-main>strong{font-size:15px}.province-wx{display:flex;align-items:center;gap:8px;grid-row:2;grid-column:1}.province-wx .picon{font-size:25px}.province-wx .ptemp{font-size:22px}.province-arrow{grid-column:2;grid-row:1/3;align-self:center;color:#0a5bb5;font-size:23px}.province details{border-top:1px solid #c5daef;padding:4px 9px}.province summary{cursor:pointer;font-size:10px;color:#346b9c}.districts{display:grid;gap:3px;max-height:180px;overflow:auto;padding:6px 0}.districts a{font-size:11px;padding:4px;border-radius:4px}.districts a:hover{background:#d0e4fa}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.blog-card{overflow:hidden;border:1px solid #cddff1;border-radius:13px;background:white}.blog-photo{height:150px;background:url('/assets/hv-city-0.webp') center/cover}.blog1{background-image:url('/assets/havatik-bayburt-panorama.webp')}.blog2{background-image:url('/assets/havatik-clean-landscape.webp')}.blog3{background-image:url('/assets/hv-city-3.webp')}.blog-body{padding:12px}.blog-body small{color:#086be3;font-weight:700}.blog-body h3{font-size:17px;line-height:1.2;margin:7px 0}.blog-body p{font-size:12px;color:#53677f}.blog-body span{font-size:12px;color:#0069df;font-weight:700}.footer{background:#051b37;color:#e6f2ff;padding:35px 0 14px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-grid h3{font-size:16px;margin:0 0 13px}.footer-grid>div>a:not(.brand){display:block;color:#c5d8ec;font-size:13px;margin:7px 0}.footer-grid p{font-size:13px;max-width:360px;color:#bdd0e5}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;margin-top:25px;padding-top:15px;font-size:11px;color:#a9c2df}.search-results{background:#fff;color:#123;padding:10px;border-radius:10px;margin-top:8px;position:absolute;z-index:2;box-shadow:0 10px 25px #0018}.search-results a{display:block;padding:5px}.mobile-ad{display:none}#province-empty{padding:20px;text-align:center;color:#53677f}@media(max-width:1150px){.nav nav{gap:9px;font-size:11px}.nav-search{min-width:170px}.hero{grid-template-columns:1fr 1fr}.regions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.regions h2,.region-note{grid-column:1/-1}.service-grid{grid-template-columns:repeat(3,1fr)}.city-grid{grid-template-columns:repeat(3,1fr)}.mid-grid{grid-template-columns:1fr 1fr}.side-ad{grid-column:1/-1}.side-ad .hv-ad{min-height:110px}.province-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.shell{width:min(100% - 22px,600px)}.nav{height:60px}.brand{font-size:21px}.brand-icon{width:36px;height:36px}.nav nav{display:none;position:absolute;top:60px;left:0;right:0;background:#061e3c;padding:15px;flex-direction:column;align-items:start;font-size:15px}.nav nav.open{display:flex}.nav-search{margin-left:auto;min-width:0;width:140px}.nav-search input{font-size:10px}.menu{display:block}.top-region{background-position:center}.hero{grid-template-columns:1fr;gap:8px;padding:14px 0}.hero-copy h1{font-size:38px}.hero-map{max-width:440px;margin:auto}.regions{grid-template-columns:1fr}.hero-bottom{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.service{min-height:72px}.city-grid{grid-template-columns:repeat(2,1fr)}.city{height:165px}.mid-grid{grid-template-columns:1fr}.side-ad{grid-column:auto}.province-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr);gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.ad-large{min-height:150px}.mobile-ad{display:block}.section-title h2{font-size:18px}.filters input{margin-left:0;max-width:none;width:100%}}@media(max-width:390px){.nav-search{display:none}.menu{margin-left:auto}.city{height:140px}.blog-grid{grid-template-columns:1fr}.province-main{padding:8px}.province-main>strong{font-size:13px}}

/* V31: 81 il kartlarında ortak manzara yerine canlı hava simgesi */
.province-main{background:none!important;min-height:96px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;align-items:center;padding:13px 15px!important}
.province-main>strong{grid-column:1/-1;font-size:16px;white-space:normal;overflow-wrap:anywhere}
.province-wx{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-start;gap:13px;margin-top:7px}
.province-wx .picon{font-size:36px;line-height:1.2;display:inline-flex;min-width:44px;justify-content:center}
.province-wx .ptemp{font-size:28px;font-weight:800;color:#082b54}
.province-arrow{grid-column:2!important;grid-row:2!important;justify-self:end}
.province[data-wx="sun"]{background:linear-gradient(145deg,#fff8e7,#e9f3ff)}
.province[data-wx="rain"],.province[data-wx="storm"]{background:linear-gradient(145deg,#e3f1ff,#c8e0f6)}
.province[data-wx="snow"]{background:linear-gradient(145deg,#fff,#e5f4ff)}
@media(max-width:390px){.province-wx .picon{font-size:30px}.province-wx .ptemp{font-size:24px}}

#hvai-fab{bottom:20px!important;right:18px!important}#havatik-notification-access,.hv-notification-float{position:fixed!important;bottom:92px!important;right:18px!important;z-index:99990!important}@media(max-width:640px){#hvai-fab{bottom:12px!important;right:12px!important}#havatik-notification-access,.hv-notification-float{bottom:80px!important;right:12px!important}}