.catalogue-page{--cat-header:75px;background:#f3f6f8;padding-bottom:56px}.catalogue-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.catalogue-dock{z-index:30;pointer-events:none;background:#fff;border:1px solid #d6ecef;border-radius:999px;align-items:center;padding:6px 14px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 14px #0f172a1f}.catalogue-counter{color:#13808f;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.catalogue-body{grid-template-columns:184px minmax(0,1fr);align-items:start;max-width:1440px;margin:0 auto;display:grid}.catalogue-rail{top:var(--cat-header);height:calc(100vh - var(--cat-header));scrollbar-width:thin;scrollbar-color:#d3dbe3 transparent;background:#fff;border-right:1px solid #e3e8ee;flex-direction:column;gap:14px;padding:20px 20px 24px;display:flex;position:sticky;overflow-y:auto}.catalogue-rail:hover{scrollbar-color:#a7b4c1 transparent}.catalogue-rail::-webkit-scrollbar{width:6px}.catalogue-rail::-webkit-scrollbar-track{background:0 0}.catalogue-rail::-webkit-scrollbar-thumb{background:#d3dbe3;border-radius:999px}.catalogue-rail:hover::-webkit-scrollbar-thumb{background:#a7b4c1}.catalogue-rail::-webkit-scrollbar-button{display:none}.catalogue-thumb{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;width:100%;padding:0;display:flex}.catalogue-thumb-img{opacity:.7;background:#0d1433;border:2px solid #0000;border-radius:5px;width:100%;transition:opacity .2s,border-color .2s,box-shadow .2s;display:block;overflow:hidden;box-shadow:0 1px 4px #0f172a1f}.catalogue-thumb-img img{width:100%;height:auto;display:block}.catalogue-thumb-num{color:#8a96a3;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.catalogue-thumb:hover .catalogue-thumb-img{opacity:1}.catalogue-thumb.is-active .catalogue-thumb-img{opacity:1;border-color:#1a9fb0;box-shadow:0 0 0 3px #1a9fb02e}.catalogue-thumb.is-active .catalogue-thumb-num{color:#13808f}.catalogue-thumb:focus,.catalogue-sheet-btn:focus{outline:none}.catalogue-thumb:focus-visible .catalogue-thumb-img{border-color:#7acc3b}.catalogue-main{flex-direction:column;align-items:center;gap:28px;padding:20px 40px 0;display:flex}.catalogue-sheet{width:100%;max-width:min(1400px,calc((100vh - var(--cat-header) - 60px)*1.6857));max-width:min(1400px,calc((100svh - var(--cat-header) - 60px)*1.6857));scroll-margin-top:calc(var(--cat-header) + 20px);margin:0}.catalogue-sheet-btn{aspect-ratio:1920/1139;cursor:zoom-in;background:#0d1433;border:0;border-radius:6px;width:100%;padding:0;transition:box-shadow .25s,transform .25s;display:block;overflow:hidden;box-shadow:0 2px 6px #0f172a14,0 12px 32px #0f172a1f}.catalogue-sheet-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0f172a1a,0 18px 44px #0f172a2e}.catalogue-sheet-btn:focus-visible{outline-offset:3px;outline:3px solid #1a9fb0}.catalogue-sheet-img{object-fit:contain;width:100%;height:100%;display:block}.catalogue-sheet-num{text-align:center;color:#8a96a3;font-variant-numeric:tabular-nums;margin-top:10px;font-size:.8rem;font-weight:600}@media (prefers-reduced-motion:reduce){.catalogue-sheet-btn,.catalogue-thumb-img{transition:none}.catalogue-sheet-btn:hover{transform:none}}@media (hover:none){.catalogue-sheet-btn:hover{transform:none;box-shadow:0 2px 6px #0f172a14,0 12px 32px #0f172a1f}}@media (max-width:1024px){.catalogue-page{--cat-header:68px;padding-bottom:40px}.catalogue-dock{padding:5px 12px;bottom:14px;right:14px}.catalogue-counter{font-size:.8rem}.catalogue-body{grid-template-columns:minmax(0,1fr)}.catalogue-rail{display:none}.catalogue-main{gap:18px;padding:20px 14px 0}.catalogue-sheet-num{margin-top:6px}}
