.compare-overall-title { margin:10px 0 0; }
.compare-overall-title label { display:block; margin-bottom:6px; color:rgba(var(--wheat-rgb),0.72); font-size:0.67rem; font-weight:800; letter-spacing:0.9px; text-transform:uppercase; }
.compare-overall-title input { box-sizing:border-box; width:100%; min-height:46px; margin:0; padding:10px 12px; border:1px solid rgba(var(--wheat-rgb),0.28); border-radius:9px; background:rgba(var(--surface-rgb),0.08); color:var(--cream); font:700 0.9rem 'DM Sans',sans-serif; }
.compare-overall-title input::placeholder { color:rgba(var(--cream-rgb),0.42); font-weight:500; }
.compare-summary-banner { border:1.5px solid rgba(122,158,135,0.4); background:rgba(122,158,135,0.1); border-radius:12px; padding:12px 14px; margin-bottom:14px; }
.compare-summary-title-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:9px; border-bottom:1px solid rgba(var(--wheat-rgb),0.18); }
.compare-summary-title-row > div { display:flex; flex-direction:column; min-width:0; }
.compare-summary-title-row span { color:rgba(var(--wheat-rgb),0.68); font-size:0.65rem; font-weight:800; letter-spacing:0.9px; text-transform:uppercase; }
.compare-summary-title-row strong { margin-top:2px; color:var(--cream); font-size:0.88rem; line-height:1.2; }
.compare-summary-list { padding-top:5px; }
.compare-summary-row { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:6px 0; font-size:0.82rem; }
.compare-summary-row--cheapest { margin:4px -7px; padding:9px 8px; border:1px solid rgba(122,158,135,0.72); border-radius:9px; background:rgba(122,158,135,0.25); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.03); }
.compare-summary-row span:first-child { display:flex; flex-direction:column; min-width:0; color:rgba(var(--cream-rgb),0.65); }
.compare-summary-row span:first-child b { color:var(--cream); font-size:0.82rem; }
.compare-summary-row span:first-child small { margin-top:2px; color:rgba(var(--wheat-rgb),0.7); font-size:0.69rem; }
.compare-summary-row strong { color:var(--cream); text-align:right; }
.compare-summary-row > strong { display:flex; flex:0 0 auto; flex-direction:column; align-items:flex-end; }
.compare-summary-per-sqft { margin-top:2px; color:rgba(var(--wheat-rgb),0.78); font-size:0.66rem; font-weight:800; letter-spacing:0.25px; }
.compare-summary-rank { flex:0 0 auto; margin:0 !important; padding:3px 7px; border-radius:999px; background:var(--sage); color:#102017 !important; font-weight:900; letter-spacing:0.4px; text-transform:uppercase; }
.compare-summary-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:9px; padding-top:10px; border-top:1px solid rgba(var(--wheat-rgb),0.18); }
.compare-summary-actions button { height:44px; min-height:44px; margin:0; padding:8px 5px; border-radius:9px; font-size:0.72rem; line-height:1.1; }
#shareCompareBtn { white-space:normal; overflow:hidden; }
.compare-summary-actions--titled { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:"price clear" "share share"; }
.compare-summary-actions--titled > button:first-child { grid-area:price; }
.compare-summary-actions--titled #shareCompareBtn { grid-area:share; }
.compare-summary-actions--titled > button:last-child { grid-area:clear; }
.compare-photo-panel { margin-top:10px; padding-top:10px; border-top:1px solid rgba(var(--wheat-rgb),0.18); }
.compare-photo-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.compare-photo-heading > div:first-child { display:flex; flex-direction:column; min-width:0; }
.compare-photo-heading strong { color:var(--cream); font-size:0.78rem; }
.compare-photo-heading span { margin-top:2px; color:rgba(var(--wheat-rgb),0.6); font-size:0.66rem; line-height:1.3; }
.compare-photo-actions { display:flex; gap:6px; flex:0 0 auto; }
.compare-photo-actions button { min-height:36px; margin:0; padding:7px 9px; border:1px solid rgba(var(--wheat-rgb),0.3); border-radius:8px; background:rgba(var(--wheat-rgb),0.09); color:var(--wheat); font:800 0.68rem 'DM Sans',sans-serif; cursor:pointer; }
.compare-photo-actions .compare-photo-remove { border-color:rgba(var(--rust-rgb),0.42); background:rgba(var(--rust-rgb),0.13); color:var(--cream); }
.compare-photo-preview { display:block; width:100%; max-height:210px; margin-top:9px; border:1px solid rgba(var(--wheat-rgb),0.24); border-radius:9px; background:rgba(var(--surface-rgb),0.08); object-fit:contain; }
.compare-list { display:flex; flex-direction:column; gap:12px; }
.compare-card { border:1.5px solid rgba(var(--wheat-rgb),0.24); border-radius:12px; background:rgba(var(--surface-rgb),0.045); padding:14px; position:relative; }
.compare-card--low { border-color:rgba(122,158,135,0.55); background:rgba(122,158,135,0.08); }
.compare-card--high { border-color:rgba(var(--rust-rgb),0.55); background:rgba(var(--rust-rgb),0.07); }
.compare-card-head { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; border-bottom:1px solid rgba(var(--wheat-rgb),0.14); padding-bottom:9px; margin-bottom:9px; }
.compare-card-identity { display:flex; align-items:center; gap:11px; min-width:0; }
.compare-card-thumb { width:64px; height:52px; border-radius:8px; border:1px solid rgba(var(--wheat-rgb),0.25); object-fit:cover; background:rgba(var(--surface-rgb),0.08); flex:0 0 auto; }
.compare-card-thumb--empty { display:flex; align-items:center; justify-content:center; color:rgba(var(--wheat-rgb),0.6); font-size:1.3rem; }
.compare-card-title-wrap { min-width:0; }
.compare-card-title { color:var(--wheat); font-weight:800; font-size:1rem; }
.compare-card-size-row { display:flex; align-items:baseline; gap:12px; margin-bottom:3px; }
.compare-card-size { color:var(--cream); font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif; font-size:1.5rem; line-height:1; letter-spacing:1px; white-space:nowrap; }
.compare-card-head-price { color:var(--cream); font-size:1rem; line-height:1; white-space:nowrap; }
.compare-card-custom-name { margin-top:3px; color:rgba(var(--cream-rgb),0.72); font-size:0.72rem; font-weight:700; }
.compare-title-button { min-height:32px; margin:0 0 9px; padding:6px 9px; border:1px solid rgba(var(--wheat-rgb),0.3); border-radius:8px; background:rgba(var(--wheat-rgb),0.09); color:var(--wheat); font:800 0.68rem 'DM Sans',sans-serif; cursor:pointer; }
.compare-title-actions { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:0 0 9px; }
.compare-summary-title-row .compare-title-actions { flex:0 0 auto; justify-content:flex-end; margin:0; }
.compare-title-actions .compare-title-button { margin:0; }
.compare-remove-title { min-height:32px; margin:0; padding:6px 9px; border:1px solid rgba(var(--rust-rgb),0.42); border-radius:8px; background:rgba(var(--rust-rgb),0.13); color:var(--cream); font:800 0.68rem 'DM Sans',sans-serif; cursor:pointer; }
.compare-remove-title[hidden] { display:none !important; }
.compare-badge { display:inline-block; margin-top:5px; padding:2px 8px; border-radius:20px; font-size:0.62rem; font-weight:800; letter-spacing:0.6px; text-transform:uppercase; }
.compare-badge--low { background:var(--sage); color:#0f1a13; }
.compare-badge--high { background:var(--rust); color:#2c1810; }
.compare-remove { border:none; background:rgba(var(--rust-rgb),0.2); color:#f0c4a8; border-radius:7px; padding:6px 8px; cursor:pointer; flex-shrink:0; }
.compare-line { display:flex; justify-content:space-between; gap:12px; font-size:0.78rem; padding:3px 0; }
.compare-line span:first-child { color:rgba(var(--wheat-rgb),0.62); }
.compare-line strong { color:var(--cream); text-align:right; }
.compare-line--per-sqft strong { color:var(--wheat); }
.compare-line--diff { margin-top:6px; padding-top:7px; border-top:1px dashed rgba(var(--wheat-rgb),0.18); }
.compare-line--diff span:first-child { color:rgba(var(--wheat-rgb),0.5); }
.compare-line--diff strong { color:var(--rust); }
.compare-line--diff.is-cheapest strong { color:var(--sage); }
.compare-options { margin-top:8px; color:rgba(var(--cream-rgb),0.7); font-size:0.72rem; line-height:1.45; }
.calc-compare-bar { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:14px 0 4px; }
.calc-compare-btn { -webkit-appearance:none; appearance:none; box-sizing:border-box; min-width:0; display:flex; align-items:center; justify-content:center; gap:5px; border:1.5px solid rgba(var(--wheat-rgb),0.28); border-radius:9px; background:rgba(var(--surface-rgb),0.06); color:var(--wheat); cursor:pointer; padding:11px 6px; font-family:'DM Sans',-apple-system,sans-serif; font-size:0.78rem; font-weight:700; letter-spacing:0.2px; text-align:center; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.calc-compare-btn:active { opacity:0.82; }
.calc-compare-btn--view { background:var(--barn); border-color:var(--barn); color:var(--cream); }
.calc-compare-btn .compare-count-badge { font-weight:800; opacity:0.9; }

.compare-swipe-shell {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(var(--rust-rgb), 0.82);
}
.compare-swipe-delete {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 88px;
  border: 0;
  border-radius: 0;
  margin: 0;
  background: var(--rust);
  color: #fff;
  font: 800 0.75rem 'DM Sans', sans-serif;
  letter-spacing: 0.4px;
  cursor: pointer;
}
.compare-swipe-shell .compare-card {
  z-index: 1;
  background: var(--earth);
  transition: transform 180ms ease;
  touch-action: pan-y;
  will-change: transform;
  cursor: pointer;
}
.compare-swipe-shell .compare-card:focus-visible { outline:2px solid var(--wheat); outline-offset:-3px; }
.compare-swipe-shell.is-open .compare-card { transform: translateX(-88px); }
.compare-name-field { margin: 0 0 10px; }
.compare-name-field[hidden], .compare-overall-title[hidden] { display:none !important; }
.compare-name-field label {
  display: block;
  color: rgba(var(--wheat-rgb), 0.7);
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.compare-name-field input {
  width: 100%;
  margin: 0;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid rgba(var(--wheat-rgb), 0.24);
  border-radius: 8px;
  background: rgba(var(--surface-rgb), 0.08);
  color: var(--cream);
  font: 700 0.84rem 'DM Sans', sans-serif;
}
.compare-name-field input::placeholder { color: rgba(var(--cream-rgb), 0.42); font-weight: 500; }
.compare-rto-group {
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px dashed rgba(var(--wheat-rgb), 0.18);
}
.compare-rto-heading {
  color: rgba(var(--wheat-rgb), 0.7);
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.quick-price-per-sqft {
  position:static; flex:0 0 calc(1.15rem + 2px); display:flex; align-items:flex-end; justify-content:center;
  width:100%; box-sizing:border-box; margin:0; padding:0 0 2px;
  border:0;
  color:rgba(var(--wheat-rgb),0.88); font-size:1.15rem; font-weight:700;
  letter-spacing:0.65px; line-height:1; text-align:center; text-transform:uppercase;
}
.quick-price-price-center { position:relative; padding-bottom:14px; }
.calc-price-pane--cash { padding-bottom:0; }
.calc-details-pane--cash .calc-detail-collapse { margin-top:2px; }
#calcPriceDeck.inv-deck-mode .quick-price-per-sqft { display:none !important; }
.quick-price-amount { font-size:clamp(3.35rem,15vw,5rem); }
@media (max-width:370px) {
  .quick-price-amount { font-size:clamp(3rem,14vw,4.25rem); }
}
.rto-detail-list { display:flex; flex-direction:column; margin-top:2px; }
.rto-detail-row {
  display:flex; align-items:baseline; justify-content:space-between; gap:14px;
  padding:8px 0; border-bottom:1px solid rgba(var(--wheat-rgb),0.14);
}
.rto-detail-row:last-child { border-bottom:none; }
.rto-detail-cell-lbl { min-width:0; font-size:0.62rem; letter-spacing:1px; color:rgba(var(--wheat-rgb),0.65); text-transform:uppercase; }
.rto-detail-cell-val { flex-shrink:0; font-size:0.86rem; font-weight:700; color:#fff; text-align:right; }