.filter-btn{background:var(--color-white);border:1px solid var(--color-300);border-radius:20px;color:var(--color-700);cursor:pointer;display:flex;font-size:14px;font-weight:400;height:36px;justify-content:center;min-width:60px;padding:10px 12px;text-decoration:none;transition:background .2s}.filter-btn:hover{background:var(--color-100)}@media(min-width:768px){.filter-btn{height:40px}}.region{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1144px;padding:24px 20px;width:100%}.region__header{align-items:center;display:flex;gap:12px}.region__back-button{align-items:center;background:var(--color-100);border:none;border-radius:8px;cursor:pointer;display:none;flex-shrink:0;height:32px;justify-content:center;padding:8px;width:32px}.region__title{color:var(--color-900);font-family:Golos,-apple-system,Roboto,Helvetica,sans-serif;font-size:24px;font-weight:700;line-height:120%;margin:0}.region__filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.region__filter-button{align-items:center;background:transparent;border:1px solid var(--color-300);border-radius:20px;color:var(--color-700);cursor:pointer;display:flex;font-family:Golos,-apple-system,Roboto,Helvetica,sans-serif;font-size:14px;font-weight:400;gap:8px;height:40px;line-height:120%;padding:4px 12px;transition:all .2s ease;white-space:nowrap}.region__filter-button--active{background:var(--color-800);border-color:var(--color-800);color:var(--color-white)}.region__filter-button:hover:not(.region__filter-button--active){border-color:var(--color-700)}.region__alphabet-section{display:flex;flex-direction:column;gap:16px;margin-top:16px}.region__alphabet-title{color:var(--color-900);font-family:Golos,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:120%;margin:0}.region__alphabet-filters{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px}.region__alphabet-button{align-items:center;background:var(--color-white);border:1px solid var(--color-300);border-radius:20px;color:var(--color-700);cursor:pointer;display:flex;font-family:Golos,-apple-system,Roboto,Helvetica,sans-serif;font-size:14px;font-weight:400;gap:8px;height:36px;justify-content:center;line-height:120%;padding:4px 12px;transition:all .2s ease;width:60px}.region__alphabet-button--active{background:var(--color-800);border-color:var(--color-800);color:var(--color-white)}.region__alphabet-button:hover:not(.region__alphabet-button--active){border-color:var(--color-700)}.region__street-link{color:var(--color-button);font-family:Golos,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:120%;padding:8px 0;text-decoration:none;transition:opacity .2s ease}.region__street-link:hover{opacity:.8}@media(max-width:768px){.region{background:var(--color-white);border-radius:20px;padding:24px 20px}.region__back-button{display:flex}.region__title{flex:1;font-size:18px}.region__filters{flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.region__filters::-webkit-scrollbar{display:none}.region__filter-button{height:36px}}