.catalog-viewer{--catalog-navy:#102a42;--catalog-line:#36516a;--catalog-accent:#6cc6fb;width:100%;max-width:1280px;margin-inline:auto;color:#fff;background:var(--catalog-navy);border:1px solid #d6e1e9;border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #0c263b12;font:400 15px/1.5 Inter,Arial,sans-serif;isolation:isolate}
.catalog-viewer *{box-sizing:border-box}
.catalog-viewer:lang(ar){font-family:NotoArabic,Arial,sans-serif;line-height:1.85}
.catalog-viewer__bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 20px;padding:18px 20px}
.catalog-viewer__title{margin:0;color:#fff;font-size:1rem;font-weight:600;line-height:1.4;letter-spacing:0}
.catalog-viewer__paging,.catalog-viewer__zoom{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap}
.catalog-viewer__button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 13px;border:1px solid var(--catalog-line);border-radius:6px;color:#fff;background:#1a3852;font:inherit;line-height:1.2;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}
.catalog-viewer__button:hover:not(:disabled){background:#284c69;border-color:#7796af}
.catalog-viewer__button:disabled{opacity:.42;cursor:default}
.catalog-viewer__button[aria-pressed=true]{border-color:var(--catalog-accent);color:var(--catalog-accent)}
.catalog-viewer__arrow{padding:8px;font-size:1.4rem}
.catalog-viewer__select{appearance:auto;min-width:66px;width:66px;min-height:44px;margin:0;padding:7px 8px;border:1px solid var(--catalog-line);border-radius:6px;background:#fff;color:#102a42;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer}
.catalog-viewer__page-label,.catalog-viewer__total,.catalog-viewer__zoom-value{color:#e1eaf1;font-size:.86rem;white-space:nowrap}
.catalog-viewer__zoom-value{display:inline-block;min-width:45px;text-align:center;font-variant-numeric:tabular-nums}
.catalog-viewer__button:focus-visible,.catalog-viewer__select:focus-visible{outline:3px solid var(--catalog-accent);outline-offset:3px}
.catalog-viewer__viewport{position:relative;height:76vh;height:76svh;min-height:320px;max-height:1050px;overflow:auto;overscroll-behavior:contain;background:#e8edf1;color:#102a42;direction:ltr;scrollbar-color:#8094a4 #e8edf1;touch-action:pan-x pan-y pinch-zoom}
.catalog-viewer__viewport:focus-visible{outline:3px solid #2482c3;outline-offset:-4px}
.catalog-viewer[data-zoom="1"] .catalog-viewer__viewport{touch-action:pan-y pinch-zoom}
.catalog-viewer__canvas{display:grid;place-items:center;width:fit-content;min-width:100%;min-height:100%;padding:16px}
.catalog-viewer__page{display:block;max-width:none;max-height:none;flex-shrink:0;margin:0;border:0;background:#fff;box-shadow:0 3px 15px #17324b24;user-select:none;-webkit-user-drag:none}
.catalog-viewer.is-loading .catalog-viewer__page{opacity:.5}
.catalog-viewer__error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:28px;text-align:center;direction:inherit}
.catalog-viewer[dir=rtl] .catalog-viewer__error{direction:rtl}
.catalog-viewer__error p{max-width:520px;margin:0;font-size:1rem;line-height:1.7;color:#29465b}
.catalog-viewer__error[hidden],.catalog-viewer__page[hidden]{display:none!important}
.catalog-viewer__footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;border-top:1px solid var(--catalog-line)}
.catalog-viewer__hint,.catalog-viewer__status{margin:0;font-size:.8rem;color:#c2d1de;line-height:1.6}
.catalog-viewer__status{color:#fff;min-width:105px;text-align:end}
.catalog-viewer__noscript{margin:0;padding:16px 20px;background:#f6fafc;color:#29465b}
@media(max-width:900px){.catalog-viewer__bar{justify-content:center}.catalog-viewer__title{width:100%;text-align:center}.catalog-viewer__viewport{height:70vh;height:70svh}.catalog-viewer__footer{align-items:flex-start}.catalog-viewer__hint{max-width:65%}}
@media(max-width:580px){.catalog-viewer{border-radius:8px}.catalog-viewer__bar{gap:12px;padding:14px 10px}.catalog-viewer__paging{gap:9px}.catalog-viewer__zoom{width:100%;gap:8px}.catalog-viewer__zoom .catalog-viewer__button[data-action=fit]{min-width:130px}.catalog-viewer__viewport{height:66vh;height:66svh;min-height:330px}.catalog-viewer__canvas{padding:10px}.catalog-viewer__footer{padding:12px 14px;gap:12px}.catalog-viewer__hint{font-size:.74rem}.catalog-viewer__status{font-size:.78rem;min-width:88px}}
@media(prefers-reduced-motion:reduce){.catalog-viewer__button{transition:none}}
@media print{.catalog-viewer__bar,.catalog-viewer__footer{display:none}.catalog-viewer{border:0;box-shadow:none}.catalog-viewer__viewport{height:auto;max-height:none;overflow:visible;background:#fff}.catalog-viewer__canvas{padding:0}.catalog-viewer__page{max-width:100%;height:auto;box-shadow:none}}
