/* Inventory: search results, truck detail and category pages.
   Light working surfaces under navy heroes. Sizes come from the tokens in site.css.
   site.css loads after this file, so a rule that must beat a foundation class is written .utd-home main .x. */

.utd-inventory{--inv-stick:calc(var(--utd-main) + var(--sp-4));background:var(--utd-paper);color:var(--utd-ink);color-scheme:light}
.utd-inventory.admin-bar{--inv-stick:calc(32px + var(--utd-main) + var(--sp-4))}
.utd-inventory.inv-locked{overflow:hidden}
.utd-inventory .home-header,.utd-inventory .home-footer{color:#fff;color-scheme:dark}
.utd-inventory .home-header{background:var(--utd-deep)}
.utd-inventory [hidden]{display:none!important}
.utd-inventory main p{color:var(--utd-body-ink);text-wrap:pretty}
.utd-inventory main h1,.utd-inventory main h2,.utd-inventory main h3{color:var(--utd-ink);text-wrap:balance}
.utd-inventory main a:focus-visible,.utd-inventory main button:focus-visible,.utd-inventory main [tabindex]:focus-visible{outline:3px solid var(--utd-action);outline-offset:2px}
.utd-inventory main .on-dark a:focus-visible,.inv-lightbox button:focus-visible{outline-color:var(--utd-sky)}
.utd-crumbs{color:var(--utd-body-ink)}
.utd-crumbs ol{align-items:center}
.on-dark .utd-crumbs{color:var(--home-muted)}
.utd-inventory main .on-dark :is(h1,h2){color:#fff}
.utd-inventory main .on-dark p{color:var(--home-muted)}

.inv-note{font-size:var(--t-small);line-height:var(--lh-small)}
.inv-note a{display:inline-block;padding-block:var(--sp-3);margin-block:calc(-1*var(--sp-3));color:var(--utd-action);text-decoration:underline;text-underline-offset:3px}
.inv-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 var(--sp-5);margin-bottom:var(--head-gap)}
.inv-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--stack)}

