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)}}