/* ===================================================================
   NEXINSTALL – Bewertungen
   Anzeigebereich im Shop und die Seite /bewerten/
   =================================================================== */

/* ---------- Sterne ---------- */
.bew-sterne { display: inline-flex; gap: 2px; vertical-align: middle; }
.bew-sterne svg { width: 17px; height: 17px; display: block; }
.bew-sterne svg.voll { fill: #f4a423; }
.bew-sterne svg.leer { fill: #d7deea; }

/* ---------- Bereich im Shop ---------- */
.bew { margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--line); }
.bew-kopf { display: flex; align-items: flex-end; justify-content: space-between;
  gap: 18px; flex-wrap: wrap; margin-bottom: 20px; }
.bew-kopf h2 { margin: 0 0 6px; }
.bew-schnitt { display: flex; align-items: center; gap: 8px; margin: 0;
  font-size: 14.5px; color: #55627a; }
.bew-schnitt b { font-family: var(--fd); font-size: 17px; color: var(--deep); }

.bew-liste { display: grid; gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); }
.bew-karte { margin: 0; background: var(--white); border: 1px solid var(--line);
  border-radius: 16px; padding: 18px 20px; display: flex; flex-direction: column; }
.bew-karte blockquote { margin: 11px 0 14px; font-size: 15px; line-height: 1.6;
  color: #37445c; flex: 1; }
.bew-karte figcaption { display: flex; flex-wrap: wrap; align-items: baseline;
  gap: 4px 10px; font-size: 13px; color: #7b899e; }
.bew-karte figcaption b { color: var(--deep); font-weight: 600; font-size: 13.5px; }
.bew-quelle { color: #7b899e; }
.bew-quelle::before { content: "· "; }

/* ---------- Seite /bewerten/ ---------- */
.bew-aktion { margin: 26px 0 34px; }
.knopf.gross { font-size: 17px; padding: 16px 30px; border-radius: 13px; }
.bew-klein { margin-top: 26px; font-size: 13px; line-height: 1.6; color: #7b899e; }

@media print {
  .bew, .bew-aktion { display: none !important; }
}