/* Additions for the standalone site (base.css is shared with the Shopify theme) */

/* Hidden spam trap on forms */
.hp { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.card__badge--soon { background: var(--accent); color: var(--on-accent); }
.load-error { grid-column: 1 / -1; color: var(--ink-soft); }

.product__loading { padding: calc(var(--header-h) + var(--s-8)) 0 var(--s-8); color: var(--ink-soft); }
.product__low { font-weight: 700; color: var(--accent-ink); font-size: 14px; }
.product__notice { display: grid; gap: var(--s-2); padding: var(--s-4) var(--s-5); border: 2px solid var(--ink); }
.product__notice--soon { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
.product__release { font-size: clamp(28px, 3vw, 40px); line-height: 1; font-variant-numeric: tabular-nums; }
.product__info .signup { margin: 0; }

.cart-item__warn { color: #B3261E; font-weight: 700; }
.bag-page { align-items: start; grid-template-columns: minmax(0, 1fr); }
.bag-page > * { min-width: 0; }
@media (min-width: 990px) { .bag-page { grid-template-columns: 1.4fr 1fr; } }
.secure-note { font-size: 13px; color: var(--ink-soft); text-align: center; }

.draft-notice {
  margin-bottom: var(--s-5); padding: var(--s-3) var(--s-4);
  border: 2px dashed var(--accent-ink); color: var(--accent-ink); font-weight: 700;
}