#filters .filter-chip:has(input:checked)>span,#filters .filter-chip.active>span,#filters .filter-chip.is-selected>span{border-color:#ff713e!important;background:#fff0e8!important;color:#e8481c!important}
#filters .filter-chip:focus-visible{outline:2px solid #f65a28;outline-offset:2px}
#filters .filter-options{flex-wrap:wrap;gap:8px}
#filters .filters-title h2{font-size:20px}
.selected-filters:not([hidden]){display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid #f2d9ce;background:#fff8f3}
.selected-filters[hidden]{display:none!important}
@media(min-width:821px){
  .catalog-search-hero{padding-bottom:12px!important;border-bottom:0!important}
  .catalog{padding-top:0!important}
  #filters{border:1px solid #f0dcd2!important;border-radius:20px!important;background:#fffdfb;box-shadow:0 10px 30px #59271308!important}
  #filters #catalog-search{margin:0!important;padding:20px!important;border:0!important;border-bottom:1px solid #f0e2db!important;border-radius:20px 20px 0 0!important;box-shadow:none!important;background:#fff8f3}
  #filters .filters-head{border-radius:0!important;padding:18px 22px}
  #filters .filter-group{padding:14px 22px;grid-template-columns:105px minmax(0,1fr)}
  #filters .filter-advanced{border-radius:0 0 20px 20px}
  #filters .filter-chip{padding:0;white-space:nowrap}#filters .filter-chip>span{padding:9px 13px}
}
@media(max-width:820px){#filters .filters-title span{font-size:12px}#filters .filter-options{gap:6px}#filters .filter-chip{white-space:nowrap}.catalog-search-hero #catalog-search{margin-top:12px}}
/* Give the editable field its own visible boundary in both catalogue layouts. */
#catalog-search #catalog-query{background:#fff!important;border:1.5px solid #c7ada0!important;border-radius:10px!important;padding:14px 16px!important;min-width:0;min-height:52px;box-sizing:border-box;color:#28252b;box-shadow:inset 0 1px 2px #45251605!important;transition:border-color .15s,box-shadow .15s}
#catalog-search #catalog-query::placeholder{color:#80716a;opacity:1}
#catalog-search #catalog-query:hover{border-color:#b18470!important}
#catalog-search #catalog-query:focus{outline:none!important;border-color:#f45a28!important;box-shadow:0 0 0 3px #ff6b3529!important}
@media(max-width:820px){#catalog-search #catalog-query{padding:12px!important;min-height:48px;font-size:16px}}
@media(max-width:820px){
 #catalog-search.search-panel{grid-template-columns:minmax(0,1fr) 112px!important;grid-template-rows:42px 48px!important;column-gap:6px;row-gap:4px}
 #catalog-search.search-panel>.button{width:112px!important;min-width:112px!important;height:48px!important;min-height:48px!important;top:0!important;padding:0 10px!important;white-space:nowrap!important;flex-wrap:nowrap!important;font-size:14px!important;line-height:1.2!important;gap:6px!important;box-sizing:border-box}
 #catalog-search.search-panel>.button svg{width:16px;height:16px;flex:0 0 16px}
 #catalog-search #catalog-query{height:48px!important;width:100%;align-self:center}
}
/* Let the results toolbar blend into the catalogue background. */
.catalog .catalog-main .toolbar{background:transparent!important;box-shadow:none!important;border-color:transparent!important}
@media(min-width:821px){
 #filters #catalog-search{align-items:center;column-gap:10px}
 #catalog-search #catalog-query,#catalog-search>.button,#catalog-search>#search-mode,#catalog-search .catalog-desktop-select--search .catalog-desktop-select-trigger{height:52px!important;min-height:52px!important;max-height:52px!important;border-radius:10px!important;box-sizing:border-box;align-self:center;margin-block:0;top:0!important}
 #catalog-search>.button{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;padding-block:0!important}
 #catalog-search .catalog-desktop-select--search{align-self:center}
}