/* exportersinchina.com — theme on top of Bootstrap 5.3. Type: system font stack (Segoe UI / SF / Roboto / PingFang), 400/500/700, sentence case. No webfonts are downloaded. Colours: navy #082f4f, orange #ed7923, maroon #7b2634. */
:root{--eic-font-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;--eic-font-heading:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;--eic-navy:#082f4f;--eic-navy-dark:#041d33;--eic-navy-900:#041d33;--eic-navy-mid:#0e4b73;--eic-orange:#ed7923;--eic-orange-hover:#cc5c10;--eic-orange-dark:#b15b1a;--eic-maroon:#7b2634;--eic-ink:#15283a;--eic-muted:#647482;--eic-bg:#f4f7f9;--eic-line:#dce4ea;
 --bs-primary:#082f4f;--bs-primary-rgb:8,47,79;--bs-link-color:#082f4f;--bs-link-color-rgb:8,47,79;--bs-link-hover-color:#0e4b73;--bs-body-color:#15283a;--bs-body-bg:#f4f7f9;--bs-border-color:#dce4ea;--bs-body-font-family:var(--eic-font-body);--bs-border-radius:8px}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{overflow-x:clip;min-width:320px;font-family:var(--bs-body-font-family);background:var(--eic-bg);color:var(--eic-ink);font-weight:400;-webkit-font-smoothing:antialiased}
.min-w-0{min-width:0!important}.flex-fill-min{flex:1 1 0;min-width:0}
strong,b,.fw-semibold{font-weight:700!important}.fw-bold{font-weight:700!important}.small,small{font-weight:400}.text-muted{color:var(--eic-muted)!important}
img,svg,video{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.font-heading{font-family:var(--eic-font-heading);font-weight:700;letter-spacing:-.02em;color:var(--eic-navy)}
h1,.h1{letter-spacing:-.04em;line-height:1.05}h2,.h2{letter-spacing:-.03em}
/* Sentence case everywhere; UPPERCASE only for eyebrows (.h6) and the brand lockup */
h1.text-uppercase,h2.text-uppercase,h3.text-uppercase,.h1.text-uppercase,.h2.text-uppercase,.h3.text-uppercase,.h4.text-uppercase,.h5.text-uppercase{text-transform:none!important}
.h6.text-uppercase,h6.text-uppercase{font-size:.68rem;font-weight:700;letter-spacing:.16em;color:var(--eic-orange-dark)!important}
.eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--eic-orange-dark)}.text-maroon{color:var(--eic-maroon)!important}
.form-label{font-size:.78rem;font-weight:700;color:var(--eic-ink)}
.text-navy{color:var(--eic-navy)!important}.text-orange{color:var(--eic-orange-dark)!important}
.bg-navy{background:var(--eic-navy)!important;color:#fff}.bg-navy-dark{background:var(--eic-navy-dark)!important;color:#fff}.bg-orange{background:var(--eic-orange)!important;color:#fff}
.btn-primary{--bs-btn-bg:var(--eic-navy);--bs-btn-border-color:var(--eic-navy);--bs-btn-hover-bg:var(--eic-navy-mid);--bs-btn-hover-border-color:var(--eic-navy-mid);--bs-btn-active-bg:var(--eic-navy-dark);--bs-btn-active-border-color:var(--eic-navy-dark);--bs-btn-disabled-bg:var(--eic-navy);--bs-btn-disabled-border-color:var(--eic-navy)}
.btn-orange{--bs-btn-color:#fff;--bs-btn-bg:var(--eic-orange);--bs-btn-border-color:var(--eic-orange);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--eic-orange-hover);--bs-btn-hover-border-color:var(--eic-orange-hover);--bs-btn-active-color:#fff;--bs-btn-active-bg:var(--eic-orange-dark);--bs-btn-active-border-color:var(--eic-orange-dark);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:var(--eic-orange);--bs-btn-disabled-border-color:var(--eic-orange)}
.btn-outline-primary{--bs-btn-color:var(--eic-navy);--bs-btn-border-color:var(--eic-navy);--bs-btn-hover-bg:var(--eic-navy);--bs-btn-hover-border-color:var(--eic-navy);--bs-btn-active-bg:var(--eic-navy-mid);--bs-btn-active-border-color:var(--eic-navy-mid)}
.btn,.form-control,.form-select,.card,.badge,.alert,.list-group-item,.dropdown-menu,.modal-content,.offcanvas{border-radius:var(--bs-border-radius)}
.btn{font-family:var(--eic-font-body);font-weight:700;letter-spacing:.03em;font-size:.83rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}
.btn-sm{min-height:34px;font-size:.76rem}.btn-lg{min-height:52px;font-size:.95rem}
.form-control,.form-select{min-height:44px;border-color:var(--eic-line);background:#fff}.form-control:focus,.form-select:focus{border-color:var(--eic-navy);box-shadow:0 0 0 .2rem rgba(8,47,79,.15)}
.form-check-input:checked{background-color:var(--eic-orange);border-color:var(--eic-orange)}.form-check-input{width:1.1em;height:1.1em;margin-top:.2em}
a{text-decoration:none}a:hover{text-decoration:underline}
.badge{font-family:var(--eic-font-body);font-weight:700;letter-spacing:.04em;border-radius:99px}
.badge-cert{background:#eef3f7;color:var(--eic-navy);border:1px solid #d3dee8;font-size:.7rem;font-weight:700;padding:.25em .6em}
.badge-us{background:#fff1e8;color:#8a3808;border:1px solid #ffdcc4}
.card{border:1px solid var(--eic-line);background:#fff}
.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:2px solid var(--eic-orange);padding-bottom:.4rem;margin:2rem 0 1rem}
.section-title h2{margin:0;font-size:clamp(1.3rem,2.4vw,1.75rem);color:var(--eic-navy)}
/* top bar + header */
.topbar{background:var(--eic-navy-dark);color:#dfe6f3;font-size:.78rem}.topbar a{color:#ffbb8e}
.site-header{background:#fff;border-bottom:1px solid var(--eic-line)}
.brand{font-family:var(--eic-font-heading);font-weight:700;font-size:.9rem;letter-spacing:.075em;line-height:1;text-transform:uppercase;color:var(--eic-navy);white-space:nowrap}.brand span{color:var(--eic-orange)}
.brand small{display:block;font-family:var(--eic-font-body);font-weight:700;font-size:.62rem;letter-spacing:.14em;color:var(--eic-muted);margin-top:3px}
.search-box{display:flex;border:2px solid var(--eic-navy);background:#fff}.search-box .form-select{border:0;border-right:1px solid var(--eic-line);background-color:#eef1f7;max-width:120px;min-height:42px;border-radius:0}
.search-box .form-control{border:0;min-height:42px;border-radius:0}.search-box .form-control:focus{box-shadow:none}.search-box .btn{border-radius:0;min-height:42px;border:0}
.catnav{display:flex;gap:1.4rem;overflow-x:auto;scrollbar-width:none;font-size:.8rem;font-weight:700;white-space:nowrap;-webkit-overflow-scrolling:touch}.catnav::-webkit-scrollbar{display:none}
.catnav a{color:var(--eic-ink);padding:.6rem 0;border-bottom:2px solid transparent}.catnav a.active,.catnav a:hover{color:var(--eic-navy);border-bottom-color:var(--eic-orange);text-decoration:none}
/* sidebar */
.sidebar{background:#fff;border:1px solid var(--eic-line);font-size:.85rem}
.sidebar-head{background:var(--eic-navy);color:#fff;font-family:var(--eic-font-heading);font-weight:700;font-size:.87rem;letter-spacing:-.01em;padding:.55rem .9rem;display:flex;justify-content:space-between;align-items:center}
.sidebar-head.orange{background:var(--eic-orange)}
.sidebar-group{padding:.7rem .9rem;border-bottom:1px solid var(--eic-line)}.sidebar-group h6{font-family:var(--eic-font-body);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--eic-orange-dark);font-weight:700;margin-bottom:.5rem}
.sidebar .form-check{margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem;min-height:28px}.sidebar .form-check-label{flex:1;display:flex;justify-content:space-between;cursor:pointer}.sidebar .form-check-label .count{color:#7a8599}
.cat-list a{display:flex;justify-content:space-between;padding:.45rem .9rem;color:#13203d;border-bottom:1px solid var(--eic-line)}.cat-list a:hover{background:#eef2fa;color:var(--eic-navy);text-decoration:none}
/* category flyout (home sidebar) */
.cat-menu{position:relative}.cat-item{position:relative}.cat-fly{display:none;position:absolute;left:100%;top:0;width:min(860px,calc(100vw - 340px));max-height:min(640px,calc(100vh - 24px));background:#fff;border:1px solid var(--eic-line);box-shadow:4px 6px 18px rgba(13,31,69,.14);z-index:40;padding:1rem 1.25rem;overflow:auto}.cat-item:hover>.cat-fly,.cat-item:focus-within>.cat-fly{display:block}.cat-fly.flip-up{top:auto;bottom:0}.cat-item:hover>a{background:#eef2fa;color:var(--eic-navy)}
.cat-fly-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:2px solid var(--eic-orange);padding-bottom:.4rem;margin-bottom:.8rem}.cat-fly-head>a{font-family:var(--eic-font-heading);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--eic-navy)}
.cat-fly-cols{columns:3 200px;column-gap:1.5rem}.cat-fly-group{break-inside:avoid;margin-bottom:.9rem}.cat-fly-group>a{display:block;color:var(--eic-navy);font-size:.86rem;padding:0;border:0}.cat-fly-group>a:hover{background:none;text-decoration:underline}.cat-fly-sub{display:flex;flex-direction:column;gap:.1rem;margin-top:.2rem}.cat-fly-sub a{display:block;font-size:.8rem;color:#5d6b85;padding:.1rem 0;border:0}.cat-fly-sub a:hover{background:none;color:var(--eic-orange);text-decoration:none}
/* sourcing-need classifieds */
.rfq-card{transition:box-shadow .15s}.rfq-card:hover{box-shadow:0 3px 10px rgba(13,31,69,.12)}.rfq-card h2 a{color:var(--eic-navy)}.rfq-facts strong{font-weight:600}
details.cat-l2>summary{list-style:none;cursor:pointer;padding:.15rem 0}details.cat-l2>summary::-webkit-details-marker{display:none}details.cat-l2[open]>summary span{color:var(--eic-orange)!important}
/* clickable listing cards */
.card-link{cursor:pointer}tr.card-link:hover td{background:#eef2fa}.card-link:focus-visible{outline:2px solid var(--eic-orange);outline-offset:2px}.card-link .title:hover{text-decoration:underline}
/* product card */
.product-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--eic-line);transition:box-shadow .15s}.product-card:hover{box-shadow:0 3px 10px rgba(13,31,69,.12)}
.product-card .thumb{aspect-ratio:1;background:#eef1f7;position:relative;overflow:hidden}.product-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.product-card .ribbon{position:absolute;left:0;top:10px;background:var(--eic-orange);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px}
.product-card .body{padding:.7rem .75rem .8rem;display:flex;flex-direction:column;gap:.3rem;flex:1}
.product-card .title{font-size:.88rem;font-weight:700;line-height:1.3;color:var(--eic-navy);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em}
.product-card .price{font-family:var(--eic-font-heading);font-weight:700;font-size:1.1rem;letter-spacing:-.03em;color:var(--eic-navy)}.product-card .meta{font-size:.74rem;font-weight:500;color:var(--eic-muted)}
.product-card .supplier{font-size:.74rem;color:#5d6b85;border-top:1px solid var(--eic-line);padding-top:.45rem;margin-top:auto;display:flex;justify-content:space-between;gap:.5rem}.product-card .supplier .v{color:var(--eic-maroon);font-weight:700;white-space:nowrap}
.product-card .btn{min-height:36px;font-size:.8rem}
/* hero */
.hero{background:var(--eic-navy-dark);color:#fff;position:relative;overflow:hidden}.hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1;letter-spacing:-.06em;color:#fff}.hero h1 .accent{color:var(--eic-orange);font-style:normal;display:block}
.hero .deco{position:absolute;border:1px solid rgba(255,255,255,.12);width:320px;height:320px;right:-60px;top:-60px;transform:rotate(12deg);pointer-events:none}
.stat{font-family:var(--eic-font-heading);font-weight:700;font-size:2.02rem;letter-spacing:-.04em;color:var(--eic-navy);line-height:1}.stat-label{font-size:.75rem;font-weight:500;color:var(--eic-muted)}
.tile{display:block;background:#fff;border:1px solid var(--eic-line);padding:.9rem;color:#13203d;height:100%}.tile:hover{border-color:var(--eic-navy);text-decoration:none}.tile .ic{width:38px;height:38px;background:#eef2fa;color:var(--eic-navy);display:grid;place-items:center}
/* tables */
.table{font-size:.88rem}.table thead th{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--eic-muted);font-weight:700;border-bottom:1px solid var(--eic-line);white-space:nowrap}
/* footer */
.site-footer{background:var(--eic-navy-dark);color:rgba(255,255,255,.68);font-size:.78rem}.site-footer a{color:rgba(255,255,255,.68)}.site-footer a:hover{color:#fff}.site-footer h6{color:#fff;font-family:var(--eic-font-body);font-weight:700;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}
/* mobile sticky enquiry bar */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:1030;background:#fff;border-top:1px solid var(--eic-line);padding:.5rem .75rem;display:flex;gap:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}
@media (min-width:992px){.sticky-cta{display:none}}
body.has-sticky-cta{padding-bottom:70px}@media (min-width:992px){body.has-sticky-cta{padding-bottom:0}}
/* gallery */
.gallery-main{aspect-ratio:1;background:#eef1f7;border:1px solid var(--eic-line);overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:contain}
.gallery-thumbs{display:flex;gap:.4rem;overflow-x:auto;padding-top:.4rem}.gallery-thumbs img{width:64px;height:64px;object-fit:cover;border:2px solid transparent;cursor:pointer;flex:none}.gallery-thumbs img.active{border-color:var(--eic-orange)}
.spec-table td:first-child{color:#5d6b85;width:40%}
/* dashboard */
.dash{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}@media (max-width:991.98px){.dash{grid-template-columns:minmax(0,1fr)}}
.dash-side{background:var(--eic-navy-dark);color:#dfe6f3}.dash-side .nav-link{color:#dfe6f3;padding:.6rem 1rem;display:flex;gap:.6rem;align-items:center;font-size:.9rem;border-left:3px solid transparent}.dash-side .nav-link:hover,.dash-side .nav-link.active{background:rgba(255,255,255,.07);color:#fff;border-left-color:var(--eic-orange)}
.dash-side .nav-section{font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8fb0c9;padding:1rem 1rem .3rem}
.dash-top{background:#fff;border-bottom:1px solid var(--eic-line);min-height:56px}
.kpi{background:#fff;border:1px solid var(--eic-line);padding:.9rem 1rem}.kpi .v{font-family:var(--eic-font-heading);font-weight:700;font-size:1.8rem;letter-spacing:-.04em;color:var(--eic-navy);line-height:1}.kpi .l{font-size:.75rem;color:#5d6b85;margin-top:.25rem}
.impersonation-bar{background:var(--eic-orange);color:#fff;font-size:.85rem;padding:.4rem .75rem;position:sticky;top:0;z-index:1040;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.pipeline{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.pipeline .col-stage{background:#eef1f7;border:1px solid var(--eic-line);padding:.5rem;min-height:200px}.lead-card{background:#fff;border:1px solid var(--eic-line);padding:.6rem;margin-bottom:.5rem;cursor:grab;font-size:.85rem}
.chat-msgs{height:min(60vh,520px);overflow-y:auto;background:#fff;border:1px solid var(--eic-line);padding:.75rem}.msg{max-width:80%;padding:.5rem .7rem;margin-bottom:.5rem;border-radius:4px;font-size:.9rem}.msg.me{margin-left:auto;background:var(--eic-navy);color:#fff}.msg.them{background:#eef1f7}.msg.flagged{border:1px solid var(--eic-orange)}.msg .t{font-size:.68rem;opacity:.7;margin-top:.2rem}
.skel{background:linear-gradient(90deg,#eef1f7 25%,#f6f7fa 50%,#eef1f7 75%);background-size:200% 100%;animation:skel 1.2s infinite}@keyframes skel{to{background-position:-200% 0}}
.dropzone{border:2px dashed var(--eic-line);padding:1.5rem;text-align:center;background:#fff;cursor:pointer}.dropzone.drag{border-color:var(--eic-orange);background:#fff8f3}
.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.img-grid .it{position:relative;aspect-ratio:1;border:1px solid var(--eic-line);background:#eef1f7}.img-grid img{width:100%;height:100%;object-fit:cover}.img-grid .rm{position:absolute;top:2px;right:2px}
.toast-container{z-index:1080}
@media (max-width:575.98px){.section-title{margin-top:1.5rem}.hero h1{font-size:2.4rem}}
@media print{.topbar,.site-header,.site-footer,.sticky-cta,.btn{display:none!important}}

/* Cookie banner */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:1080;background:var(--eic-navy-dark);color:#fff;box-shadow:0 -4px 20px rgba(0,0,0,.25)}
.cookie-banner a{color:#fff;text-decoration:underline}
body.has-sticky-cta .cookie-banner{bottom:64px}
/* AI assistant */
.ai-wrap{position:relative}
.ai-wrap>textarea,.ai-wrap>input{padding-right:2.4rem}
.ai-btn{position:absolute;top:.35rem;right:.35rem;width:1.7rem;height:1.7rem;border:0;border-radius:4px;background:#fff3ea;color:var(--eic-orange);font-size:.95rem;line-height:1;cursor:pointer;opacity:.75;transition:opacity .15s}
.ai-wrap:hover .ai-btn,.ai-btn:focus{opacity:1}
.ai-wrap>.form-control-sm+.ai-btn{top:.15rem;width:1.5rem;height:1.5rem;font-size:.85rem}
.ai-pop{position:absolute;z-index:1090;background:#fff;border:1px solid var(--eic-line);border-radius:6px;padding:.75rem;font-size:.875rem}
.ai-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:var(--eic-navy);font-weight:600}
.ai-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}
.ai-custom{display:flex;gap:.35rem}
.ai-result{margin-top:.6rem;border-top:1px solid var(--eic-line);padding-top:.6rem}
.ai-text{white-space:pre-wrap;max-height:260px;overflow:auto;background:#f8f9fc;border:1px solid var(--eic-line);border-radius:4px;padding:.5rem;margin-bottom:.5rem}
.ai-foot{display:flex;gap:.35rem;flex-wrap:wrap}

/* Header dropdown + mega menu (Navigation builder) */
.catnav .catnav-dd{display:inline-flex;position:relative}.catnav .catnav-dd>a.dropdown-toggle::after{margin-left:.3em}
.catnav .dropdown-menu{border-radius:0 0 4px 4px;border-color:var(--eic-line);box-shadow:0 10px 24px rgba(13,31,69,.14);font-size:.9rem;margin-top:0}
.catnav .dropdown-item{color:#13203d;padding:.45rem 1rem}.catnav .dropdown-item:hover{background:var(--eic-navy-50,#eef2f9);color:var(--eic-navy)}
.catnav .catnav-mega{position:static}.catnav .dropdown-menu.mega{left:0;right:0;width:100%;padding:1rem 0}
.catnav .mega-head{display:block;font-family:var(--eic-font-heading);font-weight:700;letter-spacing:-.01em;color:var(--eic-navy);padding:.25rem 1rem .4rem;text-decoration:none}
.catnav .mega .dropdown-item{padding:.3rem 1rem}
@media (max-width:991.98px){.catnav .dropdown-menu.mega{position:absolute}.catnav .dropdown-menu.mega .row{flex-direction:column}.catnav .dropdown-menu.mega [class*=col-]{width:100%}}
/* Menu builder (admin) */
.menu-tree .menu-tree{margin-left:1.75rem;border-left:2px dashed var(--eic-line);padding-left:.5rem}
.menu-item{margin:.25rem 0}.menu-item.dragging{opacity:.4}
.menu-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;background:#fff;border:1px solid var(--eic-line);border-radius:4px;padding:.4rem .5rem}
.menu-row .grip{cursor:grab;color:#9aa5bb;padding:0 .25rem}.menu-row .mi-label{flex:1 1 160px}.menu-row .mi-url{flex:2 1 220px}
.nest-zone{display:none;margin:.15rem 0 .15rem 2rem;padding:.2rem .5rem;border:1px dashed transparent;border-radius:4px}
#menu-root:has(.dragging) .nest-zone{display:block;border-color:var(--eic-line)}.nest-zone.over{border-color:var(--eic-orange);background:#fff3ea;color:var(--eic-orange)}
.lazy-pending{opacity:0;transition:opacity .25s}img[loading=lazy]{transition:opacity .25s}