/* Einzelseite einer Karte (Oleg 11.10.2026) – ergänzt card-list.css */
.kl-card-page { margin-bottom: 30px; }
.kl-card-back-links { margin: 0 0 16px; font-size: 14px; }
.kl-card-page-main { display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); gap: 32px; align-items: start; }
.kl-card-page-image { margin: 0; }
.kl-card-page-image img { display: block; width: 100%; height: auto; aspect-ratio: 600/825; object-fit: contain; border-radius: 12px; background: #f2f5f7; }
.kl-card-page-info h1 { font-size: 30px; text-transform: none; line-height: 1.2; margin: 0 0 6px; }
.kl-card-page-info h1 span { display: block; font-size: 20px; font-weight: 600; color: #52606d; margin-top: 4px; }
.kl-card-page-sub { color: #52606d; margin: 0 0 12px; }
.kl-card-page-top { display: inline-block; margin: 0 0 14px; padding: 5px 10px; border-radius: 4px; background: #e60012; color: #fff; font-weight: 700; font-size: 14px; }
.kl-card-page-top span { font-weight: 400; opacity: .9; }
.kl-card-page-facts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 18px; margin: 0 0 18px; }
.kl-card-page-facts dt { font-weight: 700; color: #263445; }
.kl-card-page-facts dd { margin: 0; overflow-wrap: anywhere; }
.kl-card-page-facts a, .kl-card-page-nav a, .kl-card-back-links a { color: #b9000e; text-decoration: underline; }
.kl-card-page-hint { color: #52606d; font-size: 13px; }
.kl-card-page-note { font-size: 13px; color: #52606d; }
.kl-card-page .kl-card-buy { margin-top: 30px; }
.kl-card-page-related { margin-top: 30px; }
.kl-card-page-related h2, .kl-card-page .kl-card-buy h2 { font-size: 22px; text-transform: none; margin: 0 0 16px; }
.kl-card-page-nav { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 30px; padding-top: 16px; border-top: 1px solid #dedede; font-size: 14px; }
@media (max-width: 767px) {
  .kl-card-page-main { grid-template-columns: 1fr; gap: 18px; }
  .kl-card-page-image { max-width: 360px; margin: 0 auto; }
  .kl-card-page-info h1 { font-size: 24px; }
  .kl-card-page-nav { flex-direction: column; }
}