# WetSlip Web v0.4 — Mockup / Layer / Presence-Pass

## Behoben
- Die Webseite nutzt weiterhin einen einzigen Scrollbereich. Die Bottom-Navigation belegt die letzte Zeile der CSS-App-Shell und ist an deren Unterkante bündig. **Die separate graue Android-System-Navigationsleiste eines Browsers liegt außerhalb der CSS-Viewport-Fläche und kann nicht mit CSS umgestaltet werden.** In der späteren Flutter-WebView/Android-Hülle müssen System-Bar-Farben und Edge-to-Edge gesondert konfiguriert werden.
- Wäschekorb öffnet als obere Bottom-Sheet-Ebene (maximal 84dvh) mit eigenem Galaxie-Hintergrund; Hintergrund und Nav sind währenddessen nicht bedienbar.
- Produktkarten erhalten ein definiertes Raster: links fotografisches Bild, rechts Titel, Beschreibung, Daten, Verfügbarkeit und separate Preis/CTA-Zeile. Kleinste Viewports zeigen „Korb“ als beschrifteten Button.
- Verkäufer-Porträt aus dem früheren Komposit freigestellt (Grüner Punkt entfernt, alten Ring entfernt und beschnitten), unabhängiger transparenter SVG-Ring, unabhängiger Statusindikator.
- Demostatus per Tap auf Punkt oder Statusbadge umschaltbar: Online → Abwesend → Offline. **Nur lokale Demonstration, kein Nachweis realer Präsenz.** Später Serverstatus aus Laravel/Redis/WebSocket; aktiver Status benötigt Heartbeats, Idle-, Sichtbarkeits- und Disconnect-Logik sowie Privatsphäreoptionen.
- Wäschekorb-Scrollposition bleibt bei Mengenänderungen erhalten.

## Sicherheitsgrenzen
- Nur synthetischer Demo-Katalog, keine echten Zahlungen.
- Service Worker speichert ausschließlich öffentliche Demo-Ressourcen, keine geschützten API-Antworten.
- Keine Back-End-Präsenz vorgetäuscht.

## Test auf echtem Android
- Scrollen/Adressleistenbewegung, Android-Systemleiste vs. CSS-Nav unterscheiden.
- Wäschekorb öffnen, wischen, Mengen ändern und schließen; keine durchscheinende Navigation.
- Kleines Smartphone 320px, Standard 390px, Tablet, Querformat.
- Präsenzzustände per Tippen wechseln.
- Prüfen, ob v0.4 CSS über den aktualisierten Service Worker ausgeliefert wird.