.inv-badge{display:inline-flex;align-items:center;min-height:28px;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-badge);font-size:var(--t-min);font-weight:500;line-height:var(--lh-min)}
.inv-badge--available{background:#EAF1F8;color:var(--utd-action-hover)}
.inv-badge--reserved{background:var(--utd-action);color:#fff}
.inv-badge--sold{background:var(--utd-deep);color:#fff}
.inv-badge--draft{background:#E9EFF3;color:var(--utd-ink)}
.inv-badge--sample{background:#fff;color:var(--utd-deep);box-shadow:inset 0 0 0 2px var(--utd-deep)}

/* Search: heading band */
.inv-heading{padding-block:var(--sp-3) var(--section-sm);background:var(--utd-deep);color:#fff}
.inv-heading h1{margin-top:var(--sp-2)}
.utd-inventory main .inv-heading p{max-width:40rem;margin-top:var(--stack);font-size:var(--t-lede);line-height:var(--lh-lede)}

/* Search: layout and filter rail. On tablets and phones the rail becomes a sheet. */
.inv-browser{display:grid;grid-template-columns:272px minmax(0,1fr);gap:var(--grid-gap);align-items:start;padding-block:var(--sp-5) var(--section)}
.inv-rail{position:sticky;top:var(--inv-stick);max-height:calc(100vh - var(--inv-stick) - var(--sp-4));overflow-y:auto;background:#fff;border:1px solid var(--utd-line);border-radius:var(--r-card);scrollbar-width:thin}
.inv-rail__head,.inv-rail__foot,.inv-scrim{display:none}
.inv-rail__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--stack);padding:var(--sp-1) var(--card-pad);border-bottom:1px solid var(--utd-line)}
.utd-inventory main .inv-rail__summary p{color:var(--utd-ink);font-size:var(--t-small);line-height:44px}
.inv-filter{display:flex;flex-direction:column;gap:var(--field-gap);padding:var(--card-pad)}
.utd-home main .inv-filter__apply{display:none;width:100%}

/* Search: results */
.inv-results{position:relative;min-width:0;outline:0;transition:opacity .16s}
.inv-results[aria-busy=true]{opacity:.55;transition-delay:.1s}
.inv-results[aria-busy=true]::before{content:"";position:absolute;top:calc(-1*var(--sp-3));left:0;right:0;height:3px;border-radius:2px;background:var(--utd-action);transform-origin:left;animation:inv-load 1s ease-in-out .1s infinite}
@keyframes inv-load{0%{transform:scaleX(0)}70%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:.25}}
.inv-tabs{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-4)}
.inv-tab{flex:none;white-space:nowrap}
.inv-tab em{font-style:normal;font-weight:400}
.inv-toolbar{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4)}
.utd-home main .inv-open-filters{display:none}
.utd-home main .inv-open-filters .utd-badge{min-height:24px;padding-block:0;background:var(--utd-action);color:#fff}
.utd-inventory main .inv-toolbar__count{flex:1;font-size:var(--t-small);line-height:var(--lh-small)}
.inv-toolbar__count strong{color:var(--utd-ink);font-weight:600}
.inv-view{display:inline-flex;flex:none;height:var(--field-sm);border:1.5px solid var(--utd-field-line);border-radius:var(--r-control);background:#fff;overflow:hidden}
.inv-view button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-width:48px;padding:0 var(--sp-3);border:0;background:none;color:var(--utd-body-ink);font-size:var(--t-small);font-weight:500;transition:background-color .16s,color .16s}
.inv-view button+button{border-left:1.5px solid var(--utd-field-line)}
.inv-view button svg{width:20px;height:20px}
.inv-view button[aria-pressed=true]{background:var(--utd-action);color:#fff}
.inv-sort{display:flex;align-items:center;flex:none;gap:var(--sp-2)}
.utd-home main .inv-sort label{margin:0;white-space:nowrap}
.utd-home main .inv-sort select{width:190px;text-overflow:ellipsis}
.inv-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);list-style:none;margin:0 0 var(--sp-4);padding:0}
.inv-chips svg{width:20px;height:20px}
.inv-results>.inv-note{margin-bottom:var(--sp-4)}

.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:var(--grid-gap)}
.inv-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Listing card */
.inv-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--utd-line);border-radius:var(--r-card);overflow:hidden;transition:box-shadow .2s,border-color .2s}
.inv-card:hover{border-color:var(--utd-field-line);box-shadow:var(--shadow-card)}
.inv-card:has(h3 a:focus-visible){outline:3px solid var(--utd-action);outline-offset:2px}
.utd-inventory main .inv-card h3 a:focus-visible{outline:0}
.inv-card__photo{position:relative;aspect-ratio:4/3;background:#DCE5ED;overflow:hidden}
.inv-card__photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.inv-card:hover .inv-card__photo img{transform:scale(1.035)}
.inv-card__nophoto{display:grid;place-items:center;height:100%;color:var(--utd-body-ink);font-size:var(--t-small)}
.inv-card__tags{position:absolute;top:var(--sp-2);left:var(--sp-2);display:flex;flex-wrap:wrap;gap:var(--sp-1)}
.inv-card__count{position:absolute;right:var(--sp-2);bottom:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-badge);background:rgba(12,35,64,.86);color:#fff;font-size:var(--t-min);font-weight:500;line-height:var(--lh-min)}
.inv-card__body{display:flex;flex-direction:column;flex:1;padding:var(--card-pad)}
.inv-card h3 a::after{content:"";position:absolute;inset:0}
.utd-inventory main .inv-card__price{margin-top:var(--sp-1);color:var(--utd-action);font-size:var(--t-h3);font-weight:700;line-height:var(--lh-h3);letter-spacing:var(--track-h2)}
.inv-card__specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2) var(--sp-4);flex:1;align-content:start;margin:var(--sp-3) 0 0;padding-top:var(--sp-3);border-top:1px solid var(--utd-line)}
.inv-card__specs div{min-width:0}
.inv-card__specs dt{color:var(--utd-body-ink);font-size:var(--t-min);line-height:var(--lh-min)}
.inv-card__specs dd{margin:0;color:var(--utd-ink);font-size:var(--t-small);font-weight:600;line-height:var(--lh-small);overflow-wrap:anywhere}
.inv-card__foot{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-4)}
.inv-card__stock{color:var(--utd-body-ink);font-size:var(--t-min);line-height:var(--lh-min);overflow-wrap:anywhere}
.utd-home main .inv-card__call{position:relative;z-index:1;width:100%}

/* List view: one row per truck, specs in a line */
.inv-results[data-view=list] .inv-grid{grid-template-columns:minmax(0,1fr);gap:var(--stack)}
.inv-results[data-view=list] .inv-card{flex-direction:row}
.inv-results[data-view=list] .inv-card__photo{flex:0 0 272px;aspect-ratio:auto;min-height:204px}
.inv-results[data-view=list] .inv-card__photo img{position:absolute;inset:0}
.inv-results[data-view=list] .inv-card__body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 var(--sp-5);min-width:0;padding:var(--sp-4) var(--card-pad)}
.inv-results[data-view=list] .inv-card h3{grid-column:1;grid-row:1;align-self:center}
.utd-inventory main .inv-results[data-view=list] .inv-card__price{grid-column:2;grid-row:1;margin:0;text-align:right;white-space:nowrap}
.inv-results[data-view=list] .inv-card__specs{grid-column:1/-1;grid-template-columns:.8fr 1.25fr 1.25fr 1fr;align-content:center}
.inv-results[data-view=list] .inv-card__foot{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;margin-top:var(--sp-3)}
.utd-home main .inv-results[data-view=list] .inv-card__call{width:auto;margin-left:auto}

/* Pagination */
.inv-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-2);margin-top:var(--head-gap)}
.inv-pagination ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);list-style:none;margin:0;padding:0}
.inv-pagination .utd-chip{min-width:48px}
.inv-pagination svg{width:20px;height:20px}
.inv-pagination__gap{padding-inline:var(--sp-1);color:var(--utd-body-ink)}

