/* Compact catalog controls; retain the desktop layout and native select menus. */
.platform-content .catalog-section .catalog-toolbar{display:flex;align-items:center;flex-wrap:nowrap}
.platform-content .catalog-toolbar .clear-filter{flex:none;margin-left:auto;align-self:center}
@media(max-width:600px){
 .platform-content .catalog-intro{padding:24px 0;align-items:flex-start}
 .platform-content .catalog-intro h1{font-size:32px;line-height:1.25;margin:10px 0 12px}
 .platform-content .catalog-intro p{font-size:14px;line-height:1.65}
 .platform-content .catalog-toolbar{padding:0 0 16px;border-top:0;gap:8px}
 .platform-content .catalog-tabs{flex-wrap:nowrap;gap:8px;margin-bottom:0}
 .platform-content .catalog-tabs button{min-height:44px;padding:8px 16px;font-size:14px}
 .platform-content .catalog-refine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 8px;align-items:center;margin:16px 0}
 .platform-content .catalog-refine .filters{display:contents}
 .platform-content .catalog-refine .filters label{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:4px;font-size:12px;line-height:1.4;min-width:0}
 .platform-content .catalog-refine .filters label::after{content:"";position:absolute;right:0;bottom:15px;width:14px;height:14px;background:var(--ink);-webkit-mask:url('/assets/icons/ui/chevron-down.svg') center/contain no-repeat;mask:url('/assets/icons/ui/chevron-down.svg') center/contain no-repeat;pointer-events:none}
 .platform-content .catalog-refine .filters select{-webkit-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font-family:inherit;font-size:16px;line-height:1.4;height:44px;min-height:44px;width:100%;max-width:100%;min-width:0;padding:8px 18px 8px 0;text-overflow:ellipsis}
 .platform-content .catalog-refine .filters select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
 .platform-content .catalog-toolbar .clear-filter{min-height:44px;padding:8px 10px;font-size:13px;border-color:var(--line)}
 .platform-content .catalog-refine .results-line{grid-column:1 / -1;grid-row:2;margin:0;align-items:center;min-height:44px;font-size:13px}
}
@media(max-width:359px){
 .platform-content .page-wrap:has(.catalog-section){padding-inline:16px}
 .platform-content .catalog-refine{column-gap:8px}
}
