/* Warehouse visit button + modal (js/visit.js). The modal reuses .mf-* and
   .join-box from site.css; only what is new lives here. */
.visit-btn { background: var(--warehouse-yellow); color: var(--ink); border: 0; font-family: 'Anton', sans-serif; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; padding: 5px 10px; cursor: pointer; white-space: nowrap; }
.visit-btn:hover { background: #ffe14a; }
.faq-body .visit-btn, .shop-foot-line .visit-btn { font-size: 13px; padding: 8px 14px; }

.visit-box .visit-step { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: #555; margin: 10px 0 8px; }
.visit-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; margin-bottom: 8px; }
.visit-grid button { padding: 10px 8px; font: 600 14px 'Inter', system-ui, sans-serif; background: #fff; color: var(--ink); border: 1px solid var(--rule); border-radius: 3px; cursor: pointer; }
.visit-grid button:hover { border-color: var(--nc-navy); }
.visit-grid button[aria-pressed="true"] { background: var(--nc-navy); color: #fff; border-color: var(--nc-navy); }
.visit-loading, #visit-empty { font-size: 14px; color: #777; grid-column: 1 / -1; }
.visit-when { font-size: 15px; margin: 4px 0 14px; }
.visit-when a { font-size: 13px; color: #777; margin-left: 10px; }
.visit-opt { text-transform: none; letter-spacing: 0; color: #999; }
.visit-box textarea { display: block; width: 100%; margin-top: 4px; padding: 10px 12px; font: 15px 'Inter', system-ui, sans-serif; color: var(--ink); border: 1px solid var(--rule); border-radius: 3px; background: #fff; resize: vertical; }
.visit-box textarea:focus { outline: none; border-color: var(--nc-navy); box-shadow: 0 0 0 3px rgba(0,40,104,0.15); }
.visit-box #visit-submit { width: 100%; }
.visit-box #visit-submit[disabled] { opacity: 0.6; cursor: wait; }
/* display rules beat the hidden attribute (CLAUDE.md) */
.visit-grid[hidden], .visit-step[hidden], #visit-empty[hidden], .visit-box .mf-body[hidden] { display: none; }