body.public-surface .quick-type-grid{display:flex;flex-wrap:wrap;gap:8px}
body.public-surface .type-photo-button{flex:1 1 calc(14.285% - 8px);min-width:0;padding:5px 5px 8px;justify-content:flex-start;gap:6px}
body.public-surface .type-photo-button>img{height:auto;aspect-ratio:1.6;object-fit:contain}
body.public-surface .type-photo-button>span:last-child{margin-top:0;font-size:14px;line-height:1.35}
body.public-surface .filters .filter-group{margin:0;min-width:0}
body.public-surface .filters .year-range{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.public-surface .ton-choices{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;order:0}
body.public-surface .ton-choices button{border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);padding:9px 12px;font:inherit;font-size:14px;cursor:pointer}
body.public-surface .ton-choices button.active{background:var(--navy);color:#fff;border-color:var(--navy)}
body.public-surface .ton-choices button:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
body.public-surface .ton-choices select[hidden]{display:none}
@media(max-width:800px){body.public-surface .type-photo-button{flex-basis:calc(20% - 8px)}body.public-surface .filters{grid-template-columns:repeat(2,minmax(0,1fr))}body.public-surface .filters .year-range{grid-column:1/-1}}
@media(max-width:640px){body.public-surface .type-photo-button{flex-basis:calc(25% - 8px)}body.public-surface .type-photo-button>span:last-child{font-size:13px}body.public-surface .ton-choices button{flex:1 1 auto}}
@media(max-width:380px){body.public-surface .type-photo-button{flex-basis:calc(33.333% - 8px)}}

body.site-road.public-surface #filter-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.site-road.public-surface #filter-form .year-range{grid-column:1/-1;gap:12px}
body.site-road.public-surface #filter-form .ton-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.site-road.public-surface #filter-form .ton-choices button{padding:11px 5px;min-height:44px;line-height:1.4}
body.site-road.public-surface #filter-type{background-color:#fff2a8;border:2px solid #d5ac00;color:#28251b;font-weight:700}
body.site-road.public-surface #filter-type:focus-visible{outline:3px solid #997900;outline-offset:2px}
@media(min-width:900px){body.site-road.public-surface #filter-form .ton-choices{grid-template-columns:repeat(6,minmax(0,1fr))}}

body.site-road.public-surface .quick-type-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
body.site-road.public-surface .type-photo-button{width:100%;min-width:0;align-self:stretch}
body.site-road.public-surface .type-photo-button>img{width:100%;height:clamp(70px,8vw,110px);aspect-ratio:auto;object-fit:contain}
@media(max-width:800px){body.site-road.public-surface .quick-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.site-road.public-surface .type-photo-button>img{height:clamp(60px,14vw,90px)}}