:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#18222d;background:#f4f7f8;line-height:1.45;letter-spacing:0}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:0}.internal-preview-banner{min-height:34px;display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 20px;background:#083f35;color:#fff;font-size:13px}.internal-preview-banner span{opacity:.8}.site-header{height:76px;display:grid;grid-template-columns:280px 1fr auto;align-items:center;padding:0 4vw;background:#fff;border-bottom:1px solid #dfe5e8;position:sticky;top:0;z-index:20}.site-header nav{height:100%;display:flex;justify-content:center;gap:12px}.site-nav-link{display:flex;align-items:center;padding:0 18px;border-bottom:3px solid transparent;font-weight:700}.site-nav-link:hover,.site-nav-link.is-active{color:#08644d;border-bottom-color:#0b7459}.brand{font-size:30px;font-weight:900;letter-spacing:0;color:#064b3b}.brand small{display:block;font-size:9px;font-weight:700;letter-spacing:1px}.header-actions{display:flex;align-items:center;gap:10px}.header-actions button,.header-actions select{border:1px solid #d6dfe2;background:#fff;padding:9px 12px;border-radius:4px}.header-actions b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:#f04b28;color:white}.export-header{background:#fff}.b2c-header{background:#035a3a;color:#fff}.b2c-header .brand{color:#fff}.b2c-header .site-nav-link:hover,.b2c-header .site-nav-link.is-active{color:#fff;background:#08704d;border-bottom-color:#fff}.b2c-header .header-actions button{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}main{min-height:calc(100vh - 170px)}.export-hero,.b2c-hero{display:grid;grid-template-columns:1fr 1.15fr;min-height:490px;background:#f4f6f5;overflow:hidden}.hero-copy,.b2c-hero>div:first-child{padding:80px 4vw;align-self:center}.eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;color:#0a7258}.hero-copy h1,.b2c-hero h1{font-size:58px;line-height:1.05;margin:10px 0 18px;color:#064b3b}.hero-copy>p,.b2c-hero>div>p{font-size:21px;max-width:650px}.hero-media{min-height:300px}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-actions{display:flex;gap:16px;margin-top:32px}.hero-actions a,.primary-cta{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 28px;background:#075b45;color:#fff;border-radius:5px;font-weight:800}.hero-actions .secondary{background:#fff;color:#164034;border:2px solid #164034}.trust-strip,.b2c-footer,.export-footer{display:flex;justify-content:space-around;gap:18px;padding:24px 4vw;background:#fff;border-top:1px solid #e1e6e7}.export-categories,.b2c-categories,.spec-band{padding:42px 4vw;background:#fff}.export-categories header,.b2c-categories header{display:flex;justify-content:space-between;align-items:end}.category-grid,.b2c-categories>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-grid article,.b2c-categories article,.export-product-grid article,.b2c-product-grid article,.service-grid article{border:1px solid #dfe5e5;border-radius:6px;background:#fff;overflow:hidden;padding:16px}.category-grid img{width:100%;height:210px;object-fit:cover}.category-grid h3{font-size:22px;margin-bottom:4px}.category-grid a{color:#075b45;font-weight:800}.page-hero{padding:48px 4vw;background:#101719;color:#fff}.page-hero.compact{background:linear-gradient(90deg,#111a1b,#243332)}.page-hero h1,.page-title h1{font-size:48px;margin:8px 0}.page-title{padding:32px 4vw 10px}.catalog-layout,.b2c-catalog{display:grid;grid-template-columns:280px 1fr;gap:30px;padding:24px 3vw 50px}.filter-panel{background:#fff;border:1px solid #dfe5e5;border-radius:6px;padding:20px;height:max-content}.filter-panel h3{margin:18px 0 8px;text-transform:uppercase;font-size:14px}.filter-panel label{display:block;padding:7px 0}.filter-panel input:not([type=checkbox]),.filter-panel select{width:100%;padding:10px;margin:5px 0;border:1px solid #ccd6d9}.results-bar,.sort-bar,.b2c-catalog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.export-product-grid,.b2c-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.export-product-grid img{width:100%;height:220px;object-fit:cover}.export-product-grid article>small,.export-product-grid article>strong{display:block;margin:8px 0}.export-product-grid article>div,.b2c-product-grid article>div:last-child{display:flex;gap:8px;margin-top:18px}.export-product-grid a,.export-product-grid button,.b2c-product-grid button,.b2c-product-grid a{flex:1;padding:10px;border:1px solid #087156;border-radius:4px;text-align:center;background:#fff;color:#075b45}.export-product-grid button,.b2c-product-grid a{background:#075b45;color:#fff}.detail-layout,.b2c-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding:50px 5vw;background:#fff}.detail-gallery>img{width:100%;height:520px;object-fit:cover;border-radius:6px}.thumb-row{display:flex;gap:10px;margin-top:10px}.thumb-row img,.thumb-row .product-placeholder{width:100px;height:74px;object-fit:cover}.detail-copy h1{font-size:48px;color:#064b3b}.detail-lead{font-size:20px}.detail-copy dl div{display:grid;grid-template-columns:150px 1fr;padding:14px 0;border-bottom:1px solid #dce3e3}.detail-copy dt{font-weight:800}.detail-copy dd{margin:0}.inquiry-layout,.quote-layout,.order-layout,.contact-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 320px;gap:18px;padding:18px 3vw 50px}.steps,.inquiry-form,.inquiry-summary,.quote-input,.quote-table,.quote-summary,.order-layout>section,.order-summary,.contact-layout form,.contact-cards article{background:#fff;border:1px solid #dfe5e5;border-radius:6px;padding:20px}.steps strong{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#075b45;color:#fff}.inquiry-row{display:grid;grid-template-columns:130px 1fr 130px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #dfe5e5}.inquiry-row img{width:120px;height:82px;object-fit:cover}.inquiry-row small,.inquiry-row span{display:block}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid input,.form-grid select,.contact-layout select,.contact-layout textarea,.inquiry-form textarea{width:100%;padding:13px;border:1px solid #ccd6d9;border-radius:4px}.inquiry-form textarea,.contact-layout textarea{min-height:110px;margin-top:12px}.inquiry-summary p,.quote-summary p{display:flex;justify-content:space-between}.inquiry-summary button,.quote-summary button,.contact-layout form button,.quote-table footer button,.service-grid button{width:100%;padding:13px;border:0;border-radius:4px;background:#075b45;color:#fff;font-weight:800}.contact-layout{grid-template-columns:1fr 1fr}.contact-cards{display:grid;gap:12px}.contact-hero{min-height:190px;display:flex;align-items:center}.b2c-hero{min-height:380px}.b2c-hero h1{font-size:44px}.b2c-search{display:flex;gap:0}.b2c-search input{min-width:0;flex:1;padding:14px;border:2px solid #087156;border-radius:5px 0 0 5px}.b2c-search button{padding:0 20px;border:0;background:#087156;color:#fff;font-weight:800}.b2c-search button:last-child{background:#fff;color:#087156;border:2px solid #087156}.quick-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:20px 3vw;background:#f6f8f8}.quick-actions article{background:#fff;border:1px solid #dfe5e5;padding:18px;border-radius:6px}.quick-actions span{font-size:28px;color:#087156}.b2c-categories>div{grid-template-columns:repeat(6,1fr)}.b2c-categories article{padding:12px}.product-placeholder{display:grid;place-items:center;height:170px;background:linear-gradient(140deg,#eef3f2,#d5dfdc);font-size:36px;font-weight:900;color:#0d765d}.product-placeholder.large{height:430px;font-size:80px}.b2c-product-grid .product-placeholder{height:190px}.b2c-product-grid article>span,.b2c-product-grid article>small,.b2c-product-grid article>strong{display:block;margin:8px 0}.b2c-product-grid article>strong,.price{font-size:22px;color:#f04b28}.sale-tag,.status-ok,.status-warn{display:inline-block;padding:4px 9px;border-radius:4px;background:#dff4e9;color:#087156;font-weight:800}.status-warn{background:#fff0df;color:#e76c15}.quantity{display:flex;width:160px;margin:16px 0}.quantity button,.quantity input{width:54px;text-align:center;padding:9px;border:1px solid #ccd6d9;background:#fff}.quote-input textarea{width:100%;min-height:230px;border:0;background:#f5f7f7;padding:14px}.quote-input button{width:100%;padding:12px;margin-top:10px;border:1px solid #087156;background:#fff;color:#087156}.quote-table>header,.quote-table>div,.quote-table>footer{display:grid;grid-template-columns:60px 2fr 1fr 1fr 70px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #e1e6e7}.quote-table>header{display:flex;justify-content:space-between}.quote-table small{display:block}.quote-table footer{grid-template-columns:1fr 1fr}.order-layout{grid-template-columns:1fr 340px}.order-tabs{display:flex;gap:10px;border-bottom:1px solid #dfe5e5;padding-bottom:12px}.order-tabs button{border:0;background:#fff;padding:10px;color:#087156;font-weight:800}.order-row{display:grid;grid-template-columns:1.6fr 1fr 140px 100px 90px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #dfe5e5}.order-row small{display:block}.order-products{display:flex;gap:5px}.order-products span{display:grid;place-items:center;width:40px;height:40px;background:#dce4e2}.order-summary>strong{font-size:42px;color:#087156}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:28px 4vw}.b2c-footer{background:#075b45;color:#fff}.export-footer{background:#101719;color:#fff}.preview-toast{position:fixed;right:24px;bottom:24px;z-index:50;max-width:420px;padding:14px 18px;background:#101719;color:#fff;border-radius:5px;box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.preview-toast.is-visible{opacity:1;transform:none}
@media (max-width:980px){.site-header{height:auto;min-height:70px;grid-template-columns:1fr auto;padding:12px 18px}.site-header nav{grid-column:1/-1;overflow-x:auto;justify-content:flex-start;order:3}.site-nav-link{padding:12px;white-space:nowrap}.brand{font-size:24px}.export-hero,.b2c-hero,.detail-layout,.b2c-detail{grid-template-columns:1fr}.hero-copy,.b2c-hero>div:first-child{padding:45px 24px}.hero-copy h1,.b2c-hero h1{font-size:40px}.hero-media{max-height:330px}.category-grid,.export-product-grid,.b2c-product-grid{grid-template-columns:repeat(2,1fr)}.b2c-categories>div{grid-template-columns:repeat(3,1fr)}.catalog-layout,.b2c-catalog{grid-template-columns:1fr}.filter-panel{display:none}.inquiry-layout,.quote-layout,.order-layout,.contact-layout{grid-template-columns:1fr}.steps,.quote-input{display:none}.quick-actions{grid-template-columns:repeat(2,1fr)}.order-row{grid-template-columns:1fr 120px 80px}.order-products,.order-row>span{display:none}.service-grid{grid-template-columns:1fr}}
@media (max-width:600px){.internal-preview-banner{align-items:flex-start;flex-direction:column;gap:2px}.header-actions{display:none}.trust-strip,.b2c-footer,.export-footer{flex-direction:column}.category-grid,.export-product-grid,.b2c-product-grid,.b2c-categories>div{grid-template-columns:1fr}.page-hero h1,.page-title h1,.detail-copy h1{font-size:34px}.form-grid{grid-template-columns:1fr}.inquiry-row{grid-template-columns:75px 1fr}.inquiry-row img{width:70px;height:62px}.inquiry-row label{grid-column:2}.quick-actions{grid-template-columns:1fr}.b2c-search{flex-wrap:wrap}.b2c-search input{flex-basis:100%;border-radius:5px}.b2c-search button{min-height:44px;flex:1}.quote-table{overflow-x:auto}.quote-table>div{min-width:650px}.order-tabs{overflow-x:auto}.order-tabs button{white-space:nowrap}.order-row{grid-template-columns:1fr 90px}.order-row>strong{display:none}.service-grid{padding:18px}.preview-toast{left:16px;right:16px;bottom:16px}}
@media (max-width:600px){
  .order-layout,
  .order-layout > *{
    min-width:0;
  }

  .order-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    overflow:visible;
  }

  .order-tabs button{
    width:100%;
    min-width:0;
    white-space:normal;
  }

  .order-row{
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
  }

  .order-row > div:first-child{
    min-width:0;
    overflow-wrap:anywhere;
  }

  .order-row > button{
    justify-self:end;
  }
}

