/* 322: primary catalogue filters are visible without disclosure or JavaScript. */
.catalog322-controls{padding:13px 15px 15px;margin:12px 0 10px;border:1px solid #ded4e8;border-radius:14px;background:#f4f0f9;color:#33273f}
.catalog322-controls h2{font-size:14px!important;line-height:1.4!important;margin:0 0 10px!important;font-weight:700!important;letter-spacing:0!important}
.catalog322-filter{display:grid;grid-template-columns:1.25fr 1.3fr 1fr 1.1fr auto;gap:10px;align-items:end;margin:0}
.catalog322-filter label{display:grid;min-width:0;gap:5px;font-size:12px;font-weight:600;color:#64566f}
.catalog322-filter select{display:block!important;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:44px;padding:9px 28px 9px 11px;border:1px solid #d8cfe1;border-radius:9px;background-color:#fff;color:#31243e;font-family:inherit;font-size:14px;font-weight:400;line-height:1.35;text-overflow:ellipsis}
.catalog322-filter .button{min-height:44px;padding:10px 18px;margin:0;font-size:14px;border-radius:9px}
.catalog322-filter :is(select,button):focus-visible,.showcase322-shortcuts a:focus-visible,.starter322-catalog:focus-visible{outline:3px solid #8154c4;outline-offset:3px}
.showcase322-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.showcase322-shortcuts>span{font-size:13px;color:#71617c;margin-right:3px}
.showcase322-shortcuts>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;padding:9px 13px;border:1px solid #dcd2e6;border-radius:10px;background:#fff;color:#583b73;text-decoration:none;font-size:13px;font-weight:600;line-height:1.4}
.showcase322-shortcuts>a:hover{background:#f0e7fa;border-color:#bfa7d5}
.starter322-catalog{display:inline-flex;min-height:44px;align-items:center;padding:6px 0;color:#654188;font-weight:650;font-size:14px;text-underline-offset:4px}
@media(max-width:900px){.catalog322-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog322-filter .button{grid-column:1/-1}.catalog322-controls{padding:12px}.catalog322-filter select{font-size:14px}}
@media(max-width:580px){.showcase322-shortcuts{gap:7px}.showcase322-shortcuts>span{flex-basis:100%;margin-bottom:2px}.showcase322-shortcuts>a{font-size:12px;padding:8px 10px;min-height:40px}.catalog322-filter{gap:9px}.catalog322-filter label{font-size:12px}.catalog322-filter select{font-size:13px;padding-left:8px;padding-right:22px}.catalog322-controls h2{font-size:14px!important}}

@media(max-width:580px){.catalog322-filter{grid-template-columns:minmax(0,1fr)}.catalog322-filter select{font-size:14px;padding-left:11px}.catalog322-filter label{gap:4px}}