/* SunMotorbike - cart styles */
#smbCartBar{position:fixed;right:18px;bottom:18px;z-index:70}
#smbCartBtn{display:flex;align-items:center;gap:10px;border:0;cursor:pointer;
  background:var(--cta,#ff7a00);color:var(--ctaInk,#0e1116);font:700 14px/1 system-ui,sans-serif;
  letter-spacing:.04em;padding:14px 18px;border-radius:999px;
  box-shadow:0 6px 22px rgba(14,17,22,.28)}
#smbCartBtn:hover{background:var(--ctaHov,#e86e00)}
#smbCartN{background:#0e1116;color:#fff;min-width:22px;height:22px;border-radius:999px;
  display:grid;place-items:center;font-size:12px;padding:0 6px}
#smbCartT{font-variant-numeric:tabular-nums}
#smbCartBar:not(.on) #smbCartT{display:none}
#smbCartPanel{position:fixed;right:0;top:0;bottom:0;width:min(420px,100%);z-index:80;
  background:var(--card,#fff);border-left:1px solid var(--line,#d8dee6);
  transform:translateX(105%);transition:transform .22s ease;display:flex;flex-direction:column;
  box-shadow:-10px 0 40px rgba(14,17,22,.18)}
#smbCartPanel.show{transform:none}
#smbCartPanel .hd{display:flex;justify-content:space-between;align-items:center;
  padding:18px 20px;border-bottom:1px solid var(--line,#d8dee6);
  background:var(--dark,#0e1116);color:#fff}
#smbCartPanel .hd b{font-size:16px;letter-spacing:.02em}
#smbClose{background:transparent;border:1px solid #47505c;color:#fff;border-radius:6px;
  padding:6px 10px;font:700 11px/1 system-ui,sans-serif;letter-spacing:.06em;cursor:pointer}
#smbClose:hover{background:#242c37}
#smbLines{flex:1;overflow:auto;padding:8px 0}
#smbLines .mt{padding:40px 24px;text-align:center;color:var(--mut,#697a8c);font-size:14px;line-height:1.6}
#smbLines .ln{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;
  padding:14px 20px;border-bottom:1px solid var(--line,#d8dee6)}
.lnm{font-size:13px;font-weight:600;color:var(--ink,#16202b);line-height:1.35}
.lsku{display:block;font-weight:400;font-size:11px;color:var(--mut,#697a8c);margin-top:3px}
.qty{display:flex;align-items:center;gap:8px}
.qty button{width:26px;height:26px;border:1px solid var(--line2,#c3ccd7);background:#fff;
  border-radius:6px;cursor:pointer;font-size:15px;line-height:1;color:var(--ink,#16202b)}
.qty button:hover{background:var(--bg,#f4f6f8)}
.qty span{min-width:18px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
.lp{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink,#16202b)}
.rm{background:none;border:0;color:var(--mut,#697a8c);font-size:20px;cursor:pointer;line-height:1;padding:0 2px}
.rm:hover{color:#b91c1c}
#smbCartPanel .ft{border-top:1px solid var(--line,#d8dee6);padding:18px 20px;background:var(--bg,#f4f6f8)}
.sub{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:var(--ink,#16202b)}
.sub b{font-size:22px;font-variant-numeric:tabular-nums}
.ship{margin:6px 0 14px;font-size:12px;color:var(--mut,#697a8c)}
#smbPay{width:100%;border:0;cursor:pointer;background:var(--cta,#ff7a00);color:var(--ctaInk,#0e1116);
  font:800 15px/1 system-ui,sans-serif;letter-spacing:.06em;padding:16px;border-radius:8px}
#smbPay:hover:not(:disabled){background:var(--ctaHov,#e86e00)}
#smbPay:disabled{background:var(--line2,#c3ccd7);color:#6b7480;cursor:not-allowed}
.sec{margin:10px 0 0;font-size:11.5px;color:var(--mut,#697a8c);text-align:center}
.alt{margin:8px 0 0;font-size:11.5px;color:var(--mut,#697a8c);text-align:center}
.alt a{color:var(--navy2,#1a56a0)}
.addbtn{border:1px solid var(--cta,#ff7a00);background:var(--cta,#ff7a00);color:var(--ctaInk,#0e1116);
  font:800 11px/1 system-ui,sans-serif;letter-spacing:.06em;padding:9px 14px;border-radius:6px;
  cursor:pointer;white-space:nowrap;margin-top:6px}
.addbtn:hover{background:var(--ctaHov,#e86e00);border-color:var(--ctaHov,#e86e00)}
.addbtn.in{background:#0e7a3c;border-color:#0e7a3c;color:#fff}
@media(max-width:640px){#smbCartPanel{width:100%}#smbCartBar{right:12px;bottom:12px}}

/* ---- order-by-email form ---- */
#smbForm,#smbDone{display:none;position:fixed;inset:0;z-index:90;
  background:rgba(14,17,22,.62);overflow:auto}
#smbForm.show,#smbDone.show{display:block}
.smbFwrap{min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px}
.smbFcard{position:relative;background:var(--card,#fff);border-radius:12px;
  width:100%;max-width:460px;padding:30px 28px 26px;
  box-shadow:0 20px 60px rgba(14,17,22,.4)}
.smbFcard.center{text-align:center}
#smbFx{position:absolute;top:12px;right:14px;background:none;border:0;
  font-size:26px;line-height:1;color:var(--mut,#697a8c);cursor:pointer}
#smbFx:hover{color:var(--ink,#16202b)}
.smbFcard h2{margin:0 0 8px;font-size:21px;color:var(--ink,#16202b);letter-spacing:-.01em}
.smbFcard .lede{margin:0 0 18px;font-size:13.5px;line-height:1.55;color:var(--mut,#697a8c)}
.smbFcard label{display:block;font-size:12px;font-weight:700;letter-spacing:.03em;
  color:var(--ink,#16202b);margin-bottom:13px;text-transform:uppercase}
.smbFcard .opt{font-weight:400;text-transform:none;color:var(--mut,#697a8c)}
.smbFcard input,.smbFcard textarea{display:block;width:100%;margin-top:6px;
  border:1px solid var(--line2,#c3ccd7);border-radius:7px;padding:11px 12px;
  font:15px/1.4 system-ui,sans-serif;color:var(--ink,#16202b);background:#fff;
  text-transform:none;letter-spacing:normal;font-weight:400}
.smbFcard input:focus,.smbFcard textarea:focus{outline:0;border-color:var(--cta,#ff7a00);
  box-shadow:0 0 0 3px rgba(255,122,0,.16)}
.smbFcard textarea{resize:vertical}
#of_err{display:none;font-size:13px;color:#b91c1c;background:#fdeaea;
  border:1px solid #f3c9c9;border-radius:7px;padding:10px 12px;margin:2px 0 12px}
#of_err.on{display:block}
#of_send,#of_close2{width:100%;border:0;cursor:pointer;background:var(--cta,#ff7a00);
  color:var(--ctaInk,#0e1116);font:800 15px/1 system-ui,sans-serif;letter-spacing:.06em;
  padding:16px;border-radius:8px;margin-top:4px}
#of_send:hover:not(:disabled),#of_close2:hover{background:var(--ctaHov,#e86e00)}
#of_send:disabled{background:var(--line2,#c3ccd7);color:#6b7480;cursor:not-allowed}
.smbFcard .fine{margin:12px 0 0;font-size:11.5px;color:var(--mut,#697a8c);text-align:center}
.smbFcard .tick{width:58px;height:58px;border-radius:999px;background:#0e7a3c;color:#fff;
  display:grid;place-items:center;margin:4px auto 16px;font-size:30px;line-height:1}
