/* My Boat: mobile first, on top of customer.css */
.page-myboat .testbar{display:none!important}
.page-customer .mb-brand{color:#fff;font-weight:700;font-size:18px;margin-right:auto;padding-left:6px}
.mb{max-width:1040px;margin:0 auto}
.mb-card{padding:24px;margin:0 0 16px}
.mb-narrow{max-width:560px;margin:0 auto 16px}
.mb .lead{color:var(--muted);margin:0 0 18px;font-size:16px;line-height:1.45}
.mb-steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 18px;font-size:12px;color:var(--muted)}
.mb-steps li{flex:1;border-top:4px solid var(--line);padding-top:6px}
.mb-steps li.on{border-color:var(--ocean);color:var(--ink);font-weight:700}.mb-steps li.done{border-color:var(--sky)}
.mb-field{margin:0 0 14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.mb-field input,.mb-field select,.mb-field textarea{width:100%;box-sizing:border-box}
.mb-field input[type=file]{min-height:0;padding:10px;border-style:dashed}
.mb-field small,.mb-field .opt{color:var(--muted);font-size:12px;font-weight:400}
.mb-field .err,.mb .err{color:#B42318;font-size:13px;margin:2px 0 0}
.mb-field.bad input,.mb-field.bad select{border-color:#B42318}
.mb-row{display:grid;grid-template-columns:1fr;gap:0 14px}
.mb-alt{margin:14px 0 0;text-align:center}
.mb-head{margin:0 0 14px}.mb-head .eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.mb-hero{padding:0;overflow:hidden;margin:0 0 16px;display:grid;grid-template-columns:1fr}
.mb-photo{background:var(--tint);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.mb-photo img{width:100%;height:100%;object-fit:cover;display:block}
.mb-nophoto{color:var(--muted);font-size:14px}
.mb-boat{padding:18px 20px 20px}.mb-boat h2{margin:0 0 8px;font-size:22px}
.mb-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 14px;font-size:14px}.mb-dl dt{color:var(--muted)}.mb-dl dd{margin:0}
.mb-photo-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;font-size:13px}
.mb-photo-form input[type=file]{max-width:100%;font-size:13px}
.mb-links{display:flex;flex-direction:column;gap:10px}.mb-links .btn{text-align:center}
.mb-grid3{display:grid;grid-template-columns:1fr;gap:0 14px;align-items:end}
.mb-list{list-style:none;margin:0 0 10px;padding:0}.mb-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.page-customer .mb .btn-link{background:none;box-shadow:none;color:var(--muted);min-height:0;padding:0;font-size:13px;font-weight:400;text-decoration:underline}
.mb-add summary{cursor:pointer;color:var(--ocean);font-weight:700;margin:6px 0}
.mb-add form{margin-top:10px}
.mb-soon{border:1.5px dashed var(--line);box-shadow:none;background:transparent}

/* Join / login product layout (not a centered TEST modal card) */
.mb-auth{display:grid;gap:28px;align-items:start;margin:8px 0 24px}
.mb-auth-intro h1{margin:0 0 6px;font-size:34px;line-height:1.15;letter-spacing:-.02em}
.mb-powered{margin:0 0 12px;color:var(--muted);font-size:14px;font-weight:600}
.mb-bullets{margin:0;padding:0 0 0 1.15em;color:var(--ink);font-size:15px;line-height:1.55}
.mb-bullets li{margin:0 0 8px}
.mb-auth-panel{padding:28px 26px;max-width:none}
.mb-panel-title{margin:0 0 12px;font-size:20px}
.mb-sent-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:12px 0}

@media (min-width:640px){
  .mb-row{grid-template-columns:1fr 1fr}
  .mb-links{flex-direction:row}
  .mb-grid3{grid-template-columns:1fr 1fr 1fr auto}
  .mb-auth-intro h1{font-size:40px}
}
@media (min-width:860px){
  .mb-hero{grid-template-columns:1.1fr 1fr}
  .mb-photo{aspect-ratio:auto;min-height:320px}
  .mb-auth{grid-template-columns:1fr 1fr;gap:40px;margin:18px 0 36px}
  .mb-auth-panel{padding:32px 30px}
}