.catalog-directory{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:30px 0 72px;color:#17213a}.catalog-directory nav{margin-bottom:36px;color:#68748b;font-size:.9rem}.catalog-directory nav a{color:#3157c8;text-decoration:none}.catalog-directory header h1{margin:0 0 10px;font-size:clamp(2.2rem,5vw,3.5rem);letter-spacing:-.04em}.catalog-directory header p{margin:0;color:#647087;font-size:1.05rem}.directory-alphabet{display:flex;flex-wrap:wrap;gap:7px;margin:34px 0 18px}.directory-alphabet button{min-width:38px;height:38px;border:1px solid #dce2ed;border-radius:8px;background:#fff;color:#27334b;font:inherit;font-weight:750;cursor:pointer}.directory-alphabet button:first-child{padding:0 15px}.directory-alphabet button:hover:not(:disabled),.directory-alphabet button:focus-visible,.directory-alphabet button.is-active{border-color:#3157c8;background:#3157c8;color:#fff}.directory-alphabet button:disabled{color:#aeb6c4;background:#f6f7f9;cursor:not-allowed}.directory-count{margin:0 0 16px;color:#68748b;font-size:.9rem}.directory-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 18px;margin:0;padding:0;list-style:none}.directory-list a{display:block;border:1px solid #e4e8f0;border-radius:10px;background:#fff;padding:14px 16px;color:#17213a;font-weight:650;text-decoration:none}.directory-list a:hover,.directory-list a:focus-visible{border-color:#ef6c35;color:#d94d12;box-shadow:0 6px 18px #17213a12}.directory-empty{border-radius:10px;background:#f6f7fa;padding:20px;color:#68748b}.directory-list [hidden]{display:none}@media(max-width:850px){.directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.catalog-directory{width:calc(100% - 28px);padding:20px 0 48px}.directory-list{grid-template-columns:1fr}.directory-alphabet{gap:5px}.directory-alphabet button{min-width:35px;height:35px}}