.deal-detail-image {
  display: block;
  width: min(100%, 620px);
  max-height: 520px;
  object-fit: contain;
  margin: 0 auto 2rem;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
}

.deal-card dd,
.deal-card h3,
.deal-card .saving {
  overflow-wrap: anywhere;
}

.category-controls { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr)); gap:1rem; align-items:end; margin:0 0 2rem; padding:1rem; border:1px solid var(--line); border-radius:16px; }
.category-controls label { display:grid; gap:.35rem; font-weight:700; }
.category-controls select,.category-controls input { width:100%; min-height:44px; padding:.65rem; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:inherit; }
.category-controls output { font-weight:800; }
[data-deal-card][hidden] { display:none; }

@media (max-width: 600px) {
  .deal-card dl div {
    align-items: flex-start;
    gap: 1rem;
  }

  .deal-card dd {
    max-width: 62%;
  }
}