diff --git a/odoo-black-friday/index.html b/odoo-black-friday/index.html index 612df17..ba60ee1 100644 --- a/odoo-black-friday/index.html +++ b/odoo-black-friday/index.html @@ -274,6 +274,52 @@ outline: 3px solid var(--midnight); outline-offset: 2px; } + /* The deal's CTA row (2026-11-02): the brass/large Buy keeps its weight and stays the ONE + dominant action; the Server Location selector sits beside it as a compact, quiet form + control, never a second button. The row wraps on a narrow screen — the selector holds a + ~190px basis and the Buy takes the line below — so nothing overflows at 375px. */ + .bf-cta-row { + display: flex; + flex-wrap: wrap; + align-items: flex-end; + gap: 0.6rem 0.9rem; + } + .bf-cta-location { + display: flex; + flex-direction: column; + gap: 0.35rem; + flex: 0 1 190px; + min-width: 0; + } + .bf-cta-location label { + font-family: Inter, sans-serif; + font-weight: 600; + font-size: 0.72rem; + letter-spacing: 0.08em; + text-transform: uppercase; + color: var(--brass-deep); + } + /* The homepage's .pricing-server-select is styled for its dark section and lives only in + index.html's inline CSS — style.css carries neither. On this ivory card the selector + needs the light twin, so it is defined page-scoped here. */ + .bf-cta-location .pricing-server-select { + width: 100%; + padding: 0.5rem 1rem; + border-radius: var(--radius); + border: 1px solid var(--line-brass); + background: #fff; + color: var(--ink); + font-family: Inter, sans-serif; + font-size: 0.85rem; + cursor: pointer; + } + .bf-cta-location .pricing-server-select:focus-visible { + outline: 3px solid var(--midnight); + outline-offset: 2px; + } + .bf-cta-row .btn { + flex: 1 1 auto; + } .bf-cta-secondary { font-size: 0.85rem; margin: 0; @@ -769,7 +815,19 @@ - + +
+
+ + +
+ +

See everything a year of hosting includes

@@ -955,8 +1013,10 @@

Order & Pricing

Your Plan, Your Timing: Upgrade Anytime

- - +