
/* Scoped: does not alter the active WordPress theme outside the catalog shortcode. */
#mk-catalog{--mk-navy:#0b2033;--mk-blue:#08aeea;--mk-cyan:#56dcf5;--mk-ink:#18354a;--mk-soft:#eef4f8;--mk-muted:#648197;position:relative;left:50%;transform:translateX(-50%);width:min(1350px,calc(100vw - 30px));max-width:none!important;margin:30px 0 65px;box-sizing:border-box;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--mk-ink);font-size:16px;line-height:1.5}
#mk-catalog *{box-sizing:border-box}#mk-catalog img,#mk-catalog svg{max-width:100%;display:block}#mk-catalog button,#mk-catalog input{font:inherit}#mk-catalog button{cursor:pointer}#mk-catalog a{text-decoration:none;color:inherit}#mk-catalog :focus-visible{outline:3px solid var(--mk-blue);outline-offset:3px}
#mk-catalog .mk-hero{border-radius:16px 16px 0 0;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 48%,#0b6e8b55,transparent 37%),linear-gradient(120deg,#091c2c,#15445d);padding:55px clamp(22px,5vw,70px);min-height:290px;display:flex;align-items:center;isolation:isolate}
#mk-catalog .mk-hero-copy{position:relative;z-index:2;max-width:700px}#mk-catalog .mk-eyebrow{display:block;color:#a0e6f7;font-size:11px;letter-spacing:.14em;font-weight:750}#mk-catalog .mk-hero h1{font-size:clamp(31px,4vw,58px);line-height:1.1;letter-spacing:-.045em;color:#fff;margin:16px 0;max-width:800px;font-weight:750}#mk-catalog .mk-hero h1 em{font-style:normal;color:#6edff6}#mk-catalog .mk-hero p{font-size:15px;color:#c1dbe5;line-height:1.8;margin:0;max-width:670px}#mk-catalog .mk-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}#mk-catalog .mk-tags span{font-size:10px;letter-spacing:.07em;border:1px solid #5487a144;padding:8px 12px;color:#caeaf3}
#mk-catalog .mk-skyline{position:absolute;width:46%;min-width:360px;height:auto;right:-3%;top:7%;z-index:1;opacity:.35;pointer-events:none}#mk-catalog .mk-skyline path{fill:none;stroke:#44d4fb;stroke-width:6;stroke-linejoin:bevel;stroke-dasharray:1700;stroke-dashoffset:1700;animation:mk-draw 5s ease forwards;filter:drop-shadow(0 0 9px #38d7fd66)}
#mk-catalog .mk-viewer{background:white;overflow:hidden;border:1px solid #d9e5eb;border-top:none;border-radius:0 0 16px 16px;box-shadow:0 25px 70px #12374a1c}
#mk-catalog .mk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:17px 24px;border-bottom:1px solid #d9e4eb;background:white}
#mk-catalog .mk-viewer-title{display:flex;flex-direction:column;gap:4px;min-width:190px}#mk-catalog .mk-viewer-title small{font-size:10px;color:#138bb3;font-weight:780;letter-spacing:.13em}#mk-catalog .mk-viewer-title strong{color:#15384a;font-size:16px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mk-catalog .mk-controls{display:flex;align-items:center;gap:8px;color:#50788f;font-size:12px}#mk-catalog .mk-controls button{display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #cddfe8;background:#f0f7fa;color:#144156;width:38px;height:38px;font-size:23px;padding:0;transition:background .18s,transform .18s}#mk-catalog .mk-controls button:hover:not(:disabled){background:#d4f1fb;transform:translateY(-1px)}#mk-catalog .mk-controls button:disabled{opacity:.35;cursor:not-allowed}#mk-catalog .mk-controls input{max-width:none;width:55px;height:38px;text-align:center;border-radius:8px;border:1px solid #d4e4ea;background:white;color:#123b50;padding:0 3px}#mk-catalog .mk-control-sep{width:1px;height:28px;background:#dbe5ea;margin:0 2px}
#mk-catalog .mk-stage{--mk-page-width:710px;position:relative;max-height:min(79vh,1110px);min-height:430px;overflow:auto;overscroll-behavior:contain;background:radial-gradient(circle at 50% 36%,#e7eff4,#ccdae5);padding:34px 16px;scrollbar-color:#a5bbc8 transparent}
#mk-catalog .mk-stage-inner{display:flex;justify-content:center;min-width:100%;align-items:flex-start}#mk-catalog .mk-stage img{display:block;width:var(--mk-page-width)!important;min-width:var(--mk-page-width);max-width:none!important;height:auto!important;object-fit:contain;box-shadow:0 16px 48px #15324855;background:#fff;user-select:none;transition:opacity .17s}#mk-catalog .mk-stage img.mk-loading{opacity:.55}
#mk-catalog .mk-viewer-hint{padding:17px 24px;text-align:center}#mk-catalog .mk-progress{background:#d8e9f1;height:3px;border-radius:5px;overflow:hidden}#mk-catalog .mk-progress span{display:block;width:3.125%;height:100%;background:linear-gradient(90deg,#0794c7,#5be2f5);transition:width .25s}#mk-catalog .mk-viewer-hint p{color:#5c8191;margin:13px 0 0;font-size:12px;line-height:1.6}
#mk-catalog .mk-thumbs-head{display:flex;justify-content:space-between;border-top:1px solid #e0ecf1;color:#6b8594;font-size:11px;font-weight:750;letter-spacing:.08em;padding:18px 24px 5px}#mk-catalog .mk-thumbnails{display:flex;gap:11px;overflow-x:auto;padding:12px 24px 24px;scroll-snap-type:x proximity;scrollbar-color:#9cbccd transparent}
#mk-catalog .mk-thumb{scroll-snap-align:start;flex:0 0 98px;width:98px;min-width:98px;padding:6px;background:#f3f8fa;border:1px solid #dbe7ed;color:#2c5367;border-radius:8px;text-align:left;transition:transform .18s,border-color .18s}#mk-catalog .mk-thumb:hover{transform:translateY(-3px);border-color:#35b5db}#mk-catalog .mk-thumb[aria-current="page"]{border-color:#09a2ca;box-shadow:inset 0 0 0 1px #09a2ca}#mk-catalog .mk-thumb img{width:84px!important;height:117px!important;object-fit:cover;margin:0 0 8px}#mk-catalog .mk-thumb span{font-size:11px;font-weight:800}#mk-catalog .mk-thumb small{display:block;font-size:9px;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mk-catalog .mk-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 24px;color:#7890a0;font-size:12px}#mk-catalog .mk-footer a{font-weight:750;color:#177fa0}
#mk-stage:fullscreen{background:#e0e9ef;max-height:100vh!important;height:100vh!important;min-height:100vh!important;padding:25px!important}
@keyframes mk-draw{to{stroke-dashoffset:0}}
@media(max-width:800px){#mk-catalog{width:calc(100vw - 16px);margin:15px 0 48px}#mk-catalog .mk-toolbar{justify-content:center}#mk-catalog .mk-viewer-title{width:100%}#mk-catalog .mk-hero{padding:38px 25px;min-height:245px}#mk-catalog .mk-skyline{opacity:.15;right:-35%}#mk-catalog .mk-stage{padding:24px 10px;min-height:350px}}
@media(max-width:460px){#mk-catalog .mk-hero{padding:30px 17px}#mk-catalog .mk-hero h1{font-size:34px}#mk-catalog .mk-hero p{font-size:13px}#mk-catalog .mk-tags span{font-size:9px;padding:6px 7px}#mk-catalog .mk-toolbar{padding:14px 9px}#mk-catalog .mk-controls{gap:4px}#mk-catalog .mk-controls button{height:34px;width:34px;font-size:21px}#mk-catalog .mk-controls input{height:34px;width:43px}#mk-catalog .mk-control-sep{display:none}#mk-catalog .mk-controls label{font-size:11px}#mk-catalog .mk-stage{min-height:260px}#mk-catalog .mk-viewer-hint p{font-size:11px}}
@media(prefers-reduced-motion:reduce){#mk-catalog *,#mk-catalog *:before,#mk-catalog *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#mk-catalog .mk-skyline path{stroke-dashoffset:0}}
