/* The offer follows playback in both DOM and visual order; no floating overlay. */
body.drku-system .drkm.drkm-purchase-step4 .drkj-listen-offer {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,.8fr); gap:16px;
  align-items:center; margin:0; padding:16px 20px; border-radius:0;
  border-inline:0; background:var(--soft); border-color:var(--line);
}
body.drku-system .drkm.drkm-purchase-step4 .drkj-listen-offer>* { min-width:0; }
body.drku-system .drkm.drkm-purchase-step4 .drkj-offer-copy strong {
  display:block; font-size:16px; line-height:1.45; overflow-wrap:anywhere;
}
body.drku-system .drkm.drkm-purchase-step4 .drkj-offer-return {
  display:inline-flex; align-items:center; min-height:44px; margin-top:-8px;
  font-size:13px; font-weight:600;
}
body.drku-system .drkm.drkm-purchase-step4 .drkj-listen-offer .drkj-context-actions {
  display:grid; justify-items:stretch; gap:6px;
}
body.drku-system .drkm.drkm-purchase-step4 .drkj-listen-offer .drkj-button {
  width:100%; min-height:48px; font-size:14px; padding:12px; line-height:1.5;
}
body.drku-system .drkm.drkm-purchase-step4 .drkj-listen-offer .drkj-context-actions p {
  font-size:12px; line-height:1.5; margin:0; text-align:center;
}
body.drku-system .drkm.drkm-purchase-step4 .drkj-listen-offer .drkj-offer-mismatch {
  margin:8px 0 0; font-size:13px;
}
@media(max-width:700px) {
  body.drku-system .drkm.drkm-purchase-step4 .drkj-listen-offer { grid-template-columns:minmax(0,1fr); gap:12px; }
  body.drku-system .drkm.drkm-purchase-step4 .drkm-scene h2 { font-size:22px; line-height:1.3; }
}

@media(max-width:360px) {
  body.drku-system .drkm.drkm-purchase-step4 .drkm-scene-art { display:none; }
  body.drku-system .drkm.drkm-purchase-step4 .drkm-scene-copy { flex:1 1 100%; }
  body.drku-system .drkm.drkm-purchase-step4 .drkm-mode-switch { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.drku-system .drkm.drkm-purchase-step4 .drkm-mode-switch button { padding:8px; font-size:12px; }
}