/* perfumeprices - Zollrechner-Landingpage (Auftrag 30.09.2026,
   PLAN-SEO-KI.md Punkt 10): Beispielrechnungen + FAQ, eigene Datei
   neben pp-zoll.css. Nutzt dieselben Variablen aus pp.css wie dort
   (--card, --line, --line-2, --ink, --ink-2, --ink-3, --gold-2, --plum). */

.pz-beispiele-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px;margin-top:14px}

.pz-beispiel{background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:20px 20px 18px;display:flex;flex-direction:column;gap:4px}

.pz-beispiel-titel{font-size:13px;font-weight:600;color:var(--gold-2);margin:0 0 2px}

.pz-beispiel-produkt{margin:0 0 10px;font-size:14.5px;font-weight:600;color:var(--ink)}
.pz-beispiel-produkt a{color:inherit;text-decoration:none}
.pz-beispiel-produkt a:hover{text-decoration:underline}

.pz-beispiel-zeilen{display:flex;flex-direction:column}
.pz-beispiel-zeile{display:flex;justify-content:space-between;align-items:baseline;
  gap:12px;padding:5px 0;font-size:13.5px;color:var(--ink-2);border-top:1px dashed var(--line-2)}
.pz-beispiel-zeile:first-child{border-top:0}
.pz-beispiel-zeile b{font-size:14px;color:var(--ink);font-weight:600;white-space:nowrap}

.pz-beispiel-gesamt{border-top:2px solid var(--plum);margin-top:6px;padding-top:12px}
.pz-beispiel-gesamt span,.pz-beispiel-gesamt b{font-size:16.5px;font-weight:700;color:var(--plum)}

.pz-beispiel-stand{margin:10px 0 0;font-size:12px;color:var(--ink-3)}
.pz-beispiel-link{margin:6px 0 0;font-size:13.5px}
.pz-beispiel-link a{color:var(--gold-2);text-decoration:underline}

.pz-faq-item{border-top:1px solid var(--line);padding:16px 0}
.pz-faq-item:first-of-type{border-top:0}
.pz-faq-item h3{margin:0 0 6px;font-size:15.5px;color:var(--ink)}
.pz-faq-item p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.6}

@media (max-width:720px){
  .pz-beispiele-grid{grid-template-columns:1fr}
}