/* Produktboxen (server/affiliate). Farben kommen als CSS-Variablen am Element (--amzd-*). */
.amzd-wrap{margin:2rem 0;padding:1.1rem 1.2rem;border:1px solid var(--amzd-border,#ddd);border-radius:14px;background:var(--amzd-bg,#fff);color:var(--amzd-text,#1a1a1a);font-size:.98rem;line-height:1.45}
.amzd-head{margin:0 0 .8rem;font-weight:800;font-size:1.05rem;color:var(--amzd-title,#1a1a1a)}
.amzd-items{display:flex;flex-direction:column;gap:.9rem}
.amzd-item{display:flex;gap:1rem;align-items:center}
.amzd-img{flex:0 0 110px;display:block}
.amzd-img img{display:block;width:110px;height:110px;object-fit:contain;background:#fff;border-radius:8px}
.amzd-info{flex:1;min-width:0}
.amzd-title{margin:0 0 .3rem;font-weight:700;line-height:1.3}
.amzd-title a{color:var(--amzd-title,#1a1a1a);text-decoration:none}
.amzd-title a:hover{text-decoration:underline}
.amzd-price{margin:0 0 .5rem;font-weight:800;color:var(--amzd-price,#b12704)}
.amzd-btn{display:inline-block;padding:.5rem 1rem;border-radius:999px;background:var(--amzd-btn-bg,#f90);color:var(--amzd-btn-text,#000)!important;font-weight:700;text-decoration:none!important;font-size:.92rem}
.amzd-btn:hover{filter:brightness(.95)}
.amzd-note{margin:.9rem 0 0;font-size:.78rem;opacity:.75}

/* Grid: Karten nebeneinander */
.amzd-tpl-grid .amzd-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}
.amzd-tpl-grid .amzd-item{flex-direction:column;text-align:center;align-items:stretch;border:1px solid var(--amzd-border,#ddd);border-radius:12px;padding:.8rem}
.amzd-tpl-grid .amzd-info{display:flex;flex-direction:column;flex:1}
.amzd-tpl-grid .amzd-btn{margin-top:auto;align-self:center}
.amzd-tpl-grid .amzd-price{margin-bottom:.7rem}
.amzd-tpl-grid .amzd-img{flex:none;margin:0 auto}
.amzd-tpl-grid .amzd-img img{width:150px;height:150px}

/* Liste: kompakte Zeilen */
.amzd-tpl-list .amzd-items{gap:.5rem}
.amzd-tpl-list .amzd-item{padding:.5rem 0;border-bottom:1px solid var(--amzd-border,#ddd)}
.amzd-tpl-list .amzd-item:last-child{border-bottom:0}
.amzd-tpl-list .amzd-img{flex-basis:64px}
.amzd-tpl-list .amzd-img img{width:64px;height:64px}
.amzd-tpl-list .amzd-info{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem}
.amzd-tpl-list .amzd-title{flex:1 1 220px;margin:0}
.amzd-tpl-list .amzd-price{margin:0}

@media (max-width:560px){
  .amzd-tpl-box .amzd-item{flex-direction:column;text-align:center}
  .amzd-tpl-box .amzd-img{flex:none}
  .amzd-tpl-list .amzd-title{flex-basis:100%}
}