/* Shared by public pages and the catalog panel; loaded after component styles. */
@media(max-width:960px){
  select:not([multiple]):not([size]):not([hidden]),
  select:not([multiple])[size="1"]:not([hidden]){
    box-sizing:border-box;-webkit-appearance:none;appearance:none;
    height:50px;min-height:50px;min-block-size:50px;flex-shrink:0;min-width:0;max-width:100%;width:100%;
    font-family:inherit;font-size:16px;line-height:normal;padding:0 40px 0 12px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23263358' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 12px center;background-size:20px 20px;
  }
  select[hidden]{display:none}
  .hero-search,.directory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-search>.search-keyword,.directory-filters>.field:first-child{grid-column:1/-1;border-right:0}
}
@media(max-width:740px){
  .results-toolbar .results-tools{display:grid;grid-template-columns:minmax(0,1fr) 90px;width:100%;gap:12px;align-items:center}
  .results-tools .sort-label{grid-column:1/-1;grid-row:1;min-width:0;width:100%}
  .results-tools .sort-label select{max-width:none}
  .results-toolbar .results-tools .text-button{width:auto;min-width:44px;min-height:50px;justify-self:start;margin:0;padding:0 12px;font-size:14px;gap:8px}
  .results-tools .view-toggle{justify-self:end}
  .results-tools .view-toggle>a{min-height:50px;min-width:44px}
}
@media(max-width:600px){
  .hero-search,.directory-filters{grid-template-columns:minmax(0,1fr)}
  .hero-search>.search-field{grid-column:1/-1;border-right:0}
  .directory-filters>.field,.directory-filters>.button{grid-column:1/-1}
}
@media(max-width:960px) and (forced-colors:active){
  select:not([multiple]):not([size]):not([hidden]),
  select:not([multiple])[size="1"]:not([hidden]){appearance:auto;background-image:none}
}