.weather-strip{position:relative;margin-top:-2px;padding:0 0 20px;background:#fff}.weather-panel{position:relative;z-index:5;margin-top:-38px;border:1px solid #dce9e3;background:#ffffffed;backdrop-filter:blur(20px);border-radius:22px;box-shadow:0 20px 55px rgba(8,45,33,.12);display:grid;grid-template-columns:1.35fr repeat(4,1fr);overflow:hidden}.weather-main{padding:23px 25px;display:flex;align-items:center;gap:17px;background:linear-gradient(135deg,#f7fbf9,#edf7f3)}.weather-icon{font-size:42px}.weather-temp{font-size:38px;font-weight:850;line-height:1;letter-spacing:-2px}.weather-condition{font-size:11px;color:#61736b;margin-top:6px}.weather-cell{padding:21px 17px;border-left:1px solid #e7eeeb;display:flex;flex-direction:column;justify-content:center}.weather-cell span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#84918c;font-weight:800}.weather-cell strong{font-size:17px;margin-top:7px}.weather-updated{font-size:9px;color:#92a09a;margin-top:5px}.forecast-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:11px}.forecast-day{padding:19px 10px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:17px;transition:.2s}.forecast-day:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.forecast-day .day{font-size:10px;text-transform:uppercase;font-weight:850;color:var(--muted)}.forecast-day .wicon{font-size:29px;margin:12px 0}.forecast-day .temps{font-size:13px;font-weight:850}.forecast-day .rain{font-size:9px;color:#5b8da9;margin-top:7px}.weather-details{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:20px}.weather-detail{padding:18px;border-radius:16px;background:#f4f8f6;border:1px solid var(--line)}.weather-detail span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800}.weather-detail strong{display:block;font-size:17px;margin-top:7px}@media(max-width:900px){.weather-panel{grid-template-columns:1fr 1fr 1fr;margin-top:-25px}.weather-main{grid-column:1/-1}.weather-cell{border-top:1px solid #e7eeeb}.weather-cell:nth-last-child(1){display:none}.forecast-grid{grid-template-columns:repeat(4,1fr)}.weather-details{grid-template-columns:1fr 1fr}}@media(max-width:600px){.weather-panel{grid-template-columns:1fr 1fr;border-radius:18px}.weather-main{padding:18px}.weather-temp{font-size:32px}.weather-cell{padding:16px 13px}.weather-cell:nth-last-child(2){display:none}.forecast-grid{grid-template-columns:repeat(2,1fr)}}