/* Buy Backlinks — transactional purchase page */
.buy-order-card { padding: 28px; }
.buy-order-card h2 { margin-bottom: 10px; }
.buy-order-steps { display: grid; gap: 10px; margin-top: 20px; }
.buy-order-step { display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.07); border-radius: 7px; }
.buy-order-step > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 6px; background: rgba(255,79,1,.16); color: #ff9a6d; font-weight: 800; }
.buy-order-step strong { display: block; color: #fff; font-size: 17px; }
.buy-order-step small { display: block; color: rgba(255,255,255,.72); font-size: 15px !important; line-height: 1.45; }

.buy-brief { display: grid; grid-template-columns: .92fr 1.08fr; gap: 34px; align-items: center; }
.buy-brief__copy p { color: var(--bw-muted); }
.buy-brief__panel { border: 1px solid var(--bw-border); background: #fff; box-shadow: var(--bw-shadow-soft); border-radius: 9px; overflow: hidden; }
.buy-brief__head { padding: 17px 20px; background: var(--bw-navy); color: #fff; }
.buy-brief__head strong { color: #fff; font-size: 18px; }
.buy-brief__rows { padding: 6px 20px; }
.buy-brief__row { display: grid; grid-template-columns: 132px 1fr; gap: 16px; padding: 15px 0; border-top: 1px solid var(--bw-border); }
.buy-brief__row:first-child { border-top: 0; }
.buy-brief__row span { color: var(--bw-orange); font-weight: 750; }
.buy-brief__row strong { font-size: 16px; }

.buy-included { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.buy-included article { padding: 24px 22px; border: 1px solid var(--bw-border); border-top: 3px solid var(--bw-orange); border-radius: 8px; background: #fff; box-shadow: var(--bw-shadow-soft); }
.buy-included__icon { width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: 16px; border-radius: 7px; background: var(--bw-soft-orange); color: var(--bw-orange); font-weight: 800; }
.buy-included h3 { font-size: 21px; margin-bottom: 8px; }
.buy-included p { margin: 0; color: var(--bw-muted); }

.buy-quick { border: 1px solid rgba(255,79,1,.26); background: linear-gradient(180deg,#fff 0%,#fff9f5 100%); border-radius: 10px; padding: 30px; margin-top: 0; }
.buy-quick__top { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.buy-quick__top h3 { font-size: 28px; margin: 0 0 6px; }
.buy-quick__top p { margin: 0; color: var(--bw-muted); max-width: 760px; }
.buy-quick .package-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.buy-quick .package-card { min-width: 0; }

.buy-choice { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--bw-border); border-radius: 9px; overflow: hidden; background: #fff; }
.buy-choice article { padding: 25px 22px; border-left: 1px solid var(--bw-border); }
.buy-choice article:first-child { border-left: 0; }
.buy-choice span { display: inline-flex; margin-bottom: 14px; color: var(--bw-orange); font-weight: 800; }
.buy-choice h3 { font-size: 20px; margin-bottom: 8px; }
.buy-choice p { margin: 0; color: var(--bw-muted); }

.buy-report { display: grid; grid-template-columns: .9fr 1.1fr; gap: 34px; align-items: center; }
.buy-report__box { border: 1px solid var(--bw-border); border-radius: 9px; overflow: hidden; background: #fff; box-shadow: var(--bw-shadow-soft); }
.buy-report__bar { padding: 15px 18px; background: var(--bw-navy); color: #fff; display: flex; justify-content: space-between; gap: 12px; }
.buy-report__bar strong { color: #fff; }
.buy-report__head,.buy-report__row { display: grid; grid-template-columns: 1.2fr .65fr .75fr; gap: 10px; padding: 12px 18px; }
.buy-report__head { background: #f4f3f7; font-size: 14px; font-weight: 750; }
.buy-report__row { border-top: 1px solid var(--bw-border); font-size: 15px; }
.buy-report__row span:last-child { color: #167a4a; font-weight: 700; }
.buy-report__note { padding: 12px 18px; border-top: 1px solid var(--bw-border); background: #fff9f5; color: var(--bw-muted); font-size: 14px; }

@media (max-width: 1050px) {
  .buy-included { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .buy-quick .package-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .buy-choice { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .buy-choice article:nth-child(3) { border-left: 0; border-top: 1px solid var(--bw-border); }
  .buy-choice article:nth-child(4) { border-top: 1px solid var(--bw-border); }
}

@media (max-width: 760px) {
  .buy-brief,.buy-report { grid-template-columns: 1fr; }
  .buy-order-card { padding: 22px; }
  .buy-quick { padding: 20px 16px; }
  .buy-quick__top { align-items: flex-start; flex-direction: column; }
  .buy-brief__row { grid-template-columns: 1fr; gap: 4px; }
}

@media (max-width: 620px) {
  .buy-included,.buy-quick .package-grid,.buy-choice { grid-template-columns: 1fr; }
  .buy-choice article { border-left: 0; border-top: 1px solid var(--bw-border); }
  .buy-choice article:first-child { border-top: 0; }
  .buy-report__head { display: none; }
  .buy-report__row { grid-template-columns: 1fr; gap: 4px; }
  .buy-report__row span::before { display: inline-block; min-width: 85px; margin-right: 6px; color: var(--bw-muted); font-weight: 650; }
  .buy-report__row span:nth-child(1)::before { content: 'Backlink'; }
  .buy-report__row span:nth-child(2)::before { content: 'Tier'; }
  .buy-report__row span:nth-child(3)::before { content: 'Status'; }
}
