/* FX "Your sail measurements" box - preview cm-564c6e40 (2026-10-24) */
.fxcm{--n:#0B2545;--b:#1D5FA8;--g:#16794A;--line:#DCE3EC;--mut:#5B6675;margin:14px 0 0;font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1B2430;clear:both;box-sizing:border-box}
.fxcm *,.fxcm *:before,.fxcm *:after{box-sizing:border-box}
.fxcm-head{margin:0 0 10px}
.fxcm-h{margin:0;font-size:19px;line-height:1.25;font-weight:700;color:var(--n);letter-spacing:-.01em}
.fxcm-sub{margin:3px 0 0;color:var(--mut);font-size:13.5px}
.fxcm-cmp{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 12px;border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:15px}
.fxcm-cmp th,.fxcm-cmp td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--line);font-weight:400}
.fxcm-cmp tr:last-child th,.fxcm-cmp tr:last-child td{border-bottom:0}
.fxcm-cmp thead th{background:#F3F6FA;color:var(--mut);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:6px 12px}
.fxcm-cmp tbody th{color:var(--mut);width:28%}
.fxcm-cmp td.fxcm-s{font-variant-numeric:tabular-nums;font-weight:600;color:var(--n)}
.fxcm-cmp .fxcm-yv{display:none}
.fxcm-y .fxcm-cmp .fxcm-yv{display:table-cell}
.fxcm-y .fxcm-cmp td.fxcm-yv{background:#FFF8E6}
.fxcm-y .fxcm-cmp thead th.fxcm-yv{background:#FDEFC8;color:#7A5200}
.fxcm-y .fxcm-cmp tr.fxcm-chg-row td.fxcm-s{color:#9AA4B1;text-decoration:line-through;font-weight:400}
.fxcm-cmp td.fxcm-yv b{color:#7A4B00;font-variant-numeric:tabular-nums}
.fxcm-same{color:#9AA4B1;font-size:13px}
.fxcm-row{display:flex;flex-direction:column;gap:8px}
.fxcm-opt{display:flex;align-items:flex-start;gap:10px;width:100%;margin:0;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font:inherit;font-size:14.5px;color:#1B2430;text-align:left;min-height:52px;transition:border-color .15s,background .15s}
.fxcm-opt:hover{border-color:#A9B8CA}
.fxcm-opt input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--g)}
.fxcm-chg{font-weight:600;color:var(--b);align-items:center;justify-content:space-between}
.fxcm-chg i{font-style:normal;font-size:14px;transition:transform .2s}
.fxcm-open .fxcm-chg i{transform:rotate(180deg)}
.fxcm-opt.on{border-color:var(--g);background:#ECF7F0}
.fxcm-chg.on{border-color:#C98A00;background:#FFF8E6;color:#7A4B00}
.fxcm-open .fxcm-chg{border-color:var(--b);background:#EEF4FB;color:var(--b)}
.fxcm-msg{display:none;margin:10px 0 0;padding:10px 12px;border-radius:10px;font-size:14px}
.fxcm-msg.fxcm-good{display:block;background:#ECF7F0;color:#145C38}
.fxcm-msg.fxcm-warn{display:block;background:#FFF4D6;color:#6B4A00;border:1px solid #E6C46A}
.fxcm-msg.fxcm-err{display:block;background:#FDECEA;color:#8A1C12}
.fxcm-done{margin:8px 0 0;font-size:13.5px;color:var(--mut)}
.fxcm-done:empty{display:none}
.fxcm-form{margin:10px 0 0;padding:14px;border:1.5px solid var(--b);border-radius:12px;background:#fff}
.fxcm-form[hidden]{display:none}
.fxcm-t{font-weight:700;color:var(--n);margin:0 0 10px;font-size:16px}
.fxcm-t span{font-weight:400;color:var(--mut);font-size:13px}
.fxcm-u{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;color:var(--mut)}
.fxcm-g{display:grid;grid-template-columns:64px 1fr;gap:8px 10px;align-items:center}
.fxcm-g label{font-weight:600;color:var(--n)}
.fxcm-form input[type=text],.fxcm-form input[type=email],.fxcm-form select,.fxcm-form textarea{width:100%;padding:10px 12px;border:1.5px solid #B9C5D3;border-radius:10px;font:16px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;color:#1B2430}
.fxcm-form input[type=text]:focus,.fxcm-form input[type=email]:focus,.fxcm-form textarea:focus,.fxcm-form select:focus{outline:none;border-color:var(--b);box-shadow:0 0 0 3px rgba(29,95,168,.18)}
.fxcm-g input[type=text]{font-size:18px;font-variant-numeric:tabular-nums}
.fxcm-u select{width:auto}
.fxcm-l{display:block;margin:12px 0 4px;font-weight:600;font-size:14px;color:var(--n)}
.fxcm-hint{margin:5px 0 0;color:var(--mut);font-size:12.5px;line-height:1.4}
.fxcm-hint a{color:var(--b)}
.fxcm-form input[type=file]{max-width:100%;font-size:13px}
.fxcm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fxcm-btn{display:inline-flex;align-items:center;justify-content:center;margin:12px 8px 0 0;padding:12px 18px;min-height:46px;border:0;border-radius:10px;background:var(--b);color:#fff;font:600 15px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer}
.fxcm-btn:hover{filter:brightness(1.07)}
.fxcm-btn.fxcm-2{background:#E8EDF3;color:var(--n)}
.fxcm-btn.fxcm-go{background:var(--g)}
#fxcm-vbtn{width:100%}
.fxcm-ver{margin:12px 0 0;padding:12px;background:#F6F8FB;border:1px solid var(--line);border-radius:10px}
.fxcm-ver[hidden]{display:none}
.fxcm-vt{font-weight:700;color:var(--n);margin:0 0 6px}
.fxcm-ver table{width:100%;border-collapse:collapse;font-size:14px}
.fxcm-ver th,.fxcm-ver td{padding:6px;border-bottom:1px solid #E1E6EC;text-align:left;font-variant-numeric:tabular-nums}
.fxcm-ver thead th{font-size:11.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.fxcm-ver td.fxcm-big,.fxcm-ver p.fxcm-big{color:#8A1C12;font-weight:600}
.fxcm-ver p{margin:8px 0 0;font-size:14px}
/* sizes the customer entered, on the drawing labels / photo dims */
.fxcm-yours{color:#7A4B00!important;background:#FFF1C9;border-radius:4px;padding:0 3px}
/* order summary (above Buy Now) */
.fxcm-sum{margin:14px 0;padding:14px;border:1px solid #DCE3EC;border-radius:12px;background:#F8FAFC;font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1B2430}
.fxcm-sum-h{font-weight:700;color:#0B2545;font-size:15px;margin:0 0 6px}
.fxcm-sum table{width:100%;border-collapse:collapse}
.fxcm-sum th,.fxcm-sum td{padding:5px 0;border-bottom:1px solid #E6EBF1;text-align:left;vertical-align:top}
.fxcm-sum th{color:#5B6675;font-weight:500;width:38%;padding-right:8px}
.fxcm-sum-p{display:flex;justify-content:space-between;align-items:baseline;margin:10px 0 0;font-weight:600}
.fxcm-sum-p b{font-size:20px;color:#0B2545}
.fxcm-tag{display:inline-block;margin-left:4px;padding:1px 7px;border-radius:99px;background:#FDEFC8;color:#7A4B00;font-size:11px;font-weight:600;vertical-align:1px}
.fxcm-tag-ok{background:#DDF1E5;color:#145C38}
.fxcm-sum-need{color:#B54708;font-weight:600}
@media (min-width:520px){.fxcm-row{flex-direction:row}.fxcm-opt{flex:1 1 0}.fxcm-okt{flex-grow:1.4}}

/* 2026-10-24 (Bill): Buy Now greyed + note until measurements are confirmed; click highlights the checkbox */
#fxbn-box input.fxcm-locked,#fxbn-box button.fxcm-locked{opacity:.45;filter:grayscale(1);cursor:not-allowed;box-shadow:none}
.fxcm-lnote{display:block;margin:8px 0 0;padding:7px 10px;border:1px solid #F0D48A;border-radius:8px;background:#FFF6E0;color:#7A4E00;font:600 13px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-align:center}
.fxcm-lnote[hidden]{display:none}
.fxcm-okt.fxcm-hl{outline:3px solid #F5A623;outline-offset:3px;border-radius:10px;animation:fxcmHl .9s ease-in-out 3}
@keyframes fxcmHl{50%{box-shadow:0 0 0 9px rgba(245,166,35,.35)}}

/* 2026-10-28 confirm-before-cut */
.fxcm-u{flex-wrap:wrap}.fxcm-uh{flex-basis:100%;font-size:12.5px;color:var(--mut)}
@media (min-width:520px){.fxcm-uh{flex-basis:auto}}
.fxcm-g.fxcm-g3{grid-template-columns:64px 1fr auto}
.fxcm-gh{font-size:11.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.fxcm-our{font-size:15px;color:#3C4A5C;font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 4px;min-width:64px}
.fxcm-ver p.fxcm-note{margin:10px 0 0;padding:10px 12px;background:#EEF4FB;border-left:3px solid #1D5FA8;border-radius:6px;color:#1B2430}
.fxcm-cf{margin:10px 0 0}.fxcm-cf .fxcm-l{margin-top:8px}
.fxcm-cf2{display:grid;grid-template-columns:1fr;gap:0 10px}
@media (min-width:520px){.fxcm-cf2{grid-template-columns:1fr 1fr}}
.fxcm-form input[type=tel]{width:100%;padding:10px 12px;border:1.5px solid #B9C5D3;border-radius:10px;font:16px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;color:#1B2430}
.fxcm-form input[type=tel]:focus{outline:none;border-color:var(--b);box-shadow:0 0 0 3px rgba(29,95,168,.18)}
.fxcm-opt-l{font-weight:400;color:var(--mut)}

/* 2026-11-03 Bill fold: remove the measurements box; button + expandable form only */
.fxcm-head,.fxcm-cmp{display:none!important}
.fxcm-y .fxcm-done{display:block;margin:0 0 8px;padding:8px 10px;border-radius:10px;background:#FFF8E6;border:1px solid #E6C46A;color:#7A4B00;font-size:13.5px}
.fxm2-under-sail .fxcm{margin:0}
.fxm2-under-sail .fxcm-row{margin:0}