/* AdNeed Platform (Site 1) — Poster Store (CP22)
   Reuses .dt-gallery/.dt-card/.dt-editor-topbar/.dt-back-link from
   design-templates.css (the gallery + detail shell is identical) and
   .floating-action-bar from dashboard.css — this file only adds what's
   actually specific to posters: the price badge and the single-image
   detail layout (no fields column, since there's nothing to fill in). */

.ps-card-thumb { position: relative; }
.ps-price-badge {
  position: absolute; top: 8px; right: 8px;
  background: rgba(15, 27, 46, .78); color: #fff;
  font-size: 11px; font-weight: 700; letter-spacing: .2px;
  padding: 4px 9px; border-radius: 20px;
}
.ps-price-badge--unlocked { background: var(--orange-500, #E8621B); }

.ps-detail-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 26px; }
.ps-detail-preview-wrap {
  position: relative; background: var(--bg); border-radius: 14px; border: 1px solid var(--border);
  padding: 12px; display: flex; flex-direction: column; gap: 10px;
}
.ps-detail-img { width: 100%; height: auto; display: block; border-radius: 8px; }
.ps-watermark-note { margin: 0; font-size: 12px; color: var(--text-muted); }
.ps-watermark-note.hidden { display: none; }

.ps-detail-action-bar { display: flex; flex-direction: column; gap: 10px; }
.ps-detail-action-bar .btn { width: 100%; justify-content: center; }
.ps-unlock-box { display: flex; flex-direction: column; gap: 8px; }
.ps-unlock-box p { margin: 0; font-size: 13.5px; color: var(--text-muted); }
.ps-unlock-box.hidden { display: none; }

@media (max-width: 780px) {
  .ps-detail-grid { grid-template-columns: 1fr; }
}