-
Ketten
-
-
-
-
+
+
+
+
+
PortaSplit Monitor · Live
+
Wo gibt es die Midea PortaSplit gerade?
+
Live-Bestand in 1.167 Baumärkten – plus Verfügbarkeits-Prognose, die dir sagt, wo die Chance in den nächsten 7 Tagen am höchsten ist. Das kann braucheklima nicht.
+
+
+
+
Filialen–
+
mit PortaSplit–
+
mit Cool–
+
mit Halterung–
+
Restocks 7 Tg.–
+
Wucher-Alarm–
+
+
+
+
+
+
- verfügbar
- wenig
- leer
+ verfügbar
+ Filiale (Cluster)
+ hohe Prognose
-
…
-
Hinweis: aktuelle Demo-Daten. Live-Anbindung der Ketten-Bestände folgt.
+
+
-
+
+
+
+
+
+
+
+
+
+
+ | Filiale |
+ PortaSplit |
+ Cool |
+ Halterung |
+ Prognose 7 Tg. |
+ Entfernung |
+
+ |
+
+
+
+
+
+
Kein Bestand in deiner Nähe?
Wir mailen dir, sobald PortaSplit & Co. in deinem Umkreis auftauchen – inkl. Prognose-Frühwarnung.
+
Verfügbarkeits-Alarm
+
+ Datenstand: Snapshot aus öffentlich einsehbaren Filial-/Online-Beständen (Vorbild braucheklima.de). Prognose = statistische Schätzung aus der Restock-Historie, keine Garantie. Preise/Bestände beim Händler prüfen.
diff --git a/src/styles/global.css b/src/styles/global.css
index bd7fce7..1b8c17b 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -58,3 +58,22 @@ header.site nav a:hover{color:var(--petrol)}
footer.site{margin-top:4rem;border-top:1px solid var(--line);background:var(--petrol-soft)}
footer.site .wrap{padding-top:2rem;padding-bottom:2rem}
@media(max-width:720px){header.site nav a{margin-left:.8rem;font-size:.85rem}}
+
+/* --- v2 additions: data-monitor craft (ui-ux-design-pro + design-taste-frontend) --- */
+:root{
+ --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
+ --ok-dot:oklch(0.62 0.13 155);
+ --low-dot:oklch(0.78 0.15 75);
+ --off-dot:oklch(0.80 0.01 240);
+ --ink-2:oklch(0.34 0.02 250);
+ --surface-2:oklch(0.975 0.006 230);
+ --shadow-sm:0 1px 2px oklch(0.4 0.03 250 / .06);
+ --shadow-md:0 6px 20px oklch(0.4 0.05 250 / .08),0 1px 3px oklch(0.4 0.05 250 / .05);
+}
+.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
+:focus-visible{outline:2px solid var(--petrol);outline-offset:2px;border-radius:4px}
+.dot{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:middle}
+.dot.ok{background:var(--ok-dot)}.dot.low{background:var(--low-dot)}.dot.off{background:var(--off-dot)}
+.skel{background:linear-gradient(90deg,var(--line),var(--surface-2),var(--line));background-size:200% 100%;animation:sh 1.2s infinite;border-radius:6px}
+@keyframes sh{0%{background-position:200% 0}100%{background-position:-200% 0}}
+@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}