.weather-strip{display:flex;align-items:center;gap:20px;max-width:1180px;margin:0 auto 22px;padding:12px 22px;border-radius:20px;background:linear-gradient(110deg,#fff3cc,#edf9ee);color:#234c46;box-sizing:border-box}.weather-strip-icon{font-size:42px;line-height:1;display:block;width:52px;text-align:center;flex-shrink:0}.weather-strip-place strong{font-size:15px}.weather-strip small{display:block;font-size:11px;line-height:1.6;color:inherit}.weather-strip-temp{font-size:34px;line-height:1}.weather-strip-details{font-size:14px}.weather-strip-links{margin-left:auto;white-space:nowrap;font-size:13px}.weather-strip-links>a{font-weight:700}.weather-strip-links small a{font-size:10px}.weather-cloud,.weather-rain,.weather-snow{background:linear-gradient(110deg,#def3ff,#f1f4fb)}.weather-night,.weather-storm{background:linear-gradient(110deg,#243b64,#355a77);color:#fff}.weather-sun .weather-strip-icon{animation:strip-sun 2s ease-in-out 2}.weather-cloud .weather-strip-icon{animation:strip-cloud 2s ease-in-out 2}.weather-rain .weather-strip-icon,.weather-snow .weather-strip-icon{animation:strip-rain 1.5s ease-in-out 3}.weather-night .weather-strip-icon,.weather-storm .weather-strip-icon{animation:strip-glow 2s ease-in-out 2}.site-header nav{flex-wrap:wrap}@keyframes strip-sun{50%{transform:rotate(35deg) scale(1.08)}}@keyframes strip-cloud{50%{transform:translateX(7px)}}@keyframes strip-rain{50%{transform:translateY(5px)}}@keyframes strip-glow{50%{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.weather-strip-icon{animation:none!important}}@media(max-width:700px){.weather-strip{margin:0 16px 20px;padding:13px 16px;gap:12px;flex-wrap:wrap}.weather-strip-place{flex:1}.weather-strip-temp{font-size:30px}.weather-strip-details{flex:1;min-width:170px}.weather-strip-icon{font-size:34px;width:38px}.weather-strip-links{font-size:12px}}
.forecast-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:24px 0}.forecast-day{padding:20px 12px;border-radius:20px;background-color:#f4f7ee;text-align:center;min-width:0}.forecast-day h3{font-size:18px;margin:0 0 18px}.forecast-day small{display:block;font-size:11px;line-height:1.5}.forecast-day h3 small{margin-top:6px}.forecast-day .weather-strip-icon{margin:0 auto 16px;font-size:48px;width:60px}.forecast-condition{display:block;font-size:14px;min-height:36px}.forecast-day .forecast-range{font-size:22px;font-weight:700;margin:10px 0 3px}.forecast-day p{font-size:12px;line-height:1.5}.forecast-rain{min-height:54px}.forecast-explanation{font-size:13px!important;line-height:1.6}@media(max-width:400px){.forecast-days{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.forecast-day{padding:16px 10px}}