/* Inquiry block, shared by detail, category, zero and no-match views */
.inv-request{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:var(--sp-7);align-items:start}
.utd-inventory main .inv-request__copy>p{max-width:30rem;margin-top:var(--stack);font-size:var(--t-lede);line-height:var(--lh-lede)}
.utd-inventory main .inv-request__copy .inv-request__who{margin-top:var(--sp-4);color:var(--utd-ink);font-size:var(--t-small);font-weight:500;line-height:var(--lh-small)}
.utd-inventory main .inv-request__phone{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;margin-top:var(--sp-5);color:var(--utd-action);font-size:var(--t-h2);font-weight:700;line-height:var(--lh-h2);letter-spacing:var(--track-h2);font-variant-numeric:tabular-nums;white-space:nowrap}
.utd-inventory main .inv-request__phone:hover{color:var(--utd-action-hover)}
.inv-request__email{display:flex;width:fit-content;overflow-wrap:anywhere}

/* Search: zero inventory and no matches */
.inv-zero{padding-block:var(--section-sm) var(--section)}
.utd-inventory main .inv-zero__types{margin-top:var(--section);margin-bottom:var(--head-gap)}
.inv-tiles{list-style:none;margin:0;padding:0}
.utd-grid.inv-tiles--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.inv-tile{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--r-card);overflow:hidden;background:var(--utd-deep)}
.inv-tile img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.inv-tile:hover img{transform:scale(1.035)}
.inv-tile span{position:absolute;left:0;right:0;bottom:0;padding:var(--sp-6) var(--sp-4) var(--sp-3);background:linear-gradient(0deg,rgba(12,35,64,.9),rgba(12,35,64,0));color:#fff;font-size:var(--t-h3);font-weight:600;line-height:var(--lh-h3);letter-spacing:var(--track-h3)}
.inv-tiles+.inv-note{margin-top:var(--sp-3)}
.utd-inventory main .inv-nomatch>p{max-width:40rem;margin-top:var(--stack)}
.inv-nomatch .inv-request{grid-template-columns:minmax(0,1fr);gap:var(--sp-5);margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--utd-line)}
.utd-inventory main .inv-nomatch .inv-request__copy h2{font-size:var(--t-h3);font-weight:600;line-height:var(--lh-h3);letter-spacing:var(--track-h3)}
.utd-inventory main .inv-nomatch .inv-request__copy p{max-width:none;font-size:var(--t-body);line-height:var(--lh-body)}
.utd-home main .inv-nomatch :is(.inv-request__phone,.inv-request__email){display:none}
.inv-nomatch .utd-form--light.home-form{padding:0;border:0}

.inv-sourcing{padding-block:var(--section-sm);background:var(--utd-deep);color:#fff}
.inv-sourcing>.home-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-7)}
.utd-inventory .inv-sourcing p{margin-top:var(--stack);font-size:var(--t-lede);line-height:var(--lh-lede)}
.inv-sourcing__actions{flex:none}

/* Truck not listed (404) */
.inv-missing{padding-block:var(--section-sm) var(--section)}

