/* ВРЕМЕННОЕ ОФОРМЛЕНИЕ. Фирменный набор бренда переносится следующим шагом — здесь
   ровно столько, чтобы страницы читались и было видно, что приехало по API. */
:root { --fg:#1b1b1b; --sub:#6a6a6a; --line:#e6e6e6; --bg:#fff; }
* { box-sizing:border-box; }
body { margin:0; font:400 15px/1.5 'Helvetica Neue',Arial,sans-serif; color:var(--fg); background:var(--bg); }
a { color:inherit; text-decoration:none; }
.hd { display:flex; gap:24px; align-items:center; padding:16px 24px; border-bottom:1px solid var(--line); }
.hd__logo { font-weight:700; letter-spacing:.12em; }
.hd__nav { display:flex; gap:16px; }
.hd__search input { padding:8px 12px; border:1px solid var(--line); border-radius:999px; min-width:200px; }
.hd__langs { display:flex; gap:10px; margin:0 0 0 auto; padding:0; list-style:none; color:var(--sub); font-size:13px; }
.hd__langs .is-on a { color:var(--fg); font-weight:600; }
.main { max-width:1200px; margin:0 auto; padding:24px; }
.h1 { font-size:28px; font-weight:600; margin:0 0 20px; }
.h2 { font-size:20px; font-weight:600; margin:32px 0 14px; }
.lead { color:var(--sub); max-width:70ch; }
.found { color:var(--sub); font-size:13px; }
.tiles,.grid,.strip__row { display:grid; gap:16px; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); }
.tile,.card { display:block; border:1px solid var(--line); border-radius:12px; overflow:hidden; padding-bottom:10px; }
.tile img,.card img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; background:#fafafa; }
.tile span,.card span { display:block; padding:6px 10px 0; }
.card__brand,.card__code { color:var(--sub); font-size:12px; }
.card__name { font-size:14px; }
.crumbs { display:flex; gap:8px; color:var(--sub); font-size:13px; margin-bottom:12px; }
.code { color:var(--sub); }
.gallery { display:grid; gap:12px; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); }
.gallery img { width:100%; height:auto; border-radius:12px; }
.text { max-width:70ch; margin:20px 0; }
.specs { border-collapse:collapse; margin:20px 0; }
.specs th,.specs td { border-bottom:1px solid var(--line); padding:7px 14px 7px 0; text-align:left; font-weight:400; }
.specs th { color:var(--sub); }
.pages { display:flex; gap:8px; margin:24px 0; }
.pages a { padding:6px 10px; border:1px solid var(--line); border-radius:8px; }
.pages .is-on { background:var(--fg); color:#fff; }
.ft { border-top:1px solid var(--line); padding:24px; color:var(--sub); }