From 6ea146a54d3b33bfd85d968e503519621145c33a Mon Sep 17 00:00:00 2001
From: Anton Afanasyeu <a.afanasieff@gmail.com>
Date: Wed, 5 Aug 2026 12:43:08 +0200
Subject: [PATCH] Rotate FOR SALE ribbon -90deg from center; letters -90deg;
 clip at edges.

Pivot at ribbon center anchored to bottom-right corner; extended band length
so ends wrap off viewport borders.

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

diff --git a/assets/css/app.css b/assets/css/app.css
index a26e067..bff335e 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -2499,12 +2499,12 @@ button.report-tag--filter:hover {
 .platform-for-sale-badge {
   position: fixed;
   right: 0;
-  bottom: calc(var(--footer-h, 40px) + 0.35rem);
+  bottom: calc(var(--footer-h, 40px));
   z-index: 1100;
   cursor: pointer;
   text-decoration: none;
-  transform: rotate(-45deg);
-  transform-origin: 100% 100%;
+  transform: translate(50%, 50%) rotate(-90deg);
+  transform-origin: center center;
   line-height: 0;
 }
 .platform-for-sale-badge:focus-visible {
@@ -2516,25 +2516,28 @@ button.report-tag--filter:hover {
   background: #fff;
   border: 2px solid #c00;
   padding: 1px;
+  /* Long band — ends clip at viewport edges after rotation. */
+  padding-block: 5rem;
 }
 .platform-for-sale-badge__inner {
   display: block;
   background: #fff;
   border: 2px solid #c00;
-  padding: 0.3rem 0.45rem;
+  padding: 0.35rem 0.5rem;
 }
 .platform-for-sale-badge__letters {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 0.05rem;
+  gap: 0.08rem;
 }
 .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);
+  transform: rotate(-90deg);
+  transform-origin: center center;
 }
 .platform-for-sale-badge__space {
   display: block;