/* aeterno-lp-2026 · Modul Bewertungen
   Slider ohne Kästen: die Karten sind nur durch senkrechte Linien getrennt,
   deshalb rückt der Track um 1px nach links (die erste Linie soll nicht zu sehen sein).
   Verschoben wird per transform aus site.js. */

.lp-reviews__head { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; flex-wrap: wrap; margin-bottom: 32px; }
.lp-reviews__actions { display: flex; align-items: center; gap: 16px; margin-left: auto; }
.lp-reviews__link { font-size: 17px; font-weight: 700; }

.lp-reviews__nav { display: flex; align-items: center; gap: 8px; }
.lp-reviews__btn { width: 42px; height: 42px; padding: 0; display: grid; place-items: center; border: 1px solid var(--line-input); border-radius: var(--r-pill); background: var(--c-bg); color: var(--c-primary); font-size: 20px; cursor: pointer; transition: border-color .2s, opacity .2s; }
.lp-reviews__btn:hover { border-color: var(--c-primary); }
.lp-reviews__btn[disabled] { opacity: .35; cursor: default; border-color: var(--line-input); }

.lp-reviews__viewport { overflow: hidden; }
.lp-reviews__viewport:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 4px; }
.lp-reviews__track { display: flex; margin-left: -1px; transition: transform .45s ease; }

.lp-reviews__item { flex: 0 0 33.333%; margin: 0; padding: 4px 34px; border-left: 1px solid var(--line-3); display: flex; flex-direction: column; }
.lp-reviews__quote { margin: 0; font-family: var(--serif); font-size: 19px; line-height: 1.7; }
.lp-reviews__author { margin-top: auto; padding-top: 18px; font-size: 15px; color: var(--c-text-3); }

.lp-reviews__diary { margin: 20px 0 0; font-size: 16px; }

@media (prefers-reduced-motion: reduce) {
	.lp-reviews__track { transition: none; }
}

@media (max-width: 899.98px) {
	.lp-reviews__head { margin-bottom: 24px; gap: 16px; }
	.lp-reviews__actions { margin-left: 0; width: 100%; justify-content: space-between; }
	.lp-reviews__track { margin-left: 0; }
	.lp-reviews__item { flex: 0 0 100%; padding: 4px 0; border-left: 0; }
}