/* ============================================================
   KOSMETIK & BEAUTY · Ergänzungen
   ------------------------------------------------------------
   Baut auf seite.css auf. Die Branche lebt von Ruhe: mehr Luft
   zwischen den Zeilen, weichere Kanten, zurückhaltendere Töne.
   ============================================================ */

/* Etwas mehr Raum als beim Friseur - das Auge soll nicht hetzen */
.sektion { --r7: clamp(3.5rem, 8vw, 6.5rem); }

/* Behandlungsnamen sind länger als Frisurbezeichnungen. Damit die
   Dauer nie über den Text rutscht, darf die Zeile umbrechen. */
.preis-liste dt { min-width: 0; flex: 1 1 12rem; }
.preis-liste__zeile { align-items: flex-start; }
.preis-liste__was { overflow-wrap: anywhere; }

/* Die Dauer steht bei Behandlungen im Vordergrund: Wer 90 Minuten
   einplanen muss, will das vor dem Preis wissen. */
.preis-liste__dauer {
  font-variant-numeric: lining-nums tabular-nums;
  opacity: .95;
}

/* Vorher/Nachher ist hier das wichtigste Verkaufsargument -
   deshalb großzügiger und mit weicher Kante. */
#vorher-nachher .vn-paar { border-radius: var(--ecke-l); overflow: hidden; }
#vorher-nachher figure { border-radius: var(--ecke-m); }