/* dd/project-cards – v3: zladené s kartami služieb (zoom fotky, technický štítok, žltá linka pri hover) */
.pg,.wp-block-dd-project-cards .g{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
.pc{position:relative;padding:0;overflow:hidden;color:inherit;text-decoration:none;display:flex;flex-direction:column;transition:translate var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}
a.pc:hover,a.pc:focus-visible{transform:none;translate:0 -4px}
.pc .ph::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;background:var(--yellow);transition:width 450ms var(--ease-io)}
a.pc:hover .ph::after,a.pc:focus-visible .ph::after{width:100%}
.pc .ph{aspect-ratio:16/10;position:relative;overflow:hidden;background:var(--navy-600)}
.pc .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 700ms var(--ease-out)}
a.pc:hover .ph img{transform:scale(1.045)}
.pc .ph .tag{position:absolute;left:0;top:var(--space-4);max-width:calc(100% - var(--space-4));background:var(--navy);color:var(--on-navy);border-left:4px solid var(--yellow);font:600 12px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;padding:7px 10px 7px 12px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.pc .b{padding:20px 24px 28px;display:flex;flex-direction:column;gap:var(--space-2)}
.pc h3{margin:0;transition:color var(--duration-base) var(--ease-out)}
a.pc:hover h3{color:var(--blue)}
.pc .sp{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top: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 .pc[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){.pg,.wp-block-dd-project-cards .g{grid-template-columns:repeat(2,1fr)}}
@media (max-width:639px){.pg,.wp-block-dd-project-cards .g{grid-template-columns:1fr}}
/* Mobil (Jakub 5. 10.: viac fotiek, kratšia stránka): karty v páse na posúvanie prstom, vidno kúsok ďalšej karty */
@media (max-width:639px){
  .wp-block-dd-project-cards .pg{display:flex;gap:var(--space-3);margin-inline:-16px;padding:4px 16px var(--space-3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}
  .wp-block-dd-project-cards .pg::-webkit-scrollbar{display:none}
  .wp-block-dd-project-cards .pg>*{flex:0 0 84%;scroll-snap-align:start}
}