/* affilinode – Preisvergleich [ac_offers]. Benötigt frontend.css */
.acp-offers__head{display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.5rem 1rem;padding:var(--acp-pad)}
.acp-offers__img{border-radius:10px;--acp-in:6%}
.acp-offers__count{grid-column:1/-1;font-size:.8125rem;color:var(--acp-muted)}
.acp-offers__body{padding:0 var(--acp-pad) var(--acp-pad)}
.acp-notice+.acp-offers__body,.acp-offers>.acp-offers__body:first-child{padding-top:var(--acp-pad)}
@container acp (min-width:34rem){.acp-offers__head{grid-template-columns:4.5rem minmax(0,1fr) auto}.acp-offers__count{grid-column:auto}}

/* Tabelle als Grid – Semantik über role-Attribute */
.acp .acp-otable{display:block;width:100%;border:0;border-collapse:separate;font-size:.9375rem}
.acp .acp-otable :is(thead,tbody){display:grid;gap:.5rem}
.acp .acp-otable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.acp .acp-orow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"shop price" "title title" "ship deliv" "cta cta";align-items:center;gap:.45rem 1rem;padding:.85rem 1rem;border:1px solid var(--acp-border);border-radius:var(--acp-radius-sm);background:var(--acp-bg)}
.acp .acp-orow>*{display:block;min-width:0;margin:0;padding:0;border:0;background:none;color:inherit;font-weight:400;text-align:left;vertical-align:middle}
.acp-oc-shop{grid-area:shop}.acp-oc-title{grid-area:title}.acp-oc-price{grid-area:price}.acp-oc-ship{grid-area:ship}.acp-oc-deliv{grid-area:deliv}.acp-oc-cta{grid-area:cta}
.acp .acp-orow.is-best{border-color:var(--acp-accent);background:var(--acp-soft);box-shadow:inset 0 0 0 1px var(--acp-accent)}
.acp .acp-orow.is-out{background:var(--acp-surface)}
.acp .acp-orow.is-out>:not(.acp-oc-cta){opacity:.62}

/* Logo mit fester Breite, Text-Platzhalter ohne Logo */
.acp-logo{display:flex;align-items:center;justify-content:flex-start;width:6.5rem;height:2.25rem}
.acp .acp-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
.acp-logo--text{justify-content:center;padding:0 .5rem;border-radius:8px;background:var(--acp-surface);box-shadow:inset 0 0 0 1px var(--acp-line)}
.acp-logo--text .acp-shop__name{overflow:hidden;font-size:.875rem;font-weight:750;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis}
.acp-orow.is-best .acp-logo--text{background:var(--acp-bg)}

.acp .acp-oc-title{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;font-size:.875rem;line-height:1.35}
.acp-oc-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;flex:1 1 100%;color:var(--acp-text)}
.acp-oc-title .acp-badge{order:-1}
.acp-badge--best .acp-i{width:1em;height:1em;margin-left:-.2em}
.acp-oc-title .acp-salesrank{flex:1 1 100%;font-size:.75rem;color:var(--acp-muted)}
.acp-cond{order:-1;padding:.05em .5em;border-radius:99px;background:var(--acp-surface);box-shadow:inset 0 0 0 1px var(--acp-border);font-size:.6875rem;font-weight:650;color:var(--acp-muted)}
.acp .acp-oc-price{text-align:right;white-space:nowrap}
.acp-oc-amount{display:block;font-size:1.375rem;font-weight:750;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.acp-oc-old{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;margin-top:.15rem;font-size:.75rem;color:var(--acp-muted)}
.acp-oc-check{font-size:.8125rem;font-weight:650;color:var(--acp-warn);white-space:normal}
.acp .acp-oc-ship,.acp .acp-oc-deliv{font-size:.8125rem;color:var(--acp-muted)}
.acp .acp-oc-deliv{text-align:right}
.acp-oc-deliv .acp-deliv{justify-content:flex-end}
.acp-free{font-weight:650;color:var(--acp-ok)}
.acp-oc-total{display:block;font-size:.75rem}
.acp .acp-oc-cta{margin-top:.25rem}
.acp .acp-oc-cta .acp-btn{display:flex;width:100%;white-space:nowrap}

/* Mittel: zweizeilige Zeilen, Preis und CTA rechts */
@container acp (min-width:36rem){
.acp .acp-orow{grid-template-columns:6.5rem minmax(0,1fr) minmax(9.5rem,auto);grid-template-areas:"shop title price" "shop ship price" "shop deliv cta";gap:.2rem 1.1rem;padding:.8rem 1rem}
.acp .acp-oc-price{align-self:start}
.acp .acp-oc-cta{align-self:end;margin-top:.35rem}
.acp .acp-oc-deliv{text-align:left}
.acp-oc-deliv .acp-deliv{justify-content:flex-start}
.acp .acp-oc-ship .acp-oc-total{display:inline;margin-left:.35rem}
}
/* Breit: echte Spalten mit sichtbaren Überschriften */
@container acp (min-width:60rem){
.acp .acp-otable thead{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
.acp .acp-orow{grid-template-columns:7rem minmax(0,1fr) 8.5rem 7.5rem 11rem 11rem;grid-template-areas:"shop title price ship deliv cta";gap:1.25rem;padding:.75rem 1.1rem}
.acp .acp-orow>.acp-oc-price,.acp .acp-orow>.acp-oc-cta{align-self:center;margin:0}
.acp .acp-orow--head{padding-block:0 .1rem;border:0;background:none}
.acp .acp-orow--head>*{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acp-muted)}
.acp .acp-orow--head .acp-oc-price{text-align:right}
.acp .acp-oc-ship .acp-oc-total{display:block;margin:0}
.acp-oc-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}
@container acp (max-width:59.99rem){.acp-oc-lbl{font-weight:400}}