/* Customer map (customers.html, 26 Oct 2026). No motion. */
.cm .sec-head{margin-bottom:18px}
.cm-stats{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 10px}
.cm-stats div{background:#fff;border:1px solid var(--bd,#D6DCE4);border-radius:12px;padding:12px 18px;box-shadow:var(--sh-sm);display:flex;align-items:baseline;gap:10px}
.cm-stats b{font-family:var(--head);font-size:28px;line-height:1;color:#1F6FEB}
.cm-stats div:nth-child(2) b{color:#0F8A45}.cm-stats div:nth-child(3) b{color:#E8761B}
.cm-stats span{font-size:13.5px;font-weight:600;color:#3A4048}
.cm-count{margin:0 0 22px;color:#3A4048;font-size:15.5px}
.cm-card{margin:0;background:#fff;border:1px solid var(--bd,#D6DCE4);border-radius:14px;box-shadow:var(--sh);overflow:hidden}
.cm-map svg{display:block;width:100%;height:auto}
.cm-legend{display:flex;flex-wrap:wrap;gap:8px 20px;padding:14px 20px;border-bottom:1px solid #E6EAEF;font-size:13px;color:#3A4048;font-weight:500}
.cm-legend span{display:inline-flex;align-items:center;gap:8px}
.cm-legend i{display:inline-block;width:12px;height:12px;border-radius:50%}
.k-hub{background:#E8761B;box-shadow:0 0 0 3px rgba(232,118,27,.2)}
.k-city{background:#1F6FEB;box-shadow:0 0 0 3px rgba(31,111,235,.16)}
.k-tbc{border:1.8px dashed #1F6FEB;background:#fff}
.k-ctry{border-radius:3px!important;background:#CFE0FB;width:16px!important}
.cm figcaption{padding:12px 20px;font-size:13px;color:#6B717A;border-top:1px solid #E6EAEF}
.cm-pair{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-top:22px;align-items:start}
.cm-card-h{padding:16px 20px 12px;border-bottom:1px solid #E6EAEF}
.cm-card-h h3{margin:4px 0 2px;font-size:20px}
.cm-card-h p{margin:0;font-size:13.5px;color:#6B717A}
/* svg */
.cm-sea{fill:#F7F9FB}.cm-land{fill:#E4E7EB;stroke:#fff;stroke-width:.7;stroke-linejoin:round}
.cm-served{fill:#CFE0FB;stroke:#fff;stroke-width:.7;stroke-linejoin:round}.cm-india{fill:#FBDCC2;stroke:#fff;stroke-width:.7}
.cm-grat{fill:none;stroke:#E3E8EE;stroke-width:.7;stroke-dasharray:2 4}
.cm-arcs path{fill:none;stroke:#1F6FEB;stroke-width:1.5;stroke-linecap:round;stroke-opacity:.55}
.cm-arcs path.tbc{stroke-dasharray:4 4}
.cm-eubox{fill:none;stroke:#1F6FEB;stroke-width:1.2;stroke-dasharray:4 3}
.cm-mh .cm-land{stroke:none}.cm-mh-state{fill:#FBDCC2;stroke:#E8761B;stroke-opacity:.55;stroke-width:1.2}.cm-states{fill:none;stroke:#fff;stroke-width:1.2}
.cm-svg text{font-family:Inter,system-ui,sans-serif;pointer-events:none}
.cm-svg .lbl{font-size:12.5px;font-weight:600;fill:#23272C;paint-order:stroke;stroke:#fff;stroke-width:3.5px;stroke-linejoin:round}
.cm-svg .sub{font-size:10.5px;font-weight:500;fill:#5F656E;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.cm-svg .hub{font-size:13.5px;font-weight:700;fill:#B4530A;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.cm-svg .sea{font-size:11px;font-style:italic;fill:#A5ABB3;letter-spacing:.12em}
.cm-svg .sea.st{fill:#C98A5A;font-size:13px;font-weight:600;font-style:normal;letter-spacing:.2em}
.cm-svg .num{font-size:10px;font-weight:700;fill:#fff}
.cm-svg .grp{font-size:12px;font-weight:700;fill:#1F6FEB;letter-spacing:.06em;paint-order:stroke;stroke:#fff;stroke-width:3.5px}
.cm-svg .g-short{display:none}
.cm-pin{cursor:pointer;outline:none}
.cm-pin .hit{fill:transparent}
.cm-pin .dot{stroke:#fff;stroke-width:1.6}
.cm-pin.c-b .dot{fill:#1F6FEB}.cm-pin.c-b .halo{fill:#1F6FEB;fill-opacity:.16}
.cm-pin.c-g .dot{fill:#0F8A45}.cm-pin.c-g .halo{fill:#0F8A45;fill-opacity:.16}
.cm-pin.c-o .dot{fill:#E8761B;stroke-width:2}.cm-pin.c-o .halo{fill:#E8761B;fill-opacity:.14}.cm-pin.c-o .ring{fill:none;stroke:#E8761B;stroke-opacity:.45;stroke-width:1.2}
.cm-pin.tbc .dot{fill:#fff;stroke:#1F6FEB;stroke-width:1.8;stroke-dasharray:2.4 1.8}
.cm-pin.tbc .num{fill:#1F6FEB}
.cm-eu .cm-pin.tbc .dot{stroke-dasharray:3 2}
.cm-mh .lbl{font-size:20px;stroke-width:5px}.cm-mh .sub{font-size:15px;stroke-width:4px}.cm-mh .hub{font-size:21px;stroke-width:5px}.cm-mh .sea{font-size:15px}
/* active / focus highlight */
.cm-pin:hover .dot,.cm-pin:focus-visible .dot,.cm-pin.is-on .dot{stroke:#121417;stroke-width:2.4}
.cm-pin.is-on .halo,.cm-pin:focus-visible .halo{fill-opacity:.32}
.cm-pin:focus-visible .hit{stroke:#121417;stroke-width:1.5;stroke-dasharray:3 2}
.cm-world.has-on .cm-arcs path{stroke-opacity:.2}
.cm-world.has-on .cm-arcs path.is-on,.cm-world .cm-arcs path.is-on{stroke-opacity:1;stroke-width:2.8}
/* customer card */
.cm{position:relative}
.cm-pop{position:absolute;z-index:30;width:320px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #D6DCE4;border-radius:14px;box-shadow:0 2px 4px rgba(16,24,40,.08),0 14px 32px -6px rgba(16,24,40,.24);padding:14px 16px 12px;color:#121417;max-height:calc(100vh - 100px);overflow:auto}
.cm-pop[hidden]{display:none}
.cm-x{position:absolute;top:6px;right:6px;width:32px;height:32px;border:0;background:transparent;border-radius:8px;font-size:22px;line-height:1;color:#5F656E;cursor:pointer}
.cm-x:hover,.cm-x:focus-visible{background:#F1F3F6;color:#121417}
.cm-pop-place{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5F656E;margin:0 34px 8px 0;line-height:1.35}
.cm-pop-place em{display:block;font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;color:#B4530A;margin-top:2px;font-size:12.5px}
.cm-pop ul{list-style:none;margin:0;padding:0}
.cm-pop li{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #E6EAEF}
.cm-pop li:first-child{border-top:0;padding-top:2px}
.cm-pop .lg{width:84px;height:46px;border:1px solid #E6EAEF;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;padding:4px}
.cm-pop .lg img{max-width:100%;max-height:100%;object-fit:contain;filter:none!important;opacity:1!important}
.cm-pop .lg b{font-family:var(--head);font-size:15px;color:#1F6FEB;letter-spacing:.02em}
.cm-pop h4{margin:0;font-size:15.5px;line-height:1.25}
.cm-pop .loc{font-size:12.5px;color:#5F656E;margin:1px 0 3px}
.cm-pop .br{font-size:13.5px;color:#3A4048;margin:2px 0 0;line-height:1.4}
.cm-pop .tb{font-size:12px;color:#5F656E;font-style:italic;margin-top:3px}
@media (max-width:900px){.cm-pair{grid-template-columns:1fr}}
@media (max-width:560px){
 .cm-stats{gap:8px}.cm-stats div{flex:1 1 0;flex-direction:column;gap:4px;padding:10px 12px;min-width:0}
 .cm-stats b{font-size:24px}.cm-stats span{font-size:12px}
 .cm-legend{padding:12px 14px;gap:6px 14px;font-size:12px}
 .cm figcaption{padding:10px 14px;font-size:12px}
 .cm-card-h{padding:14px 14px 10px}
 .cm-world .sub,.cm-world .sea,.cm-world .g-long{display:none}
 .cm-world .g-short{display:inline;font-size:30px;stroke-width:6px}
 .cm-world .lbl{font-size:30px;stroke-width:7px}
 .cm-world .hub{font-size:32px;stroke-width:7px}
 .cm-world .cm-pin .dot{stroke-width:2.4}
 .cm-eu .sub,.cm-mh .sub,.cm-eu .sea{display:none}
 .cm-eu .lbl{font-size:19px;stroke-width:5px}
 .cm-mh .lbl{font-size:24px;stroke-width:6px}.cm-mh .hub{font-size:26px;stroke-width:6px}
 .cm-mh .sea{font-size:18px}
 .cm-pop{width:calc(100vw - 24px);padding:12px 14px 10px}
 .cm-pop li{grid-template-columns:56px 1fr;gap:10px}.cm-pop .lg{width:56px;height:36px}
}
