.title .search.search-tools{position:relative;width:260px;max-width:100%;overflow:visible;box-sizing:border-box}
.search.search-tools input.input{box-sizing:border-box;width:100%;padding-right:72px}
.search-tools button{position:absolute;top:0;height:28px;width:32px;border:0;background:transparent;color:#96348b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.search-tools .search-photo-button{right:5px}.search-tools .search-text-button{right:37px;font-size:26px;line-height:1}
.search-tools button:focus-visible,.search-suggestions a:focus{outline:2px solid #96348b;outline-offset:1px}
.search-suggestions{position:absolute;top:calc(100% + 5px);right:0;width:340px;max-width:calc(100vw - 30px);z-index:1010;border:1px solid #d7b8d3;border-radius:8px;box-shadow:0 5px 20px #0002;background:#fff;text-align:left;overflow:hidden}
.search-suggestions a{display:block;padding:11px 14px;white-space:normal;color:#713267;text-decoration:none;font-size:14px;line-height:1.4}
.search-suggestions a:hover,.search-suggestions a:focus{background:#f9ecf7;color:#713267}
.search-photo-status{position:absolute;right:0;top:calc(100% + 5px);z-index:1011;width:300px;max-width:calc(100vw - 30px);padding:12px;box-sizing:border-box;background:#fff;border:1px solid #d7b8d3;border-radius:8px;font-size:14px;line-height:1.4;text-align:left}
.search-tools [hidden]{display:none!important}.search-order{color:#777;font-size:14px}

/* Keep breadcrumbs and search on the same desktop row. */
.content .title:has(> .search-tools) { display:flex; align-items:center; gap:16px; }
.content .title:has(> .search-tools) > .breadcrumbs { float:none; width:auto; flex:1; min-width:0; margin:5px 0 10px; }
.title .search.search-tools { float:none; flex:0 0 260px; margin:0 0 0 auto; top:auto; right:auto; height:28px; }
.search.search-tools input.input { padding-right:45px; }
@media(max-width:767px) {
 .content.app:has(.search-tools) { padding-top:112px!important; }
 .content.app:has(.search-tools) #center-new-items.main-page { margin-top:0; }
 .content.app:has(.search-tools) .breadcrumbs { margin-top:0; }
 #main-content .content.app:has(.search-tools) h1 { margin-top:16px!important; }
 .content .title:has(> .search-tools) { display:block; }
 #search-form.search.search-tools {
  display:none!important; visibility:visible; opacity:1!important;
  position:relative!important; transform:none; top:auto!important;
  left:auto!important; right:auto!important; float:none; width:100%!important;
  max-width:100%; height:44px; clear:both; margin:0 0 12px; z-index:202;
 }
 #search-form.search.search-tools.showMobile { display:block!important; }
 #search-form.search-tools input.input {
  position:relative!important; top:auto!important; left:auto!important;
  margin:0!important; width:100%!important; height:44px; float:none;
  padding-right:50px; font-size:16px; scroll-margin-top:112px;
 }
 .search-tools button { top:0; height:44px; width:40px; }
 .search-suggestions { width:100%; }
}