.weather-traffic-page{padding-bottom:70px}.weather-heading{justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.weather-heading h1{align-items:center;gap:8px;margin:0;font-size:31px;display:flex}.weather-heading h1 img{width:38px;height:38px}.weather-heading-actions{align-items:center;gap:18px;display:flex}.weather-heading nav{background:#e8eef1;border-radius:22px;gap:5px;padding:4px;display:flex}.weather-heading nav a{border-radius:18px;padding:9px 15px;font-weight:900}.weather-heading nav a:first-child{color:#fff;background:#092d59}.gismeteo-brand{flex-direction:column;flex:none;align-items:flex-end;line-height:1;text-decoration:none;display:flex}.gismeteo-brand img{width:138px;height:auto;display:block}.gismeteo-brand .gismeteo-logo-dark{display:none}.gismeteo-brand span{color:#1a1a1a;letter-spacing:.01em;margin-top:5px;font-size:10px;font-weight:700}.gismeteo-brand:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #09f}.weather-layout{grid-template-columns:minmax(0,3fr) minmax(230px,1fr);align-items:start;gap:22px;display:grid}.weather-content{min-width:0}.weather-current{background:linear-gradient(135deg,#dceefa,#f3f9fc);border:1px solid #b9d7e9;border-radius:16px;grid-template-columns:1.2fr 1fr;gap:28px;padding:22px;display:grid}.weather-label{text-transform:uppercase;letter-spacing:.1em;color:#527087;font-size:12px;font-weight:900}.current-temp{align-items:center;gap:16px;margin:13px 0;display:flex}.current-temp i{font-size:57px;font-style:normal}.current-temp strong{color:#174f7c;font-size:62px;line-height:.9}.weather-current h2{margin:0 0 8px;font-size:27px}.weather-current p{max-width:700px;line-height:1.5}.weather-current small{color:#6b7d89}.weather-current dl{grid-template-columns:1fr 1fr;gap:9px;margin:0;display:grid}.weather-current dl div{background:#fff;border-radius:10px;min-height:92px;padding:16px 14px 14px 56px;position:relative;overflow:hidden;box-shadow:0 5px 16px #1f4e6f14}.weather-current dl div:before{background:#e1f1fa;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;display:grid;position:absolute;top:17px;left:14px}.weather-current dl div:first-child:before{content:"➜";color:#2874a6;transform:rotate(-12deg)}.weather-current dl div:nth-child(2):before{content:"◉";color:#774da0;background:#eee5f5}.weather-current dl div:nth-child(3):before{content:"💧";background:#dff3f8;font-size:16px}.weather-current dl div:nth-child(4):before{content:"☀";color:#d58916;background:#fff1ca}.weather-current dl div:first-child{border-bottom:3px solid #8dc9e8}.weather-current dl div:nth-child(2){border-bottom:3px solid #bba0d2}.weather-current dl div:nth-child(3){border-bottom:3px solid #88d4dc}.weather-current dl div:nth-child(4){border-bottom:3px solid #f1c76e}.weather-current dt{text-transform:uppercase;letter-spacing:.05em;color:#71818c;font-size:10px;font-weight:900}.weather-current dd{color:#173f61;margin:6px 0 0;font-weight:900;line-height:1.3}.weather-current.unavailable{min-height:250px;display:block}.weather-unavailable{text-align:center;align-content:center;place-items:center;min-height:220px;display:grid}.weather-unavailable>i{margin:15px 0 7px;font-size:46px;font-style:normal}.weather-unavailable p{color:#607486;margin:0}.weather-ad{color:#92866d;text-transform:uppercase;background:#fff0c9;height:130px;margin:18px 0}.weather-side-ad{background:#fff0c9;border-radius:14px;height:min(620px,100vh - 184px);min-height:460px;margin-top:20px;position:sticky;top:166px;overflow:hidden;box-shadow:0 12px 30px #1236521f}.weather-side-ad>.ad-slot{border:0;height:100%}.forecast-block{background:#fff;border:1px solid #dce4e8;border-radius:14px;margin:22px 0;padding:22px}.forecast-block>header{justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px;display:flex}.forecast-block header small,.traffic-block header small{color:#687d8d;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.forecast-block h2,.traffic-block h2{margin:4px 0 0;font-size:30px}.forecast-tabs{background:#eef2f3;border-radius:21px;padding:3px;display:flex}.forecast-tabs button{background:0 0;border:0;border-radius:18px;padding:8px 13px;font-weight:800}.forecast-tabs button.active{color:#fff;background:#174f7c}.forecast-grid{grid-template-columns:repeat(var(--days),minmax(120px,1fr));gap:8px;display:grid;overflow-x:auto}.forecast-day{background:#edf6fb;border-radius:10px;min-width:120px;padding:14px}.forecast-day.today{background:#dceefa;box-shadow:inset 0 0 0 1px #9fc9e1}.forecast-day.weekend{background:#fff0ea;box-shadow:inset 0 0 0 1px #f3c4b6}.forecast-day.weekend>span{color:#b24832}.forecast-day>span,.forecast-day>small{display:block}.forecast-day>span{font-size:12px;font-weight:900}.forecast-day>i{margin:13px 0 8px;font-size:30px;font-style:normal;display:block}.forecast-day>strong{color:#174f7c;font-size:24px}.forecast-day>small{color:#657986;margin-top:6px}.forecast-detail{gap:10px;display:grid}.detail-day{background:#fff;border:1px solid #dce5e9;border-radius:10px;padding:16px;overflow:hidden}.detail-day.weekend{background:#fff4ef;border-color:#efc5b9}.detail-day.weekend h3{color:#a94231}.detail-day h3{align-items:center;gap:10px;margin:0 0 12px;display:flex}.detail-day h3>i{font-size:31px;font-style:normal}.detail-day h3>span,.detail-day h3 small{display:block}.detail-day h3 small{color:#75848e;margin-top:3px;font-size:11px;font-weight:500}.day-parts{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.day-parts div{background:linear-gradient(145deg,#f7fafb,#edf3f6);border:1px solid #e0e8ec;border-radius:8px;padding:10px;position:relative}.detail-day.weekend .day-parts div{background:#ffffffbf;border-color:#efd8d1}.day-parts span,.day-parts strong,.day-parts small{display:block}.day-parts span{text-transform:uppercase;color:#74838e;font-size:10px}.day-parts strong{color:#174f7c;margin:5px 0;font-size:19px}.part-icon{margin:7px 0 2px;font-size:25px;font-style:normal;display:block}.day-parts small{color:#667984;margin-top:4px}.day-parts small b{color:#4780a6;width:18px;display:inline-block}.traffic-block{background:#fff;border:1px solid #dce4e8;border-radius:14px;margin-top:28px;padding:22px;scroll-margin-top:165px}.traffic-block>header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.traffic-block header p{color:#657783;margin:6px 0 0}.traffic-score{background:#ffe36e;border-radius:30px;align-items:center;gap:8px;padding:10px 16px;display:flex}.traffic-score strong{font-size:29px}.traffic-score span{font-weight:900}.traffic-map{position:relative}.traffic-map iframe{border:0;border-radius:10px;width:100%;height:500px;display:block}.traffic-map>a{color:#174f7c;background:#fff;border-radius:20px;padding:10px 14px;font-weight:900;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 16px #0003}.traffic-offline{color:#637687;background:#eef4f7;place-items:center;min-height:180px;display:grid}.weather-traffic-page .ad-slot-empty{text-align:center;place-content:center;display:grid}.weather-traffic-page .ad-slot-empty span{font-weight:900}.weather-traffic-page .ad-slot-empty small{margin-top:3px;display:block}.weather-traffic-page .ad-slot-filled img{object-fit:cover;width:100%;height:100%}@media (max-width:1020px){.weather-layout{grid-template-columns:1fr}.weather-side-ad{height:230px;min-height:230px;margin-top:0;position:relative;top:auto}.weather-side-ad>.ad-slot{min-height:230px!important}}@media (max-width:760px){.weather-current{grid-template-columns:1fr;padding:18px}.weather-current dl{grid-template-columns:1fr 1fr}.weather-heading{display:block}.weather-heading-actions{flex-wrap:wrap;justify-content:space-between;margin-top:12px}.weather-heading nav{margin-top:0;display:inline-flex}.current-temp strong{font-size:58px}.forecast-block{padding:14px}.forecast-block>header{display:block}.forecast-tabs{margin-top:12px;display:inline-flex}.day-parts{grid-template-columns:1fr 1fr}.traffic-map iframe{height:430px}}@media (max-width:500px){.weather-heading h1{font-size:26px}.weather-heading h1 img{width:31px;height:31px}.weather-heading-actions{align-items:flex-start}.weather-heading nav{margin-top:0}.gismeteo-brand{align-items:flex-start}.weather-current dl{grid-template-columns:1fr}.weather-current dl div{padding-left:52px}.detail-day h3>i{font-size:26px}.traffic-block>header{align-items:flex-start}.traffic-score{padding:7px 11px}.weather-side-ad{height:180px;min-height:180px}.weather-side-ad>.ad-slot{min-height:180px!important}}
