/* Bistro palette and emblem; shared BuildStudio workspace component language. */
@font-face {
  font-family: "BuildStudio Inter";
  src: url("/showcase/order/assets/buildstudio_self_order_ui/static/brand/Inter-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --bst-green: #7c9845;
  --bst-dark: #4a612f;
  --bst-gold: #f3c84b;
  --bst-cream: #fffef8;
  --bst-paper: #f6f8ed;
  --bst-ink: #29361e;
  --bst-muted: #667455;
  --bst-border: #d7e0c3;
  --bst-shadow: 0 8px 28px rgba(124,152,69,.07);
  --bst-font: "BuildStudio Inter", "PingFang SC", "Hiragino Sans", "Yu Gothic", "Microsoft YaHei", sans-serif;
  --bs-primary: #7c9845;
  --bs-primary-rgb: 124,152,69;
  --bs-secondary: #edf2dd;
  --bs-secondary-rgb: 237,242,221;
  --bs-body-bg: #fffef8;
  --bs-body-color: #29361e;
  --bs-body-font-family: var(--bst-font);
  --bs-border-color: #d7e0c3;
  --bs-link-color: #7c9845;
  --bs-link-color-rgb: 124,152,69;
  --bs-link-hover-color: #29361e;
  --o-brand-primary: #7c9845;
  --o-brand-odoo: #7c9845;
  --o-action: #7c9845;
}
body { font-family: var(--bst-font); color: var(--bst-ink); -webkit-font-smoothing: antialiased; }
h1,h2,h3,h4,h5,h6 { font-family: var(--bst-font); letter-spacing: -.025em; }
button,input,select,textarea { font-family: inherit; }
:focus-visible { outline: 3px solid var(--bst-gold); outline-offset: 3px; }
.btn-primary {
  --bs-btn-bg: #7c9845; --bs-btn-border-color: #7c9845; --bs-btn-color: #fffef8;
  --bs-btn-hover-bg: #7c9845; --bs-btn-hover-border-color: #7c9845; --bs-btn-hover-color: #fffef8;
  --bs-btn-active-bg: #4a612f; --bs-btn-active-border-color: #4a612f; --bs-btn-active-color: #fffef8;
  --bs-btn-disabled-bg: #d7e0c3; --bs-btn-disabled-border-color: #d7e0c3; --bs-btn-disabled-color: #667455;
  background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); color: var(--bs-btn-color);
}
.btn-secondary,.btn-light {
  --bs-btn-bg: #f6f8ed; --bs-btn-border-color: #d7e0c3; --bs-btn-color: #4a612f;
  --bs-btn-hover-bg: #edf2dd; --bs-btn-hover-border-color: #7c9845; --bs-btn-hover-color: #29361e;
  --bs-btn-active-bg: #d7e0c3; --bs-btn-active-color: #29361e;
  background-color: var(--bs-btn-bg); color: var(--bs-btn-color); border-color: var(--bs-btn-border-color);
}
.btn-outline-primary { --bs-btn-color: #7c9845; --bs-btn-border-color: #7c9845; --bs-btn-hover-bg: #7c9845; --bs-btn-hover-border-color: #7c9845; }
.text-primary { color: #7c9845 !important; }
.bg-primary,.text-bg-primary { background-color: #7c9845 !important; color: #fffef8 !important; }
.form-control:focus,.form-select:focus { border-color: #91ac59; box-shadow: 0 0 0 3px #f3c84b40; }
.form-check-input:checked { background-color: #7c9845; border-color: #7c9845; }
.dropdown-menu,.modal-content { border-color: var(--bst-border); border-radius: 14px; box-shadow: var(--bst-shadow); }
.dropdown-item.active,.dropdown-item:active { background: #7c9845; color: #fffef8; }
.nav-link.active { color: #7c9845; }

/* Customer ordering: warm surfaces, generous touch targets. */
body:has(.bs-order-brand) { display: flex; flex-direction: column; height: 100dvh; background: var(--bst-paper); }
.bs-order-brand {
  min-height: 68px; flex: 0 0 68px; display: flex; align-items: center; gap: 12px;
  padding: 8px max(20px,calc((100vw - 1180px)/2)); color: var(--bst-cream);
  background: radial-gradient(ellipse at 90% 0,#7c984570,transparent 65%),#29361e;
  border-bottom: 2px solid var(--bst-gold);
}
.bs-order-brand img { object-fit: contain; flex-shrink: 0; }
.bs-order-brand strong { display: block; font-size: 17px; font-weight: 650; letter-spacing: -.025em; }
.bs-order-brand strong span { color: #eed398; }
.bs-order-brand small { display: block; color: #d7e0c3; font-size: 11px; margin-top: 2px; }
.bs-order-brand ~ .vh-100 { height: auto !important; flex: 1 1 auto; min-height: 0; }
.bs-order-brand ~ .h-100 { height: auto !important; flex: 1 1 auto; min-height: 0; }
body:has(.bs-order-brand) .o_self_background {
  background-color: #f6f8ed !important;
  background-image: radial-gradient(ellipse at top right,#f3c84b24,transparent 60%),linear-gradient(135deg,#fffef8,#f6f8ed) !important;
}
body:has(.bs-order-brand) .bg-view,body:has(.bs-order-brand) .bg-body { background-color: #fffef8 !important; }
body:has(.bs-order-brand) .btn { border-radius: 13px; }
body:has(.bs-order-brand) .btn-lg { min-height: 48px; font-weight: 600; }
body:has(.bs-order-brand) .o_self_product_box {
  border: 1px solid var(--bst-border); background: #fffef8 !important;
  box-shadow: var(--bst-shadow) !important; border-radius: 18px !important;
}
body:has(.bs-order-brand) .product_img img { background-color: #f6f8ed; }
body:has(.bs-order-brand) .preset_btn { border: 1px solid var(--bst-border) !important; box-shadow: var(--bst-shadow) !important; }
body:has(.bs-order-brand) .preset_btn:hover { border-color: var(--bst-green) !important; }
body:has(.bs-order-brand) .page-buttons,body:has(.bs-order-brand) .o_self_footer {
  background: #fffef8f5; border-top-color: var(--bst-border) !important;
}
.bs-language-toolbar { background: #fffef8; border-bottom: 1px solid var(--bst-border); }
.bs-quantity-stepper { --bs-primary: #7c9845; background: #fffef8; border-color: #c5d3a8; }
.bs-quantity-stepper .bs-quantity-plus { background: #7c9845; color: #fffef8; }
.bs-quantity-stepper .bs-quantity-plus:hover { background: #7c9845; }
.bs-quantity-stepper output { color: #29361e; }

/* Odoo merchant workspace: Share/Ark-style hierarchy, Bistro colors. */
.o_web_client { background: #f6f8ed; }
.o_main_navbar { background: #29361e !important; border-bottom: 2px solid #f3c84b !important; color: #fffef8; }
.o_main_navbar .o_menu_brand,.o_main_navbar .o_nav_entry,.o_main_navbar .dropdown-toggle { color: #fffef8 !important; }
.o_main_navbar .o_menu_brand::before {
  content: ""; display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 10px;
  background: url('/showcase/order/assets/buildstudio_self_order_ui/static/brand/order-gear-v1.svg?v=olive-gray2-final') center/contain no-repeat;
}
.o_control_panel,.o_search_panel { background: #fffef8 !important; border-color: #d7e0c3 !important; }
.o_form_view .o_form_sheet_bg { background: #f6f8ed !important; }
.o_form_view .o_form_sheet { border: 1px solid #d7e0c3; border-radius: 14px; box-shadow: var(--bst-shadow); }
.o_list_view .o_list_table thead { background: #f6f8ed; }
.o_list_view .o_list_table tbody tr:hover { background: #f6f8ed; }
.o_kanban_record { border-color: #d7e0c3 !important; border-radius: 12px !important; }
.o_searchview { border-color: #c5d3a8; border-radius: 9px; }
.o_home_menu_background { background: linear-gradient(125deg,#4a612f,#7c9845) !important; }

/* Platform portal and explicitly labeled development preview. */
.bs-admin,.bs-preview {
  --ink: #29361e; --paper: #fffef8; --accent: #7c9845; --green: #7c9845; --gold: #f3c84b;
  background: radial-gradient(ellipse at 90% 0,#f3c84b18,transparent 45%),#f6f8ed;
  color: #29361e; font-family: var(--bst-font);
}
.bs-admin header,.bs-preview aside { background: #29361e; color: #fffef8; border-color: #f3c84b; }
.bs-admin header { border-bottom: 2px solid #f3c84b; padding: 14px 4vw; gap: 22px; }
.bs-admin header strong,.bs-preview .brand { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-family: var(--bst-font); font-size: 17px; letter-spacing: -.025em; }
.bs-admin header strong::before,.bs-preview .brand::before {
  content: ""; display: inline-block; flex: 0 0 44px; width: 44px; height: 44px;
  background: url('/showcase/order/assets/buildstudio_self_order_ui/static/brand/order-gear-v1.svg?v=olive-gray2-final') center/contain no-repeat;
}
.bs-preview .brand small { flex: 0 0 100%; color: #d7e0c3; font-size: 10px; letter-spacing: .14em; }
.bs-admin header a { color: #f6f8ed; padding: 8px 10px; border-radius: 8px; }
.bs-admin header a:hover { background: #7c9845; text-decoration: none; }
.bs-preview .nav button { color: #edf2dd; border-radius: 10px; }
.bs-preview .nav button.active { background: #7c9845; color: #fffef8; box-shadow: inset 3px 0 #f3c84b; }
.bs-admin h1,.bs-preview h1 { font-family: var(--bst-font); font-weight: 650; font-size: clamp(26px,3vw,36px); }
.bs-admin .panel,.bs-preview .panel,.bs-preview .card {
  background: #fffef8; border: 1px solid #d7e0c3; border-radius: 14px; box-shadow: var(--bst-shadow);
}
.bs-admin .number,.bs-preview .metric-value { color: #4a612f; font-family: var(--bst-font); font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.bs-admin th,.bs-preview th { color: #667455; background: #f6f8ed; font-weight: 600; }
.bs-admin td,.bs-admin th,.bs-preview td,.bs-preview th { border-color: #edf2dd; }
.bs-admin button,.bs-preview .primary { background: #7c9845; color: #fffef8; border-radius: 9px; font-weight: 600; }
.bs-admin button:hover,.bs-preview .primary:hover { background: #7c9845; }
.bs-preview .secondary { background: #f6f8ed; color: #4a612f; border: 1px solid #c5d3a8; border-radius: 9px; }
.bs-admin input,.bs-admin select,.bs-admin textarea,.bs-preview input,.bs-preview select {
  background: #fffef8; color: #29361e; border: 1px solid #c5d3a8; border-radius: 9px; min-height: 40px;
}
.bs-admin .notice,.bs-preview .banner,.bs-preview .role-note { background: #fbf3df; border-color: #f3c84b; color: #665128; border-radius: 10px; }
.bs-preview .bar,.bs-preview .progress i { background: linear-gradient(0deg,#7c9845,#a0b86b); }
.bs-preview .tag { background: #edf2dd; color: #7c9845; }
.bs-preview .tag.pending { background: #f8ebcb; color: #735622; }
.bs-admin a,.bs-preview main a { color: #7c9845; }
.bs-preview .aside-note { color: #d7e0c3; }
@media(max-width:680px) {
  .bs-order-brand { padding: 8px 16px; min-height: 60px; flex-basis: 60px; }
  .bs-order-brand strong { font-size: 15px; }
  .bs-order-brand img { width: 38px; height: 38px; }
  .bs-admin header { gap: 12px; padding: 12px 16px; }
  .bs-admin nav { gap: 4px; }
  .bs-admin .panel { padding: 16px; }
}
@media(prefers-reduced-motion:reduce) { .bs-admin *, .bs-preview *, body:has(.bs-order-brand) * { scroll-behavior: auto !important; } }

/* Order-specific wordmark v2: green/gold gear without atom orbits. */
.bs-order-brand { background: #fffef8; padding-top: 0; padding-bottom: 0; }
.bs-order-brand .bs-order-wordmark {
  display: block; width: min(360px,100%); height: 68px; object-fit: cover;
  object-position: center; flex-shrink: 1;
}
.bs-admin header strong {
  width: min(340px,100%); height: 64px; flex-shrink: 0; font-size: 0;
  background: #fffef8 url('/showcase/order/assets/buildstudio_self_order_ui/static/brand/buildstudio-order-wordmark-v5.png') center/cover no-repeat;
  border-radius: 10px;
}
.bs-admin header strong::before,.bs-preview .brand::before { content: none; }
.bs-preview .brand {
  width: 100%; height: 72px; font-size: 0;
  background: #fffef8 url('/showcase/order/assets/buildstudio_self_order_ui/static/brand/buildstudio-order-wordmark-v5.png') center/cover no-repeat;
  border-radius: 10px;
}
.bs-preview .brand small { display: none; }
.o_main_navbar .o_menu_brand::before {
  width: 34px; height: 34px; border-radius: 6px;
  background: #fffef8 url('/showcase/order/assets/buildstudio_self_order_ui/static/brand/buildstudio-order-wordmark-v5.png') left center/180px auto no-repeat;
}
@media(max-width:680px) {
  .bs-order-brand .bs-order-wordmark { width: min(320px,100%); height: 60px; }
  .bs-preview .brand { width: min(320px,100%); height: 64px; }
}

/* Authenticated live merchant workspace; no simulated business data. */
body:has(.bs-order-brand) .btn.btn-primary:is(:disabled,.disabled) {
  background: #edf2dd !important;
  border-color: #d7e0c3 !important;
  color: #667455 !important;
  opacity: 1;
  box-shadow: none;
}
.bs-product-placeholder {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 4px; width: 100%; height: 100%; background: #f6f8ed; color: #667455;
}
body:has(.bs-order-brand) .product_img .bs-product-placeholder img {
  width: 44px; height: 44px; background: transparent; object-fit: contain;
}
.bs-product-placeholder span { font-size: 10px; line-height: 1.3; text-align: center; padding: 0 3px; }
.bs-login-page {
  background: radial-gradient(ellipse at 10% 8%,#f3c84b29,transparent 45%),radial-gradient(ellipse at 90% 90%,#a0b86b26,transparent 45%),#f6f8ed !important;
  color: #29361e;
}
.bs-login-page .o_database_list {
  background: #fffef8 !important; border: 1px solid #d7e0c3 !important;
  border-top: 4px solid #f3c84b !important; border-radius: 22px;
  box-shadow: 0 20px 64px #4a612f14;
}
.bs-login-page .card-body { padding: 28px 32px; }
.bs-login-page .bs-login-wordmark {
  display: block; width: 100%; max-width: 360px; height: 100px; margin: 0 auto;
  object-fit: cover; object-position: center;
}
.bs-login-heading { margin: 14px 0 8px; font-size: 23px; font-weight: 650; }
.bs-login-page .form-label { font-size: 14px; font-weight: 600; }
.bs-login-page .form-control { min-height: 46px; border-radius: 10px; background: #fffef8; border-color: #c5d3a8; }
.bs-login-page .oe_login_buttons > .btn { min-height: 46px; border-radius: 10px; font-weight: 600; }
.bs-login-page .btn-link,.bs-login-page a { color: #7c9845; }
.bs-login-footer { margin-top: 26px; padding-top: 18px; border-top: 1px solid #d7e0c3; text-align: center; font-size: 12px; letter-spacing: .04em; color: #667455; }
@media(max-width:480px) {
  .bs-login-page .card-body { padding: 22px; }
  .bs-login-page .container.py-5 { padding-top: 24px !important; padding-bottom: 24px !important; }
}
.bs-preview .brand { background-size: 100% auto; }
.bs-merchant { margin: 0; min-height: 100dvh; }
.bs-merchant * { box-sizing: border-box; }
.bs-merchant header { display: flex; align-items: center; flex-wrap: wrap; }
.bs-merchant nav { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.bs-merchant nav a[aria-current=page] { background: #7c9845; box-shadow: inset 0 -2px #f3c84b; }
.bs-merchant a { text-decoration: none; }
.bs-merchant main { max-width: 1280px; margin: 32px auto; padding: 0 24px; }
.bs-merchant h2 { font-size: 21px; }
.bs-merchant .notice { padding: 16px 20px; line-height: 1.7; border-left: 4px solid #f3c84b; }
.bs-merchant .bs-filters { display: grid; grid-template-columns: 2fr 1fr 1fr auto; align-items: end; gap: 14px; margin-top: 24px; }
.bs-merchant label { display: grid; gap: 8px; font-size: 13px; color: #667455; }
.bs-merchant input,.bs-merchant select { width: 100%; padding: 10px; font: inherit; }
.bs-merchant button { min-height: 42px; padding: 10px 22px; border: 0; font: inherit; cursor: pointer; }
.bs-merchant .bs-period { color: #667455; font-size: 12px; letter-spacing: .03em; }
.bs-merchant .panel { padding: 18px; margin: 20px 0; overflow-x: auto; }
.bs-merchant table { width: 100%; border-collapse: collapse; text-align: left; white-space: nowrap; }
.bs-merchant td,.bs-merchant th { padding: 13px 12px; border-bottom: 1px solid #edf2dd; font-size: 14px; }
.bs-merchant td a { text-decoration: underline; text-underline-offset: 4px; }
.bs-merchant .cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: 16px; }
.bs-merchant .cards .panel { margin: 12px 0; }
.bs-merchant .number { margin-top: 16px; font-size: clamp(23px,2.4vw,32px); font-weight: 650; overflow-wrap: anywhere; }
.bs-merchant .bs-pager { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 14px; }
.bs-merchant .bs-pager a { padding: 10px 16px; background: #fffef8; border: 1px solid #d7e0c3; border-radius: 9px; }
.bs-merchant footer { margin-top: 36px; padding: 20px 0; border-top: 1px solid #d7e0c3; font-size: 13px; color: #667455; line-height: 1.7; }
@media(max-width:720px) {
  .bs-merchant main { padding: 0 16px; margin: 24px auto; }
  .bs-merchant .bs-filters { grid-template-columns: 1fr 1fr; }
  .bs-merchant .cards { grid-template-columns: 1fr; }
  .bs-merchant header strong { max-width: 100%; }
}

/* Excel-inspired emerald theme: shared by every live portal and the preview. */
:root {
  --bst-green: #7c9845;
  --bst-bright: #91ac59;
  --bst-dark: #4a612f;
  --bst-gold: #f3c84b;
  --bst-cream: #fffef8;
  --bst-paper: #f6f8ed;
  --bst-ink: #29361e;
  --bst-muted: #667455;
  --bst-border: #d7e0c3;
  --bst-shadow: 0 6px 24px rgb(124 152 69 / 6%);
  --bs-success: #7c9845;
  --bs-success-rgb: 124,152,69;
  --bs-success-bg-subtle: #edf2dd;
  --bs-success-border-subtle: #c5d3a8;
  --bs-success-text-emphasis: #4a612f;
  --bs-primary-bg-subtle: #edf2dd;
  --bs-primary-border-subtle: #c5d3a8;
  --bs-primary-text-emphasis: #4a612f;
}
.bs-admin,.bs-preview,.o_web_client {
  background: radial-gradient(ellipse at 100% 0, #eaf0d7 0, transparent 48%), #f6f8ed;
}
.o_main_navbar {
  background: #7c9845 !important;
  border-bottom: 1px solid #91ac59 !important;
}
.bs-admin > header,.bs-preview aside {
  background: linear-gradient(115deg,#7c9845,#91ac59);
  border-color: #91ac59;
}
.bs-admin > header { box-shadow: 0 3px 18px rgb(124 152 69 / 10%); }
.bs-admin > header a { color: #fffef8; }
.bs-admin > header a:hover,.bs-admin > header nav a[aria-current=page] {
  background: #fffef8; color: #7c9845; box-shadow: none;
}
.bs-preview .nav button { color: #fffef8; }
.bs-preview .nav button.active {
  background: #fffef8; color: #7c9845; box-shadow: inset 3px 0 #f3c84b;
}
.bs-preview .nav button:not(.active):hover { background: rgb(255 255 255 / 16%); }
.bs-preview .aside-note { color: #fffef8; }
.bs-admin .panel,.bs-preview .panel,.bs-preview .card {
  border-radius: 16px; border-color: #d7e0c3;
}
.bs-admin .notice,.bs-preview .banner,.bs-preview .role-note {
  background: #edf2dd; border-color: #91ac59; color: #4a612f;
}
.bs-admin .number,.bs-preview .metric-value { color: #7c9845; }
.bs-preview .bar,.bs-preview .progress i { background: linear-gradient(0deg,#7c9845,#a0b86b); }
.bs-preview .tag { background: #edf2dd; color: #4a612f; }
.bs-preview .tag.pending { background: #fff2cc; color: #745211; }
.bs-order-brand { border-bottom: 2px solid #91ac59; }
body:has(.bs-order-brand) .o_self_background {
  background-image: radial-gradient(ellipse at top right,#eaf0d7,transparent 58%),linear-gradient(135deg,#fffef8,#f6f8ed) !important;
}
.bs-login-page {
  background: radial-gradient(ellipse at 10% 8%,#91ac5920,transparent 45%),radial-gradient(ellipse at 90% 90%,#a0b86b14,transparent 45%),#f6f8ed !important;
}
.bs-login-page .o_database_list { border-top-color: #91ac59 !important; }
.btn-primary:hover,.bs-admin button:hover,.bs-preview .primary:hover {
  background-color: #6d893a; border-color: #6d893a;
}
.btn-primary:active { background-color: #4a612f; border-color: #4a612f; }
.btn:disabled,.bs-admin button:disabled,.bs-preview button:disabled {
  background: #edf2dd; color: #667455; border-color: #d7e0c3; cursor: not-allowed;
}
.form-control:focus,.form-select:focus {
  border-color: #91ac59; box-shadow: 0 0 0 3px rgb(145 172 90 / 16%);
}
:focus-visible { outline-color: #91ac59; }
.bs-admin > header :focus-visible,.bs-preview aside :focus-visible { outline-color: #fffef8; }
.o_home_menu_background { background: linear-gradient(120deg,#7c9845,#91ac59) !important; }
.o_list_view .o_list_table thead,.bs-admin th,.bs-preview th { background: #eef3e1; color: #4a612f; }
.o_list_view .o_list_table tbody tr:hover,.bs-admin tbody tr:hover,.bs-preview tbody tr:hover { background: #f6f8ed; }
.o_field_widget .badge.text-bg-primary,.badge.bg-primary { background-color: #7c9845 !important; }
.bs-staff-card { border-top-color: #91ac59; }
@media(max-width:680px) {
  .bs-admin > header { gap: 12px; }
  .bs-admin > header nav { width: 100%; }
}

/* User-selected brighter olive: readable dark labels, not Excel emerald. */
:root{--bs-link-color:#4a612f;--bs-link-color-rgb:74,97,47;--bs-link-hover-color:#29361e;--bs-btn-color:#203013}
.btn-primary{--bs-btn-color:#203013;--bs-btn-hover-color:#17250d;--bs-btn-active-color:#fffef8;color:#203013}
.bs-admin button,.bs-preview .primary,.bs-quantity-stepper .bs-quantity-plus{color:#203013}
.bs-admin>header,.bs-admin>header a,.bs-preview aside,.bs-preview .nav button,.bs-preview .aside-note{color:#203013}
.o_main_navbar,.o_main_navbar .o_menu_brand,.o_main_navbar .o_nav_entry,.o_main_navbar .dropdown-toggle{color:#203013!important}
.text-primary{color:#4a612f!important}
.bg-primary,.text-bg-primary{color:#203013!important}
.bs-admin a,.bs-preview main a{color:#4a612f}
.bs-admin>header a{color:#203013}
.bs-admin>header a:hover,.bs-admin>header nav a[aria-current=page],.bs-preview .nav button.active{color:#4a612f}
.bs-quantity-stepper .bs-quantity-plus:hover{color:#17250d}
.btn-primary:is(:disabled,.disabled){color:#667455}
/* Customer action hierarchy: gold and white for committing an order. */
body:has(.bs-order-brand){--bs-order-gold:#9b6b0c;--bs-order-gold-hover:#855907;--bs-order-gold-line:#d6ac48;--bs-order-gold-soft:#fff7e3}
body:has(.bs-order-brand) .btn.btn-primary{
 --bs-btn-bg:var(--bs-order-gold);--bs-btn-border-color:var(--bs-order-gold-line);--bs-btn-color:#fff;
 --bs-btn-hover-bg:var(--bs-order-gold-hover);--bs-btn-hover-border-color:#bd9131;--bs-btn-hover-color:#fff;
 --bs-btn-active-bg:#714b05;--bs-btn-active-border-color:#ad8228;--bs-btn-active-color:#fff;
 color:#fff!important;background:linear-gradient(180deg,#a7730d,#94630b)!important;
 border-color:var(--bs-order-gold-line)!important;box-shadow:inset 0 1px 0 #f3c84b88,0 3px 10px #9b6b0c1a;
}
body:has(.bs-order-brand) .btn.btn-primary:hover:not(:disabled):not(.disabled){background:linear-gradient(180deg,#98680b,#855907)!important;color:#fff!important}
body:has(.bs-order-brand) .btn.btn-primary:active:not(:disabled):not(.disabled){background:#714b05!important;color:#fff!important}
body:has(.bs-order-brand) .bs-quantity-stepper{background:#fff;border-color:#e4c87f}
body:has(.bs-order-brand) .bs-quantity-stepper button{
 background:#fff!important;color:#9b6b0c!important;border:1px solid #d6ac48!important;
 box-shadow:none!important;font-weight:700;
}
body:has(.bs-order-brand) .bs-quantity-stepper button:hover:not(:disabled){background:#fff7e3!important;color:#855907!important;border-color:#b38928!important}
body:has(.bs-order-brand) .bs-quantity-stepper output{color:#785309}
body:has(.bs-order-brand) .btn.btn-primary:is(:disabled,.disabled){
 background:#f3eee2!important;color:#85775b!important;border-color:#e2d8bf!important;
 opacity:1;box-shadow:none!important;cursor:not-allowed;
}
body:has(.bs-order-brand) .bs-quantity-stepper button:disabled{
 background:#faf8f1!important;color:#ab9c7d!important;border-color:#e8e0ce!important;
 cursor:not-allowed;opacity:1;
}
body:has(.bs-order-brand) .btn.btn-primary:focus-visible,
body:has(.bs-order-brand) .bs-quantity-stepper button:focus-visible{outline:3px solid #9b6b0c;outline-offset:3px}