.buy-page h1 { max-width: 18ch; }
.buy-page .sell-hero { grid-template-columns: minmax(0, 1.5fr) minmax(0, .7fr); gap: 48px; }
.buy-page .sell-lead { max-width: 58ch; }
.buy-section { margin-top: var(--sell-section-space); }
.buy-section > p { max-width: 75ch; }
.buy-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.buy-table caption { text-align: start; margin-bottom: 12px; color: var(--sell-muted); }
.buy-table th, .buy-table td { text-align: start; padding: 16px; border-bottom: 1px solid var(--sell-line); vertical-align: middle; }
.buy-table thead th { background: var(--sell-surface); font-size: 13px; }
.buy-table th bdi { white-space: nowrap; }
.buy-table tbody th { width: 28%; font-weight: 700; }
.buy-table td:last-child { width: 30%; }
.buy-table small { display: block; color: var(--sell-muted); font-size: 13px; font-weight: 400; }
.buy-table td a, .buy-table th a { display: inline-block; padding-block: 8px; }
.buy-table [data-server-price], .buy-table [data-price-bhd] { font-weight: 700; font-size: 16px; }
.buy-table [data-server-price] a, .buy-table [data-price-bhd] a { white-space: nowrap; }
.buy-page #buy-price-as-of { margin-top: 16px; }
.buy-checklist { max-width: 70ch; padding-inline-start: 24px; margin-block: 0 24px; }
ul.buy-checklist { list-style: disc; }
ol.buy-checklist { list-style: decimal; }
.buy-checklist li { margin-bottom: 8px; }
.buy-check { margin-top: 28px; padding: 28px 32px; background: var(--sell-surface); border-radius: 12px; }
.buy-check p { max-width: 70ch; }
.buy-facts { grid-template-columns: 1.2fr 1.2fr .8fr; }
.buy-page .sell-visit { padding-top: 0; }
.buy-faq { max-width: 880px; }
.buy-faq details { padding-block: 18px; border-bottom: 1px solid var(--sell-line); }
.buy-faq details:first-child { border-top: 1px solid var(--sell-line); }
.buy-faq summary { cursor: pointer; font-weight: 700; }
.buy-faq summary::marker { color: var(--sell-accent); }
.buy-faq .faq-answer { margin-top: 14px; max-width: 70ch; }
@media (max-width: 760px) {
  .buy-page .sell-hero { grid-template-columns: 1fr; gap: 24px; }
  .buy-page .sell-hero-image { display: none; }
  .buy-page h1 { max-width: 18ch; }
  .buy-page[dir="rtl"] h1 { max-width: none; }
  .buy-table { font-size: 13px; }
  .buy-table th, .buy-table td { padding: 12px 6px; }
  .buy-table thead th, .buy-table small { font-size: 12px; }
  .buy-table [data-server-price], .buy-table [data-price-bhd] { font-size: 14px; }
  .buy-table tbody th { width: 24%; }
  .buy-table td:last-child { width: 34%; }
  .buy-check { padding: 24px; }
  .buy-facts { grid-template-columns: 1fr; }
}
