/* ═══════════════════════════════════════════════════════════
   Aufklapper für die Preisliste (preise.js) + Leistungskarte ohne
   Bild — 2026-10-01. Die Tabelle selbst nutzt das Original-Design
   aus styles.css (.ptable-wrap/.ptable/.pt-price/.preise__note).
═══════════════════════════════════════════════════════════ */
.pliste[hidden]{display:none!important}
.pliste{
  max-width:var(--w);margin:0 auto;
  padding:clamp(8px,2vw,20px) var(--pad) clamp(36px,5vw,56px);
}
.pliste__details{max-width:760px;margin:0 auto}
.pliste__toggle{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:12px;
  font-family:var(--sans);font-size:9px;font-weight:400;
  letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faint);
  padding:14px 0;transition:color .4s var(--e-silk);
}
.pliste__toggle::-webkit-details-marker{display:none}
.pliste__toggle::before,.pliste__toggle::after{
  content:'';flex:0 1 64px;height:1px;
  background:linear-gradient(to right,transparent,var(--line-str));
}
.pliste__toggle::after{background:linear-gradient(to left,transparent,var(--line-str))}
.pliste__toggle:hover,.pliste__details[open] .pliste__toggle{color:var(--sage)}
.pliste__icon{display:inline-flex;transition:transform .5s var(--e-silk)}
.pliste__details[open] .pliste__icon{transform:rotate(180deg)}
.pliste__toggle:focus-visible{outline:1px solid var(--sage-soft);outline-offset:4px}
.pliste__panel{margin-top:14px;animation:plisteIn .7s var(--e-silk)}
@keyframes plisteIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pliste__panel{animation:none}.pliste__icon{transition:none}}
/* Zwischenüberschrift (Bereich) im Stil der Tabellenköpfe */
.ptable tbody tr.pliste__group{border-bottom:none;background:none}
.ptable tbody tr.pliste__group:hover{background:none}
.pliste__group th{
  padding:clamp(20px,2.6vw,28px) clamp(12px,2vw,28px) 6px;
  font-size:7.5px;font-weight:400;letter-spacing:.36em;text-transform:uppercase;
  color:var(--sage-mid);text-align:left;
}
.ptable td.pt-price{text-align:right}
.ptable th.pt-r:last-child{text-align:right}

/* Leistungskarte, deren Bild im Portal noch fehlt: ohne Bildfläche */
.litem__frame img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.30) brightness(.80) contrast(1.08);
  transition:transform 2.2s var(--e-silk),filter 2.2s var(--e-std);
}
.litem:hover .litem__frame img{transform:scale(1.04);filter:saturate(.50) brightness(.88) contrast(1.05)}
.litem[data-media-pending] .litem__media,
.litem[data-media-pending] .litem__axis{display:none}
.litem[data-media-pending] .litem__inner{grid-template-columns:1fr;height:auto}
.litem[data-media-pending] .litem__body{padding-left:clamp(32px,6vw,84px)}

/* Linkzeile im Footer (2026-10-01, wie Shark-Ink) — Stil der .footer__nav */
.footer__links{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;
  max-width:var(--w);margin:4px auto 12px;
}
.footer__links a{
  font-size:9px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(26,46,34,.50)!important;transition:color var(--fast);
}
.footer__links a:hover{color:#0C130F!important}

/* "Mehr erfahren" in einer Leistungskarte (2026-10-01, Permanent Make-up) */
.litem__more{display:inline-block;margin-top:6px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--sage)}
.litem__more:hover{color:var(--ink)}
.pliste__note-m{display:none}
@media(max-width:640px){.pliste__note-m{display:block;font-family:var(--sans);font-size:10.5px;color:var(--ink-faint);letter-spacing:.02em;margin-top:4px}}

/* Permanent Make-up (Startseite, eigener Bereich): bis Mara ein Foto hochlädt,
   trägt die Bildfläche ihren Slogan — sobald bilder.js ein src setzt, liegt das Foto darüber. */
.litem__frame--pmu{background:#0A100D;display:flex;align-items:center;justify-content:center}
.litem__frame--pmu img:not([src]){display:none}
.litem__frame--pmu img[src]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.litem__slogan{margin:0;padding:32px;text-align:center;color:#EEF6F2;font-family:var(--serif);font-size:clamp(24px,2.6vw,34px);line-height:1.25;font-weight:300}
.litem__slogan em{font-style:italic;color:#9CC4AE}
/* Preisliste direkt unter einer Leistungs-Sektion (sitzt schon im .leistungen__wrap) */
.pliste--in-section{padding:clamp(16px,2.4vw,28px) 0 0}