/* The showroom uses the available viewport; forms retain their reading width. */
.catalog-tabs{flex-wrap:wrap}.catalog-tabs button{white-space:nowrap}
.content:has(.catalogue-grid){max-width:none}
.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:22px}
.catalogue-grid>.card{display:flex;flex-direction:column;min-width:0;height:100%}
.catalogue-grid .car-image{flex:none;height:190px}
.catalogue-grid .card-body{display:flex;flex:1;flex-direction:column;min-width:0}
.catalogue-grid .vehicle-name{min-height:58px;align-content:start;overflow-wrap:anywhere}
.catalogue-grid .version{min-height:36px;overflow-wrap:anywhere}
.catalogue-grid .tags{flex-wrap:wrap;min-height:24px;align-content:start}
.catalogue-grid .pilot-delivery{min-height:98px;margin:0 0 4px}
.catalogue-grid .pilot-delivery strong{font-size:19px}
.catalogue-grid .terms{overflow-wrap:anywhere}
.catalogue-grid .card-footer{margin-top:auto;padding-top:8px;min-height:50px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px}
.catalogue-grid .card-footer .text-btn{min-width:0;line-height:1.4;text-align:left}
.catalogue-grid .card-footer .primary{flex:none;width:auto;margin:0;min-height:38px}
@media(min-width:1450px){.catalogue-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1900px){.catalogue-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1150px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:760px){.catalogue-grid{gap:14px}.catalogue-grid .car-image{height:170px}.catalogue-grid .card-body{padding:16px}}
@media(max-width:640px){.catalogue-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.catalogue-grid .vehicle-name,.catalogue-grid .version,.catalogue-grid .tags{min-height:0}.catalogue-grid .car-image{height:200px}.catalogue-grid .pilot-delivery{min-height:0}}

.package-picker{margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.package-picker label{color:var(--ink)}
.content:has(.catalogue-grid)>.results{flex-wrap:wrap;gap:12px 20px}
.catalog-sort{display:flex;align-items:center;gap:9px;margin-left:auto;white-space:nowrap}
.catalog-sort select{width:auto;max-width:100%;margin:0;font-size:12px}
@media(max-width:640px){.catalog-sort{order:3;width:100%;margin:0}.catalog-sort select{flex:1;min-width:0}.content:has(.catalogue-grid)>.results>span{width:100%;order:4}}

#catalogue-results{scroll-margin-top:110px}#catalogue-results:focus{outline:none}.catalog-page-summary{font-weight:400;font-size:12px;color:var(--muted)}.catalog-pagination{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:28px 0 14px;padding:18px 0;border-top:1px solid var(--line)}.catalog-pagination p{margin:0;font-size:12px;color:var(--muted)}.catalog-pagination>div{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.catalog-pagination button{min-width:38px;min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px;padding:8px 12px;cursor:pointer}.catalog-pagination button[aria-current=page]{background:#086c9e;color:white;border-color:#086c9e;opacity:1}.catalog-pagination button:disabled:not([aria-current]){opacity:.4;cursor:default}.catalog-pagination button:hover:not(:disabled){border-color:var(--green)}.pagination-gap{padding:0 3px;color:var(--muted)}
@media(max-width:640px){.catalog-pagination{align-items:flex-start;flex-direction:column;gap:13px}.catalog-pagination>div{justify-content:flex-start;gap:5px}.catalog-pagination button{min-width:36px;min-height:42px;padding:8px 10px}}
