/* Curated SEO comparison pages reuse the shared comparison engine, but present it as page content rather than an application modal. */
body.wba-curated-comparison .wba-db-app .wba-showroom-search,
body.wba-curated-comparison .wba-db-app .wba-showroom-quick-label,
body.wba-curated-comparison .wba-db-app .wba-showroom-quick,
body.wba-curated-comparison .wba-db-app .wba-showroom-stage,
body.wba-curated-comparison .wba-db-app .shell,
body.wba-curated-comparison .wba-db-app #compareBar,
body.wba-curated-comparison .wba-db-app #drawerOverlay,
body.wba-curated-comparison .wba-db-app #detailDrawer,
body.wba-curated-comparison .wba-db-app #sheetBackdrop,
body.wba-curated-comparison .wba-db-app #sortSheet {
  display: none !important;
}

body.wba-curated-comparison .wba-db-app {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

body.wba-curated-comparison .wba-db-app #compareModal.comparison-page-inline[hidden] {
  pointer-events: auto;
}

body.wba-curated-comparison .wba-db-app .wba-showroom-hero {
  min-height: 0;
  padding-bottom: 34px;
}

body.wba-curated-comparison .wba-db-app .wba-showroom-copy {
  max-width: 980px;
}

body.wba-curated-comparison .wba-model-comparison-controls {
  max-width: 900px;
  margin: 26px 0 0;
  padding: 20px;
  border: 1px solid #dce5e2;
  border-radius: 18px;
  background: #f7faf8;
}

body.wba-curated-comparison .wba-model-comparison-controls__title {
  margin: 0 0 14px;
  color: #30433d;
  font-size: 14px;
  font-weight: 750;
}

body.wba-curated-comparison .wba-model-comparison-controls__models {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body.wba-curated-comparison .wba-model-comparison-controls__model {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 14px;
  border: 1px solid #e2e9e6;
  border-radius: 14px;
  background: #fff;
}

body.wba-curated-comparison .wba-model-comparison-controls__model legend {
  grid-column: 1 / -1;
  padding: 0 5px;
  color: #173d32;
  font-size: 15px;
  font-weight: 800;
}

body.wba-curated-comparison .wba-model-comparison-controls__model label {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: #55645f;
  font-size: 12px;
  font-weight: 700;
}

body.wba-curated-comparison .wba-model-comparison-controls__model label[hidden] {
  display: none !important;
}

body.wba-curated-comparison .wba-model-comparison-controls__model select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 8px 30px 8px 10px;
  border: 1px solid #c8d5d0;
  border-radius: 10px;
  background-color: #fff;
  color: #152d26;
  font: inherit;
  font-size: 13px;
}

body.wba-curated-comparison .wba-model-comparison-controls__units {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 14px;
  color: #55645f;
  font-size: 12px;
  font-weight: 700;
}

body.wba-curated-comparison .wba-model-comparison-controls__units > div {
  display: inline-flex;
  gap: 4px;
  padding: 3px;
  border: 1px solid #d7e1dc;
  border-radius: 10px;
  background: #fff;
}

body.wba-curated-comparison .wba-model-comparison-controls__units button {
  min-height: 36px;
  padding: 6px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #40524b;
  font: inherit;
  cursor: pointer;
}

body.wba-curated-comparison .wba-model-comparison-controls__units button.active {
  background: #e8f1ec;
  color: #173d32;
}

body.wba-curated-comparison .wba-db-app #compareModal.modal-overlay,
body.wba-curated-comparison .wba-db-app #compareModal.modal-overlay[hidden] {
  --wba-compare-overlay-top-inset: 0px !important;
  display: block !important;
  position: relative !important;
  inset: auto !important;
  z-index: auto !important;
  width: 100% !important;
  background: #fff !important;
  backdrop-filter: none !important;
  padding: 0 clamp(16px, 4vw, 60px) 88px !important;
  overflow: visible !important;
  overscroll-behavior: auto !important;
}

body.wba-curated-comparison .wba-db-app #compareModal .modal {
  width: 100% !important;
  max-width: 1380px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 24px 0 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}

body.wba-curated-comparison .wba-db-app #compareModal .modal-head {
  display: none !important;
}

body.wba-curated-comparison .wba-db-app #compareModal .compare-controls {
  padding: 0 0 16px;
  justify-content: flex-end;
}

body.wba-curated-comparison .wba-db-app #compareModal .compare-controls {
  flex-wrap: wrap;
}

body.wba-curated-comparison .wba-db-app #compareModal #closeCompareModal {
  display: none !important;
}

body.wba-curated-comparison.wba-db-modal-open,
html.wba-db-modal-open body.wba-curated-comparison {
  overflow: visible !important;
}

@media (max-width: 900px) {
  body.wba-curated-comparison .wba-db-app .wba-showroom-hero {
    padding-bottom: 22px;
  }

  body.wba-curated-comparison .wba-db-app #compareModal.modal-overlay,
  body.wba-curated-comparison .wba-db-app #compareModal.modal-overlay[hidden] {
    padding: 0 8px 48px !important;
  }

  body.wba-curated-comparison .wba-db-app #compareModal .modal {
    min-height: 0 !important;
    padding: 14px 0 0 !important;
  }
}

@media (max-width: 620px) {
  body.wba-curated-comparison .wba-model-comparison-controls {
    margin-top: 18px;
    padding: 14px;
    border-radius: 14px;
  }

  body.wba-curated-comparison .wba-model-comparison-controls__models {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  body.wba-curated-comparison .wba-model-comparison-controls__model {
    padding: 12px;
  }

  body.wba-curated-comparison .wba-model-comparison-controls__units {
    justify-content: space-between;
  }
}