/* Buy page: /buy/ */
@layer page {
  .buy-agreement__grid { display: grid; gap: var(--space-6); align-items: center; }
  @media (min-width: 960px) { .buy-agreement__grid { grid-template-columns: 1fr 1fr; gap: var(--space-8); } }
  .buy-agreement__text > :last-child { margin-bottom: 0; }
  .buy-agreement__card { background: var(--color-cream); box-shadow: none; border: 1px solid var(--color-line); }
  .buy-agreement__card-title { display: flex; align-items: center; gap: .6rem; font-size: var(--step-1); margin: 0 0 var(--space-4); }
  .buy-agreement__card-title .icon { color: var(--color-sage-text); flex: none; }
  .buy-agreement__list { list-style: none; margin: 0 0 var(--space-4); padding: 0; display: grid; gap: var(--space-3); }
  .buy-agreement__list li { margin: 0; position: relative; padding-left: 1.4rem; }
  .buy-agreement__list li::before { content: ""; position: absolute; left: 0; top: .6em; width: .55rem; height: .55rem; border-radius: 50%; background: var(--color-honey); }
  .buy-agreement__note { margin: 0; padding-top: var(--space-4); border-top: 1px solid var(--color-line); color: var(--color-muted); font-size: .9375rem; }

  .buy-military__grid { display: grid; gap: var(--space-6); }
  @media (min-width: 1024px) { .buy-military__grid { grid-template-columns: .9fr 1.1fr; gap: var(--space-8); align-items: start; } }
  .buy-military__intro { max-width: 560px; }
  .buy-military__honor { display: flex; gap: var(--space-4); align-items: flex-start; margin-top: var(--space-5); padding: var(--space-4); background: var(--color-surface); border-radius: var(--radius); border-left: 4px solid var(--color-honey); }
  .buy-military__honor .icon-circle { flex: none; }
  .buy-military__honor p { margin: 0; }
  .buy-military__cards { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-4); }
  .buy-military__cards .card { margin: 0; display: grid; grid-template-columns: auto 1fr; column-gap: var(--space-4); align-items: start; }
  .buy-military__cards .icon-circle { grid-row: span 3; }
  .buy-military__cards h3 { margin: .35rem 0 .4rem; font-size: var(--step-1); }
  .buy-military__cards p { margin: 0 0 .5rem; color: var(--color-muted); grid-column: 2; }
  .buy-military__cards p:last-child { margin-bottom: 0; }
  .buy-military__cards a { font-weight: 700; }
  @media (max-width: 479px) {
    .buy-military__cards .card { grid-template-columns: 1fr; }
    .buy-military__cards .icon-circle { grid-row: auto; margin-bottom: var(--space-3); }
    .buy-military__cards p { grid-column: auto; }
  }
}