html, body { height: 100%; margin: 0; padding: 0; }
#ebmx-hc { min-height: 100vh; }
:host,html,body{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.page-width-content,.section-content-wrapper,.section{max-width:100%!important;width:100%!important}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --accent:#c10801;
  --accent-dark:#9e0600;
  --accent-light:#ff2d22;
  --bg:#f5f5f5;
  --white:#ffffff;
  --black:#1a1a1a;
  --muted:#888888;
  --sub:#555555;
  --border:#e2e2e2;
  --card-bg:#e7e7e7;
  --red:#c10801;
  --font:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --tr:.18s ease;
  --radius:10px;
  --fs-h1:46.67px;
  --fs-h2:58.333px;
  --fs-body:12.333px;
  --fs-label:12.333px;
  --fs-small:10px;
  --fs-ftitle:15px;
}

html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg)!important;color:var(--black);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit}
input,select,textarea{font-family:inherit}

.ebmx-wd-page{display:none}
.ebmx-wd-page.ebmx-wd-active{display:block;animation:fadeUp .22s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

.ebmx-wd-hero{text-align:center;padding:72px 60px 48px;background:var(--bg);width:100%}
.ebmx-wd-hero h1{font-size:var(--fs-h1);font-weight:700;letter-spacing:-0.02em;line-height:1.1;margin-bottom:32px;color:var(--black)}
.ebmx-wd-search-wrap{max-width:400px;margin:0 auto 18px;display:flex;align-items:center;gap:10px;border-bottom:1.5px solid #d0d0d0;padding-bottom:10px}
.ebmx-wd-search-wrap svg{width:15px;height:15px;flex-shrink:0;opacity:.55;display:block}
.ebmx-wd-search-wrap input{flex:1;border:none;background:transparent;font-size:13.5px;color:var(--black);outline:none;font-family:var(--font)}
.ebmx-wd-search-wrap input::placeholder{color:#ccc}
.ebmx-wd-hero-sub{font-size:12.5px;color:var(--muted);line-height:1.65;max-width:340px;margin:0 auto}

.ebmx-wd-categories{display:flex;justify-content:center;gap:45px;padding:52px 60px 68px;flex-wrap:wrap}
.ebmx-wd-cat-card{background:var(--card-bg);border-radius:var(--radius);padding:25px 17px 21px;width:auto;min-width:148px;min-height:126px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;cursor:pointer;text-decoration:none;color:var(--black);border:1.5px solid transparent;transition:background var(--tr),transform var(--tr),box-shadow var(--tr)}
.ebmx-wd-cat-card:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.ebmx-wd-cat-card:hover p{color:rgba(255,255,255,.8)}
.ebmx-wd-cat-icon{width:32px;height:32px;margin-bottom:4px;display:flex;align-items:center;justify-content:center}
.ebmx-wd-cat-icon svg{width:28px;height:28px;stroke:var(--black);fill:none;stroke-width:1.6}
.ebmx-wd-cat-card:hover .ebmx-wd-cat-icon svg{stroke:#fff}
.ebmx-wd-cat-card h3{font-size:12.5px;font-weight:600;line-height:1.25;letter-spacing:-.01em;white-space:nowrap}
.ebmx-wd-cat-card p{font-size:11px;color:var(--sub);line-height:1.3}

.ebmx-wd-inner-wrap{display:grid;grid-template-columns:1fr 557px;gap:64px;padding:60px 9.4% 80px;align-items:start}
@media(max-width:780px){.ebmx-wd-inner-wrap{grid-template-columns:1fr;gap:32px;padding:40px 5% 60px}}

.ebmx-wd-col-intro h2{font-size:var(--fs-h2);font-weight:700;line-height:1.0;letter-spacing:-0.02em;margin-bottom:12px}
.ebmx-wd-col-intro p{font-size:15px;color:var(--sub);line-height:1.26;max-width:288px}

.ebmx-wd-section-nav{margin-top:28px;display:flex;flex-direction:column;gap:2px}
.ebmx-wd-section-nav a{font-size:12px;color:#c0c0c0;cursor:pointer;padding:4px 0;transition:color var(--tr);letter-spacing:-.01em}
.ebmx-wd-section-nav a:hover{color:#777}
.ebmx-wd-section-nav a.ebmx-wd-active{color:#333;font-weight:500}

.ebmx-wd-panel{background:none;padding:32px 0 40px}

.ebmx-wd-breadcrumb{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:22px}
.ebmx-wd-breadcrumb a{cursor:pointer;transition:color var(--tr)}
.ebmx-wd-breadcrumb a:hover{color:var(--black)}

#ebmx-hc .ebmx-wd-form-title{font-size:var(--fs-ftitle)!important;font-weight:700!important;margin-bottom:6px!important;letter-spacing:0!important}
#ebmx-hc .ebmx-wd-form-subtitle{font-size:var(--fs-body)!important;color:var(--black)!important;margin-bottom:0!important;line-height:1.23!important;font-weight:400!important}

#ebmx-hc .ebmx-wd-field{display:block!important;padding:18px 0 22px!important;border-top:1px solid var(--border)!important;border-bottom:none!important;border-left:none!important;border-right:none!important;margin:0!important;width:100%!important;max-width:557px!important}
#ebmx-hc .ebmx-wd-field label{display:block!important;width:100%!important;font-size:var(--fs-label)!important;font-weight:700!important;margin-bottom:12px!important;letter-spacing:0!important;color:var(--black)!important}
#ebmx-hc .ebmx-wd-field label sup{color:var(--red)!important;font-size:var(--fs-label)!important}
#ebmx-hc .ebmx-wd-field .ebmx-wd-hint{display:block!important;width:100%!important;font-size:var(--fs-small)!important;color:var(--black)!important;margin-bottom:7px!important;margin-top:4px!important;font-weight:400!important;line-height:1.4!important}

#ebmx-hc .ebmx-wd-field input,
#ebmx-hc .ebmx-wd-field select,
#ebmx-hc .ebmx-wd-field textarea{
  display:block!important;width:100%!important;
  padding:0 14px!important;border:1px solid #ddd!important;
  border-radius:50px!important;font-size:var(--fs-small)!important;
  color:var(--black)!important;background:var(--white)!important;
  outline:none!important;appearance:none!important;-webkit-appearance:none!important;
  font-family:var(--font)!important;height:33px!important;
  margin:0!important;box-sizing:border-box!important;
  transition:border-color var(--tr),box-shadow var(--tr)!important;
}
#ebmx-hc .ebmx-wd-field textarea{
  border-radius:16px!important;height:auto!important;
  min-height:110px!important;line-height:1.6!important;resize:vertical!important;
  padding:10px 14px!important;
}
#ebmx-hc .ebmx-wd-field select{
  color:var(--black)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23aaa' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 14px center!important;
  background-color:var(--white)!important;padding-right:36px!important;cursor:pointer!important;
}
#ebmx-hc .ebmx-wd-field select option{color:var(--black)!important}
#ebmx-hc .ebmx-wd-field input:focus,
#ebmx-hc .ebmx-wd-field select:focus,
#ebmx-hc .ebmx-wd-field textarea:focus{border-color:#999!important;box-shadow:0 0 0 3px rgba(0,0,0,.06)!important;outline:none!important}
#ebmx-hc .ebmx-wd-field input::placeholder,
#ebmx-hc .ebmx-wd-field textarea::placeholder{color:rgba(30,30,30,0.4)!important;font-size:var(--fs-small)!important}

#ebmx-hc .ebmx-wd-field-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:18px 0 22px!important;border-top:1px solid var(--border)!important;margin:0!important;max-width:557px!important}
#ebmx-hc .ebmx-wd-field-row .ebmx-wd-field{border-top:none!important;padding:0!important}
@media(max-width:480px){#ebmx-hc .ebmx-wd-field-row{grid-template-columns:1fr!important;gap:18px!important}}
#ebmx-hc .ebmx-wd-battery-specify{margin-top:10px!important}
#ebmx-hc .ebmx-wd-warranty-register-prompt{
  display:block!important;
  width:100%!important;
  margin-top:10px!important;
  margin-bottom:0!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  color:var(--black)!important;
  font-weight:500!important;
}
#ebmx-hc .ebmx-wd-warranty-register-prompt a{
  color:var(--accent)!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
  font-weight:700!important;
}
#ebmx-hc .ebmx-wd-warranty-register-prompt a:hover{color:var(--accent-dark)!important}

#ebmx-hc .ebmx-wd-phone-row{display:flex!important;gap:10px!important;align-items:stretch!important}
#ebmx-hc .ebmx-wd-phone-row select{flex:0 0 auto!important;width:auto!important;max-width:46%!important}
#ebmx-hc .ebmx-wd-phone-row input[type="tel"]{flex:1 1 auto!important}

/* === Product multi-select (chip selector) === */
#ebmx-hc .ebmx-wd-multiselect{position:relative;width:100%;max-width:557px;margin-top:4px}
#ebmx-hc .ebmx-wd-ms-control{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:33px;padding:5px 36px 5px 10px!important;background:var(--white)!important;border:1px solid #ddd!important;border-radius:18px!important;cursor:pointer;font-size:var(--fs-small)!important;color:var(--black)!important;transition:border-color var(--tr),box-shadow var(--tr)}
#ebmx-hc .ebmx-wd-ms-control:focus,
#ebmx-hc .ebmx-wd-multiselect.ebmx-wd-ms-open .ebmx-wd-ms-control{outline:none!important;border-color:#7aa8ff!important;box-shadow:0 0 0 3px rgba(122,168,255,.18)!important}
#ebmx-hc .ebmx-wd-ms-tags{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto;min-width:0}
#ebmx-hc .ebmx-wd-ms-placeholder{font-size:var(--fs-small);color:rgba(30,30,30,.4);pointer-events:none;padding:0 4px}
#ebmx-hc .ebmx-wd-ms-arrow{position:absolute;right:12px;top:50%;width:10px;height:6px;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23aaa' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;pointer-events:none;transition:transform var(--tr)}
#ebmx-hc .ebmx-wd-multiselect.ebmx-wd-ms-open .ebmx-wd-ms-arrow{transform:translateY(-50%) rotate(180deg)}
#ebmx-hc .ebmx-wd-ms-clear{display:none;position:absolute;right:28px;top:50%;transform:translateY(-50%);width:16px;height:16px;align-items:center;justify-content:center;border-radius:50%;color:var(--muted);font-size:14px;line-height:1;cursor:pointer;background:transparent;border:none;padding:0}
#ebmx-hc .ebmx-wd-ms-clear:hover{background:var(--bg);color:var(--black)}
#ebmx-hc .ebmx-wd-ms-chip{display:inline-flex;align-items:center;gap:4px;background:#eaf1ff;border:1px solid #cfddf5;color:#1a3768;border-radius:14px;padding:2px 4px 2px 10px;font-size:11px;line-height:1.4;max-width:100%}
#ebmx-hc .ebmx-wd-ms-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ebmx-hc .ebmx-wd-ms-chip-x{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:50%;background:transparent;color:#1a3768;font-size:13px;line-height:1;cursor:pointer;padding:0;margin-left:2px;transition:background var(--tr)}
#ebmx-hc .ebmx-wd-ms-chip-x:hover{background:rgba(26,55,104,.12)}
#ebmx-hc .ebmx-wd-ms-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;background:var(--white);border:1px solid #ddd;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:6px 0;max-height:260px;overflow:auto}
#ebmx-hc .ebmx-wd-multiselect.ebmx-wd-ms-open .ebmx-wd-ms-dropdown{display:block}
#ebmx-hc .ebmx-wd-ms-option{display:flex!important;align-items:center;gap:10px;padding:9px 14px;font-size:12px;color:var(--black);cursor:pointer;margin:0!important;border:none!important;width:100%!important;font-weight:400!important;transition:background var(--tr),color var(--tr)}
#ebmx-hc .ebmx-wd-ms-option:hover{background:var(--bg)}
/* The checkbox stays in the DOM (it's the source of truth for state)
   but is visually hidden -- selection is communicated by highlighting
   the row instead. */
#ebmx-hc .ebmx-wd-ms-option input[type="checkbox"]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#ebmx-hc .ebmx-wd-ms-option span{flex:1;line-height:1.3}
/* Selected row: pale accent background + accent text. The selected
   class is toggled by JS; :has() is a progressive fallback for browsers
   where the JS hasn't run yet. */
#ebmx-hc .ebmx-wd-ms-option.ebmx-wd-ms-selected,
#ebmx-hc .ebmx-wd-ms-option:has(input:checked){background:rgba(193,8,1,.08);color:var(--accent);font-weight:600!important}
#ebmx-hc .ebmx-wd-ms-option.ebmx-wd-ms-selected:hover,
#ebmx-hc .ebmx-wd-ms-option:has(input:checked):hover{background:rgba(193,8,1,.14)}

/* Conditional serial number fields (revealed by product selection).
   `.ebmx-wd-field` itself sets `display:block!important`, so hiding via
   inline style="display:none" or .style.display doesn't work -- we need
   an !important hidden class to win the cascade. */
#ebmx-hc .ebmx-wd-sn-hidden{display:none!important;padding:0!important;border:none!important;margin:0!important}

/* === Smart address autocomplete (Google Places) === */
#ebmx-hc .ebmx-wd-addr-autocomplete{position:relative!important}
#ebmx-hc .ebmx-wd-addr-suggestions{list-style:none!important;margin:4px 0 0!important;padding:4px 0!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;z-index:50!important;background:var(--white)!important;border:1px solid var(--border)!important;border-radius:10px!important;box-shadow:0 6px 20px rgba(0,0,0,.12)!important;max-height:260px!important;overflow-y:auto!important;display:none!important}
#ebmx-hc .ebmx-wd-addr-suggestions.ebmx-wd-open{display:block!important}
#ebmx-hc .ebmx-wd-addr-suggestions li{padding:9px 14px!important;font-size:12.5px!important;color:var(--black)!important;cursor:pointer!important;line-height:1.35!important}
#ebmx-hc .ebmx-wd-addr-suggestions li small{display:block!important;color:var(--muted)!important;font-size:10.5px!important}
#ebmx-hc .ebmx-wd-addr-suggestions li:hover,
#ebmx-hc .ebmx-wd-addr-suggestions li.ebmx-wd-active{background:var(--bg)!important}
#ebmx-hc .ebmx-wd-addr-details{margin-top:14px!important}
#ebmx-hc .ebmx-wd-addr-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px 16px!important}
#ebmx-hc .ebmx-wd-addr-cell{display:block!important}
#ebmx-hc .ebmx-wd-addr-cell-full{grid-column:1 / -1!important}
#ebmx-hc .ebmx-wd-addr-sub{display:block!important;font-size:var(--fs-small)!important;font-weight:400!important;color:var(--sub)!important;margin-bottom:4px!important}
#ebmx-hc .ebmx-wd-addr-manual{background:none!important;border:none!important;padding:0!important;margin-top:10px!important;font-size:var(--fs-small)!important;color:var(--sub)!important;text-decoration:underline!important;cursor:pointer!important;font-family:var(--font)!important}
#ebmx-hc .ebmx-wd-addr-manual:hover{color:var(--black)!important}

#ebmx-hc .ebmx-wd-char-counter{text-align:right!important;font-size:12px!important;color:#bbb!important;margin-top:6px!important}

#ebmx-hc .ebmx-wd-form-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:28px!important;padding-top:18px!important;border-top:1px solid var(--border)!important}
#ebmx-hc .ebmx-wd-helpful{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}
#ebmx-hc .ebmx-wd-helpful button{background:none;border:none;font-size:12px;color:#999;cursor:pointer}
#ebmx-hc .ebmx-wd-helpful button:hover{color:var(--black)}
#ebmx-hc .ebmx-wd-btn-send{background:var(--accent)!important;color:#fff!important;border:none!important;padding:12px 32px!important;font-size:13.333px!important;font-weight:600!important;letter-spacing:0!important;border-radius:6px!important;min-width:120px!important;cursor:pointer!important;transition:background var(--tr),transform .1s!important}
#ebmx-hc .ebmx-wd-btn-send:hover{background:var(--accent-dark)!important;transform:translateY(-1px)!important}

.ebmx-wd-accordion{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.ebmx-wd-acc-item{border-bottom:1px solid var(--border)}
.ebmx-wd-acc-item:last-child{border-bottom:none}
.ebmx-wd-acc-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--white);border:none;font-size:13px;font-weight:600;text-align:left;color:var(--black);cursor:pointer}
.ebmx-wd-acc-trigger:hover{background:var(--bg)}
.ebmx-wd-acc-ic{width:22px;height:22px;border-radius:50%;background:var(--black);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:12px;transition:transform var(--tr)}
.ebmx-wd-acc-ic svg{width:9px;height:9px;stroke:white;fill:none;stroke-width:2.5;stroke-linecap:round}
.ebmx-wd-acc-trigger.ebmx-wd-open .ebmx-wd-acc-ic{transform:rotate(180deg)}
.ebmx-wd-acc-body{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}
.ebmx-wd-acc-body.ebmx-wd-open{max-height:4000px}
.ebmx-wd-acc-inner{padding:4px 20px 18px;font-size:13px;color:var(--sub);line-height:1.75}
.ebmx-wd-acc-inner p{margin-bottom:10px}
.ebmx-wd-acc-inner strong{color:var(--black)}

.ebmx-wd-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:560px){.ebmx-wd-video-grid{grid-template-columns:1fr}}
.ebmx-wd-video-card{border-radius:var(--radius);overflow:hidden;background:var(--white);border:1px solid var(--border)}
.ebmx-wd-video-thumb{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#111}
.ebmx-wd-video-thumb iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.ebmx-wd-video-info{padding:14px 16px 16px}
.ebmx-wd-video-info h6{font-size:13px;font-weight:700;margin-bottom:4px;letter-spacing:-.01em}
.ebmx-wd-video-info p{font-size:11.5px;color:var(--sub);line-height:1.55}

.ebmx-wd-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.ebmx-wd-doc-grid{grid-template-columns:1fr}}
.ebmx-wd-doc-card{display:flex;align-items:center;gap:14px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;transition:border-color var(--tr),box-shadow var(--tr);text-decoration:none;color:var(--black)}
.ebmx-wd-doc-card:hover{border-color:#bbb;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.ebmx-wd-doc-icon{width:36px;height:36px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ebmx-wd-doc-icon svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:1.8}
.ebmx-wd-doc-info h6{font-size:12.5px;font-weight:600;margin-bottom:2px}
.ebmx-wd-doc-info p{font-size:10.5px;color:var(--muted);line-height:1.4}

.ebmx-wd-warranty-info{background:var(--bg);padding:56px 9.4% 72px}
.ebmx-wd-warranty-inner{display:grid;grid-template-columns:1fr 557px;gap:64px;max-width:100%}
@media(max-width:780px){.ebmx-wd-warranty-inner{grid-template-columns:1fr;gap:28px}}
.ebmx-wd-warranty-body{font-size:13px;color:var(--sub);line-height:1.8}
.ebmx-wd-warranty-body h4{font-size:13.5px;font-weight:700;color:var(--black);margin:18px 0 6px}
.ebmx-wd-warranty-body h4:first-child{margin-top:0}
.ebmx-wd-warranty-body p{margin-bottom:10px}
.ebmx-wd-warranty-body ul{padding-left:18px;margin-bottom:10px}
.ebmx-wd-warranty-body li{margin-bottom:4px}
.ebmx-wd-warranty-body a:not(.ebmx-wd-btn-warranty){color:var(--accent);text-decoration:underline;font-weight:600}
.ebmx-wd-btn-warranty{display:inline-block;background:var(--accent);color:#fff;border:none;padding:14px 36px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:background var(--tr),transform .1s;text-decoration:none;margin-top:8px}
.ebmx-wd-btn-warranty:hover{background:var(--accent-dark);transform:translateY(-1px);color:#fff}

/* Upload zone */
#ebmx-hc .upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:24px 20px;text-align:center;background:var(--white);transition:border-color var(--tr);margin-top:4px}
#ebmx-hc .upload-zone:hover{border-color:var(--accent)}
#ebmx-hc .upload-zone svg{width:20px;height:20px;stroke:var(--muted);fill:none;stroke-width:1.8;margin:0 auto 6px;display:block}
#ebmx-hc .upload-zone .upload-btn{display:inline-block;padding:8px 24px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:var(--fs-small);cursor:pointer;font-family:var(--font);font-weight:600;transition:opacity var(--tr)}
#ebmx-hc .upload-zone .upload-btn:hover{opacity:.8}
#ebmx-hc .upload-zone .upload-hint{font-size:var(--fs-small);color:var(--muted);margin-top:8px}
#ebmx-hc .upload-file-list{margin-top:8px}
#ebmx-hc .upload-file-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-top:4px;font-size:var(--fs-small)}
#ebmx-hc .upload-file-item .ufi-ext{width:24px;height:24px;background:var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:7px;color:#666;font-weight:700;flex-shrink:0;text-transform:uppercase}
#ebmx-hc .upload-file-item .ufi-info{flex:1;overflow:hidden}
#ebmx-hc .upload-file-item .ufi-name{font-weight:600;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-small)}
#ebmx-hc .upload-file-item .ufi-size{color:var(--muted);font-size:9px}
#ebmx-hc .upload-file-item .ufi-remove{margin-left:auto;flex-shrink:0;width:22px;height:22px;border-radius:50%;border:none;background:transparent;color:var(--muted);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background var(--tr),color var(--tr)}
#ebmx-hc .upload-file-item .ufi-remove:hover{background:var(--accent);color:#fff}
#ebmx-hc .ebmx-wd-form-error{background:#fff0f0;border:1px solid #ffcdd2;border-radius:8px;padding:12px 16px;font-size:12px;color:#c10801;line-height:1.5;margin-top:12px}
#ebmx-hc .ebmx-wd-form-success{background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;padding:12px 16px;font-size:12px;color:#2e7d32;line-height:1.5;margin-top:12px}

/* Full-screen success state after a form submit. Mirrors Bonnell. */
#ebmx-hc .ebmx-wd-submit-success{text-align:center!important;padding:48px 24px 56px!important;max-width:480px!important;margin:0 auto!important}
#ebmx-hc .ebmx-wd-success-icon{width:88px!important;height:88px!important;margin:0 auto 28px!important;display:flex!important;align-items:center!important;justify-content:center!important}
#ebmx-hc .ebmx-wd-success-icon svg{width:88px!important;height:88px!important;display:block!important}
#ebmx-hc .ebmx-wd-success-title{font-size:22px!important;font-weight:700!important;color:var(--black)!important;margin:0 0 14px!important;letter-spacing:-0.02em!important}
#ebmx-hc .ebmx-wd-success-message{font-size:14px!important;color:var(--sub)!important;line-height:1.6!important;margin:0 0 20px!important}
#ebmx-hc .ebmx-wd-success-ref{font-size:13px!important;color:var(--black)!important;margin:0!important;padding:14px 20px!important;background:#e8f5e9!important;border:1px solid #a5d6a7!important;border-radius:8px!important;display:inline-block!important}
#ebmx-hc .ebmx-wd-success-ref strong{font-weight:700!important;color:#2e7d32!important}

/* Font hardening */
#ebmx-hc, #ebmx-hc h1, #ebmx-hc h2, #ebmx-hc h3,
#ebmx-hc h4, #ebmx-hc h5, #ebmx-hc h6, #ebmx-hc p,
#ebmx-hc a, #ebmx-hc span, #ebmx-hc button,
#ebmx-hc label, #ebmx-hc li, #ebmx-hc input,
#ebmx-hc select, #ebmx-hc textarea{font-family:var(--font)!important}
#ebmx-hc{width:100vw;position:relative;left:50%;margin-left:-50vw;overflow-x:hidden;background:var(--bg)}

/* Section label */
.ebmx-wd-section-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
