.weather-section{background:#171717;border-top:1px solid #363636;border-bottom:1px solid #363636;padding:42px 0 48px}
.weather-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.weather-heading h2{font:900 clamp(34px,4vw,52px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:5px 0 0}
.weather-heading p{margin:0;color:#c4c4c4;font-size:14px;max-width:460px}
.weather-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.weather-day{min-width:0;background:#242424;border:1px solid #494949;border-top:3px solid var(--red);padding:15px;display:flex;flex-direction:column;gap:8px}
.weather-day time{font-weight:800;text-transform:capitalize;font-size:14px}
.weather-day .weather-icon{font-size:27px;line-height:1}
.weather-day .weather-temperature{font:800 24px/1 'Barlow Condensed',sans-serif;white-space:nowrap}
.weather-day .weather-temperature span{color:#aeb1b5;font-size:19px}
.weather-day p{font-size:13px;color:#d3d3d3;line-height:1.35;margin:0}
.weather-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:13px;color:#bfbfbf}
.weather-foot a{color:#fff;text-decoration:underline;text-underline-offset:4px;font-weight:700}
.weather-status{color:#ccc;min-height:48px}
@media(max-width:820px){.weather-days{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.weather-section{padding:30px 0 36px}.weather-days{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.weather-day{min-width:145px;flex:0 0 145px;scroll-snap-align:start}}