:root{
  --brand: #2A491D;
  --brand-accent: #F1B600;
  --border: #e5e7eb;
}
.katalog-viewer{--gap:12px;max-width:min(100%, var(--vw));margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;position:relative}
.katalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.katalog-toolbar .kv-btn{padding:6px 10px;border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:8px;cursor:pointer;white-space:nowrap}
.katalog-toolbar .kv-btn:hover{background:#fff;color:var(--brand)}
.katalog-toolbar .kv-page{min-width:70px;text-align:center}
.katalog-toolbar .kv-period{font-size:.9rem;color:#333;white-space:nowrap}
.katalog-toolbar .kv-actions{display:flex;gap:8px;align-items:center}
.katalog-title{margin:4px 0 10px;font-size:1.2rem;color:var(--brand);text-align:center}
.katalog-stage{position:relative;width:100%;height:var(--vh);border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1}
.kv-slide{position:absolute;inset:0;display:none;align-items:center;justify-content:center}
.kv-slide.is-active{display:flex}
.katalog-stage img{max-width:100%;max-height:100%;width:auto;height:auto;transition:transform .2s ease}
.kv-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:999px;border:2px solid var(--brand);background:var(--brand);color:var(--brand-accent);font-size:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.kv-left{left:12px}
.kv-right{right:12px}
.kv-arrow:hover{filter:brightness(0.95)}
.katalog-viewer.is-fullscreen{position:fixed;inset:0;padding:12px;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;flex-direction:column;justify-content:center}
.kv-close-fs{position:absolute;top:16px;right:20px;width:40px;height:40px;border-radius:999px;border:2px solid var(--brand-accent);background:var(--brand);color:var(--brand-accent);font-size:24px;line-height:34px;text-align:center;cursor:pointer;z-index:6;display:none;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.katalog-viewer.is-fullscreen .kv-close-fs{display:block}
.katalog-viewer.is-fullscreen .katalog-stage{border-radius:12px;height:calc(100vh - 240px);margin:0 auto;border:1px solid var(--border);background:#fff;max-width:min(100vw - 24px, 1200px)}
.katalog-thumbs{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:10px}
.katalog-thumbs .kv-thumb{position:relative;border:1px solid var(--border);border-radius:6px;padding:0;overflow:hidden;background:#fff;cursor:pointer;min-height:80px}
.katalog-thumbs .kv-thumb.is-active{outline:2px solid var(--brand-accent)}
.katalog-thumbs .kv-thumb img{display:block;width:100%;height:80px;object-fit:cover}
.katalog-thumbs .kv-thumb.more::after{content:attr(data-more);position:absolute;inset:0;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.katalog-viewer.is-zoom .katalog-stage img{transform:scale(1.25)}