/* Detail */
.inv-detail{padding-top:var(--sp-3)}
.inv-print-head{display:none}
.inv-preview{display:inline-block;margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-badge);background:#EAF1F8;font-size:var(--t-small);line-height:var(--lh-small)}
.utd-inventory main .inv-sample-note{margin-top:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:2px solid var(--utd-deep);border-radius:var(--r-control);background:#fff;color:var(--utd-ink);font-size:var(--t-small);line-height:var(--lh-small)}
.inv-detail__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0 var(--sp-7);align-items:start;margin-top:var(--sp-2);padding-bottom:var(--section)}
.inv-gallery{grid-column:1;grid-row:1;min-width:0}
.inv-gallery__stage{position:relative;width:100%;aspect-ratio:3/2;max-height:max(320px,72svh);border-radius:var(--r-card);background:var(--utd-deep);overflow:hidden}
.inv-gallery__track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;outline:0}
.inv-gallery__track::-webkit-scrollbar,.inv-lightbox__track::-webkit-scrollbar,.inv-gallery__thumbs::-webkit-scrollbar,.inv-tabs::-webkit-scrollbar{display:none}
.utd-inventory main .inv-gallery__track:focus-visible{outline-offset:-4px}
.inv-gallery__slide{flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;cursor:zoom-in}
.inv-gallery__slide img{width:100%;height:100%;object-fit:cover}
.inv-gallery__none{display:grid;place-items:center;height:100%;padding:var(--sp-6);text-align:center}
.utd-inventory main .inv-gallery__none p{max-width:26rem;color:var(--home-muted);font-size:var(--t-lede);line-height:var(--lh-lede)}
.inv-gallery__badges{position:absolute;top:var(--sp-3);left:var(--sp-3);display:flex;flex-wrap:wrap;gap:var(--sp-1)}
.inv-gallery__nav,.inv-gallery__expand{position:absolute;border:0;background:rgba(255,255,255,.94);color:var(--utd-ink);transition:background-color .16s}
.inv-gallery__nav:hover,.inv-gallery__expand:hover{background:#fff}
.inv-gallery__nav{top:50%;display:grid;place-items:center;width:var(--btn-sm);height:var(--btn-sm);margin-top:calc(var(--btn-sm)/-2);border-radius:50%}
.inv-gallery__nav--prev{left:var(--sp-3)}
.inv-gallery__nav--next{right:var(--sp-3)}
.inv-gallery__expand{top:var(--sp-3);right:var(--sp-3);display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-3);border-radius:var(--r-control);font-size:var(--t-small);font-weight:500}
.inv-gallery__expand svg{width:20px;height:20px}
.utd-inventory main .inv-gallery__counter{position:absolute;right:var(--sp-3);bottom:var(--sp-3);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-badge);background:rgba(12,35,64,.86);color:#fff;font-size:var(--t-min);font-weight:500;line-height:var(--lh-min)}
.inv-gallery__thumbs{position:relative;display:flex;gap:var(--sp-2);margin-top:var(--sp-2);padding:2px;overflow-x:auto;scrollbar-width:none}
.inv-gallery__thumbs button{flex:0 0 96px;aspect-ratio:3/2;padding:0;border:0;border-radius:var(--r-badge);background:#DCE5ED;overflow:hidden}
.inv-gallery__thumbs img{width:100%;height:100%;object-fit:cover;opacity:.72;transition:opacity .16s}
.inv-gallery__thumbs button:hover img,.inv-gallery__thumbs [aria-current] img{opacity:1}
.inv-gallery__thumbs [aria-current]{outline:3px solid var(--utd-action);outline-offset:-3px}

.inv-panel{grid-column:2;grid-row:1/span 2;position:sticky;top:var(--inv-stick);max-height:calc(100vh - var(--inv-stick) - var(--sp-4));overflow-y:auto;scrollbar-width:thin}
.inv-panel__top{display:flex;align-items:center;justify-content:space-between;gap:var(--stack);color:var(--utd-body-ink);font-size:var(--t-small);line-height:var(--lh-small)}
.inv-panel__status{display:flex;flex-wrap:wrap;gap:var(--sp-1)}
.inv-panel__stock{white-space:nowrap}
.utd-inventory main .inv-panel h1{margin-top:var(--sp-3);font-size:var(--t-h2);line-height:var(--lh-h2);letter-spacing:var(--track-h2)}
.utd-inventory main .inv-panel .inv-panel__price{margin-top:var(--sp-1);color:var(--utd-action);font-size:var(--t-h2);font-weight:700;line-height:var(--lh-h2);letter-spacing:var(--track-h2)}
.inv-panel__facts{margin:var(--sp-4) 0 0}
.inv-panel__facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);padding-block:var(--sp-2);border-top:1px solid var(--utd-line);font-size:var(--t-small);line-height:var(--lh-small)}
.inv-panel__facts dt{flex:none;color:var(--utd-body-ink)}
.inv-panel__facts dd{margin:0;font-weight:500;text-align:right;overflow-wrap:anywhere}
.utd-inventory main .inv-panel__note{margin-top:var(--sp-3)}
.utd-home main .inv-panel__call,.utd-home main .inv-panel__ask{width:100%}
.utd-home main .inv-panel__call{margin-top:var(--sp-4)}
.utd-home main .inv-panel__ask{margin-top:var(--stack)}
.utd-inventory main .inv-panel__who{margin-top:var(--sp-3);font-size:var(--t-small);line-height:var(--lh-small);text-align:center}
.inv-panel__tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 var(--sp-4);margin-top:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--utd-line)}
.inv-panel__tools .utd-link{white-space:nowrap}

.inv-detail__content{grid-column:1;grid-row:2;min-width:0}
.inv-section{margin-top:var(--section-sm)}
.inv-copy{margin-top:var(--sp-3)}
.utd-inventory main .inv-copy p{max-width:70ch;margin-top:var(--stack)}
.inv-keyspecs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:var(--sp-4) 0 0;border-top:1px solid var(--utd-ink)}
.inv-keyspecs div{padding:var(--sp-3) var(--sp-4) var(--sp-3) 0;border-bottom:1px solid var(--utd-line)}
.inv-keyspecs dt{color:var(--utd-body-ink);font-size:var(--t-small);line-height:var(--lh-small)}
.inv-keyspecs dd{margin:0;color:var(--utd-ink);font-size:var(--t-h3);font-weight:700;line-height:var(--lh-h3);letter-spacing:var(--track-h3);overflow-wrap:anywhere}
.inv-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6) var(--sp-7);margin-top:var(--sp-5)}
.utd-inventory main .inv-specs__group h3{padding-bottom:var(--sp-2);border-bottom:1px solid var(--utd-ink);font-size:var(--t-h4);line-height:var(--lh-h4)}
.inv-specs dl{margin:0}
.inv-specs dl>div{display:flex;justify-content:space-between;gap:var(--sp-4);padding-block:var(--sp-3);border-bottom:1px solid var(--utd-line);font-size:var(--t-small);line-height:var(--lh-small)}
.inv-specs dt{flex:none;color:var(--utd-body-ink)}
.inv-specs dd{min-width:0;margin:0;font-weight:500;text-align:right;overflow-wrap:anywhere}
.inv-section>.inv-note{margin-top:var(--sp-4)}

