Stage 6 (part 2): rest of the client app in the new style, promo code in the order form

Profile with club card, plum theme for buttons/selections and the sticky total,
move screens with the full-width hero, services/docs headers, empty docs fix.
Promo code field: applies to the quote, shows why a code is rejected,
says when the membership discount is bigger.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
zabudko-ruandClaude Opus 5.5 committed 2026-10-21 04:08:47 +04:00
1 parent ff527ad6d2
commit bbb25d3d0d
12 files changed
+371 -85

No files matched your search

+120
View File
@@ -827,6 +827,126 @@
color: #fff;
}
/* ───── общий вид: слива вместо чёрного ───── */
.bc-btn--dark,
.bc-chip[aria-pressed='true'],
.day[aria-pressed='true'],
.slot[aria-pressed='true'] {
background: var(--bc-plum);
color: #fff;
}
.option[aria-pressed='true'] {
border-color: var(--bc-plum);
background: var(--bc-pink);
color: var(--bc-plum);
}
.extra-toggle[aria-pressed='true'] {
background: var(--green);
border-color: var(--green);
color: var(--green-ink);
}
.bc-input:focus {
border-color: var(--bc-plum);
}
.app .bc-card {
border-radius: 26px;
}
.page-head {
padding-top: 4px;
}
.page-head .bc-h2 {
font-weight: 800;
font-size: 28px;
}
/* закреплённый итог в оформлении заказа — сливовый, кнопка розовая */
.app .sticky-cta {
background: var(--bc-plum);
color: #fff;
box-shadow: 0 12px 30px rgba(74, 16, 40, 0.35) !important;
}
.app .sticky-cta .bc-muted {
color: rgba(255, 255, 255, 0.72);
}
.app .sticky-cta .bc-btn {
background: var(--bc-pink);
color: var(--bc-plum);
}
/* верх переезда: блок плана внутри сливового верха */
.hero.move-hero {
gap: 6px;
}
.hero.move-hero .hero__hello {
margin-bottom: 10px;
}
/* промокод */
.promo-form {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px;
}
.promo-form .pill {
min-height: 50px;
}
.promo-form__error {
grid-column: 1 / -1;
}
.promo-applied {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 10px 10px 10px 16px;
border-radius: 18px;
background: var(--bc-perks);
color: var(--bc-perks-ink);
}
.promo-applied > span {
display: flex;
flex-direction: column;
}
.promo-applied b {
font-family: var(--bc-font-head);
letter-spacing: 0.04em;
}
.promo-applied button {
border: 0;
background: rgba(255, 255, 255, 0.6);
color: inherit;
font: inherit;
font-weight: 600;
font-size: 14px;
padding: 8px 14px;
border-radius: var(--bc-pill);
cursor: pointer;
}
/* ссылки в профиле */
.links {
display: flex;
flex-direction: column;
padding: 4px 16px;
border-radius: 26px;
background: var(--bc-surface);
}
.links a {
display: flex;
align-items: center;
gap: 12px;
min-height: 54px;
border-top: 1px solid var(--bc-line);
color: var(--bc-ink);
text-decoration: none;
font-weight: 600;
}
.links a:first-child {
border-top: 0;
}
.links a span {
flex: 1;
}
/* ───── нижнее меню — слива и розовая кнопка чата ───── */
.bc-bottomnav {
background: var(--bc-plum);