/* Sport City Black & Gold — shared identity, approved 13 November 2026. */
:root {
  --brand-black: #111211;
  --brand-graphite: #222320;
  --brand-gold: #c89b3c;
  --brand-gold-hover: #b48a2e;
  --brand-gold-ink: #77521b;
  --brand-gold-soft: #f4ead4;
  --brand-paper: #f5f4ef;
  --brand-white: #ffffff;
  --brand-ink: #181a18;
  --brand-muted: #65695f;
  --brand-line: #e5e4dc;
  --brand-radius: 14px;
}
body.brand-theme {
  --ink: var(--brand-ink);
  --muted: var(--brand-muted);
  --paper: var(--brand-paper);
  --line: var(--brand-line);
  --accent: var(--brand-gold);
  --green: var(--brand-gold-ink);
  --white: var(--brand-white);
  --surface: var(--brand-white);
  --surface-inset: var(--brand-paper);
  --surface-raised: var(--brand-white);
  --field: var(--brand-white);
  --radius: var(--brand-radius);
  background: var(--brand-paper);
  color: var(--brand-ink);
  font-family: Inter, Arial, sans-serif;
}
.brand-theme :is(h1,h2,h3,h4) { color: var(--brand-ink); }
.brand-theme :is(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid var(--brand-gold-ink);
  outline-offset: 3px;
}
body.brand-theme .button,
body.brand-theme.service-auth .button,
body.brand-theme .sc-hero .button {
  background: var(--brand-gold);
  border: 1px solid var(--brand-gold);
  color: var(--brand-black);
  border-radius: 9px;
  box-shadow: none;
  font-weight: 700;
  min-height: 46px;
}
body.brand-theme .button:hover { background: var(--brand-gold-hover); border-color: var(--brand-gold-hover); }
body.brand-theme .button.secondary,
body.brand-theme.service-auth .button.secondary {
  background: var(--brand-white);
  border-color: #c9cbbf;
  color: var(--brand-ink);
}
body.brand-theme .button.secondary:hover { background: var(--brand-gold-soft); border-color: var(--brand-gold); }
body.brand-theme .button:disabled { color: #4b5045; background: #dfdfd5; border-color: #d1d2c6; cursor: not-allowed; }
body.brand-theme .text-link { color: var(--brand-gold-ink); }
body.brand-theme :is(input,select,textarea) {
  background-color: var(--brand-white);
  color: var(--brand-ink);
  border-color: #d5d7cc;
  border-radius: 9px;
  accent-color: var(--brand-gold-ink);
}
body.brand-theme :is(input,select,textarea):focus { border-color: var(--brand-gold-ink); }
body.brand-theme .panel,
body.brand-theme .stat,
body.brand-theme .sc-summary,
body.brand-theme .sc-cart-item {
  background: var(--brand-white);
  border-color: var(--brand-line);
  color: var(--brand-ink);
  border-radius: var(--brand-radius);
  box-shadow: none;
}
.brand-theme :is(.muted,.eyebrow,.service-date,.sc-kicker,.sc-account-welcome) { color: var(--brand-muted); }
.brand-theme :is(.page-heading p,.service-greeting p,.search-form label,.product-filters label,.product-filter-options,.product-list-note,.product-bulk-actions p) { color: var(--brand-muted); }
.brand-theme main > p { color: var(--brand-ink); }
.brand-theme :is(th,.feature-form fieldset) { background: #f3f3ed; color: var(--brand-muted); border-color: var(--brand-line); }
.brand-theme :is(td,.panel-heading,.panel-footer-link,.timeline-item,.service-order-row,.control-row,.customer-summary,.bike-row) { border-color: var(--brand-line); }
.brand-theme :is(.control-row:hover,.service-list-row:hover,.service-order-row:hover) { background: #faf8f1; }
.brand-theme :is(.control-row small,.service-order-row small,.sc-account-data dt,.sc-account-order small) { color: var(--brand-muted); }
.brand-theme :is(.notice.warning,.notice:not(.error):not(.success)) { background: #f8f0dd; color: #624611; border-color: #decc9d; }
.brand-theme .notice.error, .brand-theme .errorlist { color: #96392f; }
.brand-theme .notice.error { background: #fff0ed; border-color: #eac3ba; }
.brand-theme .notice.success { background: #eaf3e9; color: #28543a; border-color: #c9dfcb; }
.brand-theme :is(.badge.repair,.badge.approval,.badge.pending,.badge.diagnosis,.badge.received) { background: var(--brand-gold-soft); color: #715019; border-color: #e6d5ac; }
.brand-theme :is(.badge.ready,.badge.accepted,.badge.delivered,.badge.completed,.badge.paid) { background: #e5f0e8; color: #24503b; border-color: #c9decd; }
.brand-theme :is(.badge.rejected,.badge.cancelled,.badge.overdue) { background: #f7e8e5; color: #933831; border-color: #ebccc5; }

/* Staff areas: quiet white working surfaces and an unmistakable black rail. */
.brand-theme :is(.sidebar,.service-bottom,.control-bottom) { background: var(--brand-black); border-color: #34372e; }
.brand-theme .sidebar :is(a,.logout,.nav-label) { color: #c8ccbf; }
.brand-theme .sidebar nav a:hover { background: #292c25; color: white; }
.brand-theme .sidebar nav a[aria-current] { background: var(--brand-gold); color: var(--brand-black); font-weight: 700; }
.brand-theme .sidebar .brand-with-logo {
  background: white;
  padding: 8px 12px;
  border-radius: 9px;
  margin-bottom: 4px;
  justify-content: center;
}
.brand-theme .sidebar .brand-logo { width: 180px; height: 76px; object-fit: contain; }
.brand-theme :is(.service-header,.topbar) { background: white; color: var(--brand-ink); border-color: var(--brand-line); backdrop-filter: none; }
.brand-theme .service-icon-button, .brand-theme.control-app .control-menu-button { color: var(--brand-ink); }
.brand-theme .service-header-brand { gap: 10px; }
.brand-theme .service-header-brand img { width: 52px; height: 52px; object-fit: contain; }
.brand-theme .service-header-brand > span { color: var(--brand-ink); display: block; letter-spacing: .03em; font-size: 14px; }
.brand-theme .service-header-brand strong { display: block; font-size: 14px; }
.brand-theme .service-header-brand small { display: block; font-size: 10px; color: var(--brand-muted); letter-spacing: .08em; margin-top: 4px; }
.brand-theme .control-brand { display: flex; gap: 12px; align-items: center; min-width: 0; }
.brand-theme .control-brand img { width: 44px; height: 44px; object-fit: contain; }
.brand-theme .avatar { color: var(--brand-black); background: var(--brand-gold-soft); }
.brand-theme :is(.service-bottom>a,.control-bottom a) { color: #c5c9bc; }
.brand-theme :is(.service-bottom>a[aria-current],.control-bottom a[aria-current]) { color: #e9c66e; }
.brand-theme .service-bottom .service-add { background: var(--brand-gold); border-color: var(--brand-paper); color: var(--brand-black); box-shadow: 0 3px 12px #11121125; }
.brand-theme .workspace > footer { color: var(--brand-muted); border-color: var(--brand-line); }
.brand-theme .service-kpis .stat { background: white; color: var(--brand-ink); border-color: var(--brand-line); }
.brand-theme .service-kpis .stat :is(strong,.ui-icon) { color: var(--brand-ink); }
.brand-theme .service-kpis .stat > span { color: var(--brand-muted); }
.brand-theme .service-kpis .stat:first-child { background: var(--brand-black); border-color: var(--brand-black); }
.brand-theme .service-kpis .stat:first-child :is(strong,.ui-icon) { color: #e9c66e; }
.brand-theme .service-kpis .stat:first-child > span { color: #eceee6; }
.brand-theme .stat.featured { background: var(--brand-gold-soft); }
.brand-theme .stat.featured strong, .brand-theme.control-app .stat strong { color: var(--brand-gold-ink); }
.brand-theme :is(.service-person-avatar,.order-bike-icon,.board-tabs a[aria-current],.view-tabs a[aria-current]) { background: var(--brand-gold-soft); color: var(--brand-gold-ink); }
.brand-theme :is(.more-group>a,.more-menu .service-person p) { color: var(--brand-ink); }
.brand-theme .more-group { border-color: var(--brand-line); }
.brand-theme .more-group>a .ui-icon { color: var(--brand-gold-ink); }
.brand-theme .control-shortcuts a, .brand-theme .sc-panel-link { background: var(--brand-black); border-color: #363a30; color: white; }
.brand-theme :is(.control-shortcuts a h2,.sc-panel-link strong) { color: white; }
.brand-theme .sc-panel-link span { color: #c8ccbf; }
.brand-theme .sc-panel-link .ui-icon { color: #e9c66e; }
.brand-theme .product-identity h2 a, .brand-theme .control-shortcuts a:hover, .brand-theme .sc-account-order:hover { color: var(--brand-gold-ink); }
.brand-theme .control-shortcuts a:hover { color: white; border-color: var(--brand-gold); }
.brand-theme :is(.status-dock,.js-status .status-dock) { background: var(--brand-paper); box-shadow: 0 0 0 8px var(--brand-paper); }
.brand-theme .status-sheet { color: var(--brand-ink); background: white; }
.brand-theme .service-report-chart progress { accent-color: var(--brand-gold-ink); }
.brand-theme .service-report-chart progress::-webkit-progress-value { background: var(--brand-gold-ink); }
.brand-theme .service-report-chart progress::-moz-progress-bar { background: var(--brand-gold-ink); }

/* Public store, shared by catalogue, account, basket, checkout and public pages. */
.brand-theme.sc-store .sc-header { background: white; color: var(--brand-ink); border-bottom: 1px solid var(--brand-line); }
.brand-theme .sc-brand-strip { background: var(--brand-black); color: #eceee6; font-size: 11px; }
.brand-theme .sc-brand-strip > div { max-width: 1280px; margin: auto; padding: 9px 28px; display: flex; justify-content: space-between; gap: 12px; }
.brand-theme .sc-brand-strip span:last-child { color: #e9c66e; }
.brand-theme .sc-header-inner { min-height: 110px; height: auto; gap: 24px; }
.brand-theme .sc-header .sc-brand img { width: 216px; height: 86px; object-fit: contain; }
.brand-theme .sc-header .sc-search { flex: 1; min-width: 0; max-width: none; margin: 0; box-shadow: none; background: #f9f9f6; border-color: var(--brand-line); border-radius: 8px; }
.brand-theme .sc-header .sc-search input { width: 100%; min-width: 0; min-height: 46px; padding: 12px; border: 0; background: transparent; font-size: 13px; }
.brand-theme .sc-header .sc-search button { min-width: 44px; padding: 10px; color: var(--brand-muted); }
.brand-theme .sc-header-actions { gap: 18px; }
.brand-theme .sc-desktop-account { white-space: nowrap; }
.brand-theme .sc-brand-nav { background: var(--brand-black); color: #e8e8e3; }
.brand-theme .sc-brand-nav > div { max-width: 1280px; margin: auto; padding: 0 28px; display: flex; align-items: center; gap: 26px; min-height: 48px; flex-wrap: wrap; }
.brand-theme .sc-brand-nav a { padding: 14px 0 11px; font-size: 12px; min-height: 48px; border-bottom: 3px solid transparent; }
.brand-theme .sc-brand-nav a[aria-current] { color: #e9c66e; border-color: var(--brand-gold); }
.brand-theme .sc-brand-nav .sc-service-nav { margin-left: auto; color: #e9c66e; display: flex; align-items: center; gap: 8px; }
.brand-theme .sc-brand-nav .ui-icon { width: 18px; height: 18px; }
.brand-theme .sc-menu { background: white; border-color: var(--brand-line); }
.brand-theme .sc-menu a:hover { color: var(--brand-gold-ink); }
.brand-theme .sc-counter { background: var(--brand-gold); color: var(--brand-black); }
.brand-theme.sc-store main { padding-top: 26px; max-width: 1240px; }
.brand-theme .sc-hero { height: auto; padding: 0; display: block; background: none; color: var(--brand-ink); margin: 0; }
.brand-theme .sc-brand-banner { display: block; }
.brand-theme .sc-brand-banner img { display: block; width: 100%; height: auto; border-radius: var(--brand-radius); }
.brand-theme .sc-hero-copy { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0 10px; }
.brand-theme .sc-hero-copy h1 { color: var(--brand-ink); font-size: clamp(24px,3vw,32px); line-height: 1.2; letter-spacing: -.9px; margin: 6px 0; }
.brand-theme .sc-hero-copy .sc-kicker { display: block; font-size: 11px; color: var(--brand-gold-ink); letter-spacing: .08em; margin: 0; }
.brand-theme .sc-hero-copy .sc-hero-description { color: var(--brand-muted); font-size: 12px; line-height: 1.6; margin: 5px 0 0; max-width: 550px; }
.brand-theme .sc-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; flex-shrink: 0; }
.brand-theme .sc-mobile-headline { display: none; }
.brand-theme .sc-category-section { margin: 16px 0 26px; }
.brand-theme .sc-category-section > .sc-section-title { margin: 0 0 10px; }
.brand-theme .sc-category-section h2 { font-size: 16px; }
.brand-theme .sc-categories { display: flex; flex-wrap: wrap; gap: 8px; }
.brand-theme .sc-category { min-height: 44px; height: auto; background-image: none; background-color: white; border: 1px solid var(--brand-line); border-radius: 24px; color: var(--brand-ink); padding: 10px 20px; font-size: 12px; align-items: center; }
.brand-theme .sc-category:hover { background: var(--brand-gold-soft); transform: none; border-color: var(--brand-gold); }
.brand-theme :is(#products,#categories,#filters) { scroll-margin-top: 210px; }
.brand-theme .sc-catalogue-showcase { display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 20px; align-items: stretch; }
.brand-theme .sc-catalogue-showcase > .shop-grid { grid-template-columns: repeat(2,minmax(0,1fr)); max-width: none; margin: 0; gap: 18px; }
.brand-theme .sc-product { background: white; border: 1px solid var(--brand-line); border-radius: var(--brand-radius); padding: 16px; }
.brand-theme .sc-product-photo { background: white; }
.brand-theme .sc-product-photo img { aspect-ratio: 1.25; max-height: 250px; object-fit: contain; }
.brand-theme .sc-product h3 { font-size: 14px; }
.brand-theme .sc-product small { color: var(--brand-muted); font-size: 11px; }
.brand-theme .sc-heart button { border: 1px solid var(--brand-line); background: white; color: #50564a; }
.brand-theme .sc-heart button.selected { color: var(--brand-gold-ink); background: var(--brand-gold-soft); }
.brand-theme .sc-heart button.selected svg { fill: #c89b3c33; }
.brand-theme .sc-service-promo { background: var(--brand-black); color: white; border-radius: var(--brand-radius); padding: 26px; display: flex; flex-direction: column; align-items: flex-start; align-self: start; justify-content: space-between; min-height: 310px; position: relative; overflow: hidden; }
.brand-theme .sc-service-promo::after { content: ""; position: absolute; width: 100px; height: 170px; right: -25px; top: -35px; transform: rotate(27deg); background: linear-gradient(90deg,#7d571d,#d2a340,#f4dfa1); opacity: .6; pointer-events: none; }
.brand-theme .sc-service-promo > * { position: relative; z-index: 1; }
.brand-theme .sc-service-promo .eyebrow { color: #e9c66e; font-size: 11px; letter-spacing: .1em; }
.brand-theme .sc-service-promo h2 { color: white; font-size: 28px; line-height: 1.12; letter-spacing: -.8px; margin: 20px 0 14px; }
.brand-theme .sc-service-promo p { color: #c8ccbf; font-size: 12px; line-height: 1.7; }
.brand-theme .sc-service-promo .button { margin-top: 22px; }
.brand-theme :is(.sc-prelaunch,.sc-contact-review) { background: #eeeee6; color: #53584b; border-radius: 9px; }
.brand-theme :is(.sc-pdp-info .sc-price,.sc-total strong,.sc-qty button,.sc-orange,.sc-progress [aria-current]) { color: var(--brand-gold-ink); }
.brand-theme .sc-progress [aria-current] b { background: var(--brand-gold); color: var(--brand-black); border-color: var(--brand-gold); }
.brand-theme .sc-sizes [aria-current], .brand-theme .sc-delivery-option:has(input:checked) { color: var(--brand-gold-ink); border-color: var(--brand-gold-ink); background: #fbf7ed; }
.brand-theme .sc-footer { background: var(--brand-black); color: #c8ccbf; max-width: none; padding: 30px max(28px,calc((100% - 1184px)/2))!important; margin: 0; border-color: #35392e; }
.brand-theme .sc-footer .sc-brand { display: inline-flex; width: 208px; max-width: 100%; background: white; border-radius: 8px; padding: 7px; }
.brand-theme .sc-footer .sc-brand img { width: 100%; height: 76px; }
.brand-theme .sc-footer nav a:hover { color: #e9c66e; }
.brand-theme .sc-bottom { background: var(--brand-black); border-color: #34372e; backdrop-filter: none; }
.brand-theme .sc-bottom a { color: #c5c9bc; }
.brand-theme .sc-bottom a[aria-current] { color: #e9c66e; }
.brand-theme .sc-trust-strip { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin: 28px 0 0; padding: 20px 0; border-top: 1px solid var(--brand-line); color: #4e5546; font-size: 11px; }
.brand-theme .sc-trust-strip span { display: flex; align-items: center; gap: 8px; }
.brand-theme .sc-trust-strip .ui-icon { color: var(--brand-gold-ink); width: 18px; height: 18px; }
.brand-theme .shop-entry .panel { border-top: 3px solid var(--brand-gold); }

/* Authentication, customer documents and private portals. */
/* Installation: local browser-specific guides, with schematic menu previews. */
.brand-theme .sc-install-promotion { display: flex; gap: 16px; align-items: center; padding: 16px 20px; margin-bottom: 24px; background: white; border: 1px solid var(--brand-line); border-left: 4px solid var(--brand-gold); border-radius: 12px; }
.brand-theme .sc-install-promotion img { width: 54px; height: 54px; object-fit: contain; flex-shrink: 0; }
.brand-theme .sc-install-promotion>div { flex: 1; min-width: 0; }
.brand-theme .sc-install-promotion strong { font-size: 15px; }
.brand-theme .sc-install-promotion p { margin: 5px 0 0; font-size: 12px; color: var(--brand-muted); line-height: 1.6; }
.brand-theme .sc-install-promotion .button { flex-shrink: 0; }
.brand-theme .install-dialog { width: calc(100% - 32px); max-width: 880px; max-height: calc(100dvh - 32px); padding: 26px; background: white; border-color: var(--brand-line); color: var(--brand-ink); overscroll-behavior: contain; overflow-y: auto; }
.brand-theme .install-dialog::backdrop { background: #111211b3; }
.brand-theme .install-dialog-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.brand-theme .install-dialog-heading h2 { margin: 5px 0 12px; font-size: 25px; }
.brand-theme .install-dialog-heading .eyebrow { margin: 0; color: var(--brand-gold-ink); font-size: 10px; letter-spacing: .1em; }
.brand-theme .install-dialog-heading .button { font-size: 25px; width: 44px; min-height: 44px; padding: 0; flex-shrink: 0; }
.brand-theme .install-platform-label { display: block; font-weight: 700; margin: 20px 0 8px; }
.brand-theme .install-platform-label small { display: block; margin-top: 5px; color: var(--brand-muted); font-weight: 400; line-height: 1.5; }
.brand-theme .install-dialog select { width: 100%; min-height: 46px; }
.brand-theme .install-guide-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; margin-top: 24px; }
.brand-theme .install-guide-layout>* { min-width: 0; }
.brand-theme .install-guide-text h3 { font-size: 17px; margin: 0 0 12px; }
.brand-theme .install-dialog :is(p,li) { overflow-wrap: anywhere; }
.brand-theme .install-guide-text ol { padding-left: 24px; }
.brand-theme .install-guide-text li::marker { font-weight: 700; color: var(--brand-gold-ink); }
.brand-theme .install-guide-figure { margin: 0; align-self: start; }
.brand-theme .install-guide-figure figcaption { color: var(--brand-muted); font-size: 11px; line-height: 1.6; margin-top: 10px; }
.brand-theme .install-example { background: #f5f4ef; border: 1px solid #d9dbd0; border-radius: 12px; overflow: hidden; padding-bottom: 12px; }
.brand-theme .install-example-bar { padding: 10px 8px; display: flex; align-items: center; gap: 7px; background: #eaeae3; border-bottom: 1px solid #d9dbd0; font-size: 10px; }
.brand-theme .install-window-dots { white-space: nowrap; color: #919684; font-size: 7px; letter-spacing: 1px; }
.brand-theme .install-example-address { background: white; border-radius: 5px; padding: 8px; min-width: 0; flex: 1; font-size: 11px; overflow-wrap: anywhere; }
.brand-theme .install-example-target { border: 2px solid var(--brand-gold-ink); background: var(--brand-gold-soft); color: var(--brand-black); border-radius: 6px; min-width: 32px; height: 34px; display: flex; align-items: center; justify-content: center; font-size: 23px; flex-shrink: 0; }
.brand-theme .install-guide-icon { display: block; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.brand-theme .install-example-page { display: flex; flex-direction: column; align-items: center; padding: 14px 8px; gap: 4px; background: white; }
.brand-theme .install-example-page img { object-fit: contain; }
.brand-theme .install-example-page strong { font-size: 12px; }
.brand-theme .install-example-page small { color: var(--brand-gold-ink); font-size: 8px; letter-spacing: .06em; }
.brand-theme .install-example-pointer { padding: 12px; font-size: 11px; font-weight: 700; color: var(--brand-gold-ink); line-height: 1.5; }
.brand-theme .install-example-menu { background: white; border: 1px solid #d5c59e; border-radius: 7px; margin: 0 10px; }
.brand-theme .install-example-item { display: flex; align-items: center; gap: 8px; font-size: 11px; line-height: 1.5; padding: 10px; overflow-wrap: anywhere; }
.brand-theme .install-example-item+.install-example-item { border-top: 1px solid var(--brand-line); }
.brand-theme .install-example-item:last-child { background: var(--brand-gold-soft); }
.brand-theme .install-example-item b { width: 23px; height: 23px; border-radius: 50%; background: var(--brand-black); color: white; display: grid; place-items: center; flex-shrink: 0; font-size: 10px; }
.brand-theme .install-example-mobile { max-width: 310px; margin: 0 auto; border-width: 5px; border-color: #34372e; border-radius: 20px; }
.brand-theme .install-example-mobile .install-window-dots { display: none; }
.brand-theme .install-example-bottom { display: none; }
.brand-theme .install-example-bottom-target .install-example-bottom { display: flex; align-items: center; justify-content: space-around; background: #eaeae3; padding: 6px; font-size: 22px; }
.brand-theme .install-example-bottom-target .install-example-bar>.install-example-target { visibility: hidden; }
.brand-theme .install-guide-note { padding: 12px 15px; background: var(--brand-gold-soft); color: #624611; border-radius: 8px; }
.brand-theme .install-address-copy { margin-top: 20px; }
.brand-theme .install-address-copy label { display: block; margin-bottom: 7px; }
.brand-theme .install-address-copy>div { display: flex; gap: 8px; }
.brand-theme .install-address-copy input { flex: 1; min-width: 0; font-size: 13px; }
.brand-theme .install-address-copy .button { flex-shrink: 0; }
.brand-theme #install-dialog-status:empty, .brand-theme #install-copy-status:empty { display: none; }
.brand-theme :is(#install-dialog-status,#install-copy-status) { color: var(--brand-gold-ink); }
.brand-theme .install-dialog [hidden], .brand-theme [data-install-promotion][hidden] { display: none!important; }
@media(max-width:760px) {
  .brand-theme .sc-install-promotion { flex-wrap: wrap; gap: 10px; padding: 13px; margin-bottom: 18px; }
  .brand-theme .sc-install-promotion .button { width: 100%; }
  .brand-theme .sc-install-promotion img { width: 42px; height: 42px; }
  .brand-theme .sc-install-promotion strong { font-size: 13px; }
  .brand-theme .sc-install-promotion p { font-size: 11px; }
  .brand-theme .install-dialog { width: calc(100% - 20px); max-height: calc(100dvh - 20px); padding: 18px; }
  .brand-theme .install-dialog-heading h2 { font-size: 21px; }
  .brand-theme .install-guide-layout { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .brand-theme .install-guide-figure { order: -1; }
  .brand-theme .install-example-page { padding: 9px 8px; }
  .brand-theme .install-example-page img { width: 40px; height: 40px; }
  .brand-theme .install-address-copy>div { flex-direction: column; }
  .brand-theme .install-dialog select, .brand-theme .install-address-copy input { font-size: 16px; }
}
.brand-theme .two-factor-setup { display: grid; grid-template-columns: minmax(0,320px) minmax(0,1fr); gap: 32px; max-width: 900px; margin: 24px 0; }
.brand-theme .two-factor-setup section { min-width: 0; }
.brand-theme .two-factor-setup p { line-height: 1.65; overflow-wrap: anywhere; }
.brand-theme .two-factor-qr { display: block; width: 280px; max-width: 100%; height: auto; background: white; border: 1px solid var(--brand-line); border-radius: 10px; image-rendering: pixelated; }
.brand-theme .two-factor-secret { display: block; width: 100%; margin: 8px 0 12px; font-family: Consolas,monospace; font-size: 16px; letter-spacing: .04em; }
.brand-theme .two-factor-copy-status { min-height: 24px; color: var(--brand-gold-ink); font-size: 13px; }
@media(max-width:760px) { .brand-theme .two-factor-setup { grid-template-columns: minmax(0,1fr); gap: 24px; } }
body.brand-theme.service-auth { background: var(--brand-paper); color: var(--brand-ink); }
.brand-theme.service-auth .login-layout { max-width: 510px; padding: 36px 30px; margin: 36px auto; background: white; border: 1px solid var(--brand-line); border-radius: 18px; }
.brand-theme.service-auth .login-story .brand-logo { width: 250px; height: 100px; max-width: 100%; object-fit: contain; }
.brand-theme.service-auth .login-story h1 { color: var(--brand-ink); }
.brand-theme.service-auth .login-story .eyebrow { color: var(--brand-gold-ink); margin-bottom: 24px; }
.brand-theme.service-auth :is(label,.login-help,.login-contact,.helptext,.login-otp,.auth-back,.login-story p,.login-form>p,.login-install p) { color: var(--brand-muted); }
.brand-theme.service-auth .login-form input { background: white; border-color: #d5d7cc; color: var(--brand-ink); }
.brand-theme.service-auth :is(.login-help a,.login-options a) { color: var(--brand-gold-ink); }
.brand-theme.service-auth .login-contact { border-color: var(--brand-line); }
.brand-theme .public-card { background: white; border-color: var(--brand-line); border-radius: var(--brand-radius); }
.brand-theme .public-logo { width: 250px; max-width: 100%; height: 100px; object-fit: contain; display: block; margin: 0 auto 24px; }
.brand-theme.public-page .amount { color: var(--brand-gold-ink); }
.brand-theme .protocol .brand-document-logo { width: 210px; height: 84px; object-fit: contain; margin-bottom: 18px; }

@media(min-width:761px) and (max-width:1100px) {
  .brand-theme .sc-header-inner { gap: 14px; }
  .brand-theme .sc-header .sc-brand img { width: 170px; height: 72px; }
  .brand-theme .sc-header-actions { gap: 12px; }
  .brand-theme .sc-hero-copy { align-items: flex-start; flex-direction: column; gap: 16px; }
  .brand-theme .sc-catalogue-showcase { grid-template-columns: minmax(0,1fr) 240px; }
  .brand-theme .sc-service-promo { padding: 20px; }
  .brand-theme .sc-service-promo h2 { font-size: 25px; }
}
@media(max-width:760px) {
  .brand-theme .sc-brand-strip { display: none; }
  .brand-theme .sc-header-inner { min-height: 86px; flex-wrap: wrap; padding: 5px 14px 12px; gap: 4px 10px; justify-content: space-between; }
  .brand-theme .sc-header .sc-brand img { width: 170px; height: 72px; }
  .brand-theme .sc-header-actions { margin-left: 0; }
  .brand-theme .sc-header .sc-search { flex-basis: 100%; order: 5; }
  .brand-theme .sc-header .sc-search input { font-size: 16px; }
  .brand-theme .sc-brand-nav { display: none; }
  .brand-theme.sc-store main { padding-top: 16px; }
  .brand-theme .sc-hero { background: var(--brand-black); border-radius: var(--brand-radius); overflow: hidden; }
  .brand-theme .sc-brand-banner img { height: 170px; object-fit: cover; border-radius: 0; }
  .brand-theme .sc-hero-copy { display: block; padding: 20px; }
  .brand-theme .sc-hero-copy .sc-kicker { color: #e9c66e; font-size: 11px; }
  .brand-theme .sc-hero-copy h1 { color: white; font-size: 28px; margin: 10px 0 16px; }
  .brand-theme .sc-hero-copy h1 em { display: block; color: #e9c66e; }
  .brand-theme .sc-hero-copy .sc-hero-description { color: #c8ccbf; margin-bottom: 18px; }
  .brand-theme .sc-desktop-headline { display: none; }
  .brand-theme .sc-mobile-headline { display: block; }
  .brand-theme .sc-hero-actions .button { padding: 12px 15px; font-size: 12px; }
  .brand-theme .sc-hero-actions .button.secondary { background: transparent; color: #eceee6; border-color: #7e846f; }
  .brand-theme .sc-category-section > .sc-section-title { display: none; }
  .brand-theme .sc-category { font-size: 11px; padding: 9px 13px; }
  .brand-theme .sc-catalogue-showcase { grid-template-columns: minmax(0,1fr); }
  .brand-theme .sc-catalogue-showcase > .shop-grid { gap: 12px; }
  .brand-theme .sc-product { padding: 12px; }
  .brand-theme .sc-product h3 { font-size: 13px; }
  .brand-theme .sc-product small, .brand-theme .sc-demo-tag, .brand-theme .sc-availability { font-size: 11px; }
  .brand-theme .sc-product .sc-variant { font-size: 11px; }
  .brand-theme .sc-service-promo { min-height: 250px; }
  .brand-theme .sc-footer { padding: 28px 20px!important; }
  .brand-theme :is(#products,#categories,#filters) { scroll-margin-top: 160px; }
  .brand-theme .service-header-brand { flex-direction: row; gap: 7px; position: static; transform: none; margin-left: 6px; margin-right: auto; min-width: 0; }
  .brand-theme .service-header-actions { flex-shrink: 0; gap: 4px; margin-left: 4px; }
  .brand-theme .service-header-brand img { width: 40px; height: 40px; }
  .brand-theme .service-header-brand strong { font-size: 12px; }
  .brand-theme .service-header-brand small { font-size: 9px; letter-spacing: .04em; }
  .brand-theme.service-auth .login-layout { margin: 18px 14px; padding: 24px 20px; width: auto; }
  .brand-theme .control-brand { gap: 7px; }
  .brand-theme .control-brand img { width: 34px; height: 34px; }
  .brand-theme .service-kpis .stat { min-height: 130px; }
  .brand-theme .service-bottom .service-add { border-color: var(--brand-paper); }
}
@media(max-width:360px) {
  .brand-theme .service-header-brand img { width: 28px; height: 28px; }
  .brand-theme .service-header-brand strong { font-size: 10px; }
  .brand-theme .service-header-brand small { font-size: 7px; }
  .brand-theme .service-header { padding-left: 6px; padding-right: 6px; }
}
@media print {
  body.brand-theme { background: white; color: black; }
  .brand-theme :is(h1,h2,h3,p,dt,dd) { color: black; }
  .brand-theme .public-card { border: 0; }
  .brand-theme .protocol .brand-document-logo { width: 180px; height: 72px; }
}