.utd-inventory main .inv-estimate__lede{margin-top:var(--stack);font-size:var(--t-lede);line-height:var(--lh-lede)}
.inv-estimate__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--sp-5);margin-top:var(--sp-5)}
.inv-estimate__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--field-gap);align-content:start;align-items:end}
.inv-estimate__result{padding:var(--card-pad);border-radius:var(--r-control);background:var(--utd-paper)}
.utd-inventory main .inv-estimate .inv-estimate__label{color:var(--utd-ink);font-size:var(--t-small);font-weight:500;line-height:var(--lh-small)}
.utd-inventory main .inv-estimate .inv-estimate__amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--sp-2);color:var(--utd-ink);font-size:var(--t-small);line-height:var(--lh-small)}
.inv-estimate__amount output{font-size:var(--t-h1);font-weight:700;line-height:var(--lh-h1);letter-spacing:var(--track-h2);font-variant-numeric:tabular-nums}
.inv-estimate__result .inv-note{margin-top:var(--sp-2)}

.inv-ask{padding-block:var(--section);background:#fff;border-top:1px solid var(--utd-line)}
.inv-similar{padding-block:var(--section)}
.inv-mobile-bar{display:none}

/* Lightbox */
.inv-lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--utd-deep);color:#fff;overflow:hidden}
.inv-lightbox::backdrop{background:var(--utd-deep)}
.inv-lightbox[open]{display:flex;flex-direction:column}
.inv-lightbox__bar{display:flex;align-items:center;justify-content:space-between;flex:none;padding:var(--sp-2) var(--gutter)}
.utd-inventory .inv-lightbox__bar p{color:#fff;font-size:var(--t-small);font-weight:500}
.inv-lightbox__bar button,.inv-lightbox__nav{display:grid;place-items:center;width:var(--btn-sm);height:var(--btn-sm);border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;transition:background-color .16s}
.inv-lightbox__bar button:hover,.inv-lightbox__nav:hover{background:rgba(255,255,255,.26)}
.inv-lightbox__track{display:flex;flex:1;min-height:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;outline:0}
.inv-lightbox__slide{display:flex;flex:0 0 100%;align-items:center;justify-content:center;min-width:0;padding:0 var(--sp-9) var(--sp-5);scroll-snap-align:center;scroll-snap-stop:always}
.inv-lightbox__slide img{width:100%;height:100%;object-fit:contain}
.inv-lightbox__thumbs{display:flex;flex:none;gap:var(--sp-2);justify-content:safe center;padding:0 var(--sp-4) var(--sp-3);overflow-x:auto;scrollbar-width:none}
.inv-lightbox__thumbs button{flex:0 0 84px;height:60px;padding:0;border:0;border-radius:var(--r-badge);background:none;overflow:hidden;opacity:.6;transition:opacity .16s}
.inv-lightbox__thumbs button:hover,.inv-lightbox__thumbs [aria-current]{opacity:1}
.inv-lightbox__thumbs [aria-current]{outline:3px solid var(--utd-sky);outline-offset:-3px}
.inv-lightbox__thumbs img{width:100%;height:100%;object-fit:cover}
.inv-lightbox__nav{position:absolute;top:50%;margin-top:calc(-1*var(--sp-7))}
.inv-lightbox__nav--prev{left:var(--sp-5)}
.inv-lightbox__nav--next{right:var(--sp-5)}

/* Category */
.inv-cat-hero{--cat-photo:clamp(180px,38vw,280px);position:relative;isolation:isolate;background:var(--utd-deep);color:#fff;overflow:hidden}
.inv-cat-hero__image{position:absolute;inset:0 0 0 30%;z-index:-2;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%);mask-image:linear-gradient(90deg,transparent 0%,#000 34%)}
.inv-cat-hero__image img{width:100%;height:100%;object-fit:cover;object-position:65% center;will-change:transform}
.inv-cat-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--utd-deep) 4%,rgba(12,35,64,.88) 30%,rgba(12,35,64,.3) 58%,rgba(12,35,64,.04) 78%),linear-gradient(0deg,rgba(12,35,64,.8),transparent 26%)}
.inv-cat-hero__inner{padding-block:var(--sp-3) var(--section)}
.inv-cat-hero--stock .inv-cat-hero__inner{padding-bottom:calc(var(--sp-7) + var(--section))}
.inv-cat-hero h1{max-width:40rem;margin-top:var(--sp-2)}
.inv-cat-hero h1 span{display:block;margin-top:var(--sp-2);color:var(--utd-sky);font-size:var(--t-h2);font-weight:300;line-height:var(--lh-h2);letter-spacing:var(--track-h2)}
.utd-inventory main .inv-cat-hero__inner>p{max-width:32rem;margin-top:var(--stack);font-size:var(--t-lede);line-height:var(--lh-lede)}
.inv-cat-hero .utd-stack{margin-top:var(--sp-5)}
.utd-inventory main .inv-cat-hero .inv-cat-hero__uses{max-width:none;margin-top:var(--sp-4);font-size:var(--t-small);line-height:var(--lh-small)}
.utd-inventory main .inv-cat-hero__note{position:absolute;right:var(--edge);bottom:var(--sp-3);max-width:22rem;color:var(--home-muted);font-size:var(--t-min);line-height:var(--lh-min);text-align:right}
.utd-inventory main .inv-cat-hero--stock .inv-cat-hero__note{bottom:calc(var(--sp-7) + var(--sp-3))}
.inv-cat-search{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:var(--field-gap);align-items:end;margin-top:calc(-1*var(--sp-7))}
.utd-home main .inv-cat-search .home-button{white-space:nowrap}
.inv-cat-stock{padding-block:var(--section-sm) var(--section)}
.inv-cat-stock__more{margin-top:var(--head-gap);text-align:center}

