.don-page .don-content { background: #101010; padding: 90px 0 105px; text-align: center; }
.don-page .don-container { max-width: 800px; }
.don-page .don-content h2 { margin: 0 auto 48px; color: #fff; font-size: clamp(32px, 4.2vw, 58px); font-weight: 800; line-height: 1.15; }
.don-page .don-content h2 span { color: var(--primary-color); }
.don-page .don-barcode { width: 100%; max-width: 720px; margin: 0 auto 62px; padding: 32px; background: #fff; border-radius: 14px; }
.don-page .don-barcode img { display: block; width: 100%; max-width: 631px; height: auto; margin: 0 auto; object-fit: contain; }
.don-page .don-details { max-width: 670px; margin: 0 auto; color: #fff; }
.don-page .don-details h3 { margin: 0 0 25px; color: #fff; font-size: clamp(25px, 3vw, 35px); }
.don-page .don-details dl { margin: 0; }
.don-page .don-details dl > div { display: grid; grid-template-columns: minmax(0, 180px) minmax(0, 1fr); gap: 20px; align-items: baseline; padding: 15px 0; border-bottom: 1px solid #383838; text-align: left; }
.don-page .don-details dt { margin: 0; color: #c9c9c9; font-size: 14px; font-weight: 800; letter-spacing: .08em; }
.don-page .don-details dt span { display: block; margin-top: 3px; color: #aaa; font-size: 10px; letter-spacing: .06em; }
.don-page .don-details dd { min-width: 0; margin: 0; color: #fff; font-size: 19px; font-weight: 600; line-height: 1.45; }
.don-page .don-details__primary dd { font-size: clamp(22px, 2.4vw, 27px); font-weight: 800; letter-spacing: .015em; }
@media (max-width: 767px) {
  .don-page .don-content { padding: 62px 0 75px; }
  .don-page .don-content h2 { margin-bottom: 35px; font-size: clamp(29px, 7vw, 42px); }
  .don-page .don-barcode { padding: 18px; margin-bottom: 45px; border-radius: 10px; }
  .don-page .don-details dl > div { grid-template-columns: 1fr; gap: 4px; padding: 15px 0; text-align: center; }
  .don-page .don-details dt { font-size: 12px; }
  .don-page .don-details dd { font-size: 18px; overflow-wrap: anywhere; }
  .don-page .don-details__primary dd { font-size: clamp(18px, 5vw, 23px); word-break: break-all; }
}