From ac4907606b945b3c9287aa78fdbe4a92c6d06fe2 Mon Sep 17 00:00:00 2001
From: Anton Afanasyeu <a.afanasieff@gmail.com>
Date: Wed, 5 Aug 2026 11:40:05 +0200
Subject: [PATCH] Style FOR SALE bottom-right ribbon badge for all web
 consoles.

Fixed corner placement, hand cursor, double red border, stacked rotated letters.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 assets/css/app.css | 47 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/assets/css/app.css b/assets/css/app.css
index f62c8f4..a26e067 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -2494,3 +2494,50 @@ button.report-tag--filter:hover {
 .platform-footer__left a:focus-visible {
   text-decoration: underline;
 }
+
+/* Bottom-right “FOR SALE” ribbon (all consoles + hub). */
+.platform-for-sale-badge {
+  position: fixed;
+  right: 0;
+  bottom: calc(var(--footer-h, 40px) + 0.35rem);
+  z-index: 1100;
+  cursor: pointer;
+  text-decoration: none;
+  transform: rotate(-45deg);
+  transform-origin: 100% 100%;
+  line-height: 0;
+}
+.platform-for-sale-badge:focus-visible {
+  outline: 2px solid var(--accent, #5b8def);
+  outline-offset: 3px;
+}
+.platform-for-sale-badge__outer {
+  display: block;
+  background: #fff;
+  border: 2px solid #c00;
+  padding: 1px;
+}
+.platform-for-sale-badge__inner {
+  display: block;
+  background: #fff;
+  border: 2px solid #c00;
+  padding: 0.3rem 0.45rem;
+}
+.platform-for-sale-badge__letters {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.05rem;
+}
+.platform-for-sale-badge__letter {
+  display: block;
+  font: 700 0.7rem/1.05 system-ui, -apple-system, Segoe UI, sans-serif;
+  color: #c00;
+  letter-spacing: 0.04em;
+  transform: rotate(45deg);
+}
+.platform-for-sale-badge__space {
+  display: block;
+  height: 0.35rem;
+  width: 1px;
+}