/* Approved light/dark appearance. Artwork keeps its original colors in both modes. */
:root {
  --brand-gold: #f3b735;
  --brand-gold-hover: #e0a51f;
  --brand-gold-soft: #f8edcf;
  --brand-radius: 24px;
  --appearance-field: #ffffff;
  --appearance-inset: #f3f3ed;
  --appearance-hover: #faf8f1;
  --appearance-field-line: #c9cbbf;
  --appearance-stock: #2c6b2f;
  color-scheme: light;
  background: var(--brand-paper, #f5f4ef);
}
.theme-switcher { display:flex; align-items:center; justify-content:flex-end; gap:12px; color:var(--brand-ink,#181a18); font:12px Arial, sans-serif; min-width:0; }
.theme-switcher-label { color:var(--brand-muted,#65695f); }
.theme-switcher-buttons { display:flex; gap:4px; padding:4px; background:var(--brand-paper,#f5f4ef); border:1px solid var(--brand-line,#e5e4dc); border-radius:12px; }
.theme-switcher button { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:8px 12px; min-height:44px; border:0; border-radius:8px; background:transparent; color:var(--brand-ink,#181a18); font:inherit; cursor:pointer; }
.theme-switcher button[aria-pressed="true"] { background:var(--brand-gold); color:#111211; font-weight:700; }
.theme-switcher button:focus-visible { outline:3px solid var(--brand-gold-ink,#77521b); outline-offset:3px; }
.theme-switcher-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.sc-theme-toolbar { background:var(--brand-white); }
.sc-theme-toolbar > .theme-switcher { max-width:1280px; margin:auto; padding:0 28px 14px; }
.workspace > .theme-switcher { padding:12px 28px; border-bottom:1px solid var(--brand-line); background:var(--brand-white); }
.login-layout > .theme-switcher, .public-card > .theme-switcher { margin-bottom:24px; }
body.brand-theme :is(.sc-header .sc-brand img,.service-header-brand img,.control-brand img,.login-story .brand-logo,.public-logo,.brand-document-logo) { background:#fff; border-radius:8px; }
/* Same full banner and category photographs at every viewport, without filters. */
.brand-theme .sc-brand-banner img { height:auto; aspect-ratio:1600 / 639; object-fit:contain; background:#fff; }
.brand-theme .sc-hero { background:var(--brand-white); border:1px solid var(--brand-line); border-radius:var(--brand-radius); overflow:hidden; }
.brand-theme .sc-hero-copy { padding:24px; }
.brand-theme .sc-hero-copy h1 { color:var(--brand-ink); }
.brand-theme .sc-hero-copy h1 em { color:var(--brand-gold-ink); font-style:normal; }
.brand-theme .sc-hero-copy .sc-kicker { color:var(--brand-gold-ink); }
.brand-theme .sc-hero-copy .sc-hero-description { color:var(--brand-muted); }
.brand-theme .sc-hero-actions .button.secondary { color:var(--brand-ink); background:var(--brand-white); border-color:var(--appearance-field-line); }
.brand-theme .sc-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.brand-theme .sc-category { min-height:145px; align-items:flex-end; justify-content:flex-start; text-align:left; border:0; border-radius:var(--brand-radius); padding:16px; color:#fff; font-size:14px; background-size:cover; background-position:center; }
.brand-theme .sc-category:hover { color:#fff; }
.brand-theme .sc-running { background-image:linear-gradient(0deg,#000d,transparent 85%),url("../storefront/running.011f941eca4f.jpg"); }
.brand-theme .sc-fitness { background-image:linear-gradient(0deg,#000d,transparent 85%),url("../storefront/fitness.41e757703840.jpg"); }
.brand-theme .sc-cycling { background-image:linear-gradient(0deg,#000d,transparent 85%),url("../storefront/cycling.90b3dfcb0183.jpg"); }
.brand-theme .sc-football { background-image:linear-gradient(0deg,#000d,transparent 85%),url("../storefront/football.c2f6ff584a2e.jpg"); }
.brand-theme .sc-product-photo, .brand-theme .sc-pdp-photo { background:#fff; border-radius:14px; }
.brand-theme .sc-product-photo img, .brand-theme .sc-pdp-photo img, .brand-theme .two-factor-qr { filter:none; }
.brand-theme .sc-heart button { background:#fff; color:#50564a; border-color:#d5d7cc; }
.brand-theme .sc-heart button.selected { background:#f8edcf; color:#77521b; }
.brand-theme .sc-heart button.selected svg { fill:#f3b73544; }
.brand-theme .sc-trust-strip { color:var(--brand-muted); }
.brand-theme :is(.sc-in-stock,.sc-stock,.sc-delivery-option b) { color:var(--appearance-stock); }

@media screen {
  html[data-theme="dark"] {
    --brand-paper:#111311;
    --brand-white:#1c1f1c;
    --brand-ink:#f2f2ed;
    --brand-muted:#b7beb3;
    --brand-line:#3a4038;
    --brand-gold-ink:#e9c66e;
    --brand-gold-soft:#35301f;
    --appearance-field:#252925;
    --appearance-inset:#252925;
    --appearance-hover:#2c302a;
    --appearance-field-line:#626b5c;
    --appearance-stock:#a3d69b;
    color-scheme:dark;
  }
  html[data-theme="dark"] body.brand-theme { --field:var(--appearance-field); --surface-inset:var(--appearance-inset); }
  html[data-theme="dark"] .brand-theme :is(.sc-header,.service-header,.topbar,.sc-menu,.sc-product,.sc-category,.sc-install-promotion,.install-dialog,.public-card,.status-sheet,.login-layout,.login-story,.login-form,.kanban-card,.mobile-order,.service-detail .detail-grid) {
    background-color:var(--brand-white); color:var(--brand-ink); border-color:var(--brand-line);
  }
  html[data-theme="dark"] .brand-theme :is(.service-kpis .stat,.stat,.panel,.sc-summary,.sc-cart-item) { background:var(--brand-white); color:var(--brand-ink); border-color:var(--brand-line); }
  html[data-theme="dark"] .brand-theme .service-kpis .stat:first-child { background:var(--brand-black); }
  html[data-theme="dark"] .brand-theme .stat.featured { background:var(--brand-gold-soft); }
  html[data-theme="dark"] .brand-theme :is(input,select,textarea),
  html[data-theme="dark"] .brand-theme.service-auth .login-form input { background:var(--appearance-field); color:var(--brand-ink); border-color:var(--appearance-field-line); }
  html[data-theme="dark"] .brand-theme :is(input,textarea)::placeholder { color:var(--brand-muted); opacity:1; }
  html[data-theme="dark"] .brand-theme .sc-header .sc-search { background:var(--appearance-field); }
  html[data-theme="dark"] .brand-theme .sc-header .sc-search input { background:transparent; }
  html[data-theme="dark"] .brand-theme :is(.button.secondary,.sc-hero .button.secondary),
  html[data-theme="dark"] .brand-theme.service-auth .button.secondary { background:var(--appearance-field); color:var(--brand-ink); border-color:var(--appearance-field-line); }
  html[data-theme="dark"] .brand-theme .button.secondary:hover { background:var(--brand-gold-soft); }
  html[data-theme="dark"] .brand-theme .button:disabled { background:#343a32; color:#bdc5b7; border-color:#555e4f; }
  html[data-theme="dark"] .brand-theme :is(th,.feature-form fieldset,.kanban-column,.status-form,.sc-prelaunch,.sc-contact-review,.view-tabs,.board-tabs a,.sc-qty button,.sheet-close,.install-example,.install-example-address,.install-example-menu,.install-example-bar,.install-example-bottom,.tip-card,.part-icon,.product-publication) {
    background:var(--appearance-inset); color:var(--brand-ink); border-color:var(--brand-line);
  }
  html[data-theme="dark"] .brand-theme :is(.control-row:hover,.service-list-row:hover,.service-order-row:hover) { background:var(--appearance-hover); }
  html[data-theme="dark"] .brand-theme :is(td,.stock-row,.customer-summary,.bike-row,.timeline-item,.shop-basket-line,.status-options label) { border-color:var(--brand-line); }
  html[data-theme="dark"] .brand-theme :is(.muted,.stat>span,.stat small,.panel .muted,.sc-product small,.sc-variant,.sc-availability,.sc-demo-tag,.sc-pdp-info p,.sc-pdp-info .sc-product-code,.sc-price small,.sc-cart-item p,.sc-summary>p,.sc-summary .sc-cart-note,.sc-progress li,.sc-delivery-option small,.sc-login-otp summary,.service-order-row small,.service-list-row small,.inventory-cards small,.service-job-top,.service-job>p,.service-job .job-description,.service-job-footer,.status-options legend,.service-detail dt,.product-identity p,.product-facts dt,.product-filters label,.product-filter-options,.product-list-note,.product-bulk-actions p,.panel label,.login-help,.helptext,.process-dots,.tip-card p,.wizard-steps li) { color:var(--brand-muted); }
  html[data-theme="dark"] .brand-theme :is(.sc-prelaunch a,.sc-remove button,.text-link,.record-link:hover,.panel-footer-link,.service-time,.stock-count,.service-detail .amount,.sc-pdp-info .sc-price,.sc-total strong,.sc-qty button,.sc-orange,.sc-progress [aria-current],.product-identity h2 a,.wizard-steps li[aria-current],.tiny-badge,.avatar) { color:var(--brand-gold-ink); }
  html[data-theme="dark"] .brand-theme :is(.sc-sizes [aria-current],.sc-delivery-option:has(input:checked),.view-tabs a[aria-current],.board-tabs a[aria-current],.install-example-item:last-child,.install-guide-note,.tiny-badge) { background:var(--brand-gold-soft); color:var(--brand-gold-ink); border-color:var(--brand-gold); }
  html[data-theme="dark"] .brand-theme :is(.sc-sizes a,.sc-sizes span,.sc-qty,.sc-delivery-option) { border-color:var(--brand-line); }
  html[data-theme="dark"] .brand-theme .sc-qty button { background:var(--appearance-field); }
  html[data-theme="dark"] .brand-theme :is(.notice.warning,.notice:not(.error):not(.success)) { background:#35301f; color:#f2d58e; border-color:#6b5b2d; }
  html[data-theme="dark"] .brand-theme :is(.notice.error,.errorlist,.priority,.overdue) { color:#ffb4a8; }
  html[data-theme="dark"] .brand-theme .notice.error { background:#3a211e; border-color:#79443c; }
  html[data-theme="dark"] .brand-theme .notice.success { background:#203627; color:#ade1b8; border-color:#406b4c; }
  html[data-theme="dark"] .brand-theme :is(.badge,.badge.repair,.badge.approval,.badge.pending,.badge.diagnosis,.badge.received,.badge.parts,.badge.quality) { background:#35301f; color:#f2d58e; border-color:#6b5b2d; }
  html[data-theme="dark"] .brand-theme :is(.badge.ready,.badge.accepted,.badge.delivered,.badge.completed,.badge.paid,.product-publication.is-published) { background:#203627; color:#ade1b8; border-color:#406b4c; }
  html[data-theme="dark"] .brand-theme :is(.badge.rejected,.badge.cancelled,.badge.overdue) { background:#3a211e; color:#ffb4a8; border-color:#79443c; }
  html[data-theme="dark"] .brand-theme .install-example-target { color:var(--brand-gold-ink); }
  /* White image plates preserve logo artwork, photographs and QR contrast. */
  html[data-theme="dark"] .brand-theme .install-example-page { background:var(--brand-white); }
  html[data-theme="dark"] .brand-theme .install-example-page img { background:#fff; border-radius:7px; }
  html[data-theme="dark"] .brand-theme :is(.sc-product-photo,.sc-pdp-photo,.two-factor-qr,.sidebar .brand-with-logo,.sc-footer .sc-brand) { background:#fff; }
  html[data-theme="dark"] .brand-theme .service-report-chart progress,
  html[data-theme="dark"] .brand-theme .service-report-chart progress::-webkit-progress-bar { background:var(--appearance-inset); }
}
@media(max-width:760px) {
  .sc-theme-toolbar > .theme-switcher { padding:0 14px 12px; justify-content:space-between; }
  .workspace > .theme-switcher { padding:8px 14px; justify-content:space-between; }
  .brand-theme .sc-hero-copy { padding:20px; }
  .brand-theme .sc-categories { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .brand-theme .sc-category { min-height:110px; font-size:12px; padding:12px; }
  .brand-theme .sc-category-section > .sc-section-title { display:flex; }
  .brand-theme :is(#products,#categories,#filters) { scroll-margin-top:230px; }
}
@media print {
  :root { color-scheme:light; }
  .theme-switcher,.sc-theme-toolbar { display:none!important; }
}

.brand-theme .sc-desktop-headline { display:block; }