/* ============================================================
   EV Nexo Mart OEM Demo  v2.1.0
   Full rebuild — compact hero, centered nav, green matrix,
   smart shipping flowchart, responsive phone/tablet/desktop
   ============================================================ */

/* ── Tokens ──────────────────────────────────────────────── */
.evnm-demo {
  --evnm-accent:  #00c896;
  --evnm-a-dim:   rgba(0,200,150,.12);
  --evnm-a-glow:  rgba(0,200,150,.28);
  --evnm-bg:      #0b0f1a;
  --evnm-bg2:     #111827;
  --evnm-card:    rgba(255,255,255,.055);
  --evnm-bdr:     rgba(255,255,255,.09);
  --evnm-txt:     #e2e8f0;
  --evnm-muted:   #94a3b8;
  --evnm-head:    #ffffff;
  --evnm-ok:      #22c55e;
  --evnm-bad:     #ef4444;
  --evnm-warn:    #f59e0b;
  --evnm-info:    #3b82f6;
  --evnm-radius:  14px;
  --evnm-r-sm:    8px;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--evnm-txt);
  background: var(--evnm-bg);
  border-radius: var(--evnm-radius);
  overflow: hidden;
  width: 100%;
  display: block;
}

/* Reset */
.evnm-demo *, .evnm-demo *::before, .evnm-demo *::after { box-sizing:border-box; }
.evnm-demo h1,.evnm-demo h2,.evnm-demo h3,.evnm-demo h4 { margin:0; line-height:1.3; color:var(--evnm-head); }
.evnm-demo p  { margin:0; }
.evnm-demo ul,.evnm-demo ol { margin:0; padding:0; list-style:none; }
.evnm-demo a  { color:var(--evnm-accent); text-decoration:none; }
.evnm-demo button { font-family:inherit; }

/* ── Nav — always centered ─────────────────────────────────── */
@keyframes evnm-pulse {
  0%,100% { opacity:1; transform:scale(1); }
  50%      { opacity:.4; transform:scale(1.5); }
}
.evnm-nav {
  background: rgba(7,12,24,.94);
  border-bottom: 1px solid var(--evnm-bdr);
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.evnm-nav-inner {
  display: flex;
  justify-content: center;
  align-items: stretch;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.evnm-nav-inner::-webkit-scrollbar { display:none; }

.evnm-nav-btn {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 11px 18px;
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  color: var(--evnm-muted);
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: all .18s;
  line-height: 1.2;
}
.evnm-nav-btn:hover  { color:var(--evnm-txt); background:rgba(255,255,255,.03); }
.evnm-nav-btn.is-active { color:var(--evnm-accent); border-bottom-color:var(--evnm-accent); background:rgba(0,200,150,.05); }
.evnm-nav-icon  { font-size:16px; }
.evnm-nav-label { font-size:10px; }

/* ── Section body ──────────────────────────────────────────── */
.evnm-body { min-height:400px; }

.evnm-sec {
  display: none;
  padding: 28px 24px;
  max-width: 1060px;
  margin: 0 auto;
  animation: evnm-in .25s ease;
}
.evnm-sec.is-active { display:block; }
@keyframes evnm-in { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:none} }

.evnm-sec-head { margin-bottom: 20px; }
.evnm-sec-num  { display:inline-block; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--evnm-accent); background:var(--evnm-a-dim); border-radius:100px; padding:3px 11px; margin-bottom:8px; }
.evnm-sec-title { font-size: clamp(17px, 2.5vw, 24px); font-weight:700; margin-bottom:7px; }
.evnm-sec-desc  { font-size:13px; color:var(--evnm-muted); line-height:1.65; max-width:660px; }

.evnm-sec-foot {
  display:flex; gap:10px; justify-content:flex-end;
  margin-top:28px; padding-top:18px;
  border-top:1px solid var(--evnm-bdr);
}

