/* Overview: one compact row; the sole shop action remains on the detail page. */
.stream>.card{background:#ebebeb;padding:12px;border-radius:10px}
.card .card-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;margin-bottom:0;margin-top:12px}
.card-actions .badges{flex:1 1 auto;gap:6px;min-width:0;flex-wrap:wrap}
.card-actions .attribute{height:32px;max-width:100%;object-fit:contain}
.card .card-actions .price{font-size:clamp(32px,3.2vw,42px);margin-left:auto}
.card .card-detail-arrow{flex:0 0 46px;width:46px;height:46px;min-height:46px;padding:7px;border:0;border-radius:9px;background:var(--accent);color:#fff}
.card-detail-arrow svg{display:block;flex:none}
.card-detail-arrow:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.card-detail-arrow:hover{background:#dc4600}
/* A regular face avoids selecting the existing LightItalic face for notes. */
@font-face{font-family:'KAUFSTE Notes';src:url('fonts/BarlowSemiCondensed-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'KAUFSTE Notes Medium';src:url('fonts/BarlowSemiCondensed-MediumItalic.ttf') format('truetype');font-weight:500;font-style:italic;font-display:swap}
.detail-notes,.detail-notes p{font-family:'KAUFSTE Notes','Barlow Semi Condensed',sans-serif;font-weight:400;font-style:italic}
/* Only Amazon gets a third, centred block. Other shops retain their notes. */
.amazon-detail-notes{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:start;font-family:'KAUFSTE Notes','Barlow Semi Condensed',sans-serif;font-weight:400;font-style:italic}
.amazon-detail-notes>p.amazon-notes-partner{grid-column:auto;text-align:center;font-weight:400;font-style:italic}
.amazon-detail-notes>.amazon-photo-notes{text-align:right}
.amazon-detail-notes p:only-child{grid-column:auto}
@media(max-width:700px){
  .detail-notes,.detail-notes p,.amazon-detail-notes>p.amazon-notes-partner{font-family:'KAUFSTE Notes Medium','KAUFSTE Notes',sans-serif;font-size:14px;color:#101010;font-weight:500;font-synthesis:none}
  /* Contents removes only the mobile wrapper; desktop price stays below lead. */
  .detail .detail-content{display:contents}
  .detail .detail-image{order:1}
  .detail .detail-heading{order:2}
  .detail .detail-content>.lead{order:3;grid-column:1;margin-bottom:0}
  .detail .detail-description{order:4}
  .detail .detail-purchase{order:5;grid-column:1;min-width:0}
  .amazon-detail-notes{grid-template-columns:minmax(0,1fr)}
  .amazon-detail-notes>p.amazon-notes-partner,.amazon-detail-notes>.amazon-photo-notes{text-align:left}
}
@container(max-width:320px){
  .card .card-actions{gap:6px}
  .card .card-actions .attribute{height:26px}
  .card .card-actions .price{font-size:32px}
}
