/* perfumeprices – Zollrechner (eigenes CSS, nutzt die Variablen aus
   pp.css: --card, --line, --ink, --ink-2, --gold, --gold-2, --plum). */

.pp-zoll{background:var(--card);border:1px solid var(--line);border-radius:18px;
  padding:26px 28px;margin:26px 0}

.pz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 22px}

.pz-feld{display:flex;flex-direction:column;gap:7px}
.pz-feld label{font-size:13.5px;font-weight:600;color:var(--ink)}
.pz-feld input[type="number"],
.pz-feld select{font:inherit;font-size:15px;padding:11px 13px;border-radius:11px;
  border:1.5px solid var(--line-2);background:#fff;color:var(--ink);width:100%}
.pz-feld input[type="number"]:focus,
.pz-feld select:focus{outline:2px solid var(--gold);outline-offset:-1px}

.pz-kombi{display:flex;gap:8px}
.pz-kombi input{flex:1;min-width:0}
.pz-kombi select{width:88px;flex:none}

.pz-hint{font-size:12.5px;color:var(--ink-3);line-height:1.5;margin-top:2px}

.pz-check{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;font-weight:600;
  color:var(--ink);cursor:pointer}
.pz-check input{margin-top:3px}

.pz-feld-ioss,.pz-feld-abfertigung{grid-column:span 1}
.pz-feld[hidden]{display:none}

.pz-button{margin-top:22px;padding:13px 26px;border-radius:12px;border:0;cursor:pointer}

.pz-ergebnis[hidden]{display:none}
.pz-ergebnis{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.pz-zeile[hidden]{display:none}
.pz-zeile{display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  padding:8px 0;font-size:14.5px;color:var(--ink-2)}
.pz-zeile b{font-size:15px;color:var(--ink);font-weight:600;white-space:nowrap}
.pz-zeile-sub{border-top:1px dashed var(--line-2);margin-top:4px}
.pz-zeile-gesamt{border-top:2px solid var(--plum);margin-top:8px;padding-top:14px}
.pz-zeile-gesamt span,.pz-zeile-gesamt b{font-size:18px;font-weight:700;color:var(--plum)}
.pz-note{font-size:12px;color:var(--ink-3);font-weight:400;margin-left:6px}

.pz-zeile-info{border-top:1px dashed var(--line-2);margin-top:4px;font-style:italic}
.pz-zeile-info b{font-weight:500}

.pz-gleiches-land[hidden]{display:none}
.pz-gleiches-land{margin-top:14px;font-size:14px;color:var(--gold-2);font-weight:600}
.pz-note-ca{margin-top:16px;font-size:12.5px;color:var(--ink-3);line-height:1.6}

.pz-quellen{font-size:13.5px;line-height:1.8}
.pz-quellen a{color:var(--gold-2);text-decoration:underline}

@media (max-width:720px){
  .pz-grid{grid-template-columns:1fr}
  .pp-zoll{padding:20px 18px;border-radius:14px}
}