/* DRR DAMSON — HOTFIX 2026-07-01
   Naprawa sekcji realizacji na darmowe-projekty.html.
   Problem: HTML używa klas .drr-gallery-*, a poprzedni CSS stylował .drr-stage13h-*.
   Efekt: zdjęcia u góry robiły się za duże / niełapane przez layout.
*/

/* Kompatybilność ze starymi klasami Stage13H */
.drr-stage13h-realproof,
.drr-gallery-realproof{
  width:min(100% - 32px,1180px)!important;
  margin:24px auto 18px!important;
  padding:18px!important;
  border:1px solid rgba(216,179,106,.22)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.024))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
  box-sizing:border-box!important;
}

.drr-stage13h-head,
.drr-gallery-head{
  max-width:880px!important;
  margin:0 0 14px!important;
}

.drr-stage13h-eyebrow,
.drr-gallery-eyebrow{
  display:inline-block!important;
  margin:0 0 7px!important;
  color:#d8b36a!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font-size:11px!important;
}

.drr-stage13h-head h2,
.drr-gallery-head h2{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:clamp(22px,2.5vw,32px)!important;
  line-height:1.12!important;
}

.drr-stage13h-head p,
.drr-gallery-head p{
  margin:0!important;
  color:#e0d7c8!important;
  line-height:1.55!important;
  font-size:15px!important;
}

.drr-stage13h-grid,
.drr-gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

.drr-stage13h-card,
.drr-gallery-card{
  overflow:hidden!important;
  border-radius:18px!important;
  background:rgba(7,18,20,.78)!important;
  border:1px solid rgba(216,179,106,.18)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}

.drr-stage13h-card a,
.drr-gallery-card a{
  display:block!important;
  color:inherit!important;
  text-decoration:none!important;
  height:145px!important;
  max-height:145px!important;
  overflow:hidden!important;
  background:#f6efe3!important;
}

.drr-stage13h-card img,
.drr-gallery-card img,
.drr-gallery-realproof img{
  display:block!important;
  width:100%!important;
  height:145px!important;
  max-height:145px!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#f6efe3!important;
}

.drr-stage13h-card__body,
.drr-gallery-card__body{
  padding:12px!important;
}

.drr-stage13h-card__body h3,
.drr-gallery-card__body h3{
  margin:0 0 6px!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.22!important;
}

.drr-stage13h-card__body p,
.drr-gallery-card__body p{
  margin:0!important;
  color:#d9d2c4!important;
  line-height:1.45!important;
  font-size:13.5px!important;
}

.drr-stage13h-tags,
.drr-gallery-tags{
  margin-top:8px!important;
  color:#d8b36a!important;
  font-size:12px!important;
  font-weight:800!important;
}

.drr-stage13h-actions,
.drr-gallery-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:16px!important;
}

.drr-stage13h-actions a,
.drr-gallery-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-weight:900!important;
  background:#d8b36a!important;
  color:#15110a!important;
  border:1px solid rgba(216,179,106,.7)!important;
}

.drr-stage13h-actions a + a,
.drr-gallery-actions a + a{
  background:transparent!important;
  color:#d8b36a!important;
}

@media (max-width:900px){
  .drr-stage13h-grid,
  .drr-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media (max-width:620px){
  .drr-stage13h-realproof,
  .drr-gallery-realproof{width:min(100% - 22px,1180px)!important;margin:18px auto 14px!important;padding:14px!important;border-radius:18px!important;}
  .drr-stage13h-grid,
  .drr-gallery-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .drr-stage13h-card,
  .drr-gallery-card{display:grid!important;grid-template-columns:112px 1fr!important;align-items:stretch!important;}
  .drr-stage13h-card a,
  .drr-gallery-card a{height:100%!important;max-height:none!important;min-height:116px!important;}
  .drr-stage13h-card img,
  .drr-gallery-card img,
  .drr-gallery-realproof img{height:100%!important;min-height:116px!important;max-height:none!important;}
  .drr-stage13h-card__body,
  .drr-gallery-card__body{padding:10px!important;}
  .drr-stage13h-card__body h3,
  .drr-gallery-card__body h3{font-size:14.5px!important;}
  .drr-stage13h-card__body p,
  .drr-gallery-card__body p{font-size:12.5px!important;}
}