/*
  Amazon-Zeile unter den Angeboten der Duftseite (Auftrag 01.10.2026,
  Entwurf theme/out/mockup-amazon-desktop.png + -mobil.png, 1:1 nach-
  gebaut; der Knopf nutzt bewusst die vorhandene .btn.gold-Klasse aus
  pp.css - gleiche Farbe/Form wie der goldene "Zum Shop"-Knopf, keine
  eigene Farbe definiert). Eigene Datei (Regel 2 REGELN-AGENTEN.md),
  nur auf der Duftseite eingebunden (siehe inc/amazon-link.php).
*/
.pp-amz{
  margin-top:12px;
  background:var(--card);
  border:1.5px dashed var(--line-2);
  border-radius:18px;
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.pp-amz-info{display:flex;align-items:center;gap:14px;min-width:0}
.pp-amz-logo{
  width:52px;height:52px;flex:none;
  border:1px solid var(--line);border-radius:13px;
  background:var(--card);
  display:grid;place-items:center;
}
.pp-amz-wort{font:700 13px/1 Arial,sans-serif;letter-spacing:-.01em;color:var(--ink)}
.pp-amz-txt{min-width:0}
.pp-amz-h{display:block;font-size:16px;font-weight:600;color:var(--ink)}
.pp-amz-meta{display:block;font-size:13px;color:var(--ink-2);margin-top:2px}
.pp-amz-hin{display:block;font-size:12px;color:var(--ink-3);margin-top:2px}
.pp-amz-btn{flex:none;white-space:nowrap}

@media(max-width:760px){
  .pp-amz{flex-direction:column;align-items:stretch;padding:16px;gap:12px}
  .pp-amz-btn{width:100%}
}

/* 01.10.2026 Hasan: Amazon-Knopf gruen statt gold (gleiches Gruen wie Cashback-Knopf, --gruen). */
.pp-amz .btn.pp-amz-btn{background:var(--gruen);color:#fff}
.pp-amz .btn.pp-amz-btn:hover{background:#14603f;color:#fff}