.weather-forecast-container{max-width:100%;margin:20px 0;padding:20px;border:1px solid #ddd;border-radius:20px;background:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .1);font-family:Arial,sans-serif;overflow-x:auto}.weather-error{color:#d63638;padding:15px;background:#ffeaea;border:1px solid #d63638;border-radius:4px;text-align:center;margin:20px 0}.weather-header{text-align:center;margin-bottom:20px}.weather-city{font-size:24px;font-style:normal;font-weight:700;color:#333;margin:0 auto;text-align:center;display:block;width:100%}.weather-forecasts-container{overflow-x:auto;white-space:nowrap;padding:20px 0}.weather-forecasts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;width:100%}.weather-day{text-align:center;padding:15px;border:1px solid #eee;border-radius:8px;background:#f9f9f9;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.weather-day:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.weather-date{font-weight:700;margin-bottom:5px;font-size:14px;color:#333}.weather-date-full{font-size:14px;color:#666;margin-bottom:8px}.weather-icon{margin:10px 0;display:flex;justify-content:center;align-items:center}.emoji-weather-icon{font-size:60px;display:inline-block;padding:10px;border-radius:50%;background:rgb(255 255 255 / .8);box-shadow:0 2px 4px rgb(0 0 0 / .1);transition:all 0.3s ease;line-height:1;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.emoji-weather-icon:hover{transform:scale(1.15);box-shadow:0 4px 8px rgb(0 0 0 / .15)}.weather-temp{display:flex;flex-direction:column;align-items:center;gap:0}.weather-max-temp{font-size:18px;font-weight:700;color:#e74c3c;margin:3px 0}.weather-min-temp{font-size:18px;font-weight:700;color:#3498db;margin:3px 0}.weather-desc{color:#666;margin:8px 0;text-transform:capitalize;font-size:12px}.weather-details{margin-top:10px;padding-top:8px;border-top:1px solid #eee;font-size:11px}.weather-detail{margin:2px 0;color:#777}@media (min-width:1025px){.weather-forecasts{display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;width:max-content;margin:0 auto}.weather-day{flex:0 0 auto;min-width:180px;white-space:normal}}@media (min-width:768px) and (max-width:1024px){.weather-forecasts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.weather-day{min-width:160px}.emoji-weather-icon{font-size:50px;width:50px;height:50px}}@media (max-width:767px){.weather-forecasts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.weather-day{min-width:140px;padding:12px}.weather-date{font-size:12px}.weather-max-temp{font-size:16px}.weather-min-temp{font-size:16px}.emoji-weather-icon{font-size:45px;width:45px;height:45px}}@media (max-width:480px){.weather-forecasts{grid-template-columns:1fr;gap:10px}.weather-day{min-width:auto;width:100%}.weather-date{font-size:11px}.weather-max-temp{font-size:14px}.weather-min-temp{font-size:14px}.emoji-weather-icon{font-size:40px;width:40px;height:40px}.weather-desc{font-size:11px}.weather-detail{font-size:10px}}