/* Measured reference styles; scoped to the storefront branding feature. */
html[data-workspace]{--brand:#ad2638;--brand-strong:#861c2c;--brand-soft:#f7e9eb;--brand-rgb:173,38,56;--page:#f6f4f5;--line:#eadde0}
html[data-workspace] body,html[data-workspace] button,html[data-workspace] input,html[data-workspace] select,html[data-workspace] textarea{font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif}
html[data-workspace] .wrapper>header.workspace-reference-header,html[data-workspace] .workspace-reference-header{background:#99283a;color:#fff}
html[data-workspace] .workspace-reference-header nav a,html[data-workspace] .workspace-reference-header nav button,html[data-workspace] .workspace-user-center{font-size:14px;line-height:36px;padding:0 12px}
html[data-workspace] .workspace-reference-header{max-width:100vw;overflow:hidden}
html[data-workspace] .workspace-reference-header nav{min-width:0;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
html[data-workspace] .workspace-reference-header nav a,html[data-workspace] .workspace-reference-header nav button{flex:0 0 auto}
html[data-workspace] .workspace-reference-logo,html[data-workspace] .workspace-reference-search,html[data-workspace] .workspace-user-center,html[data-workspace] .workspace-auth-actions{flex-shrink:0}
html[data-workspace] .workspace-auth-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
html[data-workspace] .workspace-auth-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:34px;padding:0 18px;border:1px solid #fff;border-radius:18px;font-size:14px;line-height:32px;color:#fff}
html[data-workspace] .workspace-auth-actions .workspace-auth-login{background:#fff;color:#99283a}
html[data-workspace] .workspace-auth-actions a:hover{background:#ba4253;color:#fff}
html[data-workspace] .workspace-reference-header nav a:hover,html[data-workspace] .workspace-reference-header nav button:hover,html[data-workspace] .workspace-reference-header nav .active{background:#ba4253}
html[data-workspace] .workspace-reference-search button{background:#99283a}
html[data-workspace] .workspace-sidebar{background:#c43b4e;border-color:#eadde0}
html[data-workspace] .workspace-business-tabs{background:#fff}
html[data-workspace] .workspace-sidebar .workspace-business-tabs a,html[data-workspace] .workspace-sidebar .workspace-business-tabs button{color:#99283a;background:#fff;border-color:#eadde0}
html[data-workspace] .workspace-sidebar .workspace-business-tabs .active,html[data-workspace] .workspace-sidebar .workspace-business-tabs [aria-current=page]{background:#99283a;color:#fff}
html[data-workspace] .workspace-product-categories{background:#c43b4e}
html[data-workspace] .workspace-sidebar .workspace-product-categories button{font-size:16px;line-height:22px;padding:9px 10px;color:#fff}
html[data-workspace] .workspace-sidebar .workspace-product-categories button:hover,html[data-workspace] .workspace-sidebar .workspace-product-categories button.active{background:#fff;color:#c43b4e}
html[data-workspace] .workspace-quotation>.product-name{background:#ad2638;color:#fff}
html[data-workspace] .quotation-form .el-form-item__label{font-size:12px;line-height:36px;width:84px!important;margin-right:26px;background:#c43b4e;color:#fff;border-radius:16px 0}
html[data-workspace] .workspace-material-card.active{border-color:#ad2638;color:#ad2638}
html[data-workspace] .workspace-quote-prompt{font-size:14px;line-height:30px;color:#a12638}
html[data-workspace] .workspace-upload-title{background:#99283a;color:#fff}
html[data-workspace] .workspace-file-list-heading{background:#cf6271;color:#fff;font-size:12px}
html[data-workspace] .workspace-file-list-heading a,html[data-workspace] .workspace-file-list-heading button{color:#fff}
html[data-workspace] .workspace-open-upload{background:#ad2638}
html[data-workspace] .workspace-order-bar strong{color:#ad2638;font-size:24px}
html[data-workspace] .workspace-order-bar button{background:#ad2638;color:#fff;font-size:18px}
html[data-workspace] .ivu-table{font-size:12px;line-height:20px}
html[data-workspace] .ivu-table th{height:30px;background:#edf3f8;font-size:12px;line-height:30px}
html[data-workspace] .ivu-table td{font-size:12px;line-height:20px}
html[data-workspace] .ivu-table-cell{padding:8px 12px;overflow-wrap:anywhere}
html[data-workspace] .ivu-form-item-label{font-size:12px;line-height:20px}
html[data-workspace] .ivu-modal-header-inner{font-size:16px;line-height:24px;font-weight:400}
html[data-workspace] .workspace-unpaid-list li{flex-wrap:wrap;gap:6px}
html[data-workspace] .workspace-unpaid-list label{overflow-wrap:anywhere;min-width:0}
html[data-workspace] .workspace-unpaid-list a{color:#99283a;white-space:nowrap}
html[data-workspace] .workspace-cancel-button{border:0;background:none;color:#9b2335;padding:0;white-space:nowrap;cursor:pointer}
html[data-workspace] .workspace-cancel-confirm{flex-basis:100%;padding:10px;background:#fff4f0;color:#8b2b28;font-size:12px}
html[data-workspace] .workspace-cancel-confirm button{padding:5px 10px;margin:6px 8px 0 0;border:1px solid #d8dce3;background:#fff;color:#333;white-space:nowrap}
html[data-workspace] .workspace-cancel-confirm button:first-of-type{background:#9b2335;color:#fff;border-color:#9b2335}
@media(max-width:1100px) and (min-width:768px){html[data-workspace] .workspace-reference-header nav a,html[data-workspace] .workspace-reference-header nav button{padding:0 8px}}
@media(min-width:1200px) and (max-width:1700px){
html[data-workspace] .workspace-reference-header{gap:10px;padding:0 12px}
html[data-workspace] .workspace-reference-logo{flex-basis:140px}
html[data-workspace] .workspace-reference-logo img{width:128px}
html[data-workspace] .workspace-reference-header nav{gap:0;overflow-x:hidden}
html[data-workspace] .workspace-reference-header nav a,html[data-workspace] .workspace-reference-header nav button{font-size:14px;padding:0 4px}
html[data-workspace] .workspace-reference-search{flex-basis:160px;min-width:140px}
html[data-workspace] .workspace-auth-actions a{min-width:50px;padding:0 10px}
}
@media(min-width:900px) and (max-width:1199px){
html[data-workspace] .workspace-reference-header{gap:8px;padding:0 10px}
html[data-workspace] .workspace-reference-logo{flex-basis:140px}
html[data-workspace] .workspace-reference-logo img{width:128px}
html[data-workspace] .workspace-reference-header nav{gap:0;overflow-x:hidden}
html[data-workspace] .workspace-reference-header nav a,html[data-workspace] .workspace-reference-header nav button{font-size:14px;padding:0 4px}
html[data-workspace] .workspace-reference-search{flex-basis:150px;min-width:140px}
html[data-workspace] .workspace-auth-actions a{min-width:48px;padding:0 8px}
}
@media(min-width:1000px) and (max-width:1199px){
html[data-workspace] .workspace-reference-logo{flex-basis:120px}
html[data-workspace] .workspace-reference-logo img{width:112px}
html[data-workspace] .workspace-auth-actions a{min-width:44px;padding:0 6px}
}
@media(min-width:900px) and (max-width:999px){html[data-workspace] .workspace-reference-header nav{overflow-x:auto}}
@media(min-width:768px) and (max-width:899px){
html[data-workspace] .workspace-reference-header{gap:8px;padding:0 10px}
html[data-workspace] .workspace-reference-logo{flex-basis:128px}
html[data-workspace] .workspace-reference-logo img{width:118px}
html[data-workspace] .workspace-reference-header nav a,html[data-workspace] .workspace-reference-header nav button{font-size:13px;padding:0 4px}
html[data-workspace] .workspace-auth-actions a{min-width:46px;padding:0 7px}
}
@media(max-width:767px){html[data-workspace] .workspace-reference-header nav a,html[data-workspace] .workspace-reference-header nav button{padding:0 10px}html[data-workspace] .workspace-order-bar strong{font-size:18px}html[data-workspace] .workspace-order-bar button{font-size:14px}}
html[data-workspace] h1,html[data-workspace] h2,html[data-workspace] h3,html[data-workspace] h4{font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif}
html[data-workspace] .workspace-reference-header .workspace-reference-search button{background:#99283a!important}
html[data-workspace][data-workspace-home=true] .atelier-home>.container-v2{width:100%;max-width:none;padding:0 8px}
html[data-workspace] .reference-home-slide{height:416px;display:grid;grid-template-columns:1fr 1fr;background:#edf1f4;color:#273e58;overflow:hidden}
html[data-workspace] .reference-home-slide>div{padding:64px 9%}
html[data-workspace] .reference-home-slide h1{font-size:44px;line-height:1.3;margin:12px 0}
html[data-workspace] .reference-home-slide h2{font-size:24px;line-height:1.5;font-weight:400;margin:8px 0 16px}
html[data-workspace] .reference-home-slide p{font-size:14px;line-height:1.8;margin:8px 0}
html[data-workspace] .reference-home-slide>div>a{display:inline-block;margin-top:18px;padding:10px 24px;background:#99283a;color:#fff;border-radius:3px}
html[data-workspace] .reference-home-slide>a{display:block;overflow:hidden}
html[data-workspace] .reference-home-slide img{width:100%;height:100%;object-fit:cover;display:block}
html[data-workspace] .reference-home-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(320px,1.85fr);gap:14px;margin:20px 0}
html[data-workspace] .reference-home-service,html[data-workspace] .reference-home-news{background:#edf0f4;border-radius:16px;padding:22px 20px;min-height:160px;min-width:0}
html[data-workspace] .reference-home-service{text-align:center}
html[data-workspace] .reference-home-service h2{color:#195583;font-size:22px;line-height:35px;margin:0 0 6px}
html[data-workspace] .reference-home-service p{font-size:13px;color:#7b8997;line-height:22px;margin:0 0 12px}
html[data-workspace] .reference-home-service>a{display:inline-block;background:#fff;border:1px solid #ccc;border-radius:22px;padding:7px 40px;color:#36556c;font-size:13px}
html[data-workspace] .reference-home-news.information{margin:0;border:0;height:auto;display:block}
html[data-workspace] .reference-home-news h2{display:inline-block;background:#555;color:#fff;font-size:16px;font-weight:400;line-height:30px;margin:0 0 10px;border-radius:8px;padding:0 28px}
html[data-workspace] .reference-home-news ol{list-style:decimal;padding-left:20px;margin:0}
html[data-workspace] .reference-home-news li{font-size:14px;line-height:28px}
html[data-workspace] .reference-home-news .info-item{display:inline;padding:0;border:0;color:#172e44;overflow-wrap:anywhere}
html[data-workspace] .reference-home-news .information-foot{height:auto;line-height:24px;border:0;text-align:right;background:none;font-size:12px;margin-top:8px}
html[data-workspace] .reference-home-empty{font-size:14px;padding:12px 0;color:#66788a}
.reference-guide{max-width:1100px;margin:24px auto;padding:26px 32px;background:#fff;border:1px solid #dfe8f2;border-radius:5px}.reference-guide nav{font-size:13px;color:#65748a}.reference-guide h1{font-size:24px;margin:22px 0}.reference-guide h2{font-size:18px;margin:18px 0 8px}.reference-guide p{font-size:14px;line-height:1.9;color:#435469}.reference-guide ol{padding-left:24px;list-style:decimal}.reference-guide-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px}.reference-guide-actions a{color:#17633e;background:#eef5f1;padding:9px 16px}
@media(max-width:900px){html[data-workspace] .reference-home-services{grid-template-columns:repeat(3,1fr)}html[data-workspace] .reference-home-news{grid-column:1/-1}html[data-workspace] .reference-home-service{padding:20px 12px}html[data-workspace] .reference-home-service>a{padding:7px 22px}}
@media(max-width:600px){html[data-workspace] .reference-home-slide{height:360px;grid-template-columns:1fr 1fr}html[data-workspace] .reference-home-slide>div{padding:30px 16px}html[data-workspace] .reference-home-slide h1{font-size:28px}html[data-workspace] .reference-home-slide h2{font-size:18px}html[data-workspace] .reference-home-services{grid-template-columns:1fr}html[data-workspace] .reference-home-service{min-height:130px}.reference-guide{padding:20px 16px;margin:12px}}

html[data-workspace] .reference-information{padding:24px;min-height:500px}
html[data-workspace] .reference-information nav{font-size:14px;margin-bottom:24px}
html[data-workspace] .reference-information h1{font-size:22px;line-height:35px;margin:0 0 20px}
html[data-workspace] .reference-information-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
html[data-workspace] .reference-information-types button{border:1px solid #d7e1eb;background:#fff;color:#30558b;padding:7px 18px;white-space:nowrap}
html[data-workspace] .reference-information-types button[aria-pressed=true]{background:#99283a;color:#fff}
html[data-workspace] .reference-information-list{list-style:none;padding:0;margin:0 0 24px}
html[data-workspace] .reference-information-list li{display:flex;align-items:baseline;gap:20px;padding:14px 8px;border-bottom:1px solid #dfe6ed;font-size:14px;line-height:24px}
html[data-workspace] .reference-information-list a{flex:1;overflow-wrap:anywhere;color:#263e57}
html[data-workspace] .reference-information-list time{font-size:12px;color:#7c8792;white-space:nowrap}
html[data-workspace] .reference-information-error{padding:12px;background:#fff3f0;color:#9b2335;font-size:14px}
html[data-workspace] .reference-information-error button{margin-left:12px;border:1px solid #ccc;background:#fff;padding:4px 12px;white-space:nowrap}
html[data-workspace] .reference-information-body{padding:24px 0;line-height:1.8;overflow-wrap:anywhere}
html[data-workspace] .reference-information-body img{max-width:100%;height:auto}
html[data-workspace] .reference-information-body table{display:block;max-width:100%;overflow:auto}
@media(max-width:767px){html[data-workspace] .reference-information{padding:16px 12px}html[data-workspace] .reference-information-list li{display:block}html[data-workspace] .reference-information-list time{display:block}}

html[data-workspace][data-account-page] #app.container{max-width:920px;margin:32px auto;padding:0 20px}
html[data-workspace][data-account-page] #app>.panel{background:#fff;border:1px solid #dfe6ee;border-radius:8px;box-shadow:0 10px 28px #223c5a14;padding:30px 24px}
html[data-workspace][data-account-page] #app .ivu-form{max-width:760px;margin:0 auto}
html[data-workspace][data-account-page] #app .ivu-form-item{margin-bottom:20px}
html[data-workspace][data-account-page] #app .ivu-btn-primary{background:#9b2335;border-color:#9b2335;min-width:128px}
html[data-workspace][data-account-page] .workspace-account-return{margin:14px 0 0;text-align:center;font-size:13px}
html[data-workspace][data-account-page] .workspace-account-return a{color:#99283a}
html[data-workspace] #app .ivu-tabs-tabpane img{max-width:100%!important;height:auto!important}
@media(max-width:767px){html[data-workspace][data-account-page] #app.container{margin:16px auto;padding:0 12px}html[data-workspace][data-account-page] #app>.panel{padding:22px 10px}html[data-workspace][data-account-page] #app .ivu-col-span-sm-18{width:100%;margin-left:0}html[data-workspace][data-account-page] #app .ivu-form .ivu-form-item-label{width:92px!important}html[data-workspace][data-account-page] #app .ivu-form-item-content{margin-left:92px!important}html[data-workspace] .quotation-form .el-select{width:calc(100vw - 122px)!important;max-width:284px!important}html[data-workspace] .quotation-form .el-select .el-input{width:100%!important}}

/* Bafang orange-first palette with restrained blue accents. */
html[data-workspace]{--brand:#f26a21;--brand-strong:#c9470f;--brand-soft:#fff2e8;--brand-rgb:242,106,33;--accent:#2f80ed;--accent-strong:#2468b2;--accent-soft:#eef6ff;--page:#f7f7f8;--line:#f0ded3}
html[data-workspace] .wrapper>header.workspace-reference-header,
html[data-workspace] .workspace-reference-header,
html[data-workspace] .header-v2 .header-bar3,
html[data-workspace] .header-bottom,
html[data-workspace] .workspace-mobile-nav{background:#e85d1b;color:#fff}
html[data-workspace] .workspace-reference-header nav a:hover,
html[data-workspace] .workspace-reference-header nav button:hover,
html[data-workspace] .workspace-reference-header nav .active,
html[data-workspace] .workspace-reference-header nav button.active{background:#ff7a33;color:#fff}
html[data-workspace] .workspace-reference-header .workspace-reference-search button{background:#2f80ed!important;color:#fff}
html[data-workspace] .workspace-auth-actions .workspace-auth-login{background:#fff;color:#e85d1b}
html[data-workspace] .workspace-auth-actions a:hover{background:#2f80ed;color:#fff}
html[data-workspace] .workspace-sidebar,
html[data-workspace] .workspace-product-categories{background:#f47a2a;border-color:#f0ded3}
html[data-workspace] .workspace-sidebar .workspace-business-tabs a,
html[data-workspace] .workspace-sidebar .workspace-business-tabs button{color:#e85d1b;background:#fff;border-color:#f0ded3}
html[data-workspace] .workspace-sidebar .workspace-business-tabs .active,
html[data-workspace] .workspace-sidebar .workspace-business-tabs [aria-current=page],
html[data-workspace] .workspace-business-tabs button.active,
html[data-workspace] .workspace-business-tabs button:first-child{background:#e85d1b;color:#fff}
html[data-workspace] .workspace-sidebar .workspace-product-categories button:hover,
html[data-workspace] .workspace-sidebar .workspace-product-categories button.active{background:#fff;color:#e85d1b}
html[data-workspace] .workspace-quotation>.product-name,
html[data-workspace] .quotation-form .el-form-item__label,
html[data-workspace] .workspace-rail-title,
html[data-workspace] .workspace-upload-title{background:#f26a21;color:#fff}
html[data-workspace] .workspace-category-panel{background:#e85d1b;color:#fff}
html[data-workspace] .workspace-category-close{background:#fff;color:#e85d1b}
html[data-workspace] .workspace-material-card.active,
html[data-workspace] .workspace-material-card.cur,
html[data-workspace] .workspace-quotation>.product-bar a.product-item.cur,
html[data-workspace] .quotation-btn.active{border-color:#f26a21!important;color:#e85d1b;background:#fff3e9}
html[data-workspace] .quotation-calculate.active{border-color:#f26a21!important;background:#fff0e4!important}
html[data-workspace] .ivu-btn-error,
html[data-workspace] .ivu-btn-primary,
html[data-workspace] .el-button--primary,
html[data-workspace] button[data-workspace-action=create],
html[data-workspace] .atelier-primary,
html[data-workspace] .workspace-order-bar button,
html[data-workspace] .workspace-exclusive-submit,
html[data-workspace] .workspace-pin-category{background:#f26a21!important;border-color:#f26a21!important;color:#fff!important}
html[data-workspace] .atelier-primary:hover{background:#c9470f!important}
html[data-workspace] .workspace-order-bar strong,
html[data-workspace] .workspace-quote-prompt,
html[data-workspace] .workspace-success,
html[data-workspace] .workspace-main .ivu-tabs-nav .ivu-tabs-tab-active{color:#e85d1b}
html[data-workspace] .workspace-main .ivu-tabs-ink-bar{background:#f26a21}
html[data-workspace] .workspace-file-list-heading,
html[data-workspace] .workspace-exclusive-queue-head{background:#2f80ed;color:#fff}
html[data-workspace] .workspace-open-upload,
html[data-workspace] .workspace-exclusive-actions button,
html[data-workspace] .workspace-exclusive-picker{background:#2f80ed!important;border-color:#fff!important;color:#fff}
html[data-workspace] .workspace-exclusive-actions button:last-child{background:transparent!important;border-color:#fff!important}
html[data-workspace] .workspace-text-button,
html[data-workspace] .workspace-confirm-exit button{border-color:#b8cbe6;background:#f5f9ff;color:#2468b2}
html[data-workspace] .workspace-unpaid-list a,
html[data-workspace] .workspace-account-return a,
html[data-workspace] .workspace-account-heading a,
html[data-workspace] .workspace-aftersales-apply-heading a,
html[data-workspace] .workspace-order-detail-heading a,
html[data-workspace] .reference-information-list a,
html[data-workspace] .reference-information-types button{color:#2468b2;border-color:#8fb8e8}
html[data-workspace] .reference-information-types button[aria-pressed=true]{background:#f26a21;color:#fff;border-color:#f26a21}
html[data-workspace] .workspace-account-heading a:focus-visible{background:#2f80ed;color:#fff}
html[data-workspace] .workspace-pending-files button,
html[data-workspace] .workspace-exclusive-file button{color:#2468b2;border-color:#2f80ed}
html[data-workspace] .workspace-exclusive-drop.dragging,
html[data-workspace] .workspace-exclusive-drop:hover{background:#eef6ff;color:#2468b2;border-color:#2f80ed}
html[data-workspace] .workspace-upload-error,
html[data-workspace] .reference-information-error{color:#c9470f;background:#fff3ea}
html[data-workspace] .workspace-cancel-button{color:#c9470f}
html[data-workspace] .workspace-cancel-confirm{background:#fff4eb;color:#a43b12}
html[data-workspace] .workspace-cancel-confirm button:first-of-type{background:#f26a21;color:#fff;border-color:#f26a21}
html[data-workspace][data-account-page] #app .ivu-btn-primary{background:#f26a21!important;border-color:#f26a21!important}
html[data-workspace] .reference-home-slide>div>a{background:#f26a21;color:#fff}
html[data-workspace] .workspace-material-card{color:#e85d1b}
html[data-workspace] .workspace-category-results a:hover,
html[data-workspace] .workspace-binding-results a:hover{border-color:#f26a21;color:#e85d1b}
html[data-workspace] .workspace-category-panel[data-menu-kind="binding"] .workspace-binding-results a:hover,
html[data-workspace] .workspace-category-panel[data-menu-kind="binding"] .workspace-binding-results a:focus-visible,
html[data-workspace] .workspace-category-panel[data-menu-kind="nav"] .workspace-category-results a:hover,
html[data-workspace] .workspace-category-panel[data-menu-kind="nav"] .workspace-category-results a:focus-visible{background:#eef6ff;color:#2468b2}
html[data-workspace] .workspace-category-panel a:focus-visible{outline-color:#f26a21}
html[data-workspace] .workspace-finance-summary b,
html[data-workspace] .workspace-recharge-heading p,
html[data-workspace] .workspace-account-heading p,
html[data-workspace] .workspace-certificate-orders .workspace-order-filters label:last-of-type{color:#e85d1b}
html[data-workspace] .workspace-staff-toolbar button,
html[data-workspace] .workspace-recharge-options button.active{background:#f26a21;border-color:#f26a21;color:#fff}
html[data-workspace] .workspace-account-heading a,
html[data-workspace] .workspace-aftersales-apply-heading a,
html[data-workspace] .workspace-order-detail-heading a{color:#2468b2;border-color:#2f80ed}

/* Keep legacy order/account pages on the same orange-first palette. */
html[data-workspace] .workspace-account-categories{
 background:#f47a2a!important;
}
html[data-workspace] .workspace-account-categories a,
html[data-workspace] .workspace-account-categories button{
 color:#fff!important;
 background:transparent!important;
}
html[data-workspace] .workspace-account-categories a:hover,
html[data-workspace] .workspace-account-categories a[aria-current=page],
html[data-workspace] .workspace-account-categories button:hover,
html[data-workspace] .workspace-account-categories button.active{
 background:#e85d1b!important;
 color:#fff!important;
}
html[data-workspace] .workspace-business-tabs a.active,
html[data-workspace] .workspace-order-tabs a.active{
 background:#e85d1b!important;
 color:#fff!important;
}
html[data-workspace] .workspace-order-balance{
 color:#e85d1b;
}
html[data-workspace] .workspace-order-table thead,
html[data-workspace] .workspace-orders .workspace-order-table th{
 background:#ed7a3b!important;
 border-color:#ed7a3b!important;
 color:#fff!important;
}
html[data-workspace] .workspace-order-more,
html[data-workspace] .workspace-order-link,
html[data-workspace] .workspace-order-actions button{
 color:#2468b2;
}
html[data-workspace] .workspace-order-actions button{
 border-color:#8fb8e8;
}

/* Vivid five-product home carousel: one product and one message per slide. */
html[data-workspace] .reference-home-banner[data-vivid-carousel=true]>.reference-home-carousel{display:none!important}

/* Bright imagery is shared across legacy menus, product workspaces and fallbacks. */
html[data-workspace] img.storefront-vivid-image,
html[data-workspace] img.storefront-image-fallback{filter:saturate(1.08) contrast(1.03);background:#fff;object-fit:cover}
html[data-workspace] .bafang-vivid-carousel{position:relative;min-height:416px;overflow:hidden;border:1px solid #d8e4f3;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(28,72,122,.14)}
html[data-workspace] .bafang-vivid-slides{min-height:416px}
html[data-workspace] .bafang-vivid-slide{min-height:416px;display:grid;grid-template-columns:minmax(330px,.9fr) minmax(0,1.35fr);background:linear-gradient(135deg,#fff9f5 0%,#fff 46%,#eaf4ff 100%)}
html[data-workspace] .bafang-vivid-slide[hidden]{display:none!important}
html[data-workspace] .bafang-vivid-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:54px 52px 64px;position:relative;z-index:2}
html[data-workspace] .bafang-vivid-eyebrow{margin:0 0 15px;color:#e85d1b;font-size:13px;font-weight:700;letter-spacing:.15em}
html[data-workspace] .bafang-vivid-copy h1{margin:0;color:#173b68;font-size:clamp(34px,3.2vw,50px);font-weight:800;line-height:1.18;letter-spacing:.01em}
html[data-workspace] .bafang-vivid-summary{max-width:430px;margin:20px 0 0;color:#52677f;font-size:16px;line-height:1.8}
html[data-workspace] .bafang-vivid-cta{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding:12px 24px;border-radius:999px;background:#f26a21;color:#fff!important;font-size:15px;font-weight:700;box-shadow:0 10px 24px rgba(242,106,33,.25);transition:transform .2s,box-shadow .2s}
html[data-workspace] .bafang-vivid-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(242,106,33,.32)}
html[data-workspace] .bafang-vivid-visual{display:block;min-width:0;overflow:hidden;background:#eaf4ff}
html[data-workspace] .bafang-vivid-visual img{display:block;width:100%;height:416px;object-fit:cover;object-position:center}
html[data-workspace] .bafang-vivid-arrow{position:absolute;z-index:4;top:50%;width:42px;height:42px;margin-top:-21px;border:0;border-radius:50%;background:rgba(20,57,98,.86);color:#fff;font:300 34px/38px Arial;cursor:pointer;box-shadow:0 8px 20px rgba(16,45,78,.2)}
html[data-workspace] .bafang-vivid-arrow:hover{background:#2f80ed}
html[data-workspace] .bafang-vivid-arrow.is-previous{left:16px}
html[data-workspace] .bafang-vivid-arrow.is-next{right:16px}
html[data-workspace] .bafang-vivid-controls{position:absolute;z-index:4;left:52px;right:52px;bottom:21px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
html[data-workspace] .bafang-vivid-dots{display:flex;gap:9px;pointer-events:auto}
html[data-workspace] .bafang-vivid-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#b9cbe0;cursor:pointer;transition:width .2s,background .2s}
html[data-workspace] .bafang-vivid-dots button.is-active{width:30px;background:#f26a21}
html[data-workspace] .bafang-vivid-count{color:#52708f;font-size:12px;font-weight:700;letter-spacing:.08em}
@media(max-width:800px){html[data-workspace] .bafang-vivid-carousel,html[data-workspace] .bafang-vivid-slides{min-height:560px}html[data-workspace] .bafang-vivid-slide{min-height:560px;grid-template-columns:1fr;grid-template-rows:auto 250px}html[data-workspace] .bafang-vivid-copy{padding:34px 28px 54px}html[data-workspace] .bafang-vivid-copy h1{font-size:32px}html[data-workspace] .bafang-vivid-summary{font-size:14px;margin-top:12px}html[data-workspace] .bafang-vivid-cta{margin-top:18px}html[data-workspace] .bafang-vivid-visual img{height:250px}html[data-workspace] .bafang-vivid-controls{left:28px;right:28px;bottom:18px}html[data-workspace] .bafang-vivid-arrow{width:36px;height:36px;margin-top:-18px;font-size:28px;line-height:32px}html[data-workspace] .bafang-vivid-arrow.is-previous{left:8px}html[data-workspace] .bafang-vivid-arrow.is-next{right:8px}}
@media(prefers-reduced-motion:reduce){html[data-workspace] .bafang-vivid-cta,html[data-workspace] .bafang-vivid-dots button{transition:none}}

/* Sidebar selection is exclusive: a category selection takes visual priority over the current-page link. */
html[data-workspace] .workspace-sidebar .workspace-business-tabs>a,
html[data-workspace] .workspace-sidebar .workspace-business-tabs>button{background:#fff!important;color:#e85d1b!important}
html[data-workspace] .workspace-sidebar .workspace-business-tabs>button.active,
html[data-workspace] .workspace-sidebar .workspace-business-tabs:not(:has(>button.active))>a.active,
html[data-workspace] .workspace-sidebar .workspace-business-tabs:not(:has(>button.active))>a[aria-current=page]{background:#e85d1b!important;color:#fff!important}
html[data-workspace] .workspace-sidebar .workspace-business-tabs:has(>button.active)>a.active,
html[data-workspace] .workspace-sidebar .workspace-business-tabs:has(>button.active)>a[aria-current=page]{background:#fff!important;color:#e85d1b!important}

/* Replace the legacy wine-red account rail with the site's orange-red palette. */
html[data-workspace] .workspace-account-categories{background:#e85d1b!important}
html[data-workspace] .workspace-account-categories a,
html[data-workspace] .workspace-account-categories button{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
html[data-workspace] .workspace-account-categories a:hover,
html[data-workspace] .workspace-account-categories a:focus-visible,
html[data-workspace] .workspace-account-categories a[aria-current=page],
html[data-workspace] .workspace-account-categories button:hover,
html[data-workspace] .workspace-account-categories button:focus-visible,
html[data-workspace] .workspace-account-categories button.active{background:#ff7a33!important;color:#fff!important}

/* Keep the existing header and expose the configured direct product entries. */
html[data-workspace] .workspace-reference-header.workspace-featured-products nav{overflow-x:auto;justify-content:flex-start!important;justify-content:safe center!important}
html[data-workspace] .workspace-top-product[aria-current=page]{background:#ff7a33;color:#fff}

/* Upload rail uses the Bafang orange palette; retain the reference dimensions and layout. */
html[data-workspace] .studio-quote-summary.workspace-upload-exclusive{width:350px!important;background:#fff!important;overflow:auto!important}
html[data-workspace] .workspace-exclusive-upload{display:flex;flex-direction:column;padding:0!important;margin:0!important;min-height:480px!important;height:auto!important;background:#fff!important;border:0!important;border-radius:0!important}
html[data-workspace] .workspace-exclusive-head{position:relative;display:block!important;box-sizing:border-box;flex:0 0 50px;height:50px!important;min-height:50px!important;padding:0!important;background:var(--brand)!important;border:0!important;border-radius:0!important}
html[data-workspace] .workspace-exclusive-server{position:absolute;bottom:5px;left:5px;font-size:12px;color:#fff}
html[data-workspace] .workspace-exclusive-actions{display:contents!important}
html[data-workspace] .workspace-exclusive-actions button{position:absolute!important;top:10px;right:5px;padding:0!important;height:24px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:12px}
html[data-workspace] .workspace-exclusive-actions .workspace-exclusive-picker{top:2px;left:100px;right:auto;font-size:16px;width:150px;height:28px!important}
html[data-workspace] .workspace-exclusive-queue-head{height:30px!important;min-height:30px;padding:0 16px 0 10px!important;margin:0!important;background:var(--brand-soft)!important;color:var(--brand-strong)!important;border-radius:0!important}
html[data-workspace] .workspace-exclusive-drop{width:100%!important;max-width:100%!important;min-height:400px!important;margin:0!important;padding:110px 0 0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#806a5a!important;gap:0!important;justify-content:flex-start!important}
html[data-workspace] .workspace-exclusive-drop[hidden]{display:none!important}
html[data-workspace] .workspace-exclusive-drop strong{font-size:20px!important;color:#806a5a!important;font-weight:400!important}
html[data-workspace] .workspace-exclusive-drop span{font-size:14px!important;margin-top:15px;color:#806a5a!important}
html[data-workspace] .workspace-exclusive-drop small{font-size:14px!important;margin-top:8px;color:#806a5a!important;line-height:1.3!important}
html[data-workspace] .workspace-exclusive-list{max-height:none!important;min-height:0;padding:0!important;border:0!important}
html[data-workspace] .workspace-exclusive-list:not(:empty){min-height:400px}
html[data-workspace] .workspace-exclusive-file{grid-template-columns:18px minmax(0,1fr) 25px!important;gap:5px;padding:8px 10px!important;border-bottom:1px solid var(--line)!important}
html[data-workspace] .workspace-exclusive-file:nth-child(even){background:#fffaf6}
html[data-workspace] .workspace-exclusive-file-name{font-weight:400!important;color:#333!important}
html[data-workspace] .workspace-exclusive-file-meta{grid-column:2;color:#888!important}
html[data-workspace] .workspace-exclusive-file button{background:transparent!important;border:0!important;border-radius:0!important;color:#888!important;padding:0!important}
html[data-workspace] .workspace-exclusive-progress{grid-column:2/4;height:3px;border-radius:0;background:var(--brand-soft)}
html[data-workspace] .workspace-exclusive-status{font-size:12px!important;color:#666!important;min-height:0!important;margin:0!important;padding:6px 10px!important}
html[data-workspace] .workspace-exclusive-submit{min-height:36px!important;margin:0!important;border-radius:0!important;background:var(--brand)!important;font-size:14px!important}
html[data-workspace] .workspace-exclusive-submit:disabled{background:#efbb9d!important}
html[data-workspace] .workspace-exclusive-frame-host{display:block;box-sizing:border-box;min-height:300px!important;margin:0!important;padding:0 8px!important;border:0!important;background:#f5f7fa!important;overflow:hidden!important}
html[data-workspace] .workspace-exclusive-frame{display:block;width:100%!important;height:640px;min-height:300px!important;border:0!important;background:#f5f7fa}
@media(min-width:901px){html[data-workspace] .studio-quote-grid{grid-template-columns:minmax(0,1fr) 350px!important}}
@media(max-width:900px){html[data-workspace] .studio-quote-summary.workspace-upload-exclusive{width:100%!important;position:static!important}}

html[data-workspace] .workspace-exclusive-file input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--brand)}
@media(min-width:901px){html[data-workspace] .workspace-materials{margin-right:350px!important}}

.workspace-order-confirm{box-sizing:border-box;width:min(550px,calc(100vw - 32px));padding:0 20px 18px;border:1px solid #ddd;border-radius:3px;margin:auto;background:#fff;color:#333;font-size:14px}.workspace-order-confirm::backdrop{background:#0006}.workspace-order-confirm h3{font-size:16px;line-height:46px;margin:0 -20px 16px;padding:0 20px;background:#f8f8f8;border-bottom:1px solid #eee}.workspace-order-confirm p{margin:12px 0;overflow-wrap:anywhere}.workspace-order-confirm>div{text-align:right;margin-top:24px}.workspace-order-confirm button{height:32px;padding:0 16px;margin-left:8px;border:1px solid #ddd;background:#fff;color:#333;border-radius:2px}.workspace-order-confirm button.primary{background:#005bac;border-color:#005bac;color:#fff}.workspace-payment-dialog{width:min(920px,calc(100vw - 32px))}

@media(min-width:901px){html[data-workspace] .studio-quote-summary.workspace-upload-exclusive{position:fixed!important;top:var(--workspace-top)!important;right:0!important;height:calc(100vh - var(--workspace-top))!important;min-height:0!important;z-index:30}}

html[data-workspace] .workspace-quote-orders-head{height:30px!important;min-height:30px!important;padding:0 16px 0 10px!important;background:var(--brand-soft)!important;color:var(--brand-strong)!important;border:0!important}html[data-workspace] .workspace-upload-exclusive .workspace-quote-orders-head :is(h4,button,a,label){color:var(--brand-strong)!important}html[data-workspace] .workspace-quote-orders{background:#fff!important}

/* Keep drag, upload progress and order-list states in the same warm palette. */
html[data-workspace] .workspace-exclusive-drop:hover,
html[data-workspace] .workspace-exclusive-drop.dragging{background:var(--brand-soft)!important;color:var(--brand-strong)!important}
html[data-workspace] .workspace-exclusive-drop:hover :is(strong,span,small),
html[data-workspace] .workspace-exclusive-drop.dragging :is(strong,span,small){color:var(--brand-strong)!important}
html[data-workspace] .workspace-exclusive-progress i{background:var(--brand)}
html[data-workspace] .workspace-exclusive-submit:not(:disabled):hover{background:var(--brand-strong)!important}
html[data-workspace] .workspace-upload-exclusive :is(.workspace-quote-orders-empty,.workspace-quote-orders-range,.workspace-quote-order-delivery){color:#806a5a}
html[data-workspace] .workspace-upload-exclusive .workspace-quote-orders-row{background:#fffaf6}
html[data-workspace] .workspace-upload-exclusive :is(.workspace-quote-order-amount,.workspace-quote-order-pay){color:var(--brand-strong);border-color:var(--brand)}
html[data-workspace] .workspace-upload-exclusive input[type=checkbox]{accent-color:var(--brand)}

html[data-workspace] .workspace-valet-summary-cost-table th:last-child,html[data-workspace] .workspace-valet-summary-cost-table td:last-child{width:auto!important;text-align:left!important}

/* Quote summary: one font step larger throughout, with a consistent bold weight. */
html[data-workspace] .workspace-valet-summary-panel,
html[data-workspace] .workspace-valet-summary-panel *{font-weight:700!important}
html[data-workspace] .workspace-valet-summary-panel{font-size:16px}
html[data-workspace] .workspace-valet-summary-panel>header small,
html[data-workspace] .workspace-valet-summary-customer small{font-size:13px!important}
html[data-workspace] .workspace-valet-summary-panel>header h3,
html[data-workspace] .workspace-valet-summary-title{font-size:20px!important}
html[data-workspace] .workspace-valet-summary-customer strong{font-size:26px!important}
html[data-workspace] .workspace-valet-summary-content table,
html[data-workspace] .workspace-valet-summary-content p,
html[data-workspace] .workspace-valet-summary-total ul,
html[data-workspace] .workspace-valet-summary-number,
html[data-workspace] .workspace-valet-summary-panel>footer span{font-size:14px!important}
html[data-workspace] .workspace-valet-summary-content th,
html[data-workspace] .workspace-valet-summary-content td{font-size:inherit!important}
html[data-workspace] .workspace-valet-summary-section h4{font-size:17px!important}
html[data-workspace] .workspace-valet-summary-section h5.workspace-valet-summary-part{font-size:16px!important}
html[data-workspace] .workspace-order-bar .workspace-valet-summary-panel .workspace-valet-summary-close{font-size:26px!important}
html[data-workspace] .workspace-order-bar .workspace-valet-summary-panel .workspace-valet-summary-copy,
html[data-workspace] .workspace-order-bar .workspace-valet-summary-toggle{font-size:15px!important;font-weight:700!important}
@media(max-width:767px){html[data-workspace] .workspace-valet-summary-content table{font-size:13px!important}}