/* JOOHOO-B2C v2: domestic fast-parts marketplace home. */
.b2c-header-v2{grid-template-columns:255px minmax(360px,1fr) auto auto;background:#fff;color:#1c2b30;padding:0 5vw;box-shadow:0 1px 0 rgba(20,50,45,.08)}
.b2c-header-v2 .b2c-brand{color:#075941;font-size:29px;line-height:.9}
.b2c-header-v2 .b2c-brand small{color:#455a5c;margin-top:7px;letter-spacing:1.8px}
.b2c-header-v2 .site-nav-link{color:#1e2c30;border:0;padding:0 22px}
.b2c-header-v2 .site-nav-link:hover,.b2c-header-v2 .site-nav-link.is-active{color:#fff;background:#075b45;border:0}
.b2c-utility-strip{display:flex;gap:18px;align-items:center;color:#516567;font-size:13px;font-weight:700;white-space:nowrap}
.b2c-utility-strip span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#0a8869}
.b2c-header-v2 .header-actions{gap:8px}
.b2c-header-v2 .header-actions button{padding:8px 10px;background:#fff;color:#075b45;border-color:#cad9d6;font-size:13px}
.b2c-header-v2 .header-actions button:first-child{background:#075b45;color:#fff;border-color:#075b45}
.b2c-v2-hero{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:22px;padding:36px 5vw 24px;background:#f7fbfa url("../assets/website/b2c-auto-parts-hero-v2.png") center right/auto 100% no-repeat;position:relative;overflow:hidden}
.b2c-v2-hero-copy{position:relative;z-index:1;min-height:390px;padding:46px 0 0 3.2vw}
.b2c-v2-hero-copy h1{max-width:705px;margin:8px 0 26px;color:#172d35;font-size:46px;line-height:1.17}
.b2c-v2-hero-copy .eyebrow{color:#075b45;font-size:13px;letter-spacing:1.1px}
.b2c-v2-vehicle-stage{display:none}
.b2c-v2-search{display:flex;max-width:710px;height:58px;position:relative;z-index:1}
.b2c-v2-search input{min-width:0;flex:1;padding:0 20px;border:2px solid #087156;border-right:0;border-radius:8px 0 0 8px;background:rgba(255,255,255,.96);font-size:16px;outline:none}
.b2c-v2-search button{border:0;padding:0 24px;background:#087156;color:#fff;font-weight:800;white-space:nowrap}
.b2c-v2-search button:last-child{border:2px solid #087156;background:#fff;color:#087156;border-radius:0 8px 8px 0}
.b2c-v2-hot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px;font-size:13px;color:#526768}
.b2c-v2-hot button{border:1px solid #e0e8e6;background:#fff;border-radius:999px;padding:7px 12px;color:#4c5c5d;cursor:pointer}
.b2c-v2-workbench{z-index:2;align-self:start;background:#fff;border:1px solid #dbe7e4;border-radius:10px;padding:18px;box-shadow:0 12px 32px rgba(20,58,52,.13)}
.b2c-v2-workbench>header,.b2c-v2-order-feed>header,.b2c-v2-products>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.b2c-v2-workbench h2{font-size:17px;margin:0}
.b2c-v2-workbench button{border:0;background:transparent;color:#607276;font-size:12px;cursor:pointer}
.b2c-v2-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.b2c-v2-stats article{min-height:98px;padding:12px;border:1px solid #e1e9e7;border-radius:6px;background:#fff}
.b2c-v2-stats span,.b2c-v2-stats small{display:block;color:#718184;font-size:12px}
.b2c-v2-stats strong{display:block;margin:6px 0 4px;color:#087156;font-size:31px;line-height:1}
.b2c-v2-stats .is-orange{color:#ed7a1b}.b2c-v2-stats .is-blue{color:#1e7dc3}
.b2c-v2-order-feed{border-top:1px solid #e3ece9;padding-top:14px}
.b2c-v2-order-feed h3{font-size:14px;margin:0}.b2c-v2-order-feed a{color:#687c7e;font-size:12px}
.b2c-v2-order-feed>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:9px;align-items:start;padding:12px 0;border-bottom:1px solid #edf2f1}
.b2c-v2-order-feed>div>span{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#0b8a6a}
.b2c-v2-order-feed p{margin:0;min-width:0}.b2c-v2-order-feed b,.b2c-v2-order-feed small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b2c-v2-order-feed b{font-size:12px}.b2c-v2-order-feed small{margin-top:3px;color:#758588;font-size:11px}
.b2c-v2-order-feed em{font-size:12px;color:#e77a1f;font-style:normal;white-space:nowrap}
.b2c-v2-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:0 5vw 30px;background:#f7fbfa}
.b2c-v2-feature-grid article{min-height:152px;padding:18px;border:1px solid #e1eae8;border-radius:8px;background:#fff;box-shadow:0 4px 14px rgba(20,50,45,.04)}
.b2c-v2-feature-grid article>span{display:block;color:#0a8869;font-size:12px;font-weight:900}.b2c-v2-feature-grid h3{margin:10px 0 6px;color:#172d35;font-size:17px}.b2c-v2-feature-grid p{min-height:34px;margin:0;color:#6a7a7d;font-size:13px}.b2c-v2-feature-grid button{margin-top:12px;border:0;background:transparent;color:#087156;font-weight:800;padding:0;cursor:pointer}
.b2c-v2-products{padding:34px 5vw;background:#fff}.b2c-v2-products h2{margin:4px 0 0;color:#172d35;font-size:27px}.b2c-v2-products>header>a{color:#587073;font-size:14px;font-weight:800}
.b2c-v2-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
.b2c-v2-product-grid article{display:flex;min-height:286px;flex-direction:column;border:1px solid #e1e9e7;border-radius:8px;background:#fff;overflow:hidden}
.b2c-v2-product-grid img{width:100%;height:160px;object-fit:contain;background:#fbfcfc}.b2c-v2-product-grid article>div{padding:13px 14px 16px}.b2c-v2-product-grid h3{margin:0;color:#1a2e33;font-size:17px}.b2c-v2-product-grid p{margin:4px 0 13px;color:#758386;font-size:12px}.b2c-v2-product-grid a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 14px;border-radius:4px;background:#075b45;color:#fff;font-size:13px;font-weight:800}
.b2c-v2-trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px 5vw;background:#f4f8f7;border-top:1px solid #e2ebe8}.b2c-v2-trust-strip span{color:#075b45;font-weight:900}.b2c-v2-trust-strip small{display:block;margin-top:3px;color:#758386;font-size:12px;font-weight:400}
@media (max-width:1180px){.b2c-header-v2{grid-template-columns:225px minmax(280px,1fr) auto}.b2c-utility-strip{display:none}.b2c-v2-hero{grid-template-columns:minmax(0,1fr) 280px}.b2c-v2-vehicle-stage{inset:0 300px 0 0}.b2c-v2-hero-copy h1{font-size:38px}.b2c-v2-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.b2c-header-v2{grid-template-columns:1fr auto;padding:11px 18px}.b2c-header-v2 nav{grid-column:1/-1;display:flex;overflow-x:auto;justify-content:flex-start;margin-top:8px}.b2c-header-v2 .site-nav-link{padding:10px 14px}.b2c-header-v2 .header-actions button:last-child{display:none}.b2c-v2-hero{display:block;padding:0;background:#f7fbfa}.b2c-v2-vehicle-stage{position:relative;inset:auto;height:220px;display:block;background:#f7fbfa url("../assets/website/b2c-auto-parts-hero-v2.png") center/cover no-repeat}.b2c-v2-vehicle-stage img{display:none}.b2c-v2-hero-copy{min-height:0;padding:28px 20px 22px}.b2c-v2-hero-copy h1{font-size:31px}.b2c-v2-search{height:auto;flex-wrap:wrap}.b2c-v2-search input{height:52px;flex-basis:100%;border:2px solid #087156;border-radius:7px}.b2c-v2-search button{height:46px;flex:1;margin-top:8px}.b2c-v2-search button:last-child{border:2px solid #087156;border-radius:6px}.b2c-v2-workbench{margin:0 14px 20px;padding:15px}.b2c-v2-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 22px}.b2c-v2-products{padding:28px 14px}.b2c-v2-product-grid{grid-template-columns:1fr 1fr;gap:10px}.b2c-v2-product-grid article{min-height:236px}.b2c-v2-product-grid img{height:112px}.b2c-v2-product-grid h3{font-size:15px}.b2c-v2-product-grid p{font-size:11px}.b2c-v2-trust-strip{grid-template-columns:1fr 1fr;padding:20px 14px}.b2c-v2-hot{font-size:12px}}
