/* Keep unopened status visually in-family with the table's other state labels. */
.tag.store-closed {
  color: var(--muted);
  border-color: var(--border2);
  background: transparent;
  border-radius: 2em;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  padding: 0 7px;
  white-space: nowrap;
}

/* Tighten the product grid and make the purchase desk proportionate to its content. */
.product {
  column-gap: 18px;
  row-gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 360px);
  grid-template-rows: auto auto auto auto;
}
.p-desk { gap: 9px; }
.p-desk .entry .panel-b { padding: 14px; }
.p-desk .wallet-prompt { padding: 12px; margin: 0 0 10px; }
.p-desk .wallet-prompt p { margin-bottom: 8px; }
.p-desk .desk-heading h2 { font-size: 20px; line-height: 1.25; }
.p-desk .desk-heading p { line-height: 1.4; }
.p-desk .entry .field { margin: 12px 0; }
.p-desk .entry .seg button { min-height: 40px; padding: 8px 10px; }
.p-desk .entry .inp { min-height: 44px; }
.p-desk .entry .inp input { font-size: 18px; }
.p-desk .entry .pcts button { min-height: 32px; }
.p-desk .entry .quote .r { padding: 4px 0; }
.p-desk .after-note { margin: 8px 0 4px; padding: 9px 10px; font-size: 12px; line-height: 1.45; }
.p-desk .settlement-help > summary { padding-block: 8px; }

@media (max-width: 1100px) and (min-width: 861px) {
  .product { grid-template-columns: minmax(0, 1fr) 340px; column-gap: 14px; }
}
@media (max-width: 860px) {
  .product {
    gap: 12px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "head" "desk" "get" "price" "after";
    grid-template-rows: auto auto auto auto auto;
  }
  .p-desk { width: min(100%, 680px); justify-self: center; gap: 8px; }
  .p-top, .p-get, .p-price, .p-after { min-width: 0; }
  .p-head .lead { margin-top: 8px; }
  .p-facts { margin-top: 9px; gap: 6px; }
}
@media (max-width: 560px) {
  .product { gap: 10px; }
  .p-desk .entry .panel-b { padding: 12px; }
  .p-desk .entry .field { margin: 9px 0; }
  .p-desk .entry .avail { font-size: 12px; }
  .p-desk .entry .quote { margin-top: 8px; padding-top: 6px; }
}