/* Statické stránky katalogu náhradních dílů (tools/generovat-stranky-dilu.js).
   Bez javascriptu, rychlé, čitelné i pro robota Seznamu. */
:root { --dk-cervena:#d4202c; --dk-text:#1b1d21; --dk-sedy:#5b6069; --dk-linka:#e2e4e8; --dk-pozadi:#f6f7f9; }
* { box-sizing:border-box; }
body.dk { margin:0; background:var(--dk-pozadi); color:var(--dk-text); font:16px/1.55 Arial, Helvetica, sans-serif; }
.dk a { color:var(--dk-cervena); }
.dk-obal { width:min(1180px, calc(100% - 32px)); margin:0 auto; }
.dk-hlava { background:#111316; color:#fff; border-bottom:3px solid var(--dk-cervena); }
.dk-hlava-in { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:14px 0; }
.dk-logo { color:#fff !important; text-decoration:none; font-size:20px; font-weight:800; line-height:1.15; }
.dk-logo b { color:#ff3b47; }
.dk-logo small { display:block; font-size:12px; font-weight:400; color:#c9ccd2; }
.dk-menu { display:flex; gap:18px; flex-wrap:wrap; align-items:center; }
.dk-menu a { color:#fff; text-decoration:none; font-weight:700; font-size:14px; }
.dk-menu a:hover { color:#ff6b74; }
.dk-menu .dk-tel { background:var(--dk-cervena); padding:8px 14px; border-radius:4px; }
.dk-drobky { margin:18px 0 6px; font-size:13px; color:var(--dk-sedy); }
.dk-drobky a { color:var(--dk-sedy); }
.dk-drobky i { font-style:normal; margin:0 4px; }
.dk h1 { font-size:clamp(24px, 3.4vw, 36px); line-height:1.15; margin:6px 0 12px; }
.dk h2 { font-size:22px; margin:30px 0 12px; }
.dk-uvod { max-width:860px; color:#33363c; }
.dk-vykres { margin:18px 0; background:#fff; border:1px solid var(--dk-linka); border-radius:6px; padding:12px; }
.dk-vykres img { display:block; width:100%; height:auto; max-height:780px; object-fit:contain; }
.dk-vykres figcaption { font-size:13px; color:var(--dk-sedy); margin-top:6px; }
.dk-tab { width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--dk-linka); border-radius:6px; overflow:hidden; }
.dk-tab th, .dk-tab td { padding:10px 12px; border-bottom:1px solid var(--dk-linka); text-align:left; vertical-align:top; }
.dk-tab th { background:#f0f1f4; font-size:13px; color:var(--dk-sedy); }
.dk-tab td a { font-weight:700; text-decoration:none; }
.dk-tab td a:hover { text-decoration:underline; }
.dk-tab small { display:block; color:var(--dk-sedy); font-size:12px; }
.dk-tab .dk-c { width:72px; color:var(--dk-sedy); font-size:13px; }
.dk-tab .dk-cena { text-align:right; white-space:nowrap; font-weight:700; }
.dk-mrizka { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:10px; }
.dk-mrizka li { background:#fff; border:1px solid var(--dk-linka); border-radius:6px; padding:10px 12px; }
.dk-mrizka a { font-weight:700; text-decoration:none; }
.dk-mrizka a:hover { text-decoration:underline; }
.dk-mrizka small { display:block; color:var(--dk-sedy); font-size:12px; margin-top:2px; }
.dk-dil { background:#fff; border:1px solid var(--dk-linka); border-radius:6px; padding:16px 18px; max-width:760px; }
.dk-dil dl { display:grid; grid-template-columns:max-content 1fr; gap:8px 18px; margin:0; }
.dk-dil dt { color:var(--dk-sedy); }
.dk-dil dd { margin:0; }
.dk-cena-velka { font-size:24px; font-weight:800; color:var(--dk-cervena); }
.dk-objednat { margin:34px 0 10px; background:#fff; border-left:4px solid var(--dk-cervena); padding:4px 18px 10px; border-radius:4px; }
.dk-pata { margin-top:30px; background:#111316; color:#c9ccd2; font-size:13px; padding:18px 0; }
.dk-pata a { color:#fff; }
@media (max-width:600px) {
  .dk-tab .dk-c { display:none; }
  .dk-dil dl { grid-template-columns:1fr; gap:2px; }
  .dk-dil dd { margin-bottom:8px; }
}