/* Public responsive contract: phones <=600, tablets <=1100, desktop >1100.
   Keep controls in document flow; no fixed procurement panels on touch layouts. */
.public-shell{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.public-shell *{box-sizing:border-box}
.public-shell main,.public-shell section,.public-shell aside,.public-shell form,.public-shell fieldset{min-width:0}
.public-shell h1,.public-shell h2,.public-shell h3,.public-shell p,.public-shell dd{overflow-wrap:break-word;word-wrap:break-word}
.public-shell input,.public-shell select,.public-shell textarea{max-width:100%;min-width:0;border-radius:4px}
.public-shell img{max-width:100%}
.public-shell button,.public-shell .button,.public-shell summary{touch-action:manipulation}
.public-shell a:focus,.public-shell button:focus,.public-shell summary:focus{outline:2px solid #075edb;outline-offset:3px}
/* Pointer clicks have no box; retain a visible keyboard focus indicator. */
html.pointer-focus .public-shell a:focus,html.pointer-focus .public-shell button:focus,html.pointer-focus .public-shell summary:focus{outline:none}
@supports selector(:focus-visible){
 .public-shell a:focus:not(:focus-visible),.public-shell button:focus:not(:focus-visible),.public-shell summary:focus:not(:focus-visible){outline:none}
 .public-shell a:focus-visible,.public-shell button:focus-visible,.public-shell summary:focus-visible{outline:2px solid #075edb;outline-offset:3px}
}

.compact-inquiry{display:none}
.public-shell .reference-nav{flex-wrap:wrap}
.public-shell .breadcrumbs{flex-wrap:wrap;line-height:1.6}
.public-shell .breadcrumbs [aria-current]{min-width:0;overflow-wrap:break-word}
.public-shell .share-actions{display:flex;flex-wrap:wrap;gap:0;margin-left:-5px}
.public-shell .share-actions>a,.public-shell .share-actions>button{margin:5px;min-width:44px;min-height:44px}
.public-shell .section-nav{max-width:100%;-webkit-overflow-scrolling:touch}
.public-shell .table-wrap,.public-shell .compare-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:1100px){
 .public-shell .site-header.reference-header{padding:16px 24px}
 .public-shell .site-header.reference-header>.original-brand{max-width:calc(100% - 60px);height:52px}
 .public-shell .site-header.reference-header .brand-name{font-size:29px}
 .public-shell .site-header.reference-header .brand-domain{font-size:20px}
 .public-shell .site-header.reference-header .brand-tagline{font-size:10px;letter-spacing:.55px}
 .public-shell .site-header.reference-header .header-search{flex:1 1 0;width:auto;margin:14px 0 0;height:46px}
 .public-shell .site-header.reference-header .header-search input{height:44px;font-size:16px}
 .public-shell .site-header.reference-header .header-search .button{height:44px;min-height:44px}
 .public-shell .site-header.reference-header .mobile-nav-toggle{margin-left:auto}
 .public-shell .compact-inquiry{display:flex;order:3;align-items:center;justify-content:center;position:relative;width:46px;height:46px;margin:14px 0 0 10px;flex:0 0 46px;border:1px solid #bacade;border-radius:4px;background:#fff}
 .compact-inquiry img{width:24px;height:24px}.compact-inquiry span{position:absolute;right:1px;top:1px;min-width:17px;height:17px;line-height:17px;text-align:center;font-size:11px;border-radius:10px;background:#075edb;color:#fff}
 .public-shell .site-header.reference-header .header-search{flex-basis:calc(100% - 56px)}
 .public-shell .market-nav.reference-nav{padding:8px 24px!important}
 .public-shell .motor-category-menu{max-width:100%}
 .reference-wrap{padding:20px 24px 0}
 .reference-top{display:block}.reference-categories{display:none}
 .reference-hero{padding:30px;min-height:0;background-size:cover;background-position:center top}
 .reference-hero h1{font-size:52px;line-height:1.12}
 .reference-hero-description{font-size:17px;line-height:1.7;max-width:60%;margin:22px 0 0;padding:0;background:transparent}
 .reference-promises{margin:24px 0;width:auto;max-width:60%}
 .reference-spec-form{margin:24px 0 0}.reference-spec-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .reference-rfq{margin-top:20px;padding:24px}
 .reference-rfq form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .reference-rfq .rfq-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
 .reference-rfq label{font-size:15px;min-width:0;margin:0}
 .reference-rfq input,.reference-rfq select,.reference-rfq textarea{font-size:16px;min-height:46px}
 .reference-rfq textarea{height:90px}.reference-rfq .button{min-height:46px;align-self:end}
 .reference-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .reference-maker-grid,.motor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .public-shell .catalog-layout{display:block;padding:24px}
 .public-shell .filter-panel{position:static;margin:0 0 24px;padding:20px}
 .filter-panel form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .filter-panel label{margin:0;min-width:0}.filter-panel input,.filter-panel select{font-size:16px}
 .catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:24px}
 .product-summary h1{font-size:30px}.product-photo>img{height:280px}
 .product-summary .supplier-byline>img{width:100%;max-width:300px;height:88px}
 .detail-columns{display:block}.detail-columns>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .rfq-layout{display:block}.rfq-layout>.content-panel{position:static;top:auto;width:100%;margin-top:24px}
 .rfq-main{width:100%}.rfq-layout .form-grid{grid-template-columns:1fr 1fr}
 .public-shell .auth-layout,.public-shell .application-layout{gap:30px;padding:32px 24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .public-shell .auth-intro h1{font-size:34px}
 .public-shell .article-layout{display:block;max-width:840px;margin:auto;padding:0 24px 36px}
 .article-toc{position:static;margin-bottom:24px}.article-toc>a{display:inline-block;margin-right:20px;padding:10px 0}
 .article-cover{padding:0 24px}.article-cover img{height:auto;max-height:380px}
 .public-shell .site-footer{padding:36px 24px;grid-template-columns:1fr 1fr;gap:24px}
 .site-footer>div:first-child{grid-column:1/-1}.public-shell .footer-bottom{display:block;line-height:1.8}.footer-bottom span{float:none;display:block}
}
@media(max-width:600px){
 .public-shell .site-header.reference-header{padding:12px 16px}
 .public-shell .site-header.reference-header .brand-name{font-size:23px}
 .public-shell .site-header.reference-header .brand-domain{font-size:15px}
 .public-shell .site-header.reference-header .brand-tagline{font-size:8px;letter-spacing:.25px}
 .public-shell .site-header.reference-header>.original-brand{height:44px;gap:6px}
 .public-shell .site-header.reference-header .original-brand-symbol{display:block;width:38px;flex-basis:38px;height:27px}
 .public-shell .site-header.reference-header .original-brand-symbol img{width:96px!important;height:64px!important;max-width:none;left:-32px;top:-13.5px}
 .public-shell .site-header.reference-header .header-search .button{min-width:62px;padding:8px 10px;font-size:14px}
 .public-shell .site-header.reference-header .header-search>img{display:none}
 .public-shell .market-nav.reference-nav{padding:8px 16px!important}
 .reference-wrap{padding:16px 12px 0}.reference-hero{padding:24px 18px;background-size:auto 340px;background-repeat:no-repeat;background-position:48% top;background-color:#031b34}
 .reference-hero h1{font-size:38px;line-height:1.12}.hero-kicker{font-size:10px;line-height:1.6;margin-bottom:20px}
 .reference-hero-description{max-width:none;margin:100px 0 0;padding:12px;background:#061e35;font-size:16px}
 .reference-promises{max-width:none;display:block;padding:12px;margin:16px 0}.reference-promises>div+div{margin-top:12px}
 .reference-spec-form{padding:16px;margin:16px 0 0}.reference-spec-fields{grid-template-columns:1fr;gap:14px}
 .reference-spec-fields label{font-size:14px}.reference-spec-fields .button{grid-column:auto}
 .reference-rfq{padding:20px 18px}.reference-rfq form{display:block}.reference-rfq form>label,.reference-rfq .rfq-two{margin-bottom:16px}.reference-rfq .rfq-two label{margin:0}
 .reference-section{padding:20px 14px}.reference-type-grid{grid-template-columns:1fr 1fr;gap:12px}
 .reference-type-grid>a>img{height:110px}.reference-type-grid h3{font-size:15px;line-height:1.4}.reference-type-grid p{font-size:14px;line-height:1.6}
 .reference-section-heading{display:block}.reference-section-heading h2{font-size:24px}.reference-section-heading>a{margin-top:10px;white-space:normal}
 .reference-maker-grid,.motor-grid,.catalog-product-grid{grid-template-columns:1fr}
 .public-shell .catalog-layout{padding:20px 16px}.filter-panel form{display:block}.filter-panel label{display:block;margin-bottom:16px}
 .public-shell .filter-panel .button{width:100%}.compare-toolbar .button{width:100%}
 .product-intro{display:block;padding:20px}.product-photo>img{height:240px}.product-summary h1{font-size:28px}
 .quick-specs{grid-template-columns:1fr 1fr}.quick-specs dd{font-size:16px;line-height:1.5}
 .detail-columns>aside{display:block}.supplier-product{grid-template-columns:1fr}.supplier-product img{width:180px;height:140px;object-position:left center}
 .supplier-product h3{font-size:20px}.supplier-product .text-link{font-size:15px;display:inline-block;padding:10px 0}
 .supplier-actions .button,.product-summary .button{min-height:48px;white-space:normal}
 .public-shell .form-card{padding:20px}.rfq-layout .form-grid{grid-template-columns:1fr}
 .public-shell .auth-layout,.public-shell .application-layout{display:block;padding:24px 16px}
 .public-shell .policy-layout{display:block}.policy-layout nav{position:static}
 .public-shell .page-heading h1,.public-shell .editorial-heading h1{font-size:30px;line-height:1.25}
 .public-shell .site-footer{padding:28px 16px;gap:24px 16px}
 .public-shell .site-footer .brand-name{font-size:26px}.public-shell .site-footer .brand-domain{font-size:18px}
 .public-shell .site-footer .brand-tagline{font-size:9px;letter-spacing:.4px}
 .public-shell .site-footer .original-brand-symbol{width:48px;flex-basis:48px}
 .public-shell .page-share{padding:24px 16px}.public-shell .share-actions{display:flex}
}
@media(max-width:360px){
 .public-shell .site-header.reference-header .brand-name{font-size:20px}
 .public-shell .site-header.reference-header .brand-domain{font-size:13px}
 .public-shell .site-header.reference-header .brand-tagline{font-size:7px}
 .public-shell .site-header.reference-header .original-brand-symbol{width:32px;flex-basis:32px}
 .reference-hero h1{font-size:34px}.reference-rfq .rfq-two{display:block}.reference-rfq .rfq-two label+label{margin-top:16px}
 .public-shell .site-footer{display:block}.public-shell .site-footer>div{margin-bottom:24px}
}
/* Old engines without Grid keep complete forms and readable source order. */
@supports not (display:grid){
 .public-shell .reference-top,.public-shell .reference-type-grid,.public-shell .reference-maker-grid,.public-shell .motor-grid,.public-shell .catalog-layout,.public-shell .catalog-product-grid,.public-shell .product-intro,.public-shell .detail-columns,.public-shell .supplier-hero,.public-shell .supplier-facts,.public-shell .supplier-product,.public-shell .family-grid,.public-shell .rfq-layout,.public-shell .form-grid,.public-shell .auth-layout,.public-shell .application-layout,.public-shell .article-layout,.public-shell .policy-layout,.public-shell .site-footer,.public-shell .reference-spec-fields,.public-shell .reference-rfq form,.public-shell .reference-rfq .rfq-two,.public-shell .selection-guide,.public-shell .technical-table>div,.public-shell .manufacturer-result,.public-shell .faq-market{display:block}
 .public-shell .reference-categories{display:none}.public-shell .filter-panel,.public-shell .article-toc,.public-shell .policy-layout nav,.public-shell .rfq-layout>.content-panel{position:static}
 .public-shell .reference-type-grid>a{display:block}.public-shell .reference-type-grid>a,.public-shell .reference-maker-grid>article,.public-shell .motor-grid>article,.public-shell .compare-item,.public-shell .form-grid>label,.public-shell .reference-spec-fields>label,.public-shell .reference-rfq label,.public-shell .supplier-facts>div,.public-shell .site-footer>div{margin-bottom:20px}
 .public-shell .reference-hero h1{font-size:38px}.public-shell .page-heading h1{font-size:32px}.public-shell .reference-rfq{margin-top:20px}
}
/* Safari before flex-gap: use margins for essential control spacing. */
.public-shell .supplier-actions{gap:0}.public-shell .supplier-actions>*+*{margin-top:12px}
@media(min-width:601px) and (max-width:900px){.public-shell .supplier-actions>*+*{margin-top:0;margin-left:12px}}

/* Google sign-in: local official multicolour mark, stable on older flex engines. */
.public-shell .button.google-signin{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;gap:0;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:4px;font-size:16px;font-weight:600;line-height:22px}
.public-shell .button.google-signin img{filter:none;-webkit-filter:none;display:block;flex:0 0 20px;width:20px;height:20px;max-width:none;margin:0 12px 0 0;object-fit:contain}
.public-shell .google-signin:hover{background:#f5f7fa;border-color:#3c4043}

/* Manufacturer marks: enough room for real wordmarks at every buyer touchpoint. */
.reference-maker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.reference-maker-grid article{height:184px;padding:20px 24px}
.reference-maker-logo{display:flex;align-items:center;width:65%;height:86px}
.reference-maker-logo>img{width:100%;height:100%;object-fit:contain;object-position:left center}
.reference-maker-grid article>p{font-size:14px;line-height:1.35;max-width:64%;margin-top:5px}
.reference-maker-motor{width:28%;height:118px;right:18px;top:25px}
.view-maker{font-size:14px;left:24px;bottom:12px}
.manufacturer-result{grid-template-columns:260px minmax(0,1fr) auto;gap:24px}
.result-logo{display:flex;align-items:center;min-width:0;min-height:118px}
.result-logo img{display:block;width:100%;max-width:260px;height:118px;object-fit:contain;object-position:left center}
.supplier-identity>.supplier-logo{width:430px;height:148px;max-width:100%;object-fit:contain;object-position:left center}
.product-summary .supplier-byline>img{width:380px;height:118px;max-width:100%;object-fit:contain;object-position:left center}
.factory-logo-wordmark{display:flex;align-items:center;color:#12365b;font-size:25px;line-height:1.1;font-weight:800;letter-spacing:-.03em;overflow-wrap:anywhere}
.supplier-identity>.factory-logo-wordmark{width:430px;max-width:100%;height:148px;font-size:38px}
.product-summary .supplier-byline>.factory-logo-wordmark{min-height:85px;font-size:30px}
@media(max-width:1200px){.manufacturer-result{grid-template-columns:225px minmax(0,1fr)}.manufacturer-result>form{grid-column:2}.result-logo img{max-width:225px}.reference-maker-grid article{height:176px}}
@media(max-width:900px){.reference-maker-grid{grid-template-columns:1fr}.reference-maker-grid article{height:168px}.reference-maker-logo{width:70%;height:78px}.reference-maker-motor{width:25%;height:105px}.manufacturer-result{grid-template-columns:200px minmax(0,1fr)}.result-logo img{max-width:200px}.supplier-identity>.supplier-logo{width:400px}}
@media(max-width:600px){.reference-maker-grid article{height:172px;padding:18px}.reference-maker-logo{width:76%;height:82px}.reference-maker-grid article>p{font-size:13px;max-width:75%}.reference-maker-motor{width:24%;height:85px;right:10px;top:53px}.view-maker{left:18px;font-size:13px}.manufacturer-result{grid-template-columns:1fr}.manufacturer-result>form{grid-column:auto}.result-logo{min-height:112px}.result-logo img{width:100%;max-width:330px;height:112px}.supplier-identity>.supplier-logo{width:100%;max-width:400px;height:132px}.product-summary .supplier-byline>img{width:100%;max-width:360px;height:112px}.supplier-identity>.factory-logo-wordmark{height:112px;font-size:32px}}
/* The BLDC source file has a large unused right margin; crop only that margin in presentation. */
.reference-maker-logo>img[src*="daily-20260923-ningbo-bierdisai-motor"],
.result-logo img[src*="daily-20260923-ningbo-bierdisai-motor"],
.supplier-logo[src*="daily-20260923-ningbo-bierdisai-motor"],
.product-summary .supplier-byline>img[src*="daily-20260923-ningbo-bierdisai-motor"]{object-fit:cover;object-position:10% center}
@media(max-width:900px){.manufacturer-result{grid-template-columns:1fr}.manufacturer-result>form{grid-column:auto}.result-logo{min-height:132px}.result-logo img{max-width:360px;height:132px}.product-intro{display:block}.product-summary{margin-top:20px}}