.inv-guide{padding-block:var(--section);background:#fff;border-block:1px solid var(--utd-line)}
.inv-guide__inner,.inv-cat-faq__inner{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:var(--sp-7)}
.utd-inventory main .inv-guide__intro p{margin-top:var(--stack)}
.utd-inventory main .inv-guide__specs{color:var(--utd-ink)}
.inv-guide__specs strong{font-weight:600}
.inv-guide__more{display:flex;flex-direction:column;align-items:flex-start}
.inv-guide__list{border-top:1px solid var(--utd-ink)}
.inv-guide__list article{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--sp-5);padding-block:var(--sp-5);border-bottom:1px solid var(--utd-line)}
.inv-guide+.inv-cat-faq{padding-top:var(--section-sm);border-top:0}

.inv-ask--cat{background:var(--utd-paper);border-top:0}
.inv-ask--first{padding-block:var(--section-sm) var(--section)}
.inv-cat-faq{padding-block:var(--section);background:#fff;border-top:1px solid var(--utd-line)}
.inv-cat-others{padding-block:var(--section)}
.inv-cat-others h2{margin-bottom:var(--head-gap)}

/* Short desktop screens: keep the whole panel in view when it sticks */
@media(min-width:901px) and (max-height:800px){
  .inv-panel{padding-block:var(--sp-4)}
  .utd-inventory main .inv-panel h1{margin-top:var(--sp-2);font-size:var(--t-h3);line-height:var(--lh-h3)}
  .inv-panel__facts{margin-top:var(--sp-3)}
  .inv-panel__facts>div{padding-block:var(--sp-1)}
  .utd-home main .inv-panel__call{margin-top:var(--sp-3)}
  .utd-home main :is(.inv-panel__call,.inv-panel__ask){min-height:var(--btn-sm);font-size:var(--t-small)}
  .utd-inventory main .inv-panel__who{display:none}
}

@media(max-width:1180px){
  .inv-detail__grid{gap:0 var(--sp-6)}
  .inv-guide__inner,.inv-cat-faq__inner{gap:var(--sp-6)}
}

/* Tablet: one column of content, filters in a side sheet */
@media(max-width:900px){
  .inv-browser{display:block}
  .utd-home main .inv-open-filters{display:inline-flex}
  .inv-rail__summary{display:none}
  .inv-view span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .inv-view button{padding:0}
  .utd-home main .inv-sort label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

  .inv-tabs{flex-wrap:nowrap;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none}
  .inv-tab{scroll-snap-align:start}

  .inv-scrim{display:block;position:fixed;inset:0;z-index:90;background:rgba(12,35,64,.56)}
  .inv-rail{position:fixed;top:var(--wp-admin--admin-bar--height,0px);right:0;bottom:0;z-index:100;display:flex;flex-direction:column;width:min(430px,100%);max-height:none;border:0;border-radius:0;overflow:hidden;transform:translateX(100%);visibility:hidden;transition:transform .26s ease,visibility 0s linear .26s}
  .inv-rail.is-open{transform:none;visibility:visible;transition:transform .26s ease,visibility 0s}
  .inv-rail__head{display:flex;align-items:center;justify-content:space-between;flex:none;padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--card-pad);border-bottom:1px solid var(--utd-line)}
  .utd-inventory main .inv-rail__head h2{font-size:var(--t-h3);font-weight:600;line-height:var(--lh-h3);letter-spacing:var(--track-h3)}
  .inv-rail__close{display:grid;place-items:center;width:var(--btn-sm);height:var(--btn-sm);padding:0;border:0;border-radius:var(--r-control);background:none;color:var(--utd-ink)}
  .inv-filter{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .inv-rail__foot{display:block;flex:none;padding:var(--sp-3) var(--card-pad) calc(var(--sp-3) + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--utd-line)}
  .inv-rail__foot .home-button{width:100%}

  .inv-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inv-similar .inv-grid>:nth-child(3){display:none}
  .inv-results[data-view=list] .inv-card__photo{flex-basis:200px}
  .inv-results[data-view=list] .inv-card__specs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inv-request{grid-template-columns:minmax(0,1fr);gap:var(--head-gap)}
  .inv-sourcing>.home-wrap{flex-direction:column;align-items:flex-start;gap:var(--sp-5)}

  body.utd-home.utd-inventory.utd-inventory--detail{padding-bottom:var(--callbar)}
  .inv-detail__grid{display:block}
  .inv-gallery__stage{max-height:60svh}
  .inv-panel{position:static;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--sp-6);max-height:none;margin-top:var(--sp-4);overflow:visible}
  .utd-inventory main .inv-panel .inv-panel__price{font-size:var(--t-h1);line-height:var(--lh-h1)}
  .utd-home main .inv-panel__call{margin-top:0}
  .inv-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);padding:var(--sp-2) var(--gutter) calc(var(--sp-2) + env(safe-area-inset-bottom,0px));background:var(--utd-deep);border-top:1px solid var(--home-border);transition:transform .2s}
  .utd-home .inv-mobile-bar a{min-height:var(--bar);padding-inline:var(--sp-2);white-space:nowrap}
  .utd-home:has(#utd-cookie-banner:not([hidden])) .inv-mobile-bar,
  .utd-home:has(:is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus) .inv-mobile-bar,
  html.utd-nav-open .inv-mobile-bar{transform:translateY(110%)}
  .inv-lightbox__slide{padding:0 0 var(--sp-3)}
  .inv-lightbox__nav{display:none}

  .inv-cat-hero__image{inset:auto 0 0;height:var(--cat-photo);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 26%);mask-image:linear-gradient(180deg,transparent 0%,#000 26%)}
  .inv-cat-hero::after{background:linear-gradient(0deg,rgba(12,35,64,.78),transparent 26%)}
  .inv-cat-hero__inner,.inv-cat-hero--stock .inv-cat-hero__inner{padding-bottom:calc(var(--cat-photo) + var(--sp-4))}
  .utd-inventory main .inv-cat-hero__note{left:var(--gutter);right:var(--gutter);max-width:none;text-align:left}
  .inv-cat-search{grid-template-columns:repeat(3,minmax(0,1fr))}
  .utd-home main .inv-cat-search .home-button{grid-column:1/-1;width:100%}
  .inv-guide__inner,.inv-cat-faq__inner{grid-template-columns:minmax(0,1fr)}
}

/* Phone: photo, price, call. Everything else follows. */
@media(max-width:640px){
  .inv-toolbar{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:var(--sp-2)}
  .utd-home main .inv-open-filters{grid-column:1;grid-row:1;width:100%}
  .inv-sort{grid-column:2;grid-row:1}
  .utd-home main .inv-sort select{width:100%;padding-left:var(--sp-3);padding-right:40px}
  .utd-inventory main .inv-toolbar__count{grid-column:1;grid-row:2;align-self:center}
  .inv-view{grid-column:2;grid-row:2;justify-self:end}

  /* The filters open as a bottom sheet. Only the fields scroll; the title and the button stay put. */
  .inv-rail{top:auto;left:0;width:100%;max-height:calc(100vh - var(--sp-7));max-height:calc(100dvh - var(--sp-7));border-radius:var(--r-card) var(--r-card) 0 0;transform:translateY(100%)}

  .inv-grid,.inv-grid--three{grid-template-columns:minmax(0,1fr)}
  .inv-similar .inv-grid>:nth-child(3){display:flex}
  .utd-inventory main .inv-card__price{font-size:var(--t-h2);line-height:var(--lh-h2)}
  .inv-results[data-view=list] .inv-card__photo{flex-basis:112px;min-height:0}
  .inv-results[data-view=list] .inv-card__body{display:flex;padding:var(--sp-3)}
  .utd-inventory main .inv-results[data-view=list] .inv-card h3{font-size:var(--t-h4);line-height:var(--lh-h4)}
  .utd-inventory main .inv-results[data-view=list] .inv-card__price{margin-top:var(--sp-1);font-size:var(--t-h3);line-height:var(--lh-h3);text-align:left}
  .inv-results[data-view=list] .inv-card__specs{display:block;margin-top:var(--sp-2);padding-top:var(--sp-2)}
  .inv-results[data-view=list] .inv-card__specs div{display:none}
  .inv-results[data-view=list] .inv-card__specs div:first-child,.inv-results[data-view=list] .inv-card__specs div:last-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--sp-2)}
  .inv-results[data-view=list] .inv-card__specs dd{overflow-wrap:normal}
  .inv-results[data-view=list] .inv-card__foot{margin-top:var(--sp-2)}
  .inv-results[data-view=list] .inv-card__stock{display:none}
  .utd-home main .inv-results[data-view=list] .inv-card__call{width:100%;margin-left:0;padding-inline:var(--sp-2);white-space:nowrap}
  .inv-pagination ol{order:-1;justify-content:center;width:100%}

  .utd-home main :is(.inv-request__phone,.inv-cat-hero__phone),.utd-home .inv-sourcing .inv-sourcing__phone,.utd-inventory main .inv-request__copy .inv-request__who{display:none}
  .inv-request__email{margin-top:var(--sp-2)}
  .inv-sourcing__actions{align-self:stretch}

  /* Truck page: the photo runs edge to edge and the crumb trail is one step back. */
  .inv-detail .utd-crumbs li:not(:nth-last-child(2)){display:none}
  .inv-detail .utd-crumbs li:nth-last-child(2)::before{content:"\2039";margin-right:var(--sp-2);opacity:1}
  .inv-detail__grid{margin-top:0}
  .inv-gallery{margin-inline:calc(-1*var(--gutter))}
  .inv-gallery__stage{border-radius:0}
  .inv-gallery__thumbs,.inv-gallery__nav,.inv-gallery__expand span{display:none}
  .inv-gallery__expand{justify-content:center;width:44px;padding:0}
  .inv-panel{display:flex;flex-direction:column;gap:0}
  .inv-panel__info,.inv-panel__act{display:contents}
  .inv-panel__top{order:1}
  .inv-panel h1{order:2}
  .inv-panel__price{order:3}
  .inv-panel__note{order:4}
  .inv-panel__call{order:5}
  .inv-panel__facts{order:6}
  .inv-panel__who{order:7}
  .inv-panel__tools{order:8}
  .utd-home main .inv-panel__call{margin-top:var(--sp-4)}
  .utd-home main .inv-panel__ask,.utd-home main .inv-panel__tools [data-inv-print]{display:none}
  /* The panel and the groups below already give these numbers. */
  .inv-keyspecs{display:none}
  .inv-specs{grid-template-columns:minmax(0,1fr);margin-top:var(--sp-4)}
  .inv-specs dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--sp-4)}
  .inv-specs dl>div{display:block;padding-block:var(--sp-2)}
  .inv-specs dd{text-align:left}

  .utd-inventory main .inv-cat-hero .inv-cat-hero__uses,.inv-cat-search{display:none}
  .utd-inventory main .inv-cat-hero--stock .inv-cat-hero__note{bottom:var(--sp-3)}
  .inv-guide__list article{grid-template-columns:minmax(0,1fr);gap:var(--sp-1);padding-block:var(--sp-4)}
}
@media(max-width:380px){
  .inv-estimate__fields{grid-template-columns:minmax(0,1fr)}
}

