/* Robot catalogue (mockup, 2026-10-15). Reuses the tokens and components of oem.css; only what the catalogue adds lives here. */
.mk-hero{padding:clamp(48px,7vw,96px) 0 clamp(24px,4vw,40px)}
.mk-hero h1{font-size:clamp(38px,6.2vw,84px);line-height:1;letter-spacing:-.03em;margin:14px 0 18px;max-width:16ch}
.mk-hero .lede{max-width:52ch}
.mk-trust{margin:18px 0 0;font:500 12px/1.5 var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mk-crumb{font:500 12px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}.mk-crumb a{color:var(--muted);text-decoration:none}.mk-crumb a:hover{color:var(--ink)}
/* map */
.mk-map{position:relative;margin-top:28px;border:1px solid var(--rule);background:var(--panel)}
.mk-map canvas{display:block;width:100%;height:auto;aspect-ratio:12/5}
.mk-dot{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;background:none;border:0;color:var(--ink);cursor:pointer;padding:0}
.mk-dot i{display:block;width:calc(14px + var(--n)*4px);height:calc(14px + var(--n)*4px);max-width:44px;max-height:44px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 22%,transparent);font:700 12px/1 var(--fm);color:#101214;display:flex;align-items:center;justify-content:center;font-style:normal}
.mk-dot span{font:500 11px/1 var(--fm);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 6px #101214,0 0 2px #101214;white-space:nowrap}
.mk-dot.on i,.mk-dot[aria-pressed=true] i{background:var(--ink);box-shadow:0 0 0 6px color-mix(in srgb,var(--ink) 28%,transparent)}
.mk-dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mk-map-note{position:absolute;left:14px;bottom:10px;font:500 11px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}
/* tiles */
.mk-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:28px}
.mk-tile{background:var(--panel);padding:22px 20px;text-align:left;border:0;color:var(--ink);cursor:pointer;min-height:44px;display:flex;flex-direction:column;gap:6px;font:inherit}
.mk-tile b{font:700 24px/1.1 var(--fd);letter-spacing:-.02em}.mk-tile em{font:500 12px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-style:normal}.mk-tile span{font-size:14.5px;color:var(--muted)}
.mk-tile.on,.mk-tile[aria-pressed=true]{background:var(--panel-2)}
@media (hover:hover){.mk-tile:hover{background:var(--panel-2)}}
/* filters */
.mk-filters{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:flex-start;margin:30px 0 8px}
.mk-fg{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mk-fg>b{font:500 11px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.mk-chip{font:500 12px/1 var(--fm);letter-spacing:.05em;text-transform:uppercase;padding:0 12px;min-height:44px;border:1px solid #6F777E;background:none;color:var(--ink);cursor:pointer}
.mk-chip.on,.mk-chip[aria-pressed=true]{background:var(--ink);color:#101214;border-color:var(--ink)}
.mk-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 18px;font:500 12px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mk-clear{background:none;border:0;color:var(--accent);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;min-height:44px;padding:0 4px;text-decoration:underline}
/* cards */
.mk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:1100px){.mk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mk-grid,.mk-tiles{grid-template-columns:minmax(0,1fr)}}
.mk-card{background:var(--bg);border:1px solid var(--rule);display:flex;flex-direction:column;min-width:0}
.mk-card[hidden]{display:none}
.mk-ph{position:relative;aspect-ratio:4/3;background:#0b0c0e;border-bottom:1px solid var(--rule);overflow:hidden;display:flex;align-items:center;justify-content:center}
.mk-ph img{display:block;width:100%;height:100%;object-fit:cover;background:#0b0c0e}
.mk-ph .ric{width:96px;height:96px;opacity:.45}
.mk-ph figcaption,.mk-ph .mk-cr{position:absolute;left:0;bottom:0;font:500 10px/1.3 var(--fm);letter-spacing:.05em;text-transform:uppercase;color:#e9eae6;background:rgba(16,18,20,.78);padding:5px 8px;max-width:100%}
.mk-ph a{color:inherit;text-decoration:none}
.mk-body{padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.mk-mk{font:500 11px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:flex;justify-content:space-between;gap:8px}.mk-mk span{color:var(--muted)}
.mk-card h3{font:700 24px/1.08 var(--fd);letter-spacing:-.02em;margin:0}.mk-card h3 a{color:inherit;text-decoration:none}
.mk-card .chips{padding:0;margin:0}
.mk-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin:6px 0 0}
.mk-nums div{background:var(--bg);padding:8px 8px 9px;min-width:0}.mk-nums dt{font:500 10px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.mk-nums dd{margin:3px 0 0;font:600 14px/1.25 var(--fb);overflow-wrap:anywhere}
.mk-price{font-size:14px;color:var(--muted);margin:2px 0 0;line-height:1.4}.mk-price b{color:var(--ink);font-weight:600}
.mk-act{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin-top:auto;padding-top:10px}
.mk-act .btn{padding:0 16px;min-height:44px;display:inline-flex;align-items:center}
.mk-act a.mk-sheet{font:500 12px var(--fm);letter-spacing:.05em;color:var(--ink);padding:12px 0}
.mk-empty{border:1px dashed #6F777E;padding:28px;text-align:center}
/* steps and path */
.mk-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:24px}
.mk-steps li{background:var(--panel);padding:20px;list-style:none}.mk-steps b{display:block;font:500 12px var(--fm);letter-spacing:.1em;color:var(--accent);text-transform:uppercase;margin-bottom:8px}.mk-steps h3{font-size:21px;margin:0 0 6px}.mk-steps p{margin:0;font-size:15px;color:var(--muted)}
@media (max-width:760px){.mk-steps{grid-template-columns:minmax(0,1fr)}}
.mk-note{font-size:13.5px;line-height:1.55;color:var(--muted);max-width:none;margin:14px 0 0}
/* robot page */
.rb-page-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(20px,4vw,56px);align-items:start}
@media (max-width:860px){.rb-page-top{grid-template-columns:minmax(0,1fr)}}
.rb-page-top .mk-ph{aspect-ratio:1/1;border:1px solid var(--rule)}
.rb-page-top h1{font-size:clamp(34px,5vw,64px);line-height:1.02;letter-spacing:-.03em;margin:8px 0 12px}
.rb-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin:22px 0}
.rb-five div{background:var(--panel);padding:12px 12px 14px;min-width:0}.rb-five dt{font:500 10.5px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rb-five dd{margin:5px 0 0;font:700 17px/1.2 var(--fd);overflow-wrap:anywhere}
@media (max-width:760px){.rb-five{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rb-priceblock{border-left:2px solid var(--accent);padding:2px 0 2px 14px;margin:0 0 18px}.rb-priceblock p{margin:0;font-size:15.5px}.rb-priceblock small{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.rb-table{width:100%;border-collapse:collapse;margin-top:14px}.rb-table th,.rb-table td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--rule);font-size:15px;vertical-align:top}.rb-table th{width:30%;font:500 11px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
@media (max-width:640px){.rb-table th{width:38%}}
.rb-sticky{position:sticky;top:72px;z-index:12;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.rb-sticky .wrap{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:56px}.rb-sticky b{font:700 16px var(--fd)}.rb-sticky span{color:var(--muted);font-size:13.5px}
.rb-opl{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:14px 0 0}.rb-opl li{border:1px solid var(--rule);padding:8px 12px;font-size:14.5px}
.rb-near{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:14px}
@media (max-width:760px){.rb-near{grid-template-columns:minmax(0,1fr)}}
.rb-near a{background:var(--panel);padding:14px 16px;color:var(--ink);text-decoration:none;display:block}.rb-near b{display:block;font:700 18px var(--fd)}.rb-near span{font-size:13.5px;color:var(--muted)}
/* news */
.nw-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
@media (max-width:1000px){.nw-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.nw-list{grid-template-columns:minmax(0,1fr)}}
.nw{background:var(--bg);border:1px solid var(--rule);display:flex;flex-direction:column;min-width:0}
.nw figure{margin:0;aspect-ratio:16/9;background:#0b0c0e;overflow:hidden;position:relative;border-bottom:1px solid var(--rule)}.nw figure img{width:100%;height:100%;object-fit:cover;display:block}
.nw figcaption{position:absolute;left:0;bottom:0;font:500 10px/1.3 var(--fm);letter-spacing:.05em;text-transform:uppercase;color:#e9eae6;background:rgba(16,18,20,.78);padding:5px 8px}
.nw .nb{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.nw time{font:500 11px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.nw h3{font:700 20px/1.15 var(--fd);margin:0;letter-spacing:-.01em}.nw p{margin:0;font-size:15px;color:var(--muted);line-height:1.5}.nw .src{margin-top:auto;font:500 12px var(--fm);letter-spacing:.05em;padding-top:8px}.nw .src a{color:var(--ink)}
.mk-foot{border-top:1px solid var(--rule);padding:28px 0 90px;margin-top:40px}
.mk-dot[data-lab=top]{flex-direction:column-reverse}.mk-dot[data-lab=bottom]{transform:translate(-50%,-30%)}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-block;font:500 10.5px/1.25 var(--fm);letter-spacing:.06em;text-transform:uppercase;padding:5px 7px;border:1px solid var(--rule);color:var(--muted)}.chip.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.rb-page-top .mk-mk{justify-content:flex-start;gap:14px}
@media (max-width:700px){.mk-fg{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;padding-bottom:2px}.mk-fg::-webkit-scrollbar{display:none}.mk-fg>b{flex:none}.mk-chip{flex:none;white-space:nowrap}.mk-filters{gap:10px}}