.commerce-main { padding-block: var(--sp-12); min-height: 65vh; }
[data-repeat-quote] { scroll-margin-top:6rem; }
.commerce-header { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-6); margin-bottom:var(--sp-8); }
.commerce-header h1 { font-size:2.75rem; line-height:1.1; }
.commerce-header p { color:var(--text-soft); margin-top:var(--sp-3); max-width:65ch; }
.commerce-panel { background:var(--bg-surface); border:1px solid var(--border-strong); border-radius:20px; padding:var(--sp-6); margin-bottom:var(--sp-6); }
.commerce-panel h2 { font-size:1.875rem; margin-bottom:var(--sp-4); }
.commerce-panel h3 { font-size:1.5rem; margin-bottom:var(--sp-3); }
.commerce-panel p { color:var(--text-soft); max-width:70ch; }
.commerce-auth { max-width:520px; margin:var(--sp-8) auto; }
.gg-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sp-5); margin-block:var(--sp-5); }
.gg-field { display:flex; flex-direction:column; gap:var(--sp-2); font-size:.9375rem; font-weight:500; min-width:0; }
.gg-field .form-input,.gg-field .form-textarea { width:100%; font:inherit; background:var(--surface-input); color:var(--text); }
.gg-field .form-textarea { min-height:8rem; resize:vertical; }
.gg-field-wide { grid-column:1/-1; }
.gg-field input:disabled { opacity:.65; }
.field-error,.commerce-status.is-error { color:var(--danger); font-size:.875rem; }
.field-error:empty { display:none; }
.commerce-status { color:var(--text-soft); margin-block:var(--sp-4); min-height:1.5rem; overflow-wrap:anywhere; }
.commerce-actions { display:flex; flex-wrap:wrap; gap:var(--sp-3); align-items:center; margin-block:var(--sp-4); }
.commerce-note { font-size:.9375rem; color:var(--text-soft); padding-block:var(--sp-3); }
.commerce-list { display:grid; gap:var(--sp-5); }
.commerce-row { padding-block:var(--sp-4); border-bottom:1px solid var(--border); display:flex; justify-content:space-between; gap:var(--sp-4); align-items:center; }
.commerce-row:last-child { border-bottom:0; }
.commerce-row small { display:block; color:var(--text-soft); margin-top:var(--sp-2); }
.commerce-total { font-family:var(--font-serif); font-size:1.75rem; font-variant-numeric:tabular-nums; }
.commerce-tag { display:inline-block; padding:.25rem .625rem; border:1px solid var(--gold-border); border-radius:999px; color:var(--gold-light); font-size:.8125rem; text-transform:capitalize; }
.commerce-table-wrap { overflow:auto; }
.commerce-table { width:100%; border-collapse:collapse; text-align:left; font-size:.9375rem; }
.commerce-table th,.commerce-table td { padding:var(--sp-3); border-bottom:1px solid var(--border); vertical-align:top; }
.commerce-table th { color:var(--text-soft); font-weight:500; }
.commerce-table input { min-width:80px; width:100%; }
.commerce-table .number { text-align:right; font-variant-numeric:tabular-nums; }
.commerce-table input[type="checkbox"] { min-width:0; width:auto; accent-color:var(--gold); }
.growth-price { font-family:var(--font-serif); font-size:1.25rem; font-variant-numeric:tabular-nums; }
.commerce-check { display:flex; align-items:flex-start; gap:var(--sp-3); color:var(--text-soft); line-height:1.5; margin-block:var(--sp-4); }
.commerce-check input { margin-top:.25rem; accent-color:var(--gold); }
.commerce-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.newsletter-form { flex-wrap:wrap; }
.newsletter-form .commerce-check { flex-basis:100%; justify-content:center; font-size:.875rem; }
.newsletter-form .commerce-check input { width:auto; flex:none; }
.article-prose { white-space:pre-wrap; line-height:1.8; max-width:70ch; }
.logo-sub { font-size:.75rem; }
.age-gate-disclaimer { font-size:.8125rem; }
.footer-bottom { padding-top:var(--sp-4); }
.faq-question { width:100%; text-align:left; background:transparent; border:0; color:var(--text); font-family:var(--font-sans); }
.faq-question:active { transform:scale(.99); }
.ops-shell { max-width:1440px; margin:auto; min-height:100vh; padding:var(--sp-6); }
.ops-top { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-4); padding-block:var(--sp-4); border-bottom:1px solid var(--border); }
.ops-top>a { color:var(--text); font-family:var(--font-serif); font-size:1.625rem; }
.ops-search-preview { border-top:1px solid var(--border); padding-top:var(--sp-5); margin-top:var(--sp-5); }
.ops-search-preview img { width:160px; max-width:100%; height:auto; border-radius:8px; margin-top:var(--sp-3); }
.ops-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:var(--sp-8); padding-top:var(--sp-6); }
.ops-nav { display:flex; flex-direction:column; gap:var(--sp-2); align-self:start; position:sticky; top:var(--sp-4); }
.ops-nav button { background:transparent; color:var(--text-soft); border:0; text-align:left; padding:var(--sp-3); border-radius:8px; font:inherit; cursor:pointer; }
.ops-nav button[aria-current="page"] { background:var(--gold-bg); color:var(--gold-light); }
.ops-nav button:hover { background:var(--bg-card-hover); color:var(--text); }
.ops-nav button:active { transform:scale(var(--press-scale,.98)); }
.ops-main { min-width:0; }
.ops-main h1 { font-size:2.5rem; margin-bottom:var(--sp-3); }
.ops-intro { color:var(--text-soft); margin-bottom:var(--sp-6); max-width:65ch; }
.ops-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:var(--sp-5); border-block:1px solid var(--border); padding-block:var(--sp-5); margin-block:var(--sp-6); }
.ops-metrics strong { font-family:var(--font-serif); display:block; font-size:2.5rem; }
.ops-metrics span { font-size:.875rem; color:var(--text-soft); }
.ops-toolbar { display:flex; gap:var(--sp-3); flex-wrap:wrap; margin-block:var(--sp-5); }
.ops-toolbar input,.ops-toolbar select { width:auto; max-width:100%; }
.ops-detail { border-top:1px solid var(--border-strong); padding-top:var(--sp-6); margin-top:var(--sp-6); }
.ops-select { width:100%; padding:.75rem; border:1px solid var(--border-strong); border-radius:8px; background:var(--bg-surface); color:var(--text); font:inherit; }
.ops-preview { width:100%; min-height:36rem; background:var(--bg); border:1px solid var(--border); border-radius:14px; }
.ops-qr { max-width:220px; background:var(--brand-logo-bg); padding:var(--sp-3); border-radius:14px; }
.ops-qr svg { width:100%; height:auto; }
.ops-activity { overflow-wrap:anywhere; }
.ops-media { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:var(--sp-4); }
.ops-media img { width:100%; aspect-ratio:1; object-fit:contain; border-radius:14px; }
.ops-skeleton { height:3rem; background:var(--bg-card); margin-block:var(--sp-3); border-radius:8px; }
.coming-soon-copy { padding:var(--sp-8); background:var(--gold-bg); border:1px solid var(--gold-border); border-radius:20px; }
.coming-soon-copy p { max-width:60ch; color:var(--text-soft); margin-top:var(--sp-3); }
.genetics-preview-info .commerce-tag { margin-top:var(--sp-4); }
.genetics-preview-info p { color:var(--text-soft); }
.form-input[aria-invalid="true"],.form-textarea[aria-invalid="true"] { border-color:var(--danger); }
button:disabled { cursor:not-allowed; opacity:.55; }
@media(max-width:800px) {
 .ops-shell { padding:var(--sp-4); }.ops-layout { grid-template-columns:1fr; gap:var(--sp-5); }
 .ops-nav { position:static; flex-direction:row; overflow:auto; border-bottom:1px solid var(--border); padding-bottom:var(--sp-3); }
 .ops-nav button { white-space:nowrap; }.commerce-header { flex-direction:column; }
 .ops-top { flex-wrap:wrap; }
}
@media(max-width:520px) { .gg-form-grid { grid-template-columns:1fr; }.commerce-row { align-items:flex-start; flex-wrap:wrap; }.commerce-panel { padding:var(--sp-4); }.commerce-header h1 { font-size:2.25rem; } }
@media(prefers-reduced-motion:no-preference) { .ops-nav button { transition:transform var(--dur-press,.1s) var(--spring-default); } }