.echo-vehicle-form select {
  width: 100%;
  min-height: 52px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 4px;
  background: #0d1117;
  color: #f8f9fa;
  padding: 0 42px 0 14px;
  font: inherit;
  appearance: auto;
}
.echo-vehicle-form select:disabled {
  cursor: not-allowed;
  opacity: .48;
}
.echo-vehicle-form select[aria-busy="true"] { opacity: .7; }
.echo-motor-confirm { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,.8fr); gap: 18px; padding: 18px; border: 1px solid rgba(237,28,42,.48); background: rgba(12,15,20,.82); }
.echo-motor-confirm[hidden] { display: none !important; }
.echo-motor-confirm strong { display: block; color: #fff; font-size: 18px; }
.echo-motor-confirm p { margin: 6px 0 0; color: #aeb6c2; line-height: 1.55; }
.echo-motor-confirm label { margin: 0; }
.echo-motor-confirm input { width: 100%; min-height: 54px; margin-top: 8px; padding: 0 14px; border: 1px solid rgba(237,28,42,.55); background: #0b0e13; color: #fff; font: inherit; font-weight: 750; box-sizing: border-box; }
.echo-finder-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.echo-save-vehicle { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.25); }
.echo-save-vehicle:disabled,
.echo-vehicle-form [type="submit"]:disabled { opacity: .45; cursor: not-allowed; }
.echo-garage-summary {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 16px;
  align-items: center;
  margin: 0 0 16px;
  padding: 14px 16px;
  border: 1px solid rgba(59, 210, 134, .35);
  border-left: 3px solid #3bd286;
  background: rgba(59, 210, 134, .07);
  color: #fff;
}
.echo-garage-summary[hidden] { display: none; }
.echo-garage-summary .echo-garage-kicker { grid-column: 1 / -1; color: #8c98a8; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.echo-garage-summary strong { font-size: 17px; }
.echo-garage-summary small { grid-column: 1; color: #aab3be; }
.echo-garage-summary .echo-garage-summary-actions { grid-column: 2; grid-row: 2 / 4; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.echo-garage-summary .echo-garage-summary-actions a { color: #fff; font-weight: 800; white-space: nowrap; }
.echo-garage-summary .echo-garage-summary-actions button { padding: 0; border: 0; background: transparent; color: #c33; font: inherit; font-size: 12px; font-weight: 800; text-decoration: underline; cursor: pointer; }
.echo-garage-summary .echo-garage-summary-actions button:disabled { opacity: .55; cursor: wait; }
.echo-vehicle-form [data-echo-status][data-state="error"] { color: #ff8b8b; }
.echo-vehicle-form [data-echo-status][data-state="success"] { color: #6fe3a8; }
.echo-vehicle-form [data-echo-status][data-state="loading"] { color: #f5bd62; }
.echo-shop-fitment-notice {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  align-items: center;
  margin: 0 0 22px;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.14);
  background: #11151b;
  color: #fff;
}
.echo-shop-fitment-notice span { color: #aab3be; }
.echo-shop-fitment-notice a { margin-left: auto; color: #fff; text-decoration: underline; }
.echo-fitment-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 6px 0;
  padding: 5px 9px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1.2;
  text-transform: uppercase;
}
.echo-fitment-badge.is-fits { border-color: rgba(59,210,134,.55); background: rgba(59,210,134,.12); color: #83efb7; }
.echo-fitment-badge.is-universal { border-color: rgba(122,178,255,.55); background: rgba(122,178,255,.1); color: #a9ccff; }
.echo-fitment-badge.is-conditional,
.echo-fitment-badge.is-check_available { border-color: rgba(245,189,98,.7); background: rgba(245,189,98,.14); color: #ffd18a; }
.echo-fitment-badge.is-unknown,
.echo-fitment-badge.is-vehicle_specific { border-color: rgba(245,189,98,.5); background: rgba(245,189,98,.09); color: #ffd18a; }
.echo-fitment-badge.is-does_not_fit { border-color: rgba(237,28,42,.55); background: rgba(237,28,42,.1); color: #ff8b93; }
.echo-fitment-help { margin: 14px 0; padding: 14px; border: 1px solid rgba(245,189,98,.35); border-radius: 8px; background: rgba(245,189,98,.06); }
.echo-fitment-help summary { cursor: pointer; font-weight: 700; }
.echo-fitment-help form { margin-top: 12px; }
.echo-fitment-help label { display: inline-block; margin: 0 10px 10px 0; }
.echo-fitment-help input,
.echo-fitment-help textarea { max-width: 100%; }
.echo-account-garage .echo-garage-list { display: grid; gap: 12px; margin: 20px 0 28px; }
.echo-garage-card { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 16px; border: 1px solid #dcdcde; }
.echo-garage-card strong, .echo-garage-card span { display: block; }
.echo-garage-card span { margin-top: 4px; opacity: .75; }
.echo-garage-card button { margin-left: 8px; }
.echo-garage-card.is-active { border-color: #3bd286; }
@media (max-width: 720px) {
  .echo-motor-confirm { grid-template-columns: 1fr; }
  .echo-finder-actions { display: grid; grid-template-columns: 1fr; }
  .echo-finder-actions .btn, .echo-save-vehicle { width: 100%; text-align: center; }
  .echo-garage-summary { grid-template-columns: 1fr; }
  .echo-garage-summary .echo-garage-summary-actions { grid-column: 1; grid-row: auto; align-items: flex-start; margin-top: 6px; }
  .echo-shop-fitment-notice { align-items: flex-start; flex-direction: column; }
  .echo-shop-fitment-notice a { margin-left: 0; }
  .echo-garage-card { align-items: flex-start; flex-direction: column; }
  .echo-garage-card button { margin: 6px 8px 0 0; }
}

/* v0.2.4 — keep secondary garage actions obvious on light and dark themes. */
.echo-vehicle-form .echo-finder-actions {
  width: 100%;
}
.echo-vehicle-form .echo-finder-actions > .btn,
.echo-vehicle-form .echo-finder-actions > button,
.echo-vehicle-form .echo-finder-actions > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 56px !important;
  padding: 14px 20px !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 900 !important;
  letter-spacing: .055em !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  white-space: normal !important;
  box-sizing: border-box !important;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease !important;
}

/* The vehicle finder starts the customer journey; building is the primary action. */
.echo-vehicle-form .echo-start-build:not(:disabled) {
  background: linear-gradient(135deg, #ed1c2a, #b81520) !important;
  border-color: #f04450 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(237, 28, 42, .26) !important;
}
.echo-vehicle-form .echo-start-build:not(:disabled):hover,
.echo-vehicle-form .echo-start-build:not(:disabled):focus-visible {
  background: linear-gradient(135deg, #ff3542, #cf1723) !important;
  box-shadow: 0 15px 34px rgba(237, 28, 42, .34) !important;
  transform: translateY(-1px);
}
.echo-vehicle-form .echo-start-build:disabled {
  background: #272c34 !important;
  border-color: #515966 !important;
  color: #929aa6 !important;
  cursor: not-allowed !important;
}
.echo-vehicle-form .echo-start-build span { margin-left: 8px; }
.echo-vehicle-form .echo-show-parts:not(:disabled) {
  background: #171c24 !important;
  border-color: #525b68 !important;
  color: #ffffff !important;
}

/* Save is a bold dark action after selection, but remains readable while disabled. */
.echo-vehicle-form .echo-save-vehicle:not(:disabled) {
  background: #11151b !important;
  border-color: #11151b !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(17, 21, 27, .20) !important;
}
.echo-vehicle-form .echo-save-vehicle:not(:disabled):hover,
.echo-vehicle-form .echo-save-vehicle:not(:disabled):focus-visible {
  background: #202733 !important;
  border-color: #ed1c2a !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(237, 28, 42, .18) !important;
  transform: translateY(-1px);
}
.echo-vehicle-form .echo-save-vehicle:disabled {
  background: #e5e7eb !important;
  border-color: #8c96a3 !important;
  color: #48515d !important;
  opacity: 1 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.65) !important;
  cursor: not-allowed !important;
}

/* Universal parts always works, so give it a clear high-contrast outline action. */
.echo-vehicle-form .echo-shop-universal,
.echo-vehicle-form a[href*="em_fitment=universal"] {
  background: #ffffff !important;
  border-color: #11151b !important;
  color: #11151b !important;
  box-shadow: 0 8px 20px rgba(17, 21, 27, .10) !important;
}
.echo-vehicle-form .echo-shop-universal:hover,
.echo-vehicle-form .echo-shop-universal:focus-visible,
.echo-vehicle-form a[href*="em_fitment=universal"]:hover,
.echo-vehicle-form a[href*="em_fitment=universal"]:focus-visible {
  background: #ed1c2a !important;
  border-color: #ed1c2a !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(237, 28, 42, .25) !important;
  transform: translateY(-1px);
}

.echo-vehicle-form .echo-finder-actions > *:focus-visible {
  outline: 3px solid rgba(237, 28, 42, .32) !important;
  outline-offset: 3px !important;
}

@media (max-width: 720px) {
  .echo-vehicle-form .echo-finder-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  .echo-vehicle-form .echo-finder-actions > .btn,
  .echo-vehicle-form .echo-finder-actions > button,
  .echo-vehicle-form .echo-finder-actions > a {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 15px 18px !important;
    font-size: 14px !important;
  }
}

/* v0.6.1 — high-contrast active garage card for light and dark page backgrounds. */
.echo-garage-summary {
  position: relative;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 24px;
  padding: 22px 24px;
  border: 1px solid rgba(255,255,255,.16);
  border-left: 5px solid #ed1c2a;
  border-radius: 6px;
  background: linear-gradient(120deg, #121820 0%, #0a0e13 100%);
  box-shadow: 0 16px 36px rgba(0,0,0,.22);
  color: #fff;
}
.echo-garage-summary::after {
  content: '';
  position: absolute;
  inset: 0 0 0 auto;
  width: 34%;
  pointer-events: none;
  background: linear-gradient(135deg, transparent, rgba(237,28,42,.08));
}
.echo-garage-summary .echo-garage-kicker {
  position: relative;
  z-index: 1;
  color: #ff6b74;
  font-size: 12px;
  letter-spacing: .15em;
}
.echo-garage-summary strong {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: clamp(19px, 2vw, 25px);
  line-height: 1.2;
}
.echo-garage-summary small {
  position: relative;
  z-index: 1;
  color: #bcc5d0;
  font-size: 14px;
  line-height: 1.45;
}
.echo-garage-summary .echo-garage-summary-actions {
  position: relative;
  z-index: 1;
  min-width: 210px;
  align-items: stretch;
}
.echo-garage-summary .echo-garage-summary-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 16px;
  border: 1px solid #ed1c2a;
  background: #ed1c2a;
  color: #fff !important;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .035em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}
.echo-garage-summary .echo-garage-summary-actions a:hover,
.echo-garage-summary .echo-garage-summary-actions a:focus-visible {
  background: #ff3442;
  border-color: #ff3442;
}
.echo-garage-summary .echo-garage-summary-actions button {
  align-self: center;
  color: #d5d9df;
  font-size: 12px;
}
.echo-garage-summary .echo-garage-summary-actions button:hover,
.echo-garage-summary .echo-garage-summary-actions button:focus-visible {
  color: #fff;
}
@media (max-width: 720px) {
  .echo-garage-summary {
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 18px;
  }
  .echo-garage-summary::after { width: 55%; opacity: .65; }
  .echo-garage-summary .echo-garage-summary-actions {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
    min-width: 0;
    margin-top: 10px;
    gap: 10px;
  }
  .echo-garage-summary .echo-garage-summary-actions a { width: 100%; }
  .echo-garage-summary .echo-garage-summary-actions button {
    align-self: flex-start;
    min-height: 32px;
  }
}

/* v1.1.0 — Garage Lookup v2 fallback methods and resilient mobile layout. */
.echo-alternate-lookup {
  margin-top: 16px;
  border: 1px solid rgba(255,255,255,.16);
  background: #0d1117;
  color: #fff;
}
.echo-alt-toggle {
  width: 100%;
  min-height: 52px;
  padding: 13px 16px;
  border: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  font-weight: 900;
  text-align: left;
  cursor: pointer;
}
.echo-alt-toggle::after { content: '+'; float: right; color: #ed1c2a; font-size: 22px; line-height: 1; }
.echo-alt-toggle[aria-expanded="true"]::after { content: '−'; }
.echo-alt-panel { padding: 0 16px 18px; border-top: 1px solid rgba(255,255,255,.12); }
.echo-alt-tabs { display: flex; gap: 8px; padding: 14px 0; }
.echo-alt-tabs button {
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid rgba(255,255,255,.2);
  background: #171d26;
  color: #c8d0da;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.echo-alt-tabs button.is-active { border-color: #ed1c2a; background: #ed1c2a; color: #fff; }
.echo-alt-view label,
.echo-manual-grid label { display: grid; gap: 7px; }
.echo-alt-view label span,
.echo-manual-grid label span { font-size: 12px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.echo-alt-view input,
.echo-manual-grid input {
  width: 100%;
  min-height: 50px;
  padding: 0 13px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 4px;
  background: #080b10;
  color: #fff;
  font: inherit;
  box-sizing: border-box;
}
.echo-alt-view > .btn { margin-top: 12px; min-height: 52px; }
.echo-manual-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.echo-alt-note { margin: 14px 0 0; color: #aeb8c5; font-size: 13px; line-height: 1.45; }
@media (max-width: 720px) {
  .echo-alt-tabs { display: grid; grid-template-columns: 1fr 1fr; }
  .echo-manual-grid { grid-template-columns: 1fr; }
  .echo-alt-view > .btn { width: 100%; }
}

/* Fitment scope filters v2.1 */
.echo-fitment-filter-panel{display:block!important;padding:20px!important}.echo-fitment-filter-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.echo-fitment-filter-title div{display:flex;flex-direction:column;gap:4px}.echo-fitment-filter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.echo-fitment-filter-tabs a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 14px;border:1px solid rgba(255,255,255,.18);text-decoration:none}.echo-fitment-filter-tabs a.is-active{background:#e51f2b;border-color:#e51f2b;color:#fff}.echo-fitment-filter-tabs a span{font-size:12px;opacity:.75}.echo-fitment-filter-help{margin:12px 0 0;font-size:12px;opacity:.72}.echo-fitment-filter-help b{opacity:1}
@media(max-width:640px){.echo-fitment-filter-panel{padding:16px!important}.echo-fitment-filter-title{align-items:flex-start}.echo-fitment-filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.echo-fitment-filter-tabs a{padding:12px 10px;font-size:13px}.echo-fitment-filter-help{line-height:1.45}}

/* v2.1.1 — premium fitment filter and garage-results UI */
.echo-fitment-filter-panel{position:relative!important;overflow:hidden!important;margin:0 0 24px!important;padding:22px!important;border:1px solid #dce1e6!important;border-left:4px solid #e51f2b!important;border-radius:12px!important;background:linear-gradient(145deg,#fff 0%,#f7f8fa 100%)!important;color:#11151b!important;box-shadow:0 14px 36px rgba(18,26,36,.09)!important}
.echo-fitment-filter-panel:after{content:"";position:absolute;right:-70px;top:-90px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(229,31,43,.09),transparent 68%);pointer-events:none}
.echo-fitment-filter-title{position:relative;z-index:1;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
.echo-fitment-filter-title div{display:flex!important;flex-direction:column!important;gap:4px!important}
.echo-fitment-filter-title strong{color:#11151b!important;font-size:1.22rem!important;line-height:1.15!important;letter-spacing:-.02em!important}
.echo-fitment-filter-title span{color:#69727e!important;font-size:.78rem!important;line-height:1.4!important}
.echo-fitment-filter-title>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:8px 12px!important;border:1px solid #ccd2d8!important;border-radius:7px!important;background:#fff!important;color:#20262e!important;font-size:.72rem!important;font-weight:850!important;text-decoration:none!important;white-space:nowrap!important}
.echo-fitment-filter-title>a:hover{border-color:#e51f2b!important;color:#b91f29!important}
.echo-fitment-filter-tabs{position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin-top:18px!important}
.echo-fitment-filter-tabs a{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:8px!important;min-height:54px!important;padding:11px 13px!important;border:1px solid #d8dde2!important;border-radius:8px!important;background:#fff!important;color:#252b33!important;text-decoration:none!important;box-shadow:0 4px 12px rgba(18,26,36,.04)!important;transition:.16s ease!important}
.echo-fitment-filter-tabs a:hover{transform:translateY(-1px)!important;border-color:#adb5bf!important;box-shadow:0 8px 18px rgba(18,26,36,.08)!important}
.echo-fitment-filter-tabs a strong{font-size:.76rem!important;font-weight:900!important;letter-spacing:.01em!important}
.echo-fitment-filter-tabs a span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:28px!important;height:28px!important;padding:0 7px!important;border-radius:999px!important;background:#eef1f4!important;color:#59626e!important;font-size:.68rem!important;font-weight:900!important;opacity:1!important}
.echo-fitment-filter-tabs a.is-active{background:#11151b!important;border-color:#11151b!important;color:#fff!important;box-shadow:0 10px 24px rgba(17,21,27,.18)!important}
.echo-fitment-filter-tabs a.is-active span{background:#e51f2b!important;color:#fff!important}
.echo-fitment-filter-help{position:relative;z-index:1;margin:13px 0 0!important;color:#6e7783!important;font-size:.72rem!important;line-height:1.5!important;opacity:1!important}
.echo-fitment-filter-help b{color:#303741!important;font-weight:850!important}
@media(max-width:720px){.echo-fitment-filter-panel{margin-bottom:18px!important;padding:17px 15px!important;border-radius:10px!important}.echo-fitment-filter-title{align-items:flex-start!important;gap:10px!important}.echo-fitment-filter-title strong{font-size:1.05rem!important}.echo-fitment-filter-title span{font-size:.7rem!important}.echo-fitment-filter-title>a{min-height:34px!important;padding:7px 9px!important;font-size:.66rem!important}.echo-fitment-filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important}.echo-fitment-filter-tabs a{min-height:50px!important;padding:10px!important}.echo-fitment-filter-tabs a strong{font-size:.7rem!important}.echo-fitment-filter-tabs a span{min-width:25px!important;height:25px!important;font-size:.64rem!important}.echo-fitment-filter-help{margin-top:11px!important;font-size:.67rem!important}}

/* v15.20 — Echo command selector */
.echo-native-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important;border:0!important}.echo-command-select{position:relative;z-index:8;width:100%}.echo-command-select.is-open{z-index:90}.echo-command-trigger{position:relative;display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:18px;width:100%;min-height:78px;padding:16px 18px 16px 20px!important;border:1px solid rgba(220,224,230,.18)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(18,20,24,.98),rgba(8,9,11,.98))!important;color:#f4f3f1!important;text-align:left!important;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.12)!important}.echo-command-trigger:after{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;background:#e5373d;transform:scaleY(0);transition:transform .2s}.echo-command-trigger:hover,.echo-command-select.is-open .echo-command-trigger{border-color:rgba(229,55,61,.52)!important;background:linear-gradient(145deg,rgba(28,22,24,.98),rgba(10,11,13,.98))!important}.echo-command-trigger:hover:after,.echo-command-select.is-open .echo-command-trigger:after,.echo-command-select.is-complete .echo-command-trigger:after{transform:scaleY(1)}.echo-command-trigger:disabled{cursor:not-allowed;opacity:.38}.echo-command-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:850;letter-spacing:-.01em}.echo-command-trigger small{display:inline-flex;align-items:center;justify-content:center;min-width:66px;height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#a5a8ad;font-size:.58rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.echo-command-select.is-complete .echo-command-trigger small{border-color:rgba(229,55,61,.34);background:rgba(229,55,61,.1);color:#f26a6f}.echo-command-panel{position:absolute;z-index:100;left:0;right:0;top:calc(100% + 8px);max-height:min(430px,58vh);padding:12px;border:1px solid rgba(229,55,61,.34);border-radius:14px;background:rgba(10,11,13,.985);box-shadow:0 30px 80px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(24px);overflow:hidden}.echo-command-panel[hidden]{display:none!important}.echo-command-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:3px 3px 10px}.echo-command-panel-head strong{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase}.echo-command-panel-head button{width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#15171b;color:#fff;font-size:1.25rem;cursor:pointer}.echo-command-search{width:100%!important;min-height:46px!important;margin:0 0 9px!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:9px!important;background:#050607!important;color:#fff!important;font:inherit!important;box-sizing:border-box}.echo-command-search:focus{border-color:#e5373d!important;outline:none!important}.echo-command-options{display:grid;gap:6px;max-height:300px;overflow:auto;scrollbar-color:#4b4d52 transparent}.echo-command-option{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:16px;width:100%;min-height:48px;padding:11px 13px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;background:#121418!important;color:#e8e8e6!important;text-align:left!important;cursor:pointer}.echo-command-option:hover{border-color:rgba(229,55,61,.42)!important;background:#21171a!important;transform:translateX(2px)}.echo-command-option[aria-selected="true"]{border-color:#e5373d!important;background:rgba(229,55,61,.14)!important}.echo-command-option span{font-size:.86rem;font-weight:750;line-height:1.3}.echo-command-option b{color:#e95b61}.echo-command-options.is-empty{padding:22px;color:#8f9298;text-align:center;font-size:.8rem}.echo-vehicle-form label:has(.echo-command-select){overflow:visible!important}
@media(max-width:720px){html.echo-mobile-picker-open{overflow:hidden}html.echo-mobile-picker-open .echo-mobile-dock{transform:translateY(calc(100% + 24px))!important;opacity:0!important;pointer-events:none!important}.echo-command-trigger{min-height:64px;padding:13px 14px!important}.echo-command-value{font-size:.9rem}.echo-command-trigger small{min-width:54px;height:26px;font-size:.52rem}.echo-command-select.is-open:before{content:"";position:fixed;z-index:99997;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(3px)}.echo-command-panel{position:fixed;z-index:99999;display:flex;flex-direction:column;left:8px;right:8px;top:auto;bottom:max(88px,calc(76px + env(safe-area-inset-bottom)));max-height:calc(100dvh - 116px);padding:14px;border-radius:18px;box-sizing:border-box}.echo-command-panel-head{flex:0 0 auto;padding:0 0 12px}.echo-command-panel-head strong{max-width:calc(100% - 54px);font-size:.76rem;line-height:1.35}.echo-command-panel-head button{display:grid!important;place-items:center!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;flex:0 0 38px!important;border-radius:50%!important;line-height:1!important}.echo-command-search{flex:0 0 50px;min-height:50px!important;font-size:16px!important}.echo-command-options{flex:1 1 auto;min-height:96px;max-height:min(52dvh,420px);padding-bottom:4px;overscroll-behavior:contain}.echo-command-option{min-height:56px}.echo-command-option span{font-size:.82rem;overflow-wrap:anywhere}}

/* v18.38.1 — Retail55's quick selector now uses the verified Garage controller. */
.echo-retail55-finder > label {
  display: grid;
  gap: 7px;
  min-width: 0;
}
.echo-retail55-finder > label > span {
  color: #c8d0d9;
  font-size: .71rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.echo-retail55-finder .echo-finder-actions,
.echo-retail55-finder .fitment-note {
  grid-column: 1 / -1;
}
.echo-retail55-finder .echo-finder-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.echo-retail55-finder .echo-finder-actions > * {
  width: 100%;
  min-width: 0;
}
.em-sheet .echo-retail55-finder {
  padding-bottom: 4px;
}
@media (max-width: 720px) {
  .echo-retail55-finder .echo-finder-actions {
    grid-template-columns: 1fr;
  }
}

/* v18.53.0 — Open shopping mode */
.echo-browse-all-parts{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.echo-garage-summary .echo-garage-summary-actions button[data-echo-change-current],
.echo-garage-summary .echo-garage-summary-actions button.echo-browse-all-inline{color:#eef2f7!important}
.echo-garage-summary .echo-garage-summary-actions button[data-echo-clear-current]{color:#ef6b72!important}
.echo-browse-all-parts.is-loading{opacity:.6;pointer-events:none}
@media(max-width:720px){.echo-finder-actions .echo-browse-all-parts{width:100%!important}.echo-garage-summary .echo-garage-summary-actions{width:100%!important;align-items:stretch!important}.echo-garage-summary .echo-garage-summary-actions>a,.echo-garage-summary .echo-garage-summary-actions>button{text-align:left!important;white-space:normal!important}}
