/* ── PAGE-SPECIFIC: printgestaltung ──── */

/* Intro CTA */
.intro-cta {
  display: flex; gap: 12px; justify-content: center;
  flex-wrap: wrap; margin-top: 28px;
}

/* Process step text */
.process-step h4 { font-size: 0.95rem; font-weight: 700; margin-bottom: 6px; }
.process-step p { font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

/* Buttons */
.btn-block { display: block; width: 100%; text-align: center; }

/* Responsive */
@media (max-width: 720px) {
  .process-grid { grid-template-columns: 1fr 1fr; }
}

/* ── PRINT-GALERIE (Masonry) ────── */
.print-gallery {
  max-width: var(--container-max);
  margin: 0 auto;
  columns: 3;
  column-gap: 16px;
}
.pg-item {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  display: block;
  text-decoration: none;
  margin-bottom: 16px;
  break-inside: avoid;
  transition: transform .22s, box-shadow .22s;
}
.pg-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(62,124,47,.14);
}
.pg-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform .3s;
}
.pg-item:hover img { transform: scale(1.04); }
.pg-label {
  position: absolute;
  bottom: 12px;
  left: 12px;
  background: rgba(26,35,24,.75);
  backdrop-filter: blur(6px);
  color: var(--white);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 8px;
}
@media (max-width: 820px) {
  .print-gallery { columns: 2; }
}
@media (max-width: 480px) {
  .print-gallery { columns: 1; }
}