/* Sammleralbum-Block „Aus Sammlerhand“ / „Neu im Sammleralbum“ (03.11.2026 aus js/sammleralbum-block.js ausgelagert).
   Genutzt vom Skript (Sammelwelten, Produkt- und Artikelseiten) und vom Shop-Server (Kundengalerie, albumGalerieBlock).
   Eigene Datei, weil Sammelwelt- und Produktseiten kein shop.css laden. */
.sa-block { background: #f6f8fb; border-top: 1px solid #e3e7ec; border-bottom: 1px solid #e3e7ec; padding: 44px 16px; }
.sa-block__innen { max-width: 1100px; margin: 0 auto; }
.sa-block__eyebrow { margin: 0 0 4px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; color: #2e7d32; }
.sa-block h2 { margin: 0 0 6px; font-family: Georgia, "Times New Roman", serif; font-size: 28px; line-height: 1.2; color: #1a1a1a; }
.sa-block__lead { margin: 0 0 18px; color: #5a6470; font-size: 16px; max-width: none; }
.sa-block__karten { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 18px; }
.sa-block__karte { display: flex; flex-direction: column; background: #fff; border: 1px solid #e3e7ec; border-radius: 12px; overflow: hidden; text-decoration: none; color: #1a1a1a; transition: box-shadow .15s, transform .15s; }
.sa-block__karte:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, .1); transform: translateY(-2px); text-decoration: none; }
.sa-block__karte img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; background: #f4f1ea; }
.sa-block__text { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px 16px; }
.sa-block__text strong { font-family: Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.25; }
.sa-block__masse { font-size: 13px; font-weight: 700; color: #2e7d32; }
.sa-block__teaser { font-size: 14px; color: #5a6470; line-height: 1.45; }
.sa-block__mehr { margin: 16px 0 0; }
.sa-block__mehr a { color: #2e7d32; font-weight: 700; text-decoration: none; }
.sa-block__mehr a:hover { text-decoration: underline; }