/* One clear set of controls: tabs on wider screens, a compact category menu on phones. */
body[data-page="gallery"] .gallery-mobile-filter{display:none}
body[data-page="gallery"] .catalog-controls{display:flex;align-items:center}
body[data-page="gallery"] .catalog-search{flex:1;min-width:0;max-width:680px}
body[data-page="gallery"] .catalog-search input{min-width:0;width:100%}
body[data-page="gallery"] .gallery-meta{display:flex;justify-content:flex-start}
@media(max-width:700px){
 body[data-page="gallery"] .gallery-toolbar{display:none}
 body[data-page="gallery"] .catalog-controls{display:grid;grid-template-columns:minmax(112px,.75fr) minmax(0,1.25fr);gap:8px;margin-top:8px}
 body[data-page="gallery"] .gallery-mobile-filter{display:block;position:relative;min-width:0}
 body[data-page="gallery"] .gallery-mobile-filter>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body[data-page="gallery"] .gallery-mobile-filter select{display:block;width:100%;height:48px;border:1px solid #c4a77952;border-radius:999px;background:#241411;color:#f1e8d8;padding:0 12px;font:500 13px var(--sans)}
 body[data-page="gallery"] .catalog-search{width:100%;max-width:none;min-height:48px;margin:0;padding:0 12px}
 body[data-page="gallery"] .catalog-search input{font-size:12px}
 body[data-page="gallery"] .gallery-meta{padding:16px 0}
}

/* Keep search immediately after the categories, with a stacked layout on phones. */
body[data-page="gallery"] .gallery-filter-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
body[data-page="gallery"] .gallery-filter-row .gallery-toolbar{flex:1 1 640px;min-width:0;border:0;padding:0}
body[data-page="gallery"] .gallery-filter-row .filters{overflow:visible;flex-wrap:wrap}
body[data-page="gallery"] .gallery-filter-row .catalog-controls{flex:1 1 210px;min-width:190px;max-width:300px;margin:0}
body[data-page="gallery"] .gallery-filter-row .catalog-search{max-width:none;min-height:48px}
@media(max-width:700px){
 body[data-page="gallery"] .gallery-filter-row{display:block}
 body[data-page="gallery"] .gallery-filter-row .catalog-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:none;margin:0}
 body[data-page="gallery"] .gallery-filter-row .gallery-mobile-filter,body[data-page="gallery"] .gallery-filter-row .catalog-search{width:100%}
}