/* ── Buttons ───────────────────────────────────────────────── */
.evnm-btn {
  display:inline-flex; align-items:center; gap:6px;
  padding:9px 18px; border-radius:var(--evnm-r-sm);
  font-size:13px; font-weight:600;
  cursor:pointer; border:none;
  transition:all .18s; white-space:nowrap; font-family:inherit;
}
.evnm-btn:disabled { opacity:.5; cursor:not-allowed; }
.evnm-btn-primary { background:var(--evnm-accent); color:#000; }
.evnm-btn-primary:hover:not(:disabled) { background:#00dfa8; transform:translateY(-1px); }
.evnm-btn-ghost   { background:transparent; color:var(--evnm-muted); border:1px solid var(--evnm-bdr); }
.evnm-btn-ghost:hover:not(:disabled)   { border-color:var(--evnm-accent); color:var(--evnm-accent); }
.evnm-btn-success { background:var(--evnm-ok);   color:#fff; }
.evnm-btn-danger  { background:var(--evnm-bad);  color:#fff; }
.evnm-btn-warn    { background:var(--evnm-warn); color:#000; }
.evnm-btn-sm   { padding:6px 13px; font-size:12px; }
.evnm-btn-xs   { padding:3px 8px;  font-size:11px; }
.evnm-btn-full { width:100%; justify-content:center; }
.evnm-btn-next { background:var(--evnm-accent); color:#000; padding:10px 26px; font-size:13px; font-weight:700; }
.evnm-btn-next:hover { background:#00dfa8; transform:translateY(-1px); }
.evnm-btn-back { background:transparent; color:var(--evnm-muted); border:1px solid var(--evnm-bdr); padding:10px 18px; font-size:12px; }
.evnm-btn-back:hover { color:var(--evnm-txt); border-color:var(--evnm-txt); }
.evnm-btn-row { display:flex; gap:7px; flex-wrap:wrap; }

/* ── Common UI ─────────────────────────────────────────────── */
.evnm-card { background:var(--evnm-card); border:1px solid var(--evnm-bdr); border-radius:var(--evnm-radius); padding:18px; }
.evnm-2col { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.evnm-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.evnm-col-title { font-size:13px; font-weight:700; color:var(--evnm-head); padding-bottom:7px; border-bottom:1px solid var(--evnm-bdr); margin-bottom:12px; }
.evnm-field { display:flex; flex-direction:column; gap:4px; }
.evnm-field-full { grid-column:1/-1; }
.evnm-lbl { font-size:11px; font-weight:600; color:var(--evnm-muted); }
.evnm-opt  { font-size:10px; opacity:.6; font-weight:400; }
.evnm-inp {
  width:100%; background:rgba(255,255,255,.06); border:1px solid var(--evnm-bdr);
  border-radius:var(--evnm-r-sm); color:var(--evnm-txt); font-size:12px;
  padding:8px 11px; outline:none; transition:border-color .18s; font-family:inherit; appearance:none;
}
.evnm-inp:focus { border-color:var(--evnm-accent); }
.evnm-inp-sm { padding:5px 8px; font-size:11px; }
.evnm-ta { resize:vertical; min-height:72px; }
.evnm-tip { background:rgba(245,158,11,.07); border:1px solid rgba(245,158,11,.2); border-radius:var(--evnm-r-sm); padding:8px 13px; font-size:12px; color:#fcd34d; margin-bottom:18px; }
.evnm-callout { background:rgba(59,130,246,.07); border:1px solid rgba(59,130,246,.2); border-radius:var(--evnm-r-sm); padding:12px 15px; font-size:12px; color:#93c5fd; margin-top:18px; line-height:1.6; }
.evnm-pills { display:flex; flex-wrap:wrap; gap:6px; }
.evnm-pill  { background:var(--evnm-a-dim); border:1px solid var(--evnm-a-glow); color:var(--evnm-accent); border-radius:100px; padding:3px 11px; font-size:11px; font-weight:500; }
.evnm-badge { display:inline-flex; align-items:center; padding:2px 8px; border-radius:100px; font-size:10px; font-weight:600; }
.evnm-badge-ok   { background:rgba(34,197,94,.12); color:var(--evnm-ok); }
.evnm-badge-bad  { background:rgba(239,68,68,.12); color:var(--evnm-bad); }
.evnm-badge-warn { background:rgba(245,158,11,.12); color:var(--evnm-warn); }

.evnm-empty-state { text-align:center; padding:28px 16px; color:var(--evnm-muted); display:flex; flex-direction:column; align-items:center; gap:10px; }
.evnm-empty-state p { font-size:12px; line-height:1.6; }
.evnm-notif-badge { background:rgba(245,158,11,.1); border:1px solid rgba(245,158,11,.25); color:var(--evnm-warn); border-radius:100px; padding:4px 12px; font-size:11px; font-weight:600; display:inline-block; margin-bottom:10px; }
.evnm-summary-rows { display:flex; flex-direction:column; gap:5px; }
.evnm-srow { display:flex; justify-content:space-between; align-items:center; font-size:11px; padding:4px 0; border-bottom:1px solid rgba(255,255,255,.05); }
.evnm-srow:last-child { border-bottom:none; }
.evnm-srow span { color:var(--evnm-muted); }
.evnm-result { margin-top:10px; padding:10px 13px; border-radius:var(--evnm-r-sm); font-size:12px; line-height:1.6; }
.evnm-result.ok  { background:rgba(34,197,94,.08);  border:1px solid rgba(34,197,94,.2);  color:#86efac; }
.evnm-result.bad { background:rgba(239,68,68,.08);  border:1px solid rgba(239,68,68,.2);  color:#fca5a5; }
.evnm-result.cnt { background:rgba(245,158,11,.08); border:1px solid rgba(245,158,11,.2); color:#fcd34d; }
.evnm-subh  { font-size:13px; font-weight:600; color:var(--evnm-muted); margin-bottom:12px; }
.evnm-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.evnm-info-item { display:flex; align-items:flex-start; gap:8px; background:var(--evnm-card); border:1px solid var(--evnm-bdr); border-radius:var(--evnm-r-sm); padding:10px; font-size:11px; color:var(--evnm-muted); line-height:1.5; }

/* ── Section 1: Linked Specs ────────────────────────────────── */
.evnm-ls-step { }
.evnm-ls-step-hdr { display:flex; align-items:flex-start; gap:11px; margin-bottom:13px; }
.evnm-circle { flex-shrink:0; width:26px; height:26px; background:var(--evnm-accent); color:#000; border-radius:50%; font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center; }
.evnm-ls-step-title { font-size:13px; font-weight:700; color:var(--evnm-head); margin-bottom:2px; }
.evnm-ls-step-sub   { font-size:11px; color:var(--evnm-muted); line-height:1.5; }

/* Product chips */
.evnm-chips { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:10px; }
.evnm-chip  { display:flex; align-items:center; border:1.5px solid var(--evnm-bdr); border-radius:7px; overflow:hidden; transition:border-color .18s; }
.evnm-chip:focus-within { border-color:var(--evnm-accent); }
.evnm-pname { background:transparent; border:none; color:var(--evnm-txt); font-size:12px; font-weight:600; padding:6px 10px; outline:none; width:145px; font-family:inherit; }
.evnm-chip-rm { background:rgba(255,255,255,.05); border:none; border-left:1px solid var(--evnm-bdr); color:var(--evnm-muted); cursor:pointer; padding:6px 9px; font-size:11px; transition:.15s; }
.evnm-chip-rm:hover { background:rgba(239,68,68,.15); color:var(--evnm-bad); }

/* Spec matrix — green/white */
.evnm-matrix-wrap {
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  border-radius:var(--evnm-radius);
  border:2px solid var(--evnm-accent);
  box-shadow:0 0 0 1px var(--evnm-a-glow), 0 4px 20px rgba(0,200,150,.1);
}
.evnm-matrix { width:100%; border-collapse:collapse; font-size:12px; background:#fff; min-width:520px; }
.evnm-matrix thead tr { background:#00c896; }
.evnm-mth {
  padding:9px 11px; text-align:center;
  font-size:10px; font-weight:700; color:#000;
  letter-spacing:.04em; text-transform:uppercase; white-space:nowrap;
  border-right:1px solid rgba(0,0,0,.1);
}
.evnm-mth:last-child { border-right:none; }
.evnm-mth-cfg  { min-width:70px; }
.evnm-mth-spec { min-width:85px; }
.evnm-mth-prod { background:rgba(0,0,0,.12); min-width:105px; }
.evnm-mth-rm   { width:32px; }
.evnm-mth small { display:block; font-size:9px; font-weight:500; opacity:.7; text-transform:none; letter-spacing:0; }
.evnm-mrow { background:#fff; transition:background .12s; }
.evnm-mrow:nth-child(even) { background:#f0fdf8; }
.evnm-mrow:hover { background:#d1fae5; }
.evnm-mtd { padding:0; border-right:1px solid #e2e8f0; border-bottom:1px solid #e2e8f0; vertical-align:middle; text-align:center; }
.evnm-mtd:last-child { border-right:none; }
.evnm-mtd-cfg { padding:7px 10px; border-right:2px solid var(--evnm-accent); }
.evnm-cfg-lbl { font-size:11px; font-weight:700; color:var(--evnm-accent); }
.evnm-mi { width:100%; border:none; background:transparent; color:#111; font-size:12px; padding:8px 9px; text-align:center; outline:none; font-family:inherit; }
.evnm-mi:focus { background:rgba(0,200,150,.09); }
select.evnm-mi { cursor:pointer; }
.evnm-mtd-price { background:rgba(0,200,150,.04); }
.evnm-mtd-price .evnm-mi { font-weight:700; color:#065f46; }
.evnm-rupee { padding-left:7px; font-size:10px; color:#6b7280; flex-shrink:0; }
.evnm-mtd-price { display:flex; align-items:center; padding:0; }
.evnm-mtd-price .evnm-mi { padding-left:2px; }
.evnm-row-rm { background:none; border:none; color:#d1d5db; cursor:pointer; padding:8px; display:flex; align-items:center; transition:.15s; }
.evnm-row-rm:hover { color:var(--evnm-bad); }
.evnm-mtd-rm { border-right:none; }

/* Buyer configurator */
.evnm-configurator {
  background:#fff; border:2px solid var(--evnm-accent);
  border-radius:var(--evnm-radius); overflow:hidden;
  box-shadow:0 4px 18px rgba(0,200,150,.12);
}
.evnm-cfg-tabs { display:flex; background:var(--evnm-accent); overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.evnm-cfg-tabs::-webkit-scrollbar { display:none; }
.evnm-cfg-tab { padding:8px 16px; background:none; border:none; font-size:12px; font-weight:600; color:rgba(0,0,0,.55); cursor:pointer; white-space:nowrap; border-bottom:3px solid transparent; transition:.18s; font-family:inherit; }
.evnm-cfg-tab.is-active { color:#000; background:rgba(255,255,255,.22); border-bottom-color:#000; }
.evnm-cfg-body { display:grid; grid-template-columns:1fr auto; }
.evnm-cfg-selectors { display:flex; flex-direction:column; padding:16px; border-right:1px solid #e2e8f0; gap:0; }
.evnm-cfg-sel-row { display:flex; align-items:center; gap:12px; padding:8px 0; border-bottom:1px solid #f1f5f9; }
.evnm-cfg-sel-row:last-child { border-bottom:none; }
.evnm-cfg-sel-lbl { font-size:12px; font-weight:600; color:#374151; min-width:95px; }
.evnm-cfg-sel { background:#f8fafc; color:#111; border:1px solid #d1fae5; border-radius:6px; padding:6px 10px; font-size:12px; flex:1; outline:none; }
.evnm-cfg-sel:focus { border-color:var(--evnm-accent); }
.evnm-cfg-price-box { padding:18px 20px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:5px; min-width:155px; background:#f0fdf8; }
.evnm-cfg-price-label { font-size:10px; font-weight:700; color:#6b7280; text-transform:uppercase; letter-spacing:.05em; }
.evnm-cfg-price { font-size:28px; font-weight:900; color:#065f46; line-height:1; }
.evnm-cfg-gst   { font-size:11px; color:#059669; }
.evnm-cfg-tag   { font-size:10px; background:#d1fae5; color:#065f46; border-radius:100px; padding:2px 9px; font-weight:600; }
.evnm-cfg-gst-row { display:flex; align-items:center; gap:5px; margin-top:3px; }
.evnm-cfg-gst-sel { background:#e8f8f3; border:1px solid #a7f3d0; border-radius:5px; color:#065f46; font-size:11px; padding:3px 6px; outline:none; }
.evnm-powered { font-size:10px; color:var(--evnm-muted); display:flex; align-items:center; gap:4px; padding:8px 16px 12px; opacity:.6; }

/* ── Section 2: Customization ───────────────────────────────── */
.evnm-form-section-label { font-size:11px; font-weight:700; color:var(--evnm-accent); text-transform:uppercase; letter-spacing:.06em; margin-bottom:8px; }
.evnm-toggle-list { display:flex; flex-direction:column; gap:7px; }
.evnm-toggle-row  { display:flex; align-items:center; gap:10px; cursor:pointer; }
.evnm-toggle-text { font-size:12px; color:var(--evnm-txt); }
.evnm-sw { position:relative; display:inline-block; width:36px; height:19px; flex-shrink:0; }
.evnm-sw-inp { opacity:0; width:0; height:0; position:absolute; }
.evnm-sw-track { position:absolute; inset:0; background:rgba(255,255,255,.13); border-radius:100px; transition:.22s; cursor:pointer; }
.evnm-sw-track::before { content:''; position:absolute; left:3px; top:3px; width:13px; height:13px; background:#fff; border-radius:50%; transition:.22s; }
.evnm-sw-inp:checked + .evnm-sw-track { background:var(--evnm-accent); }
.evnm-sw-inp:checked + .evnm-sw-track::before { transform:translateX(17px); background:#000; }

/* ── Section 3: Bulk Pricing ────────────────────────────────── */
.evnm-tier-editor { background:var(--evnm-card); border:1px solid var(--evnm-bdr); border-radius:var(--evnm-radius); overflow:hidden; }
.evnm-tier-hdr { display:grid; grid-template-columns:1.4fr 1fr .8fr 26px; gap:9px; padding:9px 13px; background:rgba(255,255,255,.04); border-bottom:1px solid var(--evnm-bdr); font-size:10px; font-weight:700; color:var(--evnm-muted); text-transform:uppercase; letter-spacing:.05em; }
.evnm-tier { display:grid; grid-template-columns:1.4fr 1fr .8fr 26px; gap:9px; padding:9px 13px; border-bottom:1px solid var(--evnm-bdr); align-items:center; }
.evnm-tier:last-child { border-bottom:none; }
.evnm-tier-range { display:flex; align-items:center; gap:4px; }
.evnm-tier-range input { flex:1; }
.evnm-tier-range span { color:var(--evnm-muted); font-size:11px; }
.evnm-tier-price { display:flex; align-items:center; gap:3px; }
.evnm-rp { font-size:11px; color:var(--evnm-muted); }
.evnm-tier-price input { flex:1; }
.evnm-disc-badge { display:inline-block; font-size:10px; font-weight:700; padding:2px 8px; border-radius:100px; background:rgba(255,255,255,.08); color:var(--evnm-muted); }
.evnm-disc-badge[data-disc="yes"] { background:rgba(34,197,94,.12); color:var(--evnm-ok); }
.evnm-tier-rm { padding:3px 7px !important; }

.evnm-preview-tbl { width:100%; border-collapse:collapse; font-size:11px; margin-bottom:12px; }
.evnm-preview-tbl th { text-align:left; color:var(--evnm-muted); font-weight:600; padding:6px 8px; border-bottom:1px solid var(--evnm-bdr); font-size:10px; text-transform:uppercase; }
.evnm-preview-tbl td { padding:8px; border-bottom:1px solid rgba(255,255,255,.04); }
.evnm-preview-tbl tr:last-child td { border-bottom:none; }

.evnm-qty-calc { background:var(--evnm-card); border:1px solid var(--evnm-bdr); border-radius:var(--evnm-r-sm); padding:12px; margin-top:12px; }
.evnm-qty-row  { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:6px; }
.evnm-qty-result { font-size:12px; color:var(--evnm-muted); display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.evnm-qty-result strong { color:var(--evnm-accent); font-size:14px; }

/* ── Section 4: Special Pricing ─────────────────────────────── */
.evnm-radio-grp { display:flex; flex-wrap:wrap; gap:7px; }
.evnm-radio { display:flex; align-items:center; gap:5px; cursor:pointer; font-size:12px; }
.evnm-radio input { accent-color:var(--evnm-accent); }

/* ── Section 5: PO ──────────────────────────────────────────── */
.evnm-flow { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px; margin-bottom:22px; }
.evnm-flow-node { display:flex; flex-direction:column; align-items:center; gap:5px; }
.evnm-flow-ic { width:38px; height:38px; background:var(--evnm-a-dim); border:1px solid var(--evnm-a-glow); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px; }
.evnm-flow-lb { font-size:11px; color:var(--evnm-muted); text-align:center; max-width:62px; line-height:1.3; }
.evnm-flow-arr { color:var(--evnm-accent); font-size:20px; opacity:.5; padding-bottom:16px; }

.evnm-po { background:rgba(255,255,255,.025); border:1px solid var(--evnm-bdr); border-radius:var(--evnm-radius); padding:18px; margin-bottom:16px; overflow:auto; }
.evnm-po-top { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:16px; flex-wrap:wrap; gap:10px; }
.evnm-po-brand { display:flex; align-items:center; gap:9px; }
.evnm-po-logo { width:34px; height:34px; display:flex; align-items:center; justify-content:center; }
.evnm-po-co   { font-size:14px; font-weight:700; }
.evnm-po-tag  { font-size:10px; color:var(--evnm-accent); }
.evnm-po-meta { text-align:right; display:flex; flex-direction:column; gap:4px; align-items:flex-end; }
.evnm-po-num  { font-size:13px; font-weight:700; }
.evnm-po-date { font-size:11px; color:var(--evnm-muted); }
.evnm-po-addrs { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-bottom:16px; }
.evnm-po-addr { background:rgba(255,255,255,.025); border:1px solid var(--evnm-bdr); border-radius:var(--evnm-r-sm); padding:11px; font-size:11px; line-height:1.65; }
.evnm-po-addr-lbl { font-size:10px; font-weight:700; color:var(--evnm-muted); text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px; }
.evnm-po-tbl { width:100%; border-collapse:collapse; font-size:11px; margin-bottom:14px; }
.evnm-po-tbl th { text-align:left; font-size:10px; font-weight:700; color:var(--evnm-muted); text-transform:uppercase; letter-spacing:.05em; padding:6px 8px; border-bottom:1px solid var(--evnm-bdr); }
.evnm-po-tbl td { padding:8px; border-bottom:1px solid rgba(255,255,255,.04); font-size:11px; }
.evnm-po-specs { font-size:10px; color:var(--evnm-muted); }
.evnm-tr { text-align:right; color:var(--evnm-muted); }
.evnm-po-sub   td { border-top:1px solid var(--evnm-bdr); }
.evnm-po-total td { font-size:13px; border-top:2px solid var(--evnm-accent); }
.evnm-po-status { display:flex; gap:0; margin-top:6px; }
.evnm-pst { flex:1; text-align:center; position:relative; padding-top:16px; }
.evnm-pst::before { content:''; position:absolute; top:5px; left:50%; right:-50%; height:2px; background:var(--evnm-bdr); }
.evnm-pst:last-child::before { display:none; }
.evnm-pst-dot { position:absolute; top:0; left:50%; transform:translateX(-50%); width:11px; height:11px; border-radius:50%; background:var(--evnm-bdr); border:2px solid var(--evnm-bg); }
.evnm-pst-done   .evnm-pst-dot { background:var(--evnm-ok); }
.evnm-pst-active .evnm-pst-dot { background:var(--evnm-accent); box-shadow:0 0 0 3px var(--evnm-a-dim); animation:evnm-pulse 2s infinite; }
.evnm-pst-lbl { font-size:9px; color:var(--evnm-muted); line-height:1.3; }
.evnm-pst-done   .evnm-pst-lbl { color:var(--evnm-ok); }
.evnm-pst-active .evnm-pst-lbl { color:var(--evnm-accent); }

/* ── Section 6: Shipping ─────────────────────────────────────── */

/* Transport chain — horizontal, centered */
.evnm-sflow {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 28px 16px;
  background: linear-gradient(135deg, rgba(0,200,150,.07) 0%, rgba(0,200,150,.02) 100%);
  border: 1px solid var(--evnm-a-glow);
  border-radius: var(--evnm-radius);
  margin-bottom: 22px;
  gap: 0;
}
.evnm-sflow-node { display:flex; flex-direction:column; align-items:center; gap:7px; text-align:center; min-width:88px; flex-shrink:0; }
.evnm-sflow-ic {
  width:52px; height:52px;
  background:var(--evnm-accent);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:22px;
  box-shadow:0 0 0 5px rgba(0,200,150,.14), 0 3px 12px rgba(0,200,150,.26);
}
.evnm-sflow-ti { font-size:12px; font-weight:700; color:var(--evnm-head); }
.evnm-sflow-su { font-size:10px; color:var(--evnm-muted); line-height:1.4; max-width:78px; }
.evnm-sflow-arr { flex-shrink:0; padding-bottom:28px; display:flex; align-items:center; margin:0 6px; opacity:.8; }

/* Engine logic grid — centered */
.evnm-engine-wrap { margin-bottom:18px; }
.evnm-engine-title { font-size:10px; font-weight:700; color:var(--evnm-muted); text-transform:uppercase; letter-spacing:.08em; text-align:center; margin-bottom:13px; }
.evnm-engine-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:6px; }
.evnm-engine-step {
  background:var(--evnm-card); border:1px solid var(--evnm-bdr); border-radius:var(--evnm-r-sm);
  padding:12px 8px 10px; display:flex; flex-direction:column; align-items:center; gap:5px;
  text-align:center; position:relative;
}
.evnm-engine-step::after { content:'›'; position:absolute; right:-6px; top:50%; transform:translateY(-50%); color:var(--evnm-accent); font-size:15px; z-index:1; }
.evnm-engine-step:last-child::after { display:none; }
.evnm-engine-n { position:absolute; top:-8px; left:50%; transform:translateX(-50%); width:17px; height:17px; background:var(--evnm-accent); color:#000; border-radius:50%; font-size:9px; font-weight:800; display:flex; align-items:center; justify-content:center; }
.evnm-engine-ic { font-size:17px; margin-top:2px; }
.evnm-engine-step strong { display:block; font-size:10px; font-weight:700; color:var(--evnm-head); margin-bottom:1px; }
.evnm-engine-step span   { font-size:9px; color:var(--evnm-muted); line-height:1.35; }

/* Li-Ion strip */
.evnm-liion { display:flex; align-items:center; flex-wrap:wrap; gap:6px; background:rgba(0,200,150,.05); border:1px solid var(--evnm-a-glow); border-radius:var(--evnm-r-sm); padding:11px 15px; margin-bottom:16px; }
.evnm-liion-hd { font-size:11px; font-weight:700; color:var(--evnm-accent); white-space:nowrap; margin-right:4px; }
.evnm-liion-b  { background:#000; color:var(--evnm-accent); border:1px solid var(--evnm-a-glow); border-radius:100px; padding:3px 9px; font-size:10px; font-weight:600; white-space:nowrap; }

/* Shipping notice */
.evnm-ship-notice {
  display:flex; align-items:flex-start; gap:12px;
  background:rgba(0,200,150,.07); border:1.5px solid var(--evnm-a-glow);
  border-radius:var(--evnm-radius); padding:15px 18px; margin-top:4px;
}
.evnm-ship-notice-ic    { font-size:20px; flex-shrink:0; margin-top:1px; }
.evnm-ship-notice-title { font-size:13px; font-weight:700; color:var(--evnm-accent); margin-bottom:4px; }
.evnm-ship-notice-text  { font-size:12px; color:var(--evnm-txt); line-height:1.6; margin-bottom:5px; }
.evnm-ship-notice-sub   { font-size:11px; color:var(--evnm-muted); line-height:1.55; }

/* ── Section 7: Enquiry — green & white ─────────────────────── */
.evnm-enq-wrap { display:grid; grid-template-columns:1fr 285px; gap:22px; align-items:start; }

.evnm-enq-card {
  background:#fff; border:2px solid var(--evnm-accent);
  border-radius:var(--evnm-radius); padding:26px;
  box-shadow:0 5px 28px rgba(0,200,150,.15);
}
.evnm-enq-lbl { display:block; font-size:12px; font-weight:600; color:#374151; margin-bottom:5px; }
.evnm-opt-g   { font-size:10px; color:#9ca3af; font-weight:400; }
.evnm-enq-inp {
  width:100%; background:#f0fdf8; border:1.5px solid #a7f3d0;
  border-radius:7px; color:#111827; font-size:12px;
  padding:8px 11px; outline:none; transition:border-color .18s, box-shadow .18s;
  font-family:inherit; appearance:none;
}
.evnm-enq-inp:focus { border-color:var(--evnm-accent); box-shadow:0 0 0 3px rgba(0,200,150,.17); background:#fff; }
textarea.evnm-enq-inp { resize:vertical; min-height:70px; }
select.evnm-enq-inp { cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2300c896' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 10px center; padding-right:28px; }
.evnm-enq-checks { display:flex; flex-wrap:wrap; gap:6px; }
.evnm-enq-chk { display:flex; align-items:center; gap:5px; background:#f0fdf8; border:1.5px solid #a7f3d0; border-radius:100px; padding:4px 12px; font-size:11px; color:#065f46; cursor:pointer; font-weight:500; transition:all .18s; }
.evnm-enq-chk input { accent-color:var(--evnm-accent); }
.evnm-enq-chk:has(input:checked) { background:var(--evnm-accent); color:#000; border-color:var(--evnm-accent); }
.evnm-enq-submit { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:16px; padding:12px 20px; background:var(--evnm-accent); color:#000; font-size:14px; font-weight:700; border:none; border-radius:9px; cursor:pointer; transition:all .18s; font-family:inherit; box-shadow:0 3px 14px rgba(0,200,150,.28); }
.evnm-enq-submit:hover { background:#00dfa8; transform:translateY(-1px); box-shadow:0 5px 20px rgba(0,200,150,.4); }
.evnm-enq-submit:disabled { opacity:.6; cursor:not-allowed; transform:none; }
.evnm-enq-priv { font-size:11px; color:#9ca3af; text-align:center; margin-top:7px; }
.evnm-enq-err  { background:#fef2f2; border:1px solid #fca5a5; color:#dc2626; border-radius:7px; padding:8px 12px; font-size:12px; margin-top:9px; }
.evnm-enq-ok { text-align:center; padding:26px 14px; display:flex; flex-direction:column; align-items:center; gap:10px; }
.evnm-enq-ok-ic { font-size:44px; }
.evnm-enq-ok h3 { font-size:19px; color:#065f46; }
.evnm-enq-ok p  { font-size:13px; color:#6b7280; }
.evnm-enq-restart { background:none; border:2px solid var(--evnm-accent); color:#065f46; padding:8px 18px; border-radius:7px; cursor:pointer; font-weight:600; font-size:13px; font-family:inherit; }

/* Green sidebar */
.evnm-enq-side { background:var(--evnm-accent); border-radius:var(--evnm-radius); padding:22px; color:#000; display:flex; flex-direction:column; gap:16px; }
.evnm-enq-stats { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.evnm-enq-stat  { background:rgba(0,0,0,.1); border-radius:8px; padding:11px 8px; text-align:center; }
.evnm-enq-sv    { display:block; font-size:19px; font-weight:900; color:#000; }
.evnm-enq-sl    { font-size:10px; font-weight:600; color:rgba(0,0,0,.65); }
.evnm-enq-side-title { font-size:12px; font-weight:800; color:#000; }
.evnm-enq-benefits { display:flex; flex-direction:column; gap:6px; }
.evnm-enq-benefits li { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:500; color:#000; }
.evnm-enq-ck { flex-shrink:0; width:16px; height:16px; background:rgba(0,0,0,.14); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; font-weight:800; }
.evnm-enq-contact { display:flex; gap:7px; flex-wrap:wrap; }
.evnm-enq-cta-btn { flex:1; text-align:center; background:rgba(0,0,0,.14); color:#000; font-weight:700; font-size:12px; border-radius:7px; padding:8px 12px; text-decoration:none; transition:background .18s; display:block; }
.evnm-enq-cta-btn:hover { background:rgba(0,0,0,.24); }

/* ── Tablet ≤ 900px ─────────────────────────────────────────── */
@media (max-width:900px) {
  .evnm-sec { padding:22px 16px; }
  .evnm-2col { grid-template-columns:1fr; gap:16px; }
  .evnm-enq-wrap { grid-template-columns:1fr; }
  .evnm-enq-side { order:-1; }
  .evnm-enq-stats { grid-template-columns:repeat(4,1fr); }
  .evnm-engine-grid { grid-template-columns:repeat(3,1fr); }
  .evnm-engine-step:nth-child(3)::after,
  .evnm-engine-step:nth-child(6)::after { display:none; }
  .evnm-cfg-body { grid-template-columns:1fr; }
  .evnm-cfg-price-box { border-top:1px solid #e2e8f0; min-width:unset; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:10px; padding:14px 16px; }
  .evnm-po-addrs { grid-template-columns:1fr; }
  .evnm-info-grid { grid-template-columns:1fr; }
  .evnm-nav-btn { padding:10px 13px; }
}

/* ── Phone ≤ 600px ──────────────────────────────────────────── */
@media (max-width:600px) {
  .evnm-sec  { padding:18px 12px; }
  .evnm-sec-foot { flex-direction:column-reverse; }
  .evnm-sec-foot .evnm-btn { width:100%; justify-content:center; }
  .evnm-btn-next,.evnm-btn-back { width:100%; justify-content:center; }
  .evnm-grid2 { grid-template-columns:1fr; }
  .evnm-engine-grid { grid-template-columns:repeat(2,1fr); }
  .evnm-engine-step:nth-child(even)::after { display:none; }
  .evnm-sflow-ic { width:42px; height:42px; font-size:18px; }
  .evnm-sflow-node { min-width:72px; }
  .evnm-enq-stats { grid-template-columns:repeat(2,1fr); }
  .evnm-enq-card { padding:16px 12px; }
  .evnm-nav-btn { padding:9px 10px; }
  .evnm-nav-icon { font-size:14px; }
  .evnm-tier-hdr,.evnm-tier { grid-template-columns:1.2fr .9fr .65fr 24px; gap:5px; padding:7px 10px; }
  .evnm-btn-row { flex-direction:column; }
  .evnm-btn-row .evnm-btn { width:100%; justify-content:center; }
  .evnm-po-addrs { grid-template-columns:1fr; }
  .evnm-po-tbl th,.evnm-po-tbl td { padding:5px 6px; font-size:10px; }
  .evnm-chips { gap:5px; }
  .evnm-pname { width:120px; }
}

/* Elementor override */
.elementor-widget-evnm_oem_demo .elementor-widget-container { padding:0 !important; }