.pat-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:0 auto;max-width:1200px;padding:0 16px}.pagination-bar,.per-page{display:flex;align-items:center}.pagination-bar{justify-content:center;gap:16px;margin:0;flex-wrap:wrap}#pagination-bar-top{margin-bottom:30px}#pagination-bar-bottom{margin-top:30px;margin-bottom:30px}.per-page{gap:6px;color:#aaa;font-size:13px}.per-page select{background:#222;color:#ccc;border:1px solid #555;border-radius:4px;padding:6px 10px;font-size:13px;cursor:pointer;outline:0}.per-page select:hover{border-color:#1abc9c}.per-page select:focus{border-color:#1abc9c;box-shadow:0 0 4px rgba(26,188,156,.4)}.pagination{list-style:none;display:flex;padding:0;gap:6px;margin:0}.pagination li{display:inline-block}.pagination a,.pagination span{display:block;padding:8px 12px;color:#fff;background-color:#222;border:1px solid #888;border-radius:4px;text-decoration:none;font-weight:700;transition:background-color .3s ease;font-size:13px}.pagination li.active a{background-color:#1abc9c;color:#fff;border-color:#1abc9c;pointer-events:none}.pagination a:hover{background-color:#444}.pagination li.disabled span{opacity:.5;pointer-events:none;cursor:default}