/* Availability: a pre-launch page. One consumer sign-up, then a quieter wholesale prompt. */
.availability-hero{padding:clamp(64px,10vw,160px) var(--page-gutter) clamp(64px,8vw,128px);max-width:calc(960px + var(--page-gutter) * 2)}
.availability-hero h1{margin-top:var(--space-xl);font-size:var(--type-heading);max-width:12ch}
.availability-lead{margin-top:var(--space-xl);max-width:44ch;font-size:var(--type-lead);line-height:1.55;color:var(--brand-muted)}

.availability-form{margin-top:clamp(48px,6vw,80px);padding-top:var(--space-xl);border-top:1px solid var(--brand-ink);gap:var(--space-lg)}
.availability-form h2{font-size:var(--type-body);font-weight:500;letter-spacing:0;line-height:1.4}
.availability-fields{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-md)}
.availability-submit{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}
.availability-submit .site-cta{height:48px;min-height:0;padding-block:0}
.site-form .availability-check{flex-direction:row;align-items:center;gap:12px;font-size:var(--type-small)}
.availability-check input{width:20px;min-height:20px;height:20px;padding:0;accent-color:var(--brand-ink)}
.availability-form .form-status:empty{display:none}

.availability-trade{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2xl);margin:0 var(--page-gutter) var(--section-space);padding-top:var(--space-xl);border-top:1px solid var(--brand-line)}
.availability-trade h2{font-size:clamp(1.75rem,2.6vw,2.5rem)}
.availability-trade p{margin-top:var(--space-md);font-size:var(--type-body);color:var(--brand-muted)}
.availability-trade .site-cta{flex:none}

@media(max-width:800px){
  .availability-fields{grid-template-columns:minmax(0,1fr)}
  .availability-submit{flex-direction:column;align-items:flex-start}
  .availability-trade{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}
  .availability-hero{padding:32px var(--page-gutter) 40px}
  .availability-hero h1,.availability-lead{margin-top:var(--space-md)}
  .availability-lead{font-size:var(--type-body)}
  .availability-form{margin-top:var(--space-xl)}
}