:root{--kp-ink:#18191c;--kp-red:#e51d2a;--kp-teal:#05768b;--kp-bg:#f7f4ef;--kp-line:#e4ddd3}
.catalog-page{background:var(--kp-bg);color:var(--kp-ink)}
.catalog-hero{max-width:1180px;margin:auto;padding:52px 24px 24px;text-align:center}.catalog-hero h1{font-size:clamp(30px,5vw,54px);margin:8px 0 10px}.catalog-hero p{max-width:760px;margin:0 auto;color:#666}.catalog-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.catalog-actions a{padding:11px 17px;border-radius:12px;font-weight:700;border:1px solid var(--kp-line);background:#fff}.catalog-actions .primary{background:var(--kp-red);color:#fff;border-color:var(--kp-red)}
.catalog-shell{max-width:1280px;margin:12px auto 0;padding:0 18px 60px}.catalog-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.catalog-toolbar button{border:1px solid #cfd5da;background:#fff;border-radius:12px;min-height:42px;padding:8px 14px;font-weight:700;cursor:pointer}.catalog-toolbar button:hover{border-color:var(--kp-teal);color:var(--kp-teal)}.catalog-counter{min-width:110px;text-align:center;font-weight:700;color:#58616a}
.book-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:620px;padding:22px;border-radius:24px;background:linear-gradient(145deg,#e2e8ed,#f9fbfc);border:1px solid #cbd4dc;box-shadow:0 18px 45px #24364c1a;overflow:hidden;perspective:1800px}.book-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(1020px,100%);align-items:center}.book-page{position:relative;display:grid;place-items:center;min-width:0;min-height:540px;background:#fff;box-shadow:0 14px 30px #0002;transform-origin:center;transition:transform .32s ease,opacity .25s ease}.book-page.turning-next{transform:rotateY(-8deg) scale(.985);opacity:.55}.book-page.turning-prev{transform:rotateY(8deg) scale(.985);opacity:.55}.book-page img{width:100%;height:100%;max-height:720px;object-fit:contain;display:block;background:#fff}.book-page.single{grid-column:1/-1;max-width:510px;justify-self:center;width:100%}.page-label{position:absolute;bottom:8px;inset-inline-end:10px;background:#111b;color:#fff;border-radius:999px;padding:4px 9px;font-size:11px}.catalog-help{text-align:center;color:#737b82;font-size:12px;margin-top:10px}
.catalog-copy{max-width:980px;margin:48px auto 0;background:#fff;border:1px solid var(--kp-line);border-radius:20px;padding:26px}.catalog-copy h2{margin:0 0 12px;font-size:28px}.catalog-copy p{color:#666}.catalog-index{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.catalog-index a{border:1px solid var(--kp-line);border-radius:12px;padding:12px;background:#faf9f7;font-weight:700}.catalog-index a:hover{border-color:var(--kp-teal);color:var(--kp-teal)}
.catalog-language{display:flex;gap:6px;justify-content:center;margin:8px 0 0}.catalog-language a{font-size:12px;border:1px solid var(--kp-line);padding:5px 9px;border-radius:999px;background:#fff}.catalog-language a.active{background:var(--kp-ink);color:#fff}
.catalog-zoom{position:fixed;inset:0;z-index:1200;background:#101010f2;display:none;place-items:center;padding:18px}.catalog-zoom.open{display:grid}.catalog-zoom img{max-width:96vw;max-height:94vh;object-fit:contain}.catalog-zoom button{position:absolute;top:15px;right:15px;width:46px;height:46px;border:0;border-radius:50%;font-size:26px;background:#fff;cursor:pointer}
@media(max-width:760px){.catalog-hero{padding-top:30px}.book-stage{min-height:0;padding:10px;border-radius:16px}.book-spread{grid-template-columns:1fr;gap:0}.book-page{min-height:0;max-width:100%;box-shadow:0 8px 20px #0002}.book-page.second{display:none}.book-page img{max-height:none}.catalog-index{grid-template-columns:repeat(2,1fr)}.catalog-shell{padding-inline:8px}.catalog-toolbar button{padding:7px 11px}.catalog-copy{margin-top:28px;padding:20px}}