:root{--bg:#f3f4f6;--card:#fff;--ink:#111;--muted:#6b7280;--line:#dedfe3;--red:#d71920;--red-dark:#ad1117;--radius:20px}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,760px);margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 14px calc(28px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.eyebrow{font-size:.73rem;font-weight:900;letter-spacing:.12em;color:var(--red)}h1{margin:2px 0 0;font-size:clamp(1.45rem,6vw,2rem);line-height:1.05}.icon-btn{border:1px solid var(--line);background:#fff;min-height:52px;min-width:78px;border-radius:14px;font-weight:850}.search-panel,.result-card,.matches-card,.recent-section,.status-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 24px rgba(0,0,0,.05)}.search-panel{padding:16px}.search-panel label{display:block;font-size:.8rem;font-weight:950;letter-spacing:.08em;margin-bottom:8px}.search-row{display:grid;grid-template-columns:1fr;gap:10px}#stockInput{width:100%;height:70px;border:2px solid #cfd1d5;border-radius:17px;padding:0 16px;font-size:1.45rem;font-weight:900;text-transform:uppercase;outline:none}#stockInput:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.08)}.primary-btn,.website-btn{width:100%;min-height:68px;border:none;border-radius:17px;background:var(--red);color:#fff;font-size:1.22rem;font-weight:1000;letter-spacing:.035em;display:flex;align-items:center;justify-content:center;text-decoration:none}.primary-btn:active,.website-btn:active{background:var(--red-dark);transform:translateY(1px)}.primary-btn:disabled{opacity:.55}.helper{margin:10px 2px 0;color:var(--muted);font-size:.92rem}.status-box{margin-top:14px;padding:18px;font-weight:800;line-height:1.35}.status-box.error{border-color:#f3b7b9;background:#fff8f8}.result-card{margin-top:14px;overflow:hidden}.price-block{background:#111;color:#fff;padding:22px 18px 20px;text-align:center}.price-block .label{color:#d1d5db;font-weight:900;font-size:.78rem;letter-spacing:.12em}.price{margin-top:3px;font-size:clamp(3rem,15vw,5rem);font-weight:1000;letter-spacing:-.05em;line-height:1}.image-wrap{aspect-ratio:16/10;background:#e5e7eb;border-bottom:1px solid var(--line)}.image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.identity{padding:18px 18px 12px}.stock-pill{display:inline-flex;align-items:center;min-height:42px;padding:8px 13px;border-radius:999px;background:#f2f2f2;font-size:.96rem;font-weight:850}.identity h2{margin:12px 0 8px;font-size:1.55rem;line-height:1.12}.location-badge{display:inline-block;padding:8px 11px;border-radius:10px;background:#fff1f1;color:#a40d12;font-weight:900}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 18px 18px}.spec{border:1px solid var(--line);border-radius:14px;padding:12px;min-height:78px}.spec .k{color:var(--muted);font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.spec .v{margin-top:5px;font-size:1.04rem;font-weight:950;overflow-wrap:anywhere}.more-details{border-top:1px solid var(--line);padding:0 18px}.more-details summary{cursor:pointer;min-height:60px;display:flex;align-items:center;font-weight:950}.detail-list{padding:0 0 14px}.detail-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid #efefef}.detail-row span:first-child{color:var(--muted);font-weight:750}.detail-row span:last-child{text-align:right;font-weight:900}.website-btn{margin:14px 18px 18px;width:calc(100% - 36px)}.matches-card,.recent-section{margin-top:14px;padding:14px}.matches-title,.section-title{font-size:.8rem;font-weight:950;letter-spacing:.08em;margin:2px 2px 10px}.match-btn,.recent-btn{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;min-height:64px;padding:10px 12px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.match-btn strong,.recent-btn strong{font-size:1.08rem}.match-btn span,.recent-btn span{color:var(--muted);font-weight:800}.hidden{display:none!important}@media(min-width:600px){.app-shell{padding-left:20px;padding-right:20px}.search-row{grid-template-columns:1fr 190px}.spec-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.browse-main{width:100%;margin-top:14px;min-height:72px;border:0;border-radius:18px;background:#111;color:#fff;font-size:1.3rem;font-weight:900;display:flex;gap:13px;align-items:center;justify-content:center}.browse-main span{text-align:left}.browse-main b,.browse-main small{display:block}.browse-main small{font-size:.78rem;color:#ccc;margin-top:2px}.browser{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 7px 24px rgba(0,0,0,.05)}.browser-head{display:flex;align-items:center;justify-content:space-between}.browser-head h2{margin:0;font-size:1.4rem}.browser-home{display:grid;gap:10px;margin-top:14px}.choice,.option{width:100%;min-height:76px;border:2px solid var(--line);border-radius:16px;background:#fff;text-align:left;padding:14px}.choice b,.choice small,.option b,.option small{display:block}.choice small,.option small{color:var(--muted);font-weight:700;margin-top:4px}.back{min-height:46px;margin:12px 0 10px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 14px;font-weight:900}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.result-count{font-size:1.05rem;font-weight:950;margin:4px 0 9px}.loc-filters{display:flex;gap:7px;overflow:auto;margin-bottom:10px}.loc{min-height:42px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:0 13px;font-weight:850;white-space:nowrap}.loc.active{background:#111;color:#fff}.inv-card{width:100%;min-height:110px;border:1px solid var(--line);border-radius:15px;background:#fff;margin-top:9px;padding:0;display:grid;grid-template-columns:100px 1fr;overflow:hidden;text-align:left}.inv-img{width:100px;height:100%;min-height:110px;object-fit:cover;background:#eee}.no-img{width:100px;min-height:110px;background:#eee;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:850;color:#777}.inv-body{padding:10px}.inv-top{display:flex;justify-content:space-between;gap:7px;font-size:.78rem;font-weight:900}.inv-price{font-size:1.18rem}.inv-title{font-size:.95rem;font-weight:900;margin-top:5px;line-height:1.15}.inv-meta{font-size:.78rem;color:#555;font-weight:750;margin-top:5px}.inv-loc{display:inline-block;margin-top:6px;padding:4px 7px;border-radius:8px;background:#fff1f1;color:#a40d12;font-size:.7rem;font-weight:900}@media(min-width:600px){.browser-home{grid-template-columns:1fr 1fr}.option-grid{grid-template-columns:repeat(3,1fr)}}


/* V4: Trailer Type -> Size -> Inventory */
.browse-instruction{
  margin:12px 0 10px;
  color:var(--muted);
  font-weight:750;
  font-size:.9rem;
}
.type-option,.size-option,.all-sizes-option{
  min-height:76px;
}
.type-option b,.size-option b,.all-sizes-option b{
  font-size:1rem;
  line-height:1.15;
}
.all-sizes-option{
  border:2px solid #111;
  background:#111;
  color:#fff;
}
.all-sizes-option small{
  color:#d1d5db;
}
.size-note{
  grid-column:1/-1;
  padding:14px;
  border:1px dashed var(--line);
  border-radius:14px;
  color:var(--muted);
  font-size:.85rem;
  font-weight:750;
}
.browse-empty{
  grid-column:1/-1;
  border:1px dashed #cfd1d5;
  border-radius:15px;
  padding:20px;
  text-align:center;
  color:var(--muted);
  font-weight:800;
}


/* V4.1 - Back to browse + lightweight icons */
.back-to-browse{
  width:100%;
  min-height:54px;
  border:0;
  border-bottom:1px solid var(--line);
  background:#fff;
  color:#111;
  padding:0 18px;
  text-align:left;
  font-weight:950;
  font-size:.92rem;
  letter-spacing:.02em;
}
.back-to-browse:active{background:#f5f5f5}
.spec .k{
  display:flex;
  align-items:center;
  gap:3px;
}


/* V4.3 - Location first */
.location-start-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.location-start-option{
  width:100%;
  min-height:84px;
  border:2px solid var(--line);
  border-radius:16px;
  background:#fff;
  padding:14px;
  text-align:left;
}
.location-start-option:first-child{
  background:#111;
  color:#fff;
  border-color:#111;
}
.location-start-option b,
.location-start-option small{
  display:block;
}
.location-start-option b{
  font-size:1rem;
}
.location-start-option small{
  margin-top:5px;
  font-size:.8rem;
  font-weight:750;
  color:var(--muted);
}
.location-start-option:first-child small{
  color:#d1d5db;
}
.selected-location-pill{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  background:#f2f2f2;
  color:#222;
  font-size:.82rem;
  font-weight:900;
  margin:2px 0 4px;
}
@media(max-width:420px){
  .location-start-grid{grid-template-columns:1fr}
}