:root{--navy:#061a35;--navy2:#0b2b54;--blue:#0969ed;--ink:#102744;--muted:#627791;--line:#dce7f5;--bg:#f2f7fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);font-size:14px}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.wrap{max-width:1450px;padding:0 25px;margin:auto}.top{background:#071b38;color:#fff;position:relative;z-index:5}.top-inner{height:68px;display:flex;align-items:center;gap:23px}.brand{display:flex;align-items:center;font-weight:850;font-size:27px;letter-spacing:-1px;white-space:nowrap;line-height:1}.brand-icon{font-size:31px;margin-right:7px}.brand small{display:block;font-size:9px;letter-spacing:.1px;font-weight:500;color:#afc7e6;margin-top:5px}.desktop-nav{display:flex;gap:22px;align-items:center;margin:auto;font-size:12px;font-weight:650}.desktop-nav a:hover{color:#9dccff}.nav-search{background:#1d3859;color:#c3d5e9;border:1px solid #355273;padding:12px 15px;border-radius:30px;white-space:nowrap;font-size:12px}.nav-action{font-size:21px}.hero{color:white;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(4,21,46,.88),rgba(4,26,58,.55) 65%,rgba(4,23,48,.75)),url('https://images.unsplash.com/photo-1519501025264-65ba15a82390?w=1800&q=85') center 48%/cover;min-height:352px}.place-hero{background-image:linear-gradient(90deg,rgba(3,25,54,.88),rgba(4,30,65,.48) 65%,rgba(4,23,48,.7)),url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?w=1800&q=85');min-height:315px}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:55px;align-items:center;min-height:352px;padding-top:24px;padding-bottom:28px}.place-hero .hero-layout{min-height:315px}.hero-copy h1{font-size:clamp(37px,4.4vw,64px);line-height:1.06;letter-spacing:-2.7px;margin:12px 0 13px;max-width:740px}.place-hero h1{font-size:clamp(35px,4vw,54px)}.hero-copy p{font-size:16px;line-height:1.6;color:#e5f0fc;max-width:640px;margin:0 0 22px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#b4d5ff}.breadcrumbs{font-size:13px;margin-bottom:20px;color:#e1edff}.breadcrumbs a:hover{text-decoration:underline}.searchbar{display:flex;align-items:center;background:white;border-radius:10px;padding:5px 5px 5px 17px;max-width:675px;color:#31516d;box-shadow:0 9px 30px #031a3544}.searchbar span{font-size:26px}.searchbar input{min-width:0;flex:1;border:0;outline:0;padding:12px 10px;color:#143456}.searchbar button,.hero-buttons button,.primary{border:0;background:#086df0;color:#fff;border-radius:8px;font-weight:750;padding:13px 24px}.quick{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:15px}.quick span{font-size:11px;margin-right:3px;color:#e6f1ff}.quick a{font-size:11px;padding:7px 11px;background:#0c234d99;border:1px solid #91b6d977;border-radius:8px}.now-card{background:linear-gradient(140deg,#102b50e8,#081d39f5);border:1px solid #9ab9db66;box-shadow:0 15px 40px #0004;border-radius:15px;padding:22px;backdrop-filter:blur(8px)}.now-head,.now-stats,.mini-hours{display:flex;justify-content:space-between;align-items:center;gap:8px}.now-head strong{font-size:16px}.now-head>span{font-size:10px;color:#b5cfe9}.now-temp{display:flex;align-items:center;gap:18px;padding:19px 0}.now-temp>span{font-size:67px}.now-temp b{font-size:58px;line-height:1;letter-spacing:-2px}.now-temp p{font-size:12px;color:#e3eefd;margin:8px 0}.now-stats{border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;padding:13px 0;font-size:11px;color:#d7e9fa}.mini-hours{margin-top:16px;text-align:center;color:#e2edfa;font-size:12px;line-height:1.8}.hero-buttons{display:flex;gap:9px;flex-wrap:wrap}.hero-buttons button{background:#fff;color:#0a54aa;padding:11px 15px}.period-bar{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--line);border-radius:12px;margin:20px 0;overflow:hidden;box-shadow:0 6px 25px #0a2c510a}.period-bar a{display:flex;justify-content:center;align-items:center;gap:7px;white-space:nowrap;text-align:center;padding:17px 5px;font-weight:700;font-size:12px;border-right:1px solid var(--line)}.period-bar a:last-child{border:0}.period-bar a span{color:#086af0;font-size:18px}.period-bar a.active{background:#096af0;color:white}.period-bar a.active span{color:white}.notice{background:#eaf4ff;border:1px solid #c6defa;border-radius:9px;padding:12px 17px;color:#315c8a;font-size:12px;margin:16px 0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:17px}.content-main{display:flex;flex-direction:column;gap:17px}.sidebar-content{display:flex;flex-direction:column;gap:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;box-shadow:0 5px 18px #183f6d07}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.section-title h2{font-size:17px;letter-spacing:-.3px;margin:0}.section-title>a,.section-title>span{color:#096af0;font-size:11px;font-weight:700}.chips{display:flex;gap:5px}.chips span{border:1px solid #d7e7fa;border-radius:6px;padding:6px 10px;color:#3c648d;font-size:11px}.chips .chosen{background:#086af0;color:#fff;border-color:#086af0}.map-scene{background:linear-gradient(#f3f9ff,#e6f3ff);border-radius:9px;overflow:hidden;position:relative;min-height:260px;display:flex;align-items:center;justify-content:center}.map-scene svg{width:100%;height:auto}.map-badge{position:absolute;bottom:12px;left:12px;background:#ffffffd9;color:#46688a;padding:7px 11px;font-size:11px;border-radius:7px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:17px}.hourly{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.hourly>div{display:flex;align-items:center;flex-direction:column;gap:10px;padding:12px 4px;background:#f2f7fe;border-radius:9px}.hourly small{color:#637d99;font-size:11px}.hourly span{font-size:23px}.hourly b{font-size:17px}.days>div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf2fa;font-size:12px}.days>div:last-child{border:0}.days>div span:nth-child(2){font-size:20px}.trend{height:200px;padding:16px;border:1px solid #e3edf8;border-radius:9px;background:repeating-linear-gradient(0deg,transparent 0 38px,#e0eaf6 39px 40px),repeating-linear-gradient(90deg,transparent 0 69px,#e8f0f8 70px 71px);display:grid;place-items:center}.trend-empty{background:#fff;padding:12px 18px;border-radius:8px;color:#71869c;font-size:12px;text-align:center}.muted{color:var(--muted);line-height:1.65;font-size:12px}.empty-stat{text-align:center;color:#1364c6;font-size:52px;font-weight:800;padding:15px}.empty-stat small{display:block;color:#66809b;font-size:12px;font-weight:500}.empty-comments{border:1px dashed #d1e0ef;border-radius:9px;padding:20px;color:#71849a;font-size:12px}.city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.city-grid a{padding:12px 10px;border:1px solid #e1eafa;border-radius:8px;background:#f7faff;font-weight:650;font-size:12px;display:flex;justify-content:space-between}.city-grid a span{color:#0871ec}.city-grid a:hover{background:#e6f1ff}.alert-row{display:flex;gap:10px;padding:12px;border-radius:9px;background:#fff5eb;color:#9b5a14;font-size:12px}.ask{background:linear-gradient(140deg,#f5faff,#e5edff)}.ask p{font-size:12px;color:#4c6684}.suggestion{padding:12px;background:white;border-radius:8px;margin:8px 0;font-size:12px;color:#55708e}.ask button{background:linear-gradient(90deg,#0870f5,#7847ee);color:white;border:0;width:100%;border-radius:8px;padding:13px;font-weight:750;margin-top:9px}.ad-box{border:1px dashed #acc7e5;border-radius:10px;background:#eaf1fa;overflow:hidden;text-align:center}.ad-label{display:block;padding:9px;font-size:10px;color:#607c9b;letter-spacing:.5px}.ad-placeholder{display:grid;place-content:center;min-height:130px;background:linear-gradient(145deg,#0b2a55,#24568e);color:#fff}.ad-placeholder span{font-weight:750}.ad-placeholder small{display:block;margin-top:10px;color:#c5d7ec}.side-ad .ad-placeholder{min-height:330px}.ad-wide{margin-bottom:16px}.ad-wide .ad-placeholder{min-height:90px}.mobile-ad{display:none}.search-results{margin:18px 0}details{border-top:1px solid #e6eef8;padding:13px 4px}summary{cursor:pointer;font-weight:650;font-size:13px}details p{color:#58718e;font-size:12px}.notfound{margin:30px 0}.footer{background:#071c39;color:#fff;margin-top:30px;padding:37px 0 15px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer p,.footer small{color:#a9c0d9;font-size:12px}.footer b{display:block;margin-bottom:15px}.footer a{display:block;color:#b7cce2;font-size:12px;margin:8px 0}.copyright{border-top:1px solid #284462;margin-top:24px;padding-top:15px;font-size:11px;color:#93b1ce}.bottom-nav{display:none}.toast{position:fixed;z-index:30;bottom:30px;left:50%;transform:translate(-50%,30px);background:#0d315d;color:#fff;padding:15px 20px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1180px){.desktop-nav{gap:10px;font-size:11px}.nav-search{display:none}.content-grid{grid-template-columns:minmax(0,1fr) 260px}.period-bar a{font-size:11px}.period-bar a span{font-size:15px}.city-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.wrap{padding:0 15px}.desktop-nav{display:none}.top-inner{height:61px}.nav-action{margin-left:auto}.hero-layout{grid-template-columns:1fr;gap:20px;padding-top:28px;padding-bottom:26px}.hero-copy h1{font-size:42px}.hero{min-height:unset}.now-card{max-width:100%}.content-grid{grid-template-columns:1fr}.sidebar-content{display:grid;grid-template-columns:1fr 1fr}.side-ad{display:none}.period-bar{display:flex;overflow-x:auto;scrollbar-width:thin}.period-bar a{min-width:105px;padding:14px}.ad-wide{display:none}.mobile-ad{display:block;margin:16px 0}.mobile-ad .ad-placeholder{min-height:88px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){body{padding-bottom:66px}.wrap{padding:0 12px}.top-inner{height:56px}.brand{font-size:24px}.brand small{font-size:8px}.hero-layout{padding-top:21px}.hero-copy h1{font-size:37px;letter-spacing:-1.4px}.hero-copy p{font-size:13px}.eyebrow{font-size:9px}.searchbar button{padding:11px 14px}.quick{gap:5px}.quick a{padding:6px 8px}.now-card{padding:16px}.now-temp>span{font-size:54px}.now-temp b{font-size:48px}.now-stats{font-size:10px}.period-bar{margin:13px 0}.period-bar a{min-width:92px;font-size:10px;padding:12px 7px}.period-bar a span{font-size:15px}.panel{padding:14px}.section-title h2{font-size:14px}.section-title{margin-bottom:13px}.chips span{font-size:9px;padding:5px}.map-scene{min-height:180px}.map-badge{font-size:9px}.two-cols,.sidebar-content{grid-template-columns:1fr}.hourly{gap:4px}.hourly>div{padding:9px 2px}.hourly small{font-size:9px}.hourly span{font-size:19px}.hourly b{font-size:14px}.city-grid{grid-template-columns:1fr 1fr}.city-grid a{font-size:11px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:#071c39;color:#e3f1ff;justify-content:space-around;align-items:center;z-index:20;box-shadow:0 -5px 20px #081a3440}.bottom-nav a{display:flex;align-items:center;flex-direction:column;gap:1px;font-size:22px;min-width:50px}.bottom-nav a small{font-size:9px}.bottom-nav a.active{color:#55b7ff}.toast{bottom:75px;width:calc(100% - 28px);text-align:center}}

/* v0.9 reference-aligned layout and ad placements */
.home-hero{background-image:linear-gradient(90deg,rgba(4,19,41,.65),rgba(4,19,41,.16) 52%,rgba(4,19,41,.76)),url('/assets/city-hero.webp');background-position:center;background-size:cover}
.place-hero{background-image:linear-gradient(90deg,rgba(4,19,41,.74),rgba(4,19,41,.22) 60%,rgba(4,19,41,.74)),url('/assets/mountain-hero.webp');background-position:center;background-size:cover}
.home-hero .hero-layout{grid-template-columns:minmax(0,1fr) 330px 300px;gap:16px;min-height:355px}
.home-hero .hero-copy h1{font-size:clamp(38px,4vw,60px)}
.hero-ad{display:block;align-self:center}.hero-ad .ad-box{border:1px solid #a8d1ff80;background:#071b38ed;color:white}.hero-ad .ad-placeholder{height:250px;min-height:250px;background:linear-gradient(150deg,#092d5d,#163a6e 55%,#0b1834)}
.hero-ad .ad-label{color:#e3efff}.hero-ad .ad-placeholder span{font-size:18px}.hero-ad .ad-placeholder small{font-size:11px}
.ad-wide .ad-box{max-width:970px;margin:0 auto}.ad-wide .ad-placeholder{min-height:185px}.ad-wide .ad-placeholder span{font-size:20px}
.ad-bottom{margin:22px auto;max-width:970px}.ad-bottom .ad-placeholder{min-height:90px}
.side-ad .ad-placeholder{min-height:600px}
.ad-box{border-style:solid;border-color:#c8d9ef;background:#edf4fc}.ad-placeholder{background:linear-gradient(145deg,#0c274b,#204979);padding:20px}
.homepage-tiles{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin:16px 0}.tile-strip{display:flex;justify-content:space-between;gap:12px}.tile-strip>div,.tile-strip>a{flex:1;min-width:0;border-radius:8px;padding:13px;background:#f0f7ff;display:flex;flex-direction:column;gap:8px;text-align:center}.tile-strip strong{font-size:12px}.tile-strip small{font-size:10px;color:#7890aa}
@media(max-width:1330px){.home-hero .hero-layout{grid-template-columns:minmax(0,1fr) 315px}.hero-ad{display:none}}
@media(max-width:850px){.home-hero .hero-layout{grid-template-columns:1fr}.homepage-tiles{grid-template-columns:1fr}.ad-bottom{display:none}}
@media(max-width:560px){.home-hero .hero-copy h1{font-size:38px}.tile-strip{gap:5px}.tile-strip>div,.tile-strip>a{padding:10px 5px;font-size:11px}.ad-wide{display:none}.mobile-ad .ad-placeholder{min-height:100px}}

/* Havatik v1.2: Masaüstünde mobil uygulama ile ortak uyarı ve hava analizi dili */
.nav-warning{position:relative;color:#d9eaff!important}.alert-counter{position:absolute;top:-8px;right:-15px;background:#f24949;color:white;border-radius:15px;padding:1px 5px;font-size:10px}
.desktop-weather-hub{margin:16px 0 22px;padding:20px;background:linear-gradient(135deg,#061a35,#0b315d 85%);border:1px solid #183c66;border-radius:18px;color:white;box-shadow:0 12px 32px rgba(7,30,62,.12)}
.hub-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.hub-title h2{font-size:21px;line-height:1.2;margin:6px 0}.hub-title p{margin:0;color:#bad1e8;font-size:13px}.hub-eyebrow{color:#79c8ff;font-size:10px;letter-spacing:1.8px;font-weight:800}.hub-status{color:#c6e6f9;background:#ffffff14;padding:10px 13px;border:1px solid #ffffff20;border-radius:30px;font-size:12px;white-space:nowrap}.status-light{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35ceab;margin-right:5px}
.hub-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(210px,.67fr);gap:13px;align-items:stretch}.hub-alerts,.hub-radar,.hub-mini{border-radius:13px;background:#ffffff0e;border:1px solid #ffffff24;padding:14px;min-width:0}.hub-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.hub-section-title h3{font-size:14px;margin:0}.hub-section-title>span{font-size:11px;color:#b7d8ff}.hub-alert{display:flex;align-items:flex-start;gap:11px;padding:12px;border-radius:11px;margin-bottom:8px;border:1px solid #ffffff20;background:#ffffff0e}.hub-alert-icon{display:grid;place-items:center;font-size:23px;width:42px;height:42px;border-radius:11px;background:#ffffff24;flex-shrink:0}.hub-alert strong,.hub-alert-empty strong{font-size:13px}.hub-alert p,.hub-alert-empty p{font-size:12px;line-height:1.5;margin:5px 0;color:#fff}.hub-alert small{font-size:10px;color:#ffffffbf}.hub-alert.level-red{background:linear-gradient(90deg,#ae242d,#7e273b)}.hub-alert.level-orange{background:linear-gradient(90deg,#a95718,#784024)}.hub-alert.level-yellow{background:linear-gradient(90deg,#86631d,#60552b)}.hub-alert.level-info{background:linear-gradient(90deg,#126bb6,#184f86)}.hub-alert-empty{display:flex;align-items:center;gap:12px;padding:22px 10px}.hub-alert-empty>span{font-size:24px;color:#46dbb8}.hub-alert-empty p{color:#c2d9f3}.hub-source{font-size:11px;color:#9dbfdf;line-height:1.5;padding-top:8px;border-top:1px solid #ffffff22}
.hub-radar-scene{position:relative;overflow:hidden;min-height:204px;background:radial-gradient(ellipse at 43% 45%,#267dba99 0 13%,transparent 14%),radial-gradient(ellipse at 59% 51%,#63c8c58c 0 9%,transparent 10%),radial-gradient(ellipse at 54% 59%,#48ac5a88 0 12%,transparent 13%),linear-gradient(130deg,#a3c6d3,#d6e7d2 50%,#8db2c9);border-radius:10px;color:#09284d}.radar-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff45 1px,transparent 1px),linear-gradient(90deg,#ffffff45 1px,transparent 1px);background-size:35px 35px}.radar-pulse{position:absolute;left:44%;top:26%;width:125px;height:125px;border-radius:50%;border:2px solid #ffffffa1;box-shadow:0 0 0 22px #ffffff30,0 0 0 44px #ffffff20}.radar-pin{position:absolute;top:39%;left:55%;font-size:27px;color:#0955d9}.radar-copy{position:absolute;bottom:9px;left:9px;right:9px;background:#082d57ed;color:white;border-radius:8px;padding:10px;display:grid;gap:4px}.radar-copy strong{font-size:12px}.radar-copy small{font-size:10px;color:#c6d8e9}.hub-radar-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.hub-radar-tabs span{font-size:10px;border:1px solid #ffffff30;border-radius:20px;padding:6px 8px;background:#ffffff15}.hub-mini-grid{display:grid;gap:12px}.hub-mini{padding:13px}.hub-mini-icon{font-size:24px}.hub-mini h3{font-size:13px;margin:7px 0}.hub-mini-value{font-size:27px;font-weight:800;line-height:1.2}.hub-mini-value small{font-size:12px;color:#b5d7f6}.hub-mini p{font-size:11px;color:#c6d7e9;margin:7px 0}.hub-tag{font-size:10px;background:#ffffff1a;border-radius:15px;padding:5px 8px;color:#b9e7fa}
@media(max-width:1150px){.hub-grid{grid-template-columns:1fr 1fr}.hub-mini-grid{grid-column:1/-1;grid-template-columns:1fr 1fr}}@media(max-width:700px){.desktop-weather-hub{padding:14px}.hub-title{align-items:flex-start;flex-direction:column}.hub-grid{grid-template-columns:1fr}.hub-mini-grid{grid-column:auto}.hub-status{white-space:normal}.hub-radar-scene{min-height:180px}}