/* Commercial bar. Dark, so it reads as a band rather than another content
   section, and so it separates the proposition above from the catalogue below. */
.buy-bar { background: var(--ink); color: #cfd6dc; }
.buy-bar__inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s-5) var(--s-6);
  padding-block: var(--s-6);
}
.buy-bar__item {
  display: grid;
  gap: 2px;
  padding-left: var(--s-4);
  border-left: 2px solid var(--accent);
}
.buy-bar__label { font-weight: 600; color: #fff; font-size: var(--step-0); }
.buy-bar__note { font-size: var(--step--1); color: #96a1aa; line-height: 1.45; }

@media (max-width: 900px) { .buy-bar__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .buy-bar__inner { grid-template-columns: 1fr; gap: var(--s-4); } }