/* Category browsing v1: isolated stylesheet; restore instructions in docs/HOMEPAGE-ROLLBACK.md. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.category-browse{padding-top:28px}
.browse-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}
.category-browse .browse-heading h1{font-size:clamp(32px,3.4vw,46px);line-height:1.08;margin:10px 0 0;max-width:none;letter-spacing:-1.1px}
.browse-heading h1 span{color:#587077}
.browse-history{font-size:13px;font-weight:700;white-space:nowrap;border-bottom:1px solid #b4c3c5;padding:8px 0}
.browse-discovery{display:flex;gap:22px;align-items:center;margin-bottom:22px}
.browse-search{position:relative;flex:1;margin:0;min-width:0}
.browse-search svg{position:absolute;left:16px;top:15px;width:20px;height:20px;color:#63797e}
.browse-search input{min-height:50px;padding-left:46px;border-radius:8px;font-size:15px}
.market-selector{display:flex;align-items:stretch;border:1px solid #d8e1df;border-radius:8px;padding:4px;background:#eaf0ed;gap:4px;font-size:13px;white-space:nowrap}
.market-selector>span{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:5px}
.market-current{background:white;box-shadow:0 1px 4px #17303910;font-weight:700}
.market-soon{color:#617378}
.market-soon small{font-size:9px;text-transform:uppercase;letter-spacing:.3px;background:#dce5e1;padding:4px 5px;border-radius:3px}
.category-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}
.category-heading h2{font-family:inherit;font-size:14px;font-weight:700;letter-spacing:0}
.category-all{background:none;border:0;color:#526a71;font-size:12px;padding:8px 0 8px 16px}
.category-all[aria-pressed=true]{color:#a33a23;font-weight:700}
.vehicle-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:25px}
.vehicle-category{position:relative;min-width:0;min-height:132px;border:2px solid transparent;border-radius:9px;background:#19343d;color:white;padding:16px;text-align:left;overflow:hidden;display:flex;align-items:flex-end;gap:10px;isolation:isolate}
.vehicle-category img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .2s}
.vehicle-category:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0e242beb,#0e242b0a);z-index:-1}
.vehicle-category:hover img{transform:scale(1.04)}
.vehicle-category[aria-pressed=true]{border-color:#ec6747;box-shadow:0 0 0 2px #f7d2c6}
.category-copy{display:block;flex:1;min-width:0}
.category-copy strong{display:block;font-size:16px;line-height:1.3}
.category-copy small{display:block;color:#e0e9e8;font-size:11px;margin-top:4px;line-height:1.3}
.category-count{font-size:11px;border:1px solid #ffffff80;border-radius:20px;min-width:24px;height:24px;display:grid;place-items:center;align-self:flex-start;background:#183039b8}
.category-icon{display:none}
.browse-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #dce4e1;padding-top:18px}
.browse-chips{display:flex;gap:7px;flex-wrap:wrap}
.browse-chips button,.browse-filter-toggle{background:white;border:1px solid #ccd8d4;border-radius:6px;color:#29454c;min-height:42px;padding:9px 12px;font-size:12px;font-weight:600;white-space:nowrap}
.browse-chips button[aria-pressed=true]{background:#19343d;color:white;border-color:#19343d}
.browse-refine{display:flex;align-items:center;gap:8px;flex-shrink:0}
.browse-filter-toggle{display:flex;align-items:center;gap:7px}
.browse-filter-toggle svg{width:16px;height:16px}
.browse-sort{margin:0}
.browse-sort select{min-height:42px;width:168px;font-size:12px;border-color:#ccd8d4;background:white}
.browse-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;padding:18px;margin-top:14px;border:1px solid #d7e1dc;background:#edf2ef;border-radius:9px}
.browse-filters[hidden],.browse-budget-note[hidden]{display:none}
.browse-filters label{margin:0;font-size:12px;color:#426068}
.browse-filters select{display:block;margin-top:8px;min-height:44px}
.browse-results-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:14px 0}
.browse-results-heading p{margin:0;font-size:12px;line-height:1.5;color:#60747a}
.browse-results-heading #browse-results{color:#29454c;font-weight:600}
.browse-budget-note{font-size:12px;color:#64777b;margin:0 0 16px}
.browse-reset-empty{grid-column:1/-1;justify-self:center;margin-top:-8px}
.category-browse .home-more:empty{display:none}
.mobile-browse-nav{display:none}
@media(min-width:721px){.mobile-secondary-link{display:none}}
@media(max-width:1100px){.browse-controls{flex-wrap:wrap}.browse-refine{margin-left:auto}.browse-discovery{gap:14px}.market-selector>span{padding:11px 8px}.vehicle-categories{gap:10px}.category-copy strong{font-size:14px}.category-count{display:none}}
@media(max-width:720px){
 body:not(.owner-view){padding-bottom:calc(66px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:85px}
 body:not(.owner-view)>header{height:68px;min-height:68px;flex-wrap:nowrap;padding:10px 5%;gap:16px}
 body:not(.owner-view)>header .header-actions{display:none}
 body:not(.owner-view)>header .main-navigation{order:0;width:auto;margin-left:auto;padding:0;border:0;gap:0}
 body:not(.owner-view)>header .main-navigation>a{display:none}
 body:not(.owner-view)>header .nav-more summary{font-size:13px;min-height:44px}
 .category-browse{padding-top:20px}
 .browse-heading{margin-bottom:17px;align-items:start;gap:10px}
 .browse-heading .eyebrow{font-size:9px;letter-spacing:1.6px}
 .category-browse .browse-heading h1{font-size:30px;letter-spacing:-.8px;line-height:1.09;margin:7px 0 0}
 .browse-heading h1 span{display:inline-block}
 .browse-history{display:none}
 .browse-discovery{display:block;margin-bottom:17px}
 .browse-search input{min-height:46px;font-size:16px}
 .browse-search svg{top:13px}
 .market-selector{margin-top:12px;width:100%;font-size:12px;justify-content:stretch}
 .market-selector>span{justify-content:center;flex:1;padding:9px 6px;gap:5px}
 .market-soon small{font-size:8px;padding:3px}
 .category-heading{margin-bottom:7px}
 .category-heading h2{font-size:12px}
 .category-all{font-size:11px;min-height:36px}
 .vehicle-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}
 .vehicle-category{min-height:61px;padding:10px;align-items:center;gap:8px;background:#fff;color:#213e46;border:1px solid #d2ddd7;border-radius:7px}
 .vehicle-category:last-child:nth-child(odd){grid-column:1/-1}
 .vehicle-category img,.vehicle-category:after,.category-copy small,.category-count{display:none}
 .vehicle-category[aria-pressed=true]{background:#e7eeea;border-color:#b14b30;box-shadow:0 0 0 1px #b14b30}
 .category-copy strong{font-size:12px;line-height:1.3}
 .category-icon{display:block;flex:0 0 25px;height:25px;color:#526f77}
 .category-icon svg{width:25px;height:25px}
 .browse-controls{display:block;padding-top:13px}
 .browse-chips{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 8px;gap:6px;scrollbar-width:thin}
 .browse-chips button{min-height:40px;padding:8px 11px;font-size:11px}
 .browse-refine{justify-content:space-between;margin-top:5px;gap:10px}
 .browse-filter-toggle{min-height:44px;padding:10px 13px}
 .browse-sort{flex:1;max-width:205px}
 .browse-sort select{min-height:44px;width:100%;font-size:13px}
 .browse-filters{grid-template-columns:1fr 1fr;gap:12px;padding:13px}
 .browse-filters select{font-size:14px;padding:10px 8px}
 .browse-filters .button{grid-column:1/-1;min-height:44px}
 .browse-results-heading{margin:12px 0;align-items:start;gap:10px}
 .browse-results-heading p{font-size:10px}
 .browse-results-heading .browse-fee-note{max-width:145px;text-align:right}
 .category-browse .grid{grid-template-columns:1fr;gap:18px}
 .category-browse .photo{aspect-ratio:1.6}
 .category-browse .card-body{padding:17px}
 .category-browse .card-body h3{font-size:25px;line-height:1.13}
 .category-browse .meta{font-size:12px}
 .category-browse .price{font-size:25px}
 .category-browse .bid-row small{font-size:11px}
 .category-browse .heart{width:44px;height:44px;font-size:24px;top:10px;right:10px}
 .category-browse .tag{font-size:9px;left:10px;top:10px;padding:6px}
 .category-browse .time-pill{left:10px;bottom:10px;font-size:12px;padding:7px 9px}
 .mobile-browse-nav{position:fixed;inset:auto 0 0;z-index:8;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-top:1px solid #ccd9d4;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));box-shadow:0 -3px 16px #1830390a;gap:0;width:100%;font-size:10px}
 .mobile-browse-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:45px;color:#60747a;border-radius:6px}
 .mobile-browse-nav svg{width:22px;height:22px}
 .mobile-browse-nav a[aria-current=page]{color:#a33a23;background:#fff6f1}
 .owner-view .mobile-browse-nav{display:none}
 body:not(.owner-view) #toast{bottom:calc(80px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){.vehicle-category img{transition:none}}
