/* dd/machine-park – v3: karty na šírku (fotka | technický list s bodkovanými vodiacimi čiarami); mriežka na sekcii (.dd-grid-bg) */
.mp{padding:96px 24px 80px;max-width:var(--container);margin:0 auto}
.mp .g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);counter-reset:m}
.mp .g>.mc:last-child:nth-child(odd){grid-column:1/-1}
.mc{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:var(--navy-700);border:1px solid #ffffff1f;border-radius:var(--radius-md);overflow:hidden;color:var(--on-navy);transition:translate var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}
.mc::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;background:var(--yellow);transition:width 450ms var(--ease-io)}
.mc:hover,.mc:focus-within{translate:0 -3px;border-color:#ffffff47;box-shadow:0 18px 40px -18px #000}
.mc:hover::after,.mc:focus-within::after{width:100%}
.mc .ph{position:relative;min-height:260px;overflow:hidden;background:var(--navy-600)}
.mc .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 700ms var(--ease-out)}
.mc:hover .ph img{transform:scale(1.045)}
.mc .ph::after{counter-increment:m;content:counter(m,decimal-leading-zero);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 10px;background:var(--yellow);color:var(--on-yellow);font:700 18px/1 var(--font-display);letter-spacing:.5px;font-variant-numeric:tabular-nums}
.mc .b{padding:32px 28px;display:flex;flex-direction:column}
.mc .k{display:flex;align-items:center;gap:10px;font:600 12px/16px var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--on-navy-muted)}
.mc .k::before{content:"";width:20px;height:3px;background:var(--yellow);flex:none}
.mc h3{margin:10px 0 18px;font-size:clamp(26px,2.4vw,32px);line-height:1.06}
.mc dl{margin:0;display:grid;grid-template-columns:auto 1fr;border-top:1px solid #ffffff24}
.mc dt,.mc dd{display:flex;margin:0;padding:10px 0;font-size:14px;line-height:20px;border-bottom:1px solid #ffffff24}
.mc dt{color:var(--on-navy-muted)}
.mc dd{justify-content:flex-end;font:500 15px/20px var(--font-mono);font-variant-numeric:tabular-nums}
.mc dt::after,.mc dd::before{content:"";flex:1;min-width:12px;align-self:flex-end;margin-bottom:6px;border-bottom:1px dotted #ffffff66}
.mc dt::after{margin-left:10px}
.mc dd::before{margin-right:10px}
/* po odhalení (.dd-pre.dd-in) základ drží transform:none a jeden prechod pre celú položku – zdvih preto cez `translate` a vlastný zoznam prechodov */
html.dd-js .dd-pre.dd-in .mc[data-st]{transition-property:opacity,transform,translate,border-color,box-shadow;transition-duration:600ms,700ms,.2s,.2s,.2s;transition-delay:calc(var(--i,0)*90ms),calc(var(--i,0)*90ms),0s,0s,0s}
@media (max-width:1023px){.mp{padding:64px 24px}.mp .g{grid-template-columns:1fr}}
@media (max-width:639px){.mp{padding:48px 16px}.mc{grid-template-columns:1fr}.mc .ph{min-height:0;aspect-ratio:16/10}.mc .b{padding:20px 20px 24px}}
/* UX audit F15: karta stroja nie je odkaz – bez nadvihnutia */
.mc:hover,.mc:focus-within{translate:none;box-shadow:none}