@media(prefers-reduced-motion:reduce){
  .inv-results[aria-busy=true]::before{animation:none}
  .inv-card__photo img,.inv-tile img,.inv-rail,.inv-rail.is-open{transition:none}
  .inv-card:hover .inv-card__photo img,.inv-tile:hover img{transform:none}
}

/* Clean one-page print of a truck */
@media print{
  .home-header,.home-footer,.home-skip,.utd-crumbs,.inv-mobile-bar,.inv-ask,.inv-similar,.inv-estimate,.inv-panel__tools,.inv-panel__ask,.inv-gallery__nav,.inv-gallery__expand,.inv-gallery__thumbs,.inv-gallery__counter,.inv-sample-note,.inv-lightbox,.inv-preview,.utd-cookie-banner,.utd-cookie-dialog,.utd-cookie-manager,.utd-privacy-ui,.utd-legal-footer,.inv-sourcing,.home-sprite{display:none!important}
  .utd-inventory,.utd-inventory--detail{background:#fff!important;padding:0!important;font-size:11pt}
  .inv-detail{padding:0}
  .inv-detail .home-wrap{width:100%}
  .inv-print-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2pt 16pt;padding-bottom:8pt;margin-bottom:10pt;border-bottom:1pt solid #14304F;font-size:11pt;color:#14304F}
  .inv-detail__grid{display:block;margin:0;padding:0}
  .inv-gallery{margin:0}
  .inv-gallery__stage{aspect-ratio:auto;max-height:3.4in;background:#fff;border-radius:0}
  .inv-gallery__track{overflow:hidden;height:3.4in}
  .inv-gallery__slide{display:none}
  .inv-gallery__slide:first-child{display:block;flex-basis:100%}
  .inv-gallery__slide img{object-fit:contain;object-position:left center}
  .inv-panel,.inv-panel__info,.inv-panel__act{display:block;position:static;max-height:none;margin-top:10pt;padding:0;border:0}
  .utd-home main .inv-panel__call{display:inline-flex;width:auto;min-height:0;margin-top:6pt;padding:0;border:0;background:none;color:#14304F;font-size:14pt;justify-content:flex-start}
  .inv-panel__call svg{display:none}
  .utd-inventory main .inv-panel .inv-panel__price{font-size:22pt;color:#14304F}
  .utd-inventory main .inv-panel h1{font-size:20pt}
  .inv-section{margin-top:12pt}
  .utd-inventory main .inv-section h2{font-size:14pt}
  .inv-specs{grid-template-columns:1fr 1fr;gap:10pt 22pt;margin-top:6pt}
  .inv-specs__group{break-inside:avoid}
  .inv-specs dl>div{padding-block:3pt;font-size:10.5pt}
  .utd-inventory main .inv-note,.utd-inventory main .inv-copy p{font-size:10pt}
  .inv-note a{color:inherit;text-decoration:none}
}