.catalog-tools{display:grid;gap:14px;margin:24px 0 18px;padding:20px;background:linear-gradient(130deg,#10201d80,#19132480);border:1px solid #ffffff12;border-radius:22px}
.catalog-search-label{display:block;color:#b6bdc8;font-size:12px;font-weight:600;letter-spacing:.2px;margin:0}
.catalog-search-field{position:relative;min-width:0}
.catalog-search-field>svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#8b929e;pointer-events:none}
.catalog-search-field input{display:block;width:100%;min-width:0;min-height:52px;padding:14px 14px 14px 44px;margin:0;font-size:14px;background:#080d1380;border-color:#ffffff16;border-radius:14px}
.catalog-search-field:focus-within>svg{color:var(--green)}
.catalog-favorites{display:flex;align-items:center;gap:11px;width:100%;min-height:50px;padding:12px 15px;margin:2px 0 0;background:#ffffff04;border:1px solid #ffffff12;border-radius:14px;text-align:left;font-size:13px;font-weight:650;color:#e1e6ec}
.favorites-heart{font-size:22px;line-height:1;color:var(--green)}
.favorites-count{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:11px;border-radius:8px;color:#aab4c0;background:#ffffff08}
.favorites-arrow{margin-left:auto;color:#8b929e;font-size:17px}
.catalog-favorites.selected{background:#00efa010;border-color:#00efa055;color:var(--green)}
.catalog-favorites:hover{border-color:#00efa040;background:#00efa009}
.catalog-favorites:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:360px){.catalog-tools{padding:16px}.catalog-search-field input{font-size:13px}}