/* ECOM RATINGS COMPARE */
.ercmp,
.ercmp *{box-sizing:border-box}

.ercmp{
  --ec-ink:#0c1424;
  --ec-text:#526174;
  --ec-muted:#8793a4;
  --ec-line:#dfe5ec;
  --ec-soft:#f6f8fb;
  --ec-blue:#2357ff;
  position:relative;
  left:50%;
  width:100vw;
  margin-left:-50vw;
  background:#fff;
  color:var(--ec-ink);
  font-family:Arial,Helvetica,sans-serif;
}

.ercmp a{text-decoration:none!important}
.ercmp-shell{width:min(calc(100% - 64px),1440px);margin:0 auto}

.ercmp-hero{padding:72px 0 45px;border-bottom:1px solid var(--ec-line)}
.ercmp-overline{color:var(--ec-blue);font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.ercmp-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:80px;align-items:end}
.ercmp-hero h1{max-width:900px;margin:16px 0 18px;font-size:clamp(48px,5.5vw,78px);line-height:.95;letter-spacing:-.055em}
.ercmp-hero p{max-width:850px;margin:0;color:var(--ec-text);font-size:16px;line-height:1.72}
.ercmp-hero-note{padding:20px 0;border-top:1px solid var(--ec-ink);border-bottom:1px solid var(--ec-line)}
.ercmp-hero-note strong{display:block;margin-bottom:8px;font-size:14px}
.ercmp-hero-note span{display:block;color:var(--ec-text);font-size:11px;line-height:1.6}

.ercmp-tool{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;padding:34px 0 70px}
.ercmp-picker-panel,.ercmp-selection{min-width:0}
.ercmp-selection{align-self:start;position:sticky;top:24px;padding:24px;border:1px solid var(--ec-line);background:#fff}
.ercmp-picker-head,.ercmp-selection-head,.ercmp-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.ercmp-step{display:block;margin-bottom:7px;color:var(--ec-blue);font-size:9px;font-weight:850;letter-spacing:.1em}
.ercmp h2{margin:0;font-size:27px;letter-spacing:-.035em}
.ercmp-selected-count{color:var(--ec-muted);font-size:10px}

.ercmp-controls{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:10px;margin-bottom:14px}
.ercmp-search,.ercmp-category{min-height:52px;border:1px solid #c8d1dc;background:#fff}
.ercmp-search{display:flex;align-items:center;gap:11px;padding:0 15px}
.ercmp-search svg{width:18px;height:18px;fill:none;stroke:#7a8798;stroke-width:1.7;flex:0 0 18px}
.ercmp-search input,.ercmp-category select{
  width:100%!important;
  height:50px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#fff!important;
  color:var(--ec-ink)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
}
.ercmp-category select{padding:0 13px!important}

.ercmp-company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ercmp-company-card{
  appearance:none!important;
  width:100%;
  min-width:0;
  min-height:92px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin:0!important;
  padding:14px!important;
  border:1px solid var(--ec-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
  color:var(--ec-ink)!important;
  text-align:left;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.ercmp-company-card:hover{border-color:#b5c0ce!important;background:#fbfcfe!important;transform:translateY(-1px)}
.ercmp-company-card.is-selected{border-color:var(--ec-blue)!important;background:#f4f7ff!important}
.ercmp-company-card:disabled{opacity:.45;cursor:not-allowed;transform:none}
.ercmp-company-logo,.ercmp-selected-logo,.ercmp-head-logo{
  display:grid;place-items:center;overflow:hidden;border:1px solid var(--ec-line);background:#fff
}
.ercmp-company-logo{width:48px;height:48px}
.ercmp-company-logo img,.ercmp-selected-logo img,.ercmp-head-logo img{width:82%;height:82%;object-fit:contain}
.ercmp-company-fallback{font-size:18px;font-weight:850}
.ercmp-company-copy{min-width:0}
.ercmp-company-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.ercmp-company-copy small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ec-muted);font-size:8px}
.ercmp-card-score{text-align:right}
.ercmp-card-score strong{display:block;font-size:18px;line-height:1}
.ercmp-card-score span{color:var(--ec-muted);font-size:8px}
.ercmp-no-results{padding:24px;border:1px solid var(--ec-line);color:var(--ec-muted);font-size:11px}

.ercmp-text-button,.ercmp-copy-button,.ercmp-compare-button{
  appearance:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important;cursor:pointer
}
.ercmp-text-button{padding:0!important;border:0!important;background:transparent!important;color:var(--ec-blue)!important;font-size:10px!important;font-weight:800!important}
.ercmp-text-button:disabled{color:#aab3bf!important;cursor:not-allowed}

.ercmp-selected-list{display:grid;gap:8px;min-height:136px}
.ercmp-empty-selection{padding:20px 0;color:var(--ec-muted);font-size:11px;line-height:1.55}
.ercmp-selected-item{display:grid;grid-template-columns:38px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:10px;border:1px solid var(--ec-line)}
.ercmp-selected-logo{width:38px;height:38px}
.ercmp-selected-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.ercmp-selected-item small{display:block;margin-top:2px;color:var(--ec-muted);font-size:8px}
.ercmp-remove{
  appearance:none!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#6d7a8c!important;font-size:18px!important;line-height:1!important;cursor:pointer
}
.ercmp-remove:hover{color:var(--ec-ink)!important}

.ercmp-compare-button{width:100%!important;min-height:48px!important;margin-top:18px!important;padding:0 15px!important;border:1px solid var(--ec-ink)!important;background:var(--ec-ink)!important;color:#fff!important;font-size:11px!important;font-weight:850!important}
.ercmp-compare-button:disabled{border-color:#dce2e9!important;background:#eef1f5!important;color:#98a3b2!important;cursor:not-allowed}
.ercmp-copy-button{width:100%!important;min-height:42px!important;margin-top:8px!important;padding:0 15px!important;border:1px solid var(--ec-line)!important;background:#fff!important;color:var(--ec-ink)!important;font-size:10px!important;font-weight:800!important}
.ercmp-copy-button:disabled{color:#a7b0bc!important;cursor:not-allowed}
.ercmp-selection-help{margin:12px 0 0;color:var(--ec-muted);font-size:9px;line-height:1.55}

.ercmp-results{padding:0 0 80px}
.ercmp-results-head{padding-top:34px;border-top:1px solid var(--ec-ink)}
.ercmp-live-label{color:var(--ec-blue);font-size:8px;font-weight:850;letter-spacing:.12em}

.ercmp-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin:20px 0;padding:18px 20px;border:1px solid var(--ec-line);background:var(--ec-soft)}
.ercmp-summary strong{display:block;font-size:13px}
.ercmp-summary p{margin:4px 0 0;color:var(--ec-text);font-size:10px;line-height:1.5}
.ercmp-summary-score{font-size:27px;font-weight:850;letter-spacing:-.04em}
.ercmp-summary-score span{color:var(--ec-muted);font-size:10px}

.ercmp-table-wrap{overflow-x:auto;border-top:1px solid var(--ec-ink);-webkit-overflow-scrolling:touch}
.ercmp-table{min-width:900px}
.ercmp-comparison-grid{display:grid;grid-template-columns:190px repeat(var(--ercmp-cols),minmax(220px,1fr))}
.ercmp-cell{min-width:0;padding:17px;border-right:1px solid var(--ec-line);border-bottom:1px solid var(--ec-line);background:#fff}
.ercmp-label-cell{position:sticky;left:0;z-index:2;background:#fbfcfe;color:#69778a;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.ercmp-company-head{padding-top:22px;padding-bottom:22px}
.ercmp-company-head-inner{display:flex;align-items:center;gap:12px}
.ercmp-head-logo{width:52px;height:52px;flex:0 0 52px}
.ercmp-company-head h3{margin:0;font-size:18px;letter-spacing:-.03em}
.ercmp-company-head .ercmp-head-category{display:block;margin-top:4px;color:var(--ec-muted);font-size:8px}
.ercmp-company-head .ercmp-head-score{display:block;margin-top:10px;font-size:24px;font-weight:850;letter-spacing:-.04em}
.ercmp-company-head .ercmp-head-score span{color:var(--ec-muted);font-size:9px}
.ercmp-section-row{grid-column:1 / -1;padding:11px 17px;border-bottom:1px solid var(--ec-line);background:var(--ec-ink);color:#fff;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.ercmp-value{color:#344356;font-size:11px;line-height:1.55}
.ercmp-value strong{color:var(--ec-ink)}
.ercmp-winning{background:#f4f7ff}
.ercmp-score-value{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ercmp-score-value strong{font-size:18px;letter-spacing:-.03em}
.ercmp-meter{height:3px;flex:1;background:#e7ebf0}
.ercmp-meter i{display:block;height:100%;background:var(--ec-blue)}
.ercmp-stars{color:#d99a00;letter-spacing:1px}
.ercmp-list{margin:0;padding-left:16px}
.ercmp-list li{margin:0 0 7px}
.ercmp-list li:last-child{margin-bottom:0}
.ercmp-review-link{display:inline-block;color:var(--ec-blue)!important;font-size:10px;font-weight:850}
.ercmp-muted{color:var(--ec-muted)}

.ercmp-copy-toast{position:fixed;right:22px;bottom:22px;z-index:99999;padding:11px 14px;background:var(--ec-ink);color:#fff;font-size:10px;box-shadow:0 8px 28px rgba(12,20,36,.2)}

.ercmp-dependency-error{padding:20px;border:1px solid #e6b8b8;background:#fff7f7;color:#842929}

@media(max-width:1100px){
  .ercmp-hero-grid{grid-template-columns:1fr;gap:32px}
  .ercmp-tool{grid-template-columns:1fr}
  .ercmp-selection{position:static}
  .ercmp-company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .ercmp-shell{width:min(calc(100% - 28px),1440px)}
  .ercmp-hero{padding:50px 0 34px}
  .ercmp-hero h1{font-size:46px}
  .ercmp-controls{grid-template-columns:1fr}
  .ercmp-company-grid{grid-template-columns:1fr}
  .ercmp-summary{grid-template-columns:1fr}
}