/* dd/cert-badges – v3: karty so zdvihom pri hover, štítok normy ako technická pečiatka na hrane skenu */
.cg,.wp-block-dd-cert-badges .g{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
.cg.cols-4{grid-template-columns:repeat(4,1fr)}
.cb{position:relative;background:var(--navy-700);border:1px solid #ffffff1f;border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;color:var(--on-navy);text-decoration:none;transition:translate var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}
.cb::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;background:var(--yellow);transition:width 450ms var(--ease-io)}
a.cb:hover,a.cb:focus-visible{translate:0 -4px;border-color:#ffffff47;box-shadow:0 22px 44px -20px #000}
a.cb:hover::after,a.cb:focus-visible::after{width:100%}
.cb .sc{aspect-ratio:3/2;background:#fff;overflow:hidden}
.cb .sc img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform 700ms var(--ease-out)}
a.cb:hover .sc img{transform:scale(1.04)}
.cb .b{position:relative;padding:40px 24px 28px;display:flex;gap:14px;align-items:flex-start}
.cb .ic{position:absolute;left:24px;top:-28px;width:56px;height:56px;border-radius:50%;background:var(--yellow);color:var(--on-yellow);border:3px solid var(--navy-700);box-shadow:0 0 0 2px var(--yellow);display:flex;align-items:center;justify-content:center;transform:rotate(-12deg);transition:transform 450ms var(--ease-out)}
.cb .ic::before{content:"";position:absolute;inset:3px;border:1.5px dashed var(--on-yellow);border-radius:50%;opacity:.5}
a.cb:hover .ic,a.cb:focus-visible .ic{transform:rotate(0)}
.cb:not(:has(.sc)) .b{padding-top:28px;padding-left:92px}
.cb:not(:has(.sc)) .ic{top:24px}
.cb .ic svg{width:26px;height:26px}
.cb .t{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:28px}
.cb .s{color:var(--on-navy-muted);font-size:14px;line-height:20px;margin-top:4px;display:block}
.cb .dl{margin-top:14px;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--yellow);text-decoration:underline;text-underline-offset:4px}
/* 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 .cb[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}
.wp-block-dd-machine-park+.wp-block-dd-cert-badges{box-shadow:inset 0 1px 0 var(--navy-600)}
.cert-note{margin:var(--space-5) 0 0;color:var(--on-navy-muted);font-size:13px;line-height:18px}
@media (max-width:1023px){.cg,.cg.cols-4,.wp-block-dd-cert-badges .g{grid-template-columns:repeat(2,1fr)}}
@media (max-width:639px){.cg,.cg.cols-4,.wp-block-dd-cert-badges .g{grid-template-columns:1fr}}
/* UX audit F12: na mobile miniatúra vľavo, text vpravo */
@media (max-width:639px){.cb{flex-direction:row;align-items:stretch}.cb .sc{position:relative;flex:0 0 96px;aspect-ratio:auto;min-height:128px}.cb .sc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.cb .b{padding:16px 16px 18px}.cb .ic{display:none}}
/* F14 */
@media (min-width:640px) and (max-width:1023px){.cg>:last-child:nth-child(odd){grid-column:1/-1}}
