.kk-weather-wrapper { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; max-width: 100%; margin-bottom: 20px; border-radius: 8px; overflow: hidden; background: #fff; color: #222; box-shadow: 0 2px 10px rgba(0,0,0,0.05); border: 1px solid #eaeaea; }
.kk-weather-header { color: #fff; padding: 12px 15px; text-align: center; }
.kk-weather-header h3 { margin: 0; font-size: 16px; font-weight: bold; color: #fff; letter-spacing: 0.5px; }
.kk-weather-body { padding: 20px 15px; }
.kk-weather-main { display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 20px; }
.kk-weather-icon-box { background: #f5f5f5; border-radius: 50%; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); }
.kk-weather-icon-box img { width: 100%; height: auto; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.2)); }
.kk-weather-temp-box { display: flex; flex-direction: column; }
.kk-weather-temp { font-size: 42px; font-weight: 800; line-height: 1; color: #222; margin: 0; padding: 0;}
.kk-weather-desc { font-size: 14px; color: #666; font-weight: 500; margin-top: 5px; }
.kk-weather-details { display: flex; justify-content: space-between; background: #f9f9f9; border-radius: 6px; padding: 12px; border: 1px solid #f0f0f0; }
.kk-w-detail-item { display: flex; flex-direction: column; align-items: center; flex: 1; }
.kk-w-detail-item:not(:last-child) { border-right: 1px solid #e5e5e5; }
.kk-w-label { font-size: 11px; color: #888; text-transform: uppercase; font-weight: 600; margin-bottom: 4px; }
.kk-w-value { font-size: 14px; font-weight: 700; color: #333; }
.kk-weather-footer { background-color: #fcfcfc; border-top: 1px solid #eee; padding: 10px 15px; font-size: 12px; color: #666; text-align: center; font-